diff --git a/lerna.json b/lerna.json
new file mode 100644
index 0000000000..b0382dcea4
--- /dev/null
+++ b/lerna.json
@@ -0,0 +1,7 @@
+{
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
+  "useWorkspaces": false,
+  "packages": ["packages/*"],
+  "version": "0.0.0",
+  "npmClient": "yarn"
+}
diff --git a/package.json b/package.json
index 8a4d81867f..b54d40e96d 100644
--- a/package.json
+++ b/package.json
@@ -1,474 +1,19 @@
 {
-  "name": "@k8slens/open-lens",
-  "productName": "OpenLens",
-  "description": "OpenLens - Open Source IDE for Kubernetes",
-  "homepage": "https://github.com/lensapp/lens",
-  "version": "6.4.0-alpha.0",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/lensapp/lens.git"
-  },
-  "keywords": [],
-  "bugs": {
-    "url": "https://github.com/lensapp/lens/issues"
-  },
-  "main": "static/build/main.js",
-  "exports": {
-    "./main": "./static/build/library/main.js",
-    "./renderer": "./static/build/library/renderer.js",
-    "./common": "./static/build/library/common.js",
-    "./styles": "./static/build/library/renderer.css"
-  },
-  "typesVersions": {
-    "*": {
-      "main": [
-        "./src/main/library.ts"
-      ],
-      "renderer": [
-        "./src/renderer/library.ts"
-      ],
-      "common": [
-        "./src/common/library.ts"
-      ]
-    }
-  },
-  "files": [
-    "build/download_binaries.ts",
-    "build/*.plist",
-    "build/installer.nsh",
-    "build/notarize.js",
-    "src/**/*",
-    "static/build/library/**/*",
-    "templates/**/*",
-    "types/*",
-    "tsconfig.json"
-  ],
-  "copyright": "© 2022 OpenLens Authors",
-  "license": "MIT",
-  "author": "OpenLens Authors <info@k8slens.dev>",
+  "name": "lens-monorepo",
+  "private": true,
   "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",
-    "dev-run": "nodemon --watch ./static/build/main.js --exec \"electron --remote-debugging-port=9223 --inspect .\"",
-    "dev:main": "yarn run compile:main --watch --progress",
-    "dev:renderer": "yarn run ts-node webpack/dev-server.ts",
-    "compile-library": "env NODE_ENV=production yarn run webpack --config webpack/library-bundle.ts",
-    "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 webpack --config webpack/extensions.ts",
-    "compile:node-fetch": "yarn run webpack --config webpack/node-fetch.ts",
-    "prepare": "yarn run compile:node-fetch",
-    "npm:fix-extensions-package-version": "yarn run ts-node build/set_extensions_npm_version.ts",
-    "build:linux": "yarn run compile && electron-builder --linux --dir",
-    "build:mac": "yarn run compile && electron-builder --mac --dir",
-    "build:win": "yarn run compile && electron-builder --win --dir",
-    "integration": "jest --runInBand --detectOpenHandles --forceExit integration",
-    "test:unit": "func() { jest ${1} --watch --testPathIgnorePatterns integration; }; func",
-    "test:integration": "func() { jest ${1:-xyz} --watch --runInBand --detectOpenHandles --forceExit --modulePaths=[\"<rootDir>/integration/\"]; }; func",
-    "dist": "yarn run compile && electron-builder --publish onTag",
-    "dist:dir": "yarn run dist --dir -c.compression=store -c.mac.identity=null",
-    "download:binaries": "yarn run ts-node build/download_binaries.ts",
-    "build:tray-icons": "yarn run ts-node build/generate-tray-icons.ts",
-    "build:theme-vars": "yarn run ts-node build/build_theme_vars.ts",
-    "lint": "PROD=true yarn run eslint --ext js,ts,tsx --max-warnings=0 .",
-    "lint:fix": "yarn run lint --fix",
-    "mkdocs-serve-local": "docker build -t mkdocs-serve-local:latest mkdocs/ && docker run --rm -it -p 8000:8000 -v ${PWD}:/docs mkdocs-serve-local:latest",
-    "verify-docs": "docker build -t mkdocs-serve-local:latest mkdocs/ && docker run --rm -v ${PWD}:/docs mkdocs-serve-local:latest build --strict",
-    "typedocs-extensions-api": "yarn run typedoc src/extensions/extension-api.ts",
-    "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",
-    "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.3.0",
-    "bundledKubectlVersion": "1.23.3",
-    "bundledHelmVersion": "3.7.2",
-    "sentryDsn": "",
-    "contentSecurityPolicy": "script-src 'unsafe-eval' 'self'; frame-src https://*.lens.app:*/; img-src * data:",
-    "welcomeRoute": "/welcome"
-  },
-  "engines": {
-    "node": ">=16 <17"
-  },
-  "jest": {
-    "collectCoverage": false,
-    "verbose": true,
-    "transform": {
-      "^.+\\.(t|j)sx?$": [
-        "@swc/jest"
-      ]
-    },
-    "testEnvironment": "jsdom",
-    "resolver": "<rootDir>/src/jest-28-resolver.js",
-    "moduleNameMapper": {
-      "\\.(css|scss)$": "identity-obj-proxy",
-      "\\.(svg|png|jpg|eot|woff2?|ttf)$": "<rootDir>/__mocks__/assetMock.ts"
-    },
-    "modulePathIgnorePatterns": [
-      "<rootDir>/dist",
-      "<rootDir>/packages"
-    ],
-    "setupFiles": [
-      "<rootDir>/src/jest.setup.ts",
-      "jest-canvas-mock"
-    ],
-    "globalSetup": "<rootDir>/src/jest.timezone.ts",
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/jest-after-env.setup.ts"
-    ],
-    "runtime": "@side/jest-runtime"
-  },
-  "build": {
-    "generateUpdatesFilesForAllChannels": true,
-    "files": [
-      "static/**/*"
-    ],
-    "afterSign": "build/notarize.js",
-    "extraResources": [
-      {
-        "from": "templates/",
-        "to": "./templates/",
-        "filter": "**/*.yaml"
-      },
-      "LICENSE"
-    ],
-    "linux": {
-      "executableName": "open-lens",
-      "category": "Network",
-      "artifactName": "${productName}-${version}.${arch}.${ext}",
-      "target": [
-        "deb",
-        "rpm",
-        "AppImage"
-      ],
-      "extraResources": [
-        {
-          "from": "binaries/client/linux/${arch}/kubectl",
-          "to": "./${arch}/kubectl"
-        },
-        {
-          "from": "binaries/client/linux/${arch}/lens-k8s-proxy",
-          "to": "./${arch}/lens-k8s-proxy"
-        },
-        {
-          "from": "binaries/client/linux/${arch}/helm",
-          "to": "./${arch}/helm"
-        }
-      ]
-    },
-    "rpm": {
-      "fpm": [
-        "--rpm-rpmbuild-define=%define _build_id_links none"
-      ]
-    },
-    "mac": {
-      "executableName": "OpenLens",
-      "hardenedRuntime": true,
-      "gatekeeperAssess": false,
-      "entitlements": "build/entitlements.mac.plist",
-      "entitlementsInherit": "build/entitlements.mac.plist",
-      "extraResources": [
-        {
-          "from": "binaries/client/darwin/${arch}/kubectl",
-          "to": "./${arch}/kubectl"
-        },
-        {
-          "from": "binaries/client/darwin/${arch}/lens-k8s-proxy",
-          "to": "./${arch}/lens-k8s-proxy"
-        },
-        {
-          "from": "binaries/client/darwin/${arch}/helm",
-          "to": "./${arch}/helm"
-        }
-      ]
-    },
-    "win": {
-      "executableName": "OpenLens.exe",
-      "target": [
-        "nsis"
-      ],
-      "extraResources": [
-        {
-          "from": "binaries/client/windows/${arch}/kubectl.exe",
-          "to": "./${arch}/kubectl.exe"
-        },
-        {
-          "from": "binaries/client/windows/${arch}/lens-k8s-proxy.exe",
-          "to": "./${arch}/lens-k8s-proxy.exe"
-        },
-        {
-          "from": "binaries/client/windows/${arch}/helm.exe",
-          "to": "./${arch}/helm.exe"
-        }
-      ]
-    },
-    "nsis": {
-      "include": "build/installer.nsh",
-      "oneClick": false,
-      "allowElevation": true,
-      "createStartMenuShortcut": true,
-      "allowToChangeInstallationDirectory": true
-    },
-    "protocols": {
-      "name": "Lens Protocol Handler",
-      "schemes": [
-        "lens"
-      ],
-      "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.18.0",
-    "@material-ui/styles": "^4.11.5",
-    "@ogre-tools/fp": "^12.0.1",
-    "@ogre-tools/injectable": "^12.0.1",
-    "@ogre-tools/injectable-extension-for-auto-registration": "^12.0.1",
-    "@ogre-tools/injectable-extension-for-mobx": "^12.0.1",
-    "@ogre-tools/injectable-react": "^12.0.1",
-    "@sentry/electron": "^3.0.8",
-    "@sentry/integrations": "^6.19.3",
-    "@side/jest-runtime": "^1.0.1",
-    "abort-controller": "^3.0.0",
-    "auto-bind": "^4.0.0",
-    "await-lock": "^2.2.2",
-    "byline": "^5.0.0",
-    "chokidar": "^3.5.3",
-    "conf": "^7.1.2",
-    "crypto-js": "^4.1.1",
-    "electron-devtools-installer": "^3.2.0",
-    "electron-updater": "^4.6.5",
-    "electron-window-state": "^5.0.3",
-    "filehound": "^1.17.6",
-    "fs-extra": "^9.0.1",
-    "glob-to-regexp": "^0.4.1",
-    "got": "^11.8.6",
-    "grapheme-splitter": "^1.0.4",
-    "handlebars": "^4.7.7",
-    "history": "^4.10.1",
-    "hpagent": "^1.2.0",
-    "http-proxy": "^1.18.1",
-    "immer": "^9.0.17",
-    "joi": "^17.7.0",
-    "js-yaml": "^4.1.0",
-    "jsdom": "^16.7.0",
-    "lodash": "^4.17.15",
-    "marked": "^4.2.5",
-    "md5-file": "^5.0.0",
-    "mobx": "^6.7.0",
-    "mobx-observable-history": "^2.0.3",
-    "mobx-react": "^7.6.0",
-    "mobx-utils": "^6.0.4",
-    "moment": "^2.29.4",
-    "moment-timezone": "^0.5.40",
-    "node-fetch": "^3.3.0",
-    "node-pty": "0.10.1",
-    "npm": "^8.19.3",
-    "p-limit": "^3.1.0",
-    "path-to-regexp": "^6.2.0",
-    "proper-lockfile": "^4.1.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-material-ui-carousel": "^2.3.11",
-    "react-router": "^5.3.4",
-    "react-virtualized-auto-sizer": "^1.0.7",
-    "readable-stream": "^3.6.0",
-    "request": "^2.88.2",
-    "request-promise-native": "^1.0.9",
-    "rfc6902": "^5.0.1",
-    "selfsigned": "^2.1.1",
-    "semver": "^7.3.8",
-    "tar": "^6.1.13",
-    "tcp-port-used": "^1.0.2",
-    "tempy": "1.0.1",
-    "typed-regex": "^0.0.8",
-    "url-parse": "^1.5.10",
-    "uuid": "^8.3.2",
-    "win-ca": "^3.5.0",
-    "winston": "^3.8.2",
-    "winston-transport-browserconsole": "^1.0.5",
-    "ws": "^8.12.0",
-    "xterm-link-provider": "^1.3.1"
+    "build": "lerna run build",
+    "clean:node_modules": "lerna clean -y && rm -rf node_modules",
+    "mkdocs:serve-local": "docker build -t mkdocs-serve-local:latest mkdocs/ && docker run --rm -it -p 8000:8000 -v ${PWD}:/docs mkdocs-serve-local:latest",
+    "mkdocs:verify": "docker build -t mkdocs-serve-local:latest mkdocs/ && docker run --rm -v ${PWD}:/docs mkdocs-serve-local:latest build --strict",
+    "test": "lerna run test:unit"
   },
   "devDependencies": {
-    "@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.10",
-    "@sentry/types": "^6.19.7",
-    "@swc/cli": "^0.1.59",
-    "@swc/core": "^1.3.25",
-    "@swc/jest": "^0.2.24",
-    "@testing-library/dom": "^7.31.2",
-    "@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",
-    "@types/chart.js": "^2.9.36",
-    "@types/circular-dependency-plugin": "5.0.5",
-    "@types/cli-progress": "^3.11.0",
-    "@types/color": "^3.0.3",
-    "@types/command-line-args": "^5.2.0",
-    "@types/crypto-js": "^3.1.47",
-    "@types/dompurify": "^2.4.0",
-    "@types/electron-devtools-installer": "^2.2.1",
-    "@types/fs-extra": "^9.0.13",
-    "@types/glob-to-regexp": "^0.4.1",
-    "@types/gunzip-maybe": "^1.4.0",
-    "@types/hapi__call": "^9.0.0",
-    "@types/hapi__subtext": "^7.0.0",
-    "@types/html-webpack-plugin": "^3.2.6",
-    "@types/http-proxy": "^1.17.9",
-    "@types/jest": "^28.1.6",
-    "@types/js-yaml": "^4.0.5",
-    "@types/jsdom": "^16.2.14",
-    "@types/lodash": "^4.14.191",
-    "@types/marked": "^4.0.8",
-    "@types/md5-file": "^4.0.2",
-    "@types/memorystream": "^0.3.0",
-    "@types/mini-css-extract-plugin": "^2.4.0",
-    "@types/mock-fs": "^4.13.1",
-    "@types/node": "^16.18.11",
-    "@types/proper-lockfile": "^4.1.2",
-    "@types/randomcolor": "^0.5.7",
-    "@types/react": "^17.0.45",
-    "@types/react-beautiful-dnd": "^13.1.3",
-    "@types/react-dom": "^17.0.16",
-    "@types/react-router": "^5.1.19",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/react-table": "^7.7.14",
-    "@types/react-virtualized-auto-sizer": "^1.0.1",
-    "@types/react-window": "^1.8.5",
-    "@types/readable-stream": "^2.3.13",
-    "@types/request": "^2.48.7",
-    "@types/request-promise-native": "^1.0.18",
-    "@types/semver": "^7.3.13",
-    "@types/sharp": "^0.31.1",
-    "@types/tar": "^6.1.3",
-    "@types/tar-stream": "^2.2.2",
-    "@types/tcp-port-used": "^1.0.1",
-    "@types/tempy": "^0.3.0",
-    "@types/triple-beam": "^1.3.2",
-    "@types/url-parse": "^1.4.8",
-    "@types/uuid": "^8.3.4",
-    "@types/webpack": "^5.28.0",
-    "@types/webpack-dev-server": "^4.7.2",
-    "@types/webpack-env": "^1.18.0",
-    "@types/webpack-node-externals": "^2.5.3",
-    "@typescript-eslint/eslint-plugin": "^5.48.1",
-    "@typescript-eslint/parser": "^5.48.1",
     "adr": "^1.4.3",
-    "ansi_up": "^5.1.0",
-    "chalk": "^4.1.2",
-    "chart.js": "^2.9.4",
-    "circular-dependency-plugin": "^5.2.2",
-    "cli-progress": "^3.11.2",
-    "color": "^3.2.1",
-    "command-line-args": "^5.2.1",
-    "concurrently": "^7.6.0",
-    "css-loader": "^6.7.3",
-    "deepdash": "^5.3.9",
-    "dompurify": "^2.4.3",
-    "electron": "^19.1.9",
-    "electron-builder": "^23.6.0",
-    "electron-notarize": "^0.3.0",
-    "esbuild": "^0.16.14",
-    "esbuild-loader": "^2.20.0",
-    "eslint": "^8.31.0",
-    "eslint-import-resolver-typescript": "^3.5.2",
-    "eslint-plugin-header": "^3.1.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-react": "7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-unused-imports": "^2.0.0",
-    "fork-ts-checker-webpack-plugin": "^6.5.2",
-    "gunzip-maybe": "^1.4.2",
-    "html-webpack-plugin": "^5.5.0",
-    "identity-obj-proxy": "^3.0.0",
-    "ignore-loader": "^0.1.2",
-    "include-media": "^1.4.9",
-    "jest": "^28.1.3",
-    "jest-canvas-mock": "^2.3.1",
-    "jest-environment-jsdom": "^28.1.3",
-    "jest-mock-extended": "^2.0.9",
-    "make-plural": "^6.2.2",
-    "memfs": "^3.4.12",
-    "memorystream": "^0.3.1",
-    "mini-css-extract-plugin": "^2.7.2",
-    "mock-http": "^1.1.0",
-    "monaco-editor": "^0.29.1",
-    "monaco-editor-webpack-plugin": "^5.0.0",
-    "node-gyp": "^8.3.0",
-    "node-loader": "^2.0.0",
-    "nodemon": "^2.0.20",
-    "playwright": "^1.29.2",
-    "postcss": "^8.4.21",
-    "postcss-loader": "^6.2.1",
-    "query-string": "^7.1.3",
-    "randomcolor": "^0.6.2",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-refresh": "^0.14.0",
-    "react-refresh-typescript": "^2.0.7",
-    "react-router-dom": "^5.3.4",
-    "react-select": "^5.7.0",
-    "react-select-event": "^5.5.1",
-    "react-table": "^7.8.0",
-    "react-window": "^1.8.8",
-    "sass": "^1.57.1",
-    "sass-loader": "^12.6.0",
-    "sharp": "^0.31.3",
-    "style-loader": "^3.3.1",
-    "tailwindcss": "^3.2.4",
-    "tar-stream": "^2.2.0",
-    "ts-loader": "^9.4.2",
-    "ts-node": "^10.9.1",
-    "type-fest": "^2.14.0",
-    "typed-emitter": "^1.4.0",
-    "typedoc": "0.23.24",
-    "typedoc-plugin-markdown": "^3.13.6",
-    "typescript": "^4.9.4",
-    "typescript-plugin-css-modules": "^3.4.0",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.11.1",
-    "webpack-node-externals": "^3.0.0",
-    "xterm": "^4.19.0",
-    "xterm-addon-fit": "^0.5.0"
-  },
-  "peerDependencies": {
-    "@types/byline": "^4.2.33",
-    "@types/chart.js": "^2.9.36",
-    "@types/color": "^3.0.3",
-    "@types/crypto-js": "^3.1.47",
-    "@types/lodash": "^4.14.191",
-    "@types/proper-lockfile": "^4.1.2",
-    "@types/react-dom": "^17.0.16",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/react-virtualized-auto-sizer": "^1.0.1",
-    "@types/react-window": "^1.8.5",
-    "@types/request-promise-native": "^1.0.18",
-    "@types/tar": "^6.1.3",
-    "@types/tcp-port-used": "^1.0.1",
-    "@types/url-parse": "^1.4.8",
-    "@types/uuid": "^8.3.4",
-    "monaco-editor": "^0.29.1",
-    "react-select": "^5.7.0",
-    "typed-emitter": "^1.4.0",
-    "xterm-addon-fit": "^0.5.0"
+    "lerna": "^6.3.0"
   }
 }
diff --git a/packages/core/.gitignore b/packages/core/.gitignore
new file mode 100644
index 0000000000..81f59a8598
--- /dev/null
+++ b/packages/core/.gitignore
@@ -0,0 +1,5 @@
+static/build/
+build/webpack/
+binaries/
+dist/
+node_modules/
\ No newline at end of file
diff --git a/Makefile b/packages/core/Makefile
similarity index 100%
rename from Makefile
rename to packages/core/Makefile
diff --git a/__mocks__/@sentry/electron/main.ts b/packages/core/__mocks__/@sentry/electron/main.ts
similarity index 100%
rename from __mocks__/@sentry/electron/main.ts
rename to packages/core/__mocks__/@sentry/electron/main.ts
diff --git a/__mocks__/@sentry/electron/renderer.ts b/packages/core/__mocks__/@sentry/electron/renderer.ts
similarity index 100%
rename from __mocks__/@sentry/electron/renderer.ts
rename to packages/core/__mocks__/@sentry/electron/renderer.ts
diff --git a/__mocks__/assetMock.ts b/packages/core/__mocks__/assetMock.ts
similarity index 100%
rename from __mocks__/assetMock.ts
rename to packages/core/__mocks__/assetMock.ts
diff --git a/__mocks__/electron-updater.ts b/packages/core/__mocks__/electron-updater.ts
similarity index 100%
rename from __mocks__/electron-updater.ts
rename to packages/core/__mocks__/electron-updater.ts
diff --git a/__mocks__/electron.ts b/packages/core/__mocks__/electron.ts
similarity index 100%
rename from __mocks__/electron.ts
rename to packages/core/__mocks__/electron.ts
diff --git a/__mocks__/node-pty.ts b/packages/core/__mocks__/node-pty.ts
similarity index 100%
rename from __mocks__/node-pty.ts
rename to packages/core/__mocks__/node-pty.ts
diff --git a/__mocks__/react-beautiful-dnd.tsx b/packages/core/__mocks__/react-beautiful-dnd.tsx
similarity index 100%
rename from __mocks__/react-beautiful-dnd.tsx
rename to packages/core/__mocks__/react-beautiful-dnd.tsx
diff --git a/__mocks__/react-virtualized-auto-sizer.tsx b/packages/core/__mocks__/react-virtualized-auto-sizer.tsx
similarity index 100%
rename from __mocks__/react-virtualized-auto-sizer.tsx
rename to packages/core/__mocks__/react-virtualized-auto-sizer.tsx
diff --git a/build/download_binaries.ts b/packages/core/build/download_binaries.ts
similarity index 100%
rename from build/download_binaries.ts
rename to packages/core/build/download_binaries.ts
diff --git a/build/entitlements.mac.plist b/packages/core/build/entitlements.mac.plist
similarity index 100%
rename from build/entitlements.mac.plist
rename to packages/core/build/entitlements.mac.plist
diff --git a/build/generate-tray-icons.ts b/packages/core/build/generate-tray-icons.ts
similarity index 100%
rename from build/generate-tray-icons.ts
rename to packages/core/build/generate-tray-icons.ts
diff --git a/build/icon.ico b/packages/core/build/icon.ico
similarity index 100%
rename from build/icon.ico
rename to packages/core/build/icon.ico
diff --git a/build/icon.png b/packages/core/build/icon.png
similarity index 100%
rename from build/icon.png
rename to packages/core/build/icon.png
diff --git a/build/icons/512x512.png b/packages/core/build/icons/512x512.png
similarity index 100%
rename from build/icons/512x512.png
rename to packages/core/build/icons/512x512.png
diff --git a/build/icons/512x512@2x.png b/packages/core/build/icons/512x512@2x.png
similarity index 100%
rename from build/icons/512x512@2x.png
rename to packages/core/build/icons/512x512@2x.png
diff --git a/build/installer.nsh b/packages/core/build/installer.nsh
similarity index 100%
rename from build/installer.nsh
rename to packages/core/build/installer.nsh
diff --git a/build/notarize.js b/packages/core/build/notarize.js
similarity index 100%
rename from build/notarize.js
rename to packages/core/build/notarize.js
diff --git a/build/set_extensions_npm_version.ts b/packages/core/build/set_extensions_npm_version.ts
similarity index 100%
rename from build/set_extensions_npm_version.ts
rename to packages/core/build/set_extensions_npm_version.ts
diff --git a/build/tray/trayIcon.png b/packages/core/build/tray/trayIcon.png
similarity index 100%
rename from build/tray/trayIcon.png
rename to packages/core/build/tray/trayIcon.png
diff --git a/build/tray/trayIcon@2x.png b/packages/core/build/tray/trayIcon@2x.png
similarity index 100%
rename from build/tray/trayIcon@2x.png
rename to packages/core/build/tray/trayIcon@2x.png
diff --git a/build/tray/trayIcon@3x.png b/packages/core/build/tray/trayIcon@3x.png
similarity index 100%
rename from build/tray/trayIcon@3x.png
rename to packages/core/build/tray/trayIcon@3x.png
diff --git a/build/tray/trayIcon@4x.png b/packages/core/build/tray/trayIcon@4x.png
similarity index 100%
rename from build/tray/trayIcon@4x.png
rename to packages/core/build/tray/trayIcon@4x.png
diff --git a/build/tray/trayIconCheckingForUpdates.png b/packages/core/build/tray/trayIconCheckingForUpdates.png
similarity index 100%
rename from build/tray/trayIconCheckingForUpdates.png
rename to packages/core/build/tray/trayIconCheckingForUpdates.png
diff --git a/build/tray/trayIconCheckingForUpdates@2x.png b/packages/core/build/tray/trayIconCheckingForUpdates@2x.png
similarity index 100%
rename from build/tray/trayIconCheckingForUpdates@2x.png
rename to packages/core/build/tray/trayIconCheckingForUpdates@2x.png
diff --git a/build/tray/trayIconCheckingForUpdates@3x.png b/packages/core/build/tray/trayIconCheckingForUpdates@3x.png
similarity index 100%
rename from build/tray/trayIconCheckingForUpdates@3x.png
rename to packages/core/build/tray/trayIconCheckingForUpdates@3x.png
diff --git a/build/tray/trayIconCheckingForUpdates@4x.png b/packages/core/build/tray/trayIconCheckingForUpdates@4x.png
similarity index 100%
rename from build/tray/trayIconCheckingForUpdates@4x.png
rename to packages/core/build/tray/trayIconCheckingForUpdates@4x.png
diff --git a/build/tray/trayIconCheckingForUpdatesTemplate.png b/packages/core/build/tray/trayIconCheckingForUpdatesTemplate.png
similarity index 100%
rename from build/tray/trayIconCheckingForUpdatesTemplate.png
rename to packages/core/build/tray/trayIconCheckingForUpdatesTemplate.png
diff --git a/build/tray/trayIconCheckingForUpdatesTemplate@2x.png b/packages/core/build/tray/trayIconCheckingForUpdatesTemplate@2x.png
similarity index 100%
rename from build/tray/trayIconCheckingForUpdatesTemplate@2x.png
rename to packages/core/build/tray/trayIconCheckingForUpdatesTemplate@2x.png
diff --git a/build/tray/trayIconCheckingForUpdatesTemplate@3x.png b/packages/core/build/tray/trayIconCheckingForUpdatesTemplate@3x.png
similarity index 100%
rename from build/tray/trayIconCheckingForUpdatesTemplate@3x.png
rename to packages/core/build/tray/trayIconCheckingForUpdatesTemplate@3x.png
diff --git a/build/tray/trayIconCheckingForUpdatesTemplate@4x.png b/packages/core/build/tray/trayIconCheckingForUpdatesTemplate@4x.png
similarity index 100%
rename from build/tray/trayIconCheckingForUpdatesTemplate@4x.png
rename to packages/core/build/tray/trayIconCheckingForUpdatesTemplate@4x.png
diff --git a/build/tray/trayIconTemplate.png b/packages/core/build/tray/trayIconTemplate.png
similarity index 100%
rename from build/tray/trayIconTemplate.png
rename to packages/core/build/tray/trayIconTemplate.png
diff --git a/build/tray/trayIconTemplate@2x.png b/packages/core/build/tray/trayIconTemplate@2x.png
similarity index 100%
rename from build/tray/trayIconTemplate@2x.png
rename to packages/core/build/tray/trayIconTemplate@2x.png
diff --git a/build/tray/trayIconTemplate@3x.png b/packages/core/build/tray/trayIconTemplate@3x.png
similarity index 100%
rename from build/tray/trayIconTemplate@3x.png
rename to packages/core/build/tray/trayIconTemplate@3x.png
diff --git a/build/tray/trayIconTemplate@4x.png b/packages/core/build/tray/trayIconTemplate@4x.png
similarity index 100%
rename from build/tray/trayIconTemplate@4x.png
rename to packages/core/build/tray/trayIconTemplate@4x.png
diff --git a/build/tray/trayIconUpdateAvailable.png b/packages/core/build/tray/trayIconUpdateAvailable.png
similarity index 100%
rename from build/tray/trayIconUpdateAvailable.png
rename to packages/core/build/tray/trayIconUpdateAvailable.png
diff --git a/build/tray/trayIconUpdateAvailable@2x.png b/packages/core/build/tray/trayIconUpdateAvailable@2x.png
similarity index 100%
rename from build/tray/trayIconUpdateAvailable@2x.png
rename to packages/core/build/tray/trayIconUpdateAvailable@2x.png
diff --git a/build/tray/trayIconUpdateAvailable@3x.png b/packages/core/build/tray/trayIconUpdateAvailable@3x.png
similarity index 100%
rename from build/tray/trayIconUpdateAvailable@3x.png
rename to packages/core/build/tray/trayIconUpdateAvailable@3x.png
diff --git a/build/tray/trayIconUpdateAvailable@4x.png b/packages/core/build/tray/trayIconUpdateAvailable@4x.png
similarity index 100%
rename from build/tray/trayIconUpdateAvailable@4x.png
rename to packages/core/build/tray/trayIconUpdateAvailable@4x.png
diff --git a/build/tray/trayIconUpdateAvailableTemplate.png b/packages/core/build/tray/trayIconUpdateAvailableTemplate.png
similarity index 100%
rename from build/tray/trayIconUpdateAvailableTemplate.png
rename to packages/core/build/tray/trayIconUpdateAvailableTemplate.png
diff --git a/build/tray/trayIconUpdateAvailableTemplate@2x.png b/packages/core/build/tray/trayIconUpdateAvailableTemplate@2x.png
similarity index 100%
rename from build/tray/trayIconUpdateAvailableTemplate@2x.png
rename to packages/core/build/tray/trayIconUpdateAvailableTemplate@2x.png
diff --git a/build/tray/trayIconUpdateAvailableTemplate@3x.png b/packages/core/build/tray/trayIconUpdateAvailableTemplate@3x.png
similarity index 100%
rename from build/tray/trayIconUpdateAvailableTemplate@3x.png
rename to packages/core/build/tray/trayIconUpdateAvailableTemplate@3x.png
diff --git a/build/tray/trayIconUpdateAvailableTemplate@4x.png b/packages/core/build/tray/trayIconUpdateAvailableTemplate@4x.png
similarity index 100%
rename from build/tray/trayIconUpdateAvailableTemplate@4x.png
rename to packages/core/build/tray/trayIconUpdateAvailableTemplate@4x.png
diff --git a/build/tsconfig.json b/packages/core/build/tsconfig.json
similarity index 100%
rename from build/tsconfig.json
rename to packages/core/build/tsconfig.json
diff --git a/integration/__tests__/app-preferences.tests.ts b/packages/core/integration/__tests__/app-preferences.tests.ts
similarity index 100%
rename from integration/__tests__/app-preferences.tests.ts
rename to packages/core/integration/__tests__/app-preferences.tests.ts
diff --git a/integration/__tests__/cluster-pages.tests.ts b/packages/core/integration/__tests__/cluster-pages.tests.ts
similarity index 100%
rename from integration/__tests__/cluster-pages.tests.ts
rename to packages/core/integration/__tests__/cluster-pages.tests.ts
diff --git a/integration/__tests__/command-palette.tests.ts b/packages/core/integration/__tests__/command-palette.tests.ts
similarity index 100%
rename from integration/__tests__/command-palette.tests.ts
rename to packages/core/integration/__tests__/command-palette.tests.ts
diff --git a/integration/helpers/minikube.ts b/packages/core/integration/helpers/minikube.ts
similarity index 100%
rename from integration/helpers/minikube.ts
rename to packages/core/integration/helpers/minikube.ts
diff --git a/integration/helpers/utils.ts b/packages/core/integration/helpers/utils.ts
similarity index 100%
rename from integration/helpers/utils.ts
rename to packages/core/integration/helpers/utils.ts
diff --git a/integration/tsconfig.json b/packages/core/integration/tsconfig.json
similarity index 100%
rename from integration/tsconfig.json
rename to packages/core/integration/tsconfig.json
diff --git a/packages/core/package.json b/packages/core/package.json
new file mode 100644
index 0000000000..de0a7363b8
--- /dev/null
+++ b/packages/core/package.json
@@ -0,0 +1,357 @@
+{
+  "name": "@k8slens/open-lens",
+  "productName": "OpenLens",
+  "description": "OpenLens - Open Source IDE for Kubernetes",
+  "homepage": "https://github.com/lensapp/lens",
+  "version": "6.4.0-alpha.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lensapp/lens.git"
+  },
+  "keywords": [],
+  "bugs": {
+    "url": "https://github.com/lensapp/lens/issues"
+  },
+  "main": "static/build/main.js",
+  "exports": {
+    "./main": "./static/build/library/main.js",
+    "./renderer": "./static/build/library/renderer.js",
+    "./common": "./static/build/library/common.js",
+    "./styles": "./static/build/library/renderer.css"
+  },
+  "typesVersions": {
+    "*": {
+      "main": [
+        "./static/build/library/src/main/library.d.ts"
+      ],
+      "renderer": [
+        "./static/build/library/src/renderer/library.d.ts"
+      ],
+      "common": [
+        "./static/build/library/src/common/library.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "build/download_binaries.ts",
+    "build/*.plist",
+    "build/installer.nsh",
+    "build/notarize.js",
+    "static/build/library/**/*",
+    "templates/**/*",
+    "types/*",
+    "tsconfig.json"
+  ],
+  "copyright": "© 2022 OpenLens Authors",
+  "license": "MIT",
+  "author": "OpenLens Authors <info@k8slens.dev>",
+  "scripts": {
+    "build": "env NODE_ENV=production yarn run webpack --config webpack/library-bundle.ts",
+    "compile:node-fetch": "yarn run webpack --config webpack/node-fetch.ts",
+    "prepare": "yarn run compile:node-fetch",
+    "build:linux": "yarn run compile && electron-builder --linux --dir",
+    "build:mac": "yarn run compile && electron-builder --mac --dir",
+    "build:win": "yarn run compile && electron-builder --win --dir",
+    "integration": "jest --runInBand --detectOpenHandles --forceExit integration",
+    "test:unit": "func() { jest ${1} --watch --testPathIgnorePatterns integration; }; func",
+    "test:integration": "func() { jest ${1:-xyz} --watch --runInBand --detectOpenHandles --forceExit --modulePaths=[\"<rootDir>/integration/\"]; }; func",
+    "dist": "yarn run compile && electron-builder --publish onTag",
+    "dist:dir": "yarn run dist --dir -c.compression=store -c.mac.identity=null",
+    "download:binaries": "yarn run ts-node build/download_binaries.ts",
+    "build:tray-icons": "yarn run ts-node build/generate-tray-icons.ts",
+    "build:theme-vars": "yarn run ts-node build/build_theme_vars.ts",
+    "lint": "PROD=true yarn run eslint --ext js,ts,tsx --max-warnings=0 .",
+    "lint:fix": "yarn run lint --fix",
+    "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",
+    "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.3.0",
+    "bundledKubectlVersion": "1.23.3",
+    "bundledHelmVersion": "3.7.2",
+    "sentryDsn": "",
+    "contentSecurityPolicy": "script-src 'unsafe-eval' 'self'; frame-src https://*.lens.app:*/; img-src * data:",
+    "welcomeRoute": "/welcome"
+  },
+  "engines": {
+    "node": ">=16 <17"
+  },
+  "jest": {
+    "collectCoverage": false,
+    "verbose": true,
+    "transform": {
+      "^.+\\.(t|j)sx?$": [
+        "@swc/jest"
+      ]
+    },
+    "testEnvironment": "jsdom",
+    "resolver": "<rootDir>/src/jest-28-resolver.js",
+    "moduleNameMapper": {
+      "\\.(css|scss)$": "identity-obj-proxy",
+      "\\.(svg|png|jpg|eot|woff2?|ttf)$": "<rootDir>/__mocks__/assetMock.ts"
+    },
+    "modulePathIgnorePatterns": [
+      "<rootDir>/dist",
+      "<rootDir>/packages",
+      "<rootDir>/static/build"
+    ],
+    "setupFiles": [
+      "<rootDir>/src/jest.setup.ts",
+      "jest-canvas-mock"
+    ],
+    "globalSetup": "<rootDir>/src/jest.timezone.ts",
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/jest-after-env.setup.ts"
+    ],
+    "runtime": "@side/jest-runtime"
+  },
+  "build": {},
+  "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.18.0",
+    "@material-ui/styles": "^4.11.5",
+    "@ogre-tools/fp": "^12.0.1",
+    "@ogre-tools/injectable": "^12.0.1",
+    "@ogre-tools/injectable-extension-for-auto-registration": "^12.0.1",
+    "@ogre-tools/injectable-extension-for-mobx": "^12.0.1",
+    "@ogre-tools/injectable-react": "^12.0.1",
+    "@sentry/electron": "^3.0.8",
+    "@sentry/integrations": "^6.19.3",
+    "@side/jest-runtime": "^1.0.1",
+    "abort-controller": "^3.0.0",
+    "auto-bind": "^4.0.0",
+    "await-lock": "^2.2.2",
+    "byline": "^5.0.0",
+    "chokidar": "^3.5.3",
+    "conf": "^7.1.2",
+    "crypto-js": "^4.1.1",
+    "electron-devtools-installer": "^3.2.0",
+    "electron-updater": "^4.6.5",
+    "electron-window-state": "^5.0.3",
+    "filehound": "^1.17.6",
+    "fs-extra": "^9.0.1",
+    "glob-to-regexp": "^0.4.1",
+    "got": "^11.8.6",
+    "grapheme-splitter": "^1.0.4",
+    "handlebars": "^4.7.7",
+    "history": "^4.10.1",
+    "hpagent": "^1.2.0",
+    "http-proxy": "^1.18.1",
+    "immer": "^9.0.17",
+    "joi": "^17.7.0",
+    "js-yaml": "^4.1.0",
+    "jsdom": "^16.7.0",
+    "lodash": "^4.17.15",
+    "marked": "^4.2.5",
+    "md5-file": "^5.0.0",
+    "mobx": "^6.7.0",
+    "mobx-observable-history": "^2.0.3",
+    "mobx-react": "^7.6.0",
+    "mobx-utils": "^6.0.4",
+    "moment": "^2.29.4",
+    "moment-timezone": "^0.5.40",
+    "node-fetch": "^3.3.0",
+    "node-pty": "0.10.1",
+    "npm": "^8.19.3",
+    "p-limit": "^3.1.0",
+    "path-to-regexp": "^6.2.0",
+    "proper-lockfile": "^4.1.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-material-ui-carousel": "^2.3.11",
+    "react-router": "^5.3.4",
+    "react-virtualized-auto-sizer": "^1.0.7",
+    "readable-stream": "^3.6.0",
+    "request": "^2.88.2",
+    "request-promise-native": "^1.0.9",
+    "rfc6902": "^5.0.1",
+    "selfsigned": "^2.1.1",
+    "semver": "^7.3.8",
+    "tar": "^6.1.13",
+    "tcp-port-used": "^1.0.2",
+    "tempy": "1.0.1",
+    "typed-regex": "^0.0.8",
+    "url-parse": "^1.5.10",
+    "uuid": "^8.3.2",
+    "win-ca": "^3.5.0",
+    "winston": "^3.8.2",
+    "winston-transport-browserconsole": "^1.0.5",
+    "ws": "^8.12.0",
+    "xterm-link-provider": "^1.3.1"
+  },
+  "devDependencies": {
+    "@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.10",
+    "@sentry/types": "^6.19.7",
+    "@swc/cli": "^0.1.59",
+    "@swc/core": "^1.3.25",
+    "@swc/jest": "^0.2.24",
+    "@testing-library/dom": "^7.31.2",
+    "@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",
+    "@types/chart.js": "^2.9.36",
+    "@types/circular-dependency-plugin": "5.0.5",
+    "@types/cli-progress": "^3.11.0",
+    "@types/color": "^3.0.3",
+    "@types/command-line-args": "^5.2.0",
+    "@types/crypto-js": "^3.1.47",
+    "@types/dompurify": "^2.4.0",
+    "@types/electron-devtools-installer": "^2.2.1",
+    "@types/fs-extra": "^9.0.13",
+    "@types/glob-to-regexp": "^0.4.1",
+    "@types/gunzip-maybe": "^1.4.0",
+    "@types/hapi__call": "^9.0.0",
+    "@types/hapi__subtext": "^7.0.0",
+    "@types/html-webpack-plugin": "^3.2.6",
+    "@types/http-proxy": "^1.17.9",
+    "@types/jest": "^28.1.6",
+    "@types/js-yaml": "^4.0.5",
+    "@types/jsdom": "^16.2.14",
+    "@types/lodash": "^4.14.191",
+    "@types/marked": "^4.0.8",
+    "@types/md5-file": "^4.0.2",
+    "@types/memorystream": "^0.3.0",
+    "@types/mini-css-extract-plugin": "^2.4.0",
+    "@types/mock-fs": "^4.13.1",
+    "@types/node": "^16.18.11",
+    "@types/proper-lockfile": "^4.1.2",
+    "@types/randomcolor": "^0.5.7",
+    "@types/react": "^17.0.45",
+    "@types/react-beautiful-dnd": "^13.1.3",
+    "@types/react-dom": "^17.0.16",
+    "@types/react-router": "^5.1.19",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-table": "^7.7.14",
+    "@types/react-virtualized-auto-sizer": "^1.0.1",
+    "@types/react-window": "^1.8.5",
+    "@types/readable-stream": "^2.3.13",
+    "@types/request": "^2.48.7",
+    "@types/request-promise-native": "^1.0.18",
+    "@types/semver": "^7.3.13",
+    "@types/sharp": "^0.31.1",
+    "@types/tar": "^6.1.3",
+    "@types/tar-stream": "^2.2.2",
+    "@types/tcp-port-used": "^1.0.1",
+    "@types/tempy": "^0.3.0",
+    "@types/triple-beam": "^1.3.2",
+    "@types/url-parse": "^1.4.8",
+    "@types/uuid": "^8.3.4",
+    "@types/webpack": "^5.28.0",
+    "@types/webpack-dev-server": "^4.7.2",
+    "@types/webpack-node-externals": "^2.5.3",
+    "@typescript-eslint/eslint-plugin": "^5.48.1",
+    "@typescript-eslint/parser": "^5.48.1",
+    "adr": "^1.4.3",
+    "ansi_up": "^5.1.0",
+    "chalk": "^4.1.2",
+    "chart.js": "^2.9.4",
+    "circular-dependency-plugin": "^5.2.2",
+    "cli-progress": "^3.11.2",
+    "color": "^3.2.1",
+    "command-line-args": "^5.2.1",
+    "concurrently": "^7.6.0",
+    "css-loader": "^6.7.3",
+    "deepdash": "^5.3.9",
+    "dompurify": "^2.4.3",
+    "electron": "^19.1.9",
+    "electron-builder": "^23.6.0",
+    "electron-notarize": "^0.3.0",
+    "esbuild": "^0.16.14",
+    "esbuild-loader": "^2.20.0",
+    "eslint": "^8.31.0",
+    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint-plugin-header": "^3.1.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-react": "7.31.11",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-unused-imports": "^2.0.0",
+    "fork-ts-checker-webpack-plugin": "^6.5.2",
+    "gunzip-maybe": "^1.4.2",
+    "html-webpack-plugin": "^5.5.0",
+    "identity-obj-proxy": "^3.0.0",
+    "ignore-loader": "^0.1.2",
+    "include-media": "^1.4.9",
+    "jest": "^28.1.3",
+    "jest-canvas-mock": "^2.3.1",
+    "jest-environment-jsdom": "^28.1.3",
+    "jest-mock-extended": "^2.0.9",
+    "make-plural": "^6.2.2",
+    "memfs": "^3.4.12",
+    "memorystream": "^0.3.1",
+    "mini-css-extract-plugin": "^2.7.2",
+    "mock-http": "^1.1.0",
+    "monaco-editor": "^0.29.1",
+    "monaco-editor-webpack-plugin": "^5.0.0",
+    "node-gyp": "^8.3.0",
+    "node-loader": "^2.0.0",
+    "nodemon": "^2.0.20",
+    "playwright": "^1.29.2",
+    "postcss": "^8.4.21",
+    "postcss-loader": "^6.2.1",
+    "query-string": "^7.1.3",
+    "randomcolor": "^0.6.2",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-refresh": "^0.14.0",
+    "react-refresh-typescript": "^2.0.7",
+    "react-router-dom": "^5.3.4",
+    "react-select": "^5.7.0",
+    "react-select-event": "^5.5.1",
+    "react-table": "^7.8.0",
+    "react-window": "^1.8.8",
+    "sass": "^1.57.1",
+    "sass-loader": "^12.6.0",
+    "sharp": "^0.31.3",
+    "style-loader": "^3.3.1",
+    "tailwindcss": "^3.2.4",
+    "tar-stream": "^2.2.0",
+    "ts-loader": "^9.4.2",
+    "ts-node": "^10.9.1",
+    "type-fest": "^2.14.0",
+    "typed-emitter": "^1.4.0",
+    "typedoc": "0.23.24",
+    "typedoc-plugin-markdown": "^3.13.6",
+    "typescript": "^4.9.4",
+    "typescript-plugin-css-modules": "^3.4.0",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.11.1",
+    "webpack-node-externals": "^3.0.0",
+    "xterm": "^4.19.0",
+    "xterm-addon-fit": "^0.5.0"
+  },
+  "peerDependencies": {
+    "@types/byline": "^4.2.33",
+    "@types/chart.js": "^2.9.36",
+    "@types/color": "^3.0.3",
+    "@types/crypto-js": "^3.1.47",
+    "@types/lodash": "^4.14.191",
+    "@types/proper-lockfile": "^4.1.2",
+    "@types/react-dom": "^17.0.16",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-virtualized-auto-sizer": "^1.0.1",
+    "@types/react-window": "^1.8.5",
+    "@types/request-promise-native": "^1.0.18",
+    "@types/tar": "^6.1.3",
+    "@types/tcp-port-used": "^1.0.1",
+    "@types/url-parse": "^1.4.8",
+    "@types/uuid": "^8.3.4",
+    "monaco-editor": "^0.29.1",
+    "react-select": "^5.7.0",
+    "typed-emitter": "^1.4.0",
+    "xterm-addon-fit": "^0.5.0"
+  }
+}
diff --git a/packages/core/src/common/.gitkeep b/packages/core/src/common/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/core/src/common/__tests__/catalog-category-registry.test.ts b/packages/core/src/common/__tests__/catalog-category-registry.test.ts
new file mode 100644
index 0000000000..7da9e1c7c7
--- /dev/null
+++ b/packages/core/src/common/__tests__/catalog-category-registry.test.ts
@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { CatalogCategorySpec } from "../catalog";
+import { CatalogCategory, CatalogCategoryRegistry } from "../catalog";
+
+class TestCatalogCategoryRegistry extends CatalogCategoryRegistry { }
+
+class TestCatalogCategory extends CatalogCategory {
+  public readonly apiVersion = "catalog.k8slens.dev/v1alpha1";
+  public readonly kind = "CatalogCategory";
+  public metadata = {
+    name: "Test Category",
+    icon: "",
+  };
+  public spec: CatalogCategorySpec = {
+    group: "entity.k8slens.dev",
+    versions: [],
+    names: {
+      kind: "Test",
+    },
+  };
+}
+
+class TestCatalogCategory2 extends CatalogCategory {
+  public readonly apiVersion = "catalog.k8slens.dev/v1alpha1";
+  public readonly kind = "CatalogCategory";
+  public metadata = {
+    name: "Test Category 2",
+    icon: "",
+  };
+  public spec: CatalogCategorySpec = {
+    group: "entity.k8slens.dev",
+    versions: [],
+    names: {
+      kind: "Test2",
+    },
+  };
+}
+
+describe("CatalogCategoryRegistry", () => {
+  it("should remove only the category registered when running the disposer", () => {
+    const registry = new TestCatalogCategoryRegistry();
+
+    expect(registry.items.length).toBe(0);
+
+    const d1 = registry.add(new TestCatalogCategory());
+    const d2 = registry.add(new TestCatalogCategory2());
+
+    expect(registry.items.length).toBe(2);
+
+    d1();
+    expect(registry.items.length).toBe(1);
+
+    d2();
+    expect(registry.items.length).toBe(0);
+  });
+
+  it("doesn't return items that are filtered out", () => {
+    const registry = new TestCatalogCategoryRegistry();
+
+    registry.add(new TestCatalogCategory());
+    registry.add(new TestCatalogCategory2());
+
+    expect(registry.items.length).toBe(2);
+    expect(registry.filteredItems.length).toBe(2);
+
+    const disposer = registry.addCatalogCategoryFilter(category => category.metadata.name === "Test Category");
+
+    expect(registry.items.length).toBe(2);
+    expect(registry.filteredItems.length).toBe(1);
+
+    const disposer2 = registry.addCatalogCategoryFilter(category => category.metadata.name === "foo");
+
+    expect(registry.items.length).toBe(2);
+    expect(registry.filteredItems.length).toBe(0);
+
+    disposer();
+
+    expect(registry.items.length).toBe(2);
+    expect(registry.filteredItems.length).toBe(0);
+
+    disposer2();
+
+    expect(registry.items.length).toBe(2);
+    expect(registry.filteredItems.length).toBe(2);
+  });
+});
diff --git a/packages/core/src/common/__tests__/catalog-entity.test.tsx b/packages/core/src/common/__tests__/catalog-entity.test.tsx
new file mode 100644
index 0000000000..d0700b53d3
--- /dev/null
+++ b/packages/core/src/common/__tests__/catalog-entity.test.tsx
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { CatalogCategory } from "../catalog";
+import type { CatalogCategorySpec } from "../catalog";
+
+class TestCatalogCategoryWithoutBadge extends CatalogCategory {
+  public readonly apiVersion = "catalog.k8slens.dev/v1alpha1";
+  public readonly kind = "CatalogCategory";
+
+  public metadata = {
+    name: "Test Category",
+    icon: "",
+  };
+
+  public spec: CatalogCategorySpec = {
+    group: "entity.k8slens.dev",
+    versions: [],
+    names: {
+      kind: "Test",
+    },
+  };
+}
+
+class TestCatalogCategoryWithBadge extends TestCatalogCategoryWithoutBadge {
+  getBadge() {
+    return (<div>Test Badge</div>);
+  }
+}
+
+describe("CatalogCategory", () => {
+  it("returns name", () => {
+    const category = new TestCatalogCategoryWithoutBadge();
+
+    expect(category.getName()).toEqual("Test Category");
+  });
+
+  it("doesn't return badge by default", () => {
+    const category = new TestCatalogCategoryWithoutBadge();
+
+    expect(category.getBadge()).toEqual(null);
+  });
+
+  it("returns a badge", () => {
+    const category = new TestCatalogCategoryWithBadge();
+
+    expect(category.getBadge()).toBeTruthy();
+  });
+});
diff --git a/packages/core/src/common/__tests__/cluster-store.test.ts b/packages/core/src/common/__tests__/cluster-store.test.ts
new file mode 100644
index 0000000000..9dd1a29a5b
--- /dev/null
+++ b/packages/core/src/common/__tests__/cluster-store.test.ts
@@ -0,0 +1,359 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ClusterStore } from "../cluster-store/cluster-store";
+import type { GetCustomKubeConfigFilePath } from "../app-paths/get-custom-kube-config-directory/get-custom-kube-config-directory.injectable";
+import getCustomKubeConfigFilePathInjectable from "../app-paths/get-custom-kube-config-directory/get-custom-kube-config-directory.injectable";
+import clusterStoreInjectable from "../cluster-store/cluster-store.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import type { CreateCluster } from "../cluster/create-cluster-injection-token";
+import { createClusterInjectionToken } from "../cluster/create-cluster-injection-token";
+import directoryForUserDataInjectable from "../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
+import assert from "assert";
+import directoryForTempInjectable from "../app-paths/directory-for-temp/directory-for-temp.injectable";
+import kubectlBinaryNameInjectable from "../../main/kubectl/binary-name.injectable";
+import kubectlDownloadingNormalizedArchInjectable from "../../main/kubectl/normalized-arch.injectable";
+import normalizedPlatformInjectable from "../vars/normalized-platform.injectable";
+import storeMigrationVersionInjectable from "../vars/store-migration-version.injectable";
+import type { WriteJsonSync } from "../fs/write-json-sync.injectable";
+import writeJsonSyncInjectable from "../fs/write-json-sync.injectable";
+import type { ReadFileSync } from "../fs/read-file-sync.injectable";
+import readFileSyncInjectable from "../fs/read-file-sync.injectable";
+import { readFileSync } from "fs";
+import type { WriteFileSync } from "../fs/write-file-sync.injectable";
+import writeFileSyncInjectable from "../fs/write-file-sync.injectable";
+import type { WriteBufferSync } from "../fs/write-buffer-sync.injectable";
+import writeBufferSyncInjectable from "../fs/write-buffer-sync.injectable";
+
+// NOTE: this is intended to read the actual file system
+const testDataIcon = readFileSync("test-data/cluster-store-migration-icon.png");
+const clusterServerUrl = "https://localhost";
+const kubeconfig = `
+apiVersion: v1
+clusters:
+- cluster:
+    server: ${clusterServerUrl}
+  name: test
+contexts:
+- context:
+    cluster: test
+    user: test
+  name: foo
+- context:
+    cluster: test
+    user: test
+  name: foo2
+current-context: test
+kind: Config
+preferences: {}
+users:
+- name: test
+  user:
+    token: kubeconfig-user-q4lm4:xxxyyyy
+`;
+
+describe("cluster-store", () => {
+  let di: DiContainer;
+  let clusterStore: ClusterStore;
+  let createCluster: CreateCluster;
+  let writeJsonSync: WriteJsonSync;
+  let writeFileSync: WriteFileSync;
+  let writeBufferSync: WriteBufferSync;
+  let readFileSync: ReadFileSync;
+  let getCustomKubeConfigFilePath: GetCustomKubeConfigFilePath;
+  let writeFileSyncAndReturnPath: (filePath: string, contents: string) => string;
+
+  beforeEach(async () => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(directoryForTempInjectable, () => "/some-temp-directory");
+    di.override(kubectlBinaryNameInjectable, () => "kubectl");
+    di.override(kubectlDownloadingNormalizedArchInjectable, () => "amd64");
+    di.override(normalizedPlatformInjectable, () => "darwin");
+    createCluster = di.inject(createClusterInjectionToken);
+    getCustomKubeConfigFilePath = di.inject(getCustomKubeConfigFilePathInjectable);
+    writeJsonSync = di.inject(writeJsonSyncInjectable);
+    writeFileSync = di.inject(writeFileSyncInjectable);
+    writeBufferSync = di.inject(writeBufferSyncInjectable);
+    readFileSync = di.inject(readFileSyncInjectable);
+    writeFileSyncAndReturnPath = (filePath, contents) => (writeFileSync(filePath, contents), filePath);
+  });
+
+  describe("empty config", () => {
+    beforeEach(async () => {
+      writeJsonSync("/some-directory-for-user-data/lens-cluster-store.json", {});
+      clusterStore = di.inject(clusterStoreInjectable);
+      clusterStore.load();
+    });
+
+    describe("with foo cluster added", () => {
+      beforeEach(() => {
+        const cluster = createCluster({
+          id: "foo",
+          contextName: "foo",
+          preferences: {
+            terminalCWD: "/some-directory-for-user-data",
+            icon: "data:image/jpeg;base64, iVBORw0KGgoAAAANSUhEUgAAA1wAAAKoCAYAAABjkf5",
+            clusterName: "minikube",
+          },
+          kubeConfigPath: writeFileSyncAndReturnPath(
+            getCustomKubeConfigFilePath("foo"),
+            kubeconfig,
+          ),
+        }, {
+          clusterServerUrl,
+        });
+
+        clusterStore.addCluster(cluster);
+      });
+
+      it("adds new cluster to store", async () => {
+        const storedCluster = clusterStore.getById("foo");
+
+        assert(storedCluster);
+
+        expect(storedCluster.id).toBe("foo");
+        expect(storedCluster.preferences.terminalCWD).toBe("/some-directory-for-user-data");
+        expect(storedCluster.preferences.icon).toBe(
+          "data:image/jpeg;base64, iVBORw0KGgoAAAANSUhEUgAAA1wAAAKoCAYAAABjkf5",
+        );
+      });
+    });
+
+    describe("with prod and dev clusters added", () => {
+      beforeEach(() => {
+        const store = clusterStore;
+
+        store.addCluster({
+          id: "prod",
+          contextName: "foo",
+          preferences: {
+            clusterName: "prod",
+          },
+          kubeConfigPath: writeFileSyncAndReturnPath(
+            getCustomKubeConfigFilePath("prod"),
+            kubeconfig,
+          ),
+        });
+        store.addCluster({
+          id: "dev",
+          contextName: "foo2",
+          preferences: {
+            clusterName: "dev",
+          },
+          kubeConfigPath: writeFileSyncAndReturnPath(
+            getCustomKubeConfigFilePath("dev"),
+            kubeconfig,
+          ),
+        });
+      });
+
+      it("check if store can contain multiple clusters", () => {
+        expect(clusterStore.hasClusters()).toBeTruthy();
+        expect(clusterStore.clusters.size).toBe(2);
+      });
+
+      it("check if cluster's kubeconfig file saved", () => {
+        const file = writeFileSyncAndReturnPath(getCustomKubeConfigFilePath("boo"), "kubeconfig");
+
+        expect(readFileSync(file)).toBe("kubeconfig");
+      });
+    });
+  });
+
+  describe("config with existing clusters", () => {
+    beforeEach(() => {
+      writeFileSync("/temp-kube-config", kubeconfig);
+      writeJsonSync("/some-directory-for-user-data/lens-cluster-store.json", {
+        __internal__: {
+          migrations: {
+            version: "99.99.99",
+          },
+        },
+        clusters: [
+          {
+            id: "cluster1",
+            kubeConfigPath: "/temp-kube-config",
+            contextName: "foo",
+            preferences: { terminalCWD: "/foo" },
+            workspace: "default",
+          },
+          {
+            id: "cluster2",
+            kubeConfigPath: "/temp-kube-config",
+            contextName: "foo2",
+            preferences: { terminalCWD: "/foo2" },
+          },
+          {
+            id: "cluster3",
+            kubeConfigPath: "/temp-kube-config",
+            contextName: "foo",
+            preferences: { terminalCWD: "/foo" },
+            workspace: "foo",
+            ownerRef: "foo",
+          },
+        ],
+      });
+      clusterStore = di.inject(clusterStoreInjectable);
+      clusterStore.load();
+    });
+    it("allows to retrieve a cluster", () => {
+      const storedCluster = clusterStore.getById("cluster1");
+
+      assert(storedCluster);
+
+      expect(storedCluster.id).toBe("cluster1");
+      expect(storedCluster.preferences.terminalCWD).toBe("/foo");
+    });
+
+    it("allows getting all of the clusters", async () => {
+      const storedClusters = clusterStore.clustersList;
+
+      expect(storedClusters.length).toBe(3);
+      expect(storedClusters[0].id).toBe("cluster1");
+      expect(storedClusters[0].preferences.terminalCWD).toBe("/foo");
+      expect(storedClusters[1].id).toBe("cluster2");
+      expect(storedClusters[1].preferences.terminalCWD).toBe("/foo2");
+      expect(storedClusters[2].id).toBe("cluster3");
+    });
+  });
+
+  describe("config with invalid cluster kubeconfig", () => {
+    beforeEach(() => {
+      writeFileSync("/invalid-kube-config", invalidKubeconfig);
+      writeFileSync("/valid-kube-config", kubeconfig);
+      writeJsonSync("/some-directory-for-user-data/lens-cluster-store.json", {
+        __internal__: {
+          migrations: {
+            version: "99.99.99",
+          },
+        },
+        clusters: [
+          {
+            id: "cluster1",
+            kubeConfigPath: "/invalid-kube-config",
+            contextName: "test",
+            preferences: { terminalCWD: "/foo" },
+            workspace: "foo",
+          },
+          {
+            id: "cluster2",
+            kubeConfigPath: "/valid-kube-config",
+            contextName: "foo",
+            preferences: { terminalCWD: "/foo" },
+            workspace: "default",
+          },
+        ],
+      });
+      clusterStore = di.inject(clusterStoreInjectable);
+      clusterStore.load();
+    });
+
+    it("does not enable clusters with invalid kubeconfig", () => {
+      const storedClusters = clusterStore.clustersList;
+
+      expect(storedClusters.length).toBe(1);
+    });
+  });
+
+  describe("pre 3.6.0-beta.1 config with an existing cluster", () => {
+    beforeEach(() => {
+      writeJsonSync("/some-directory-for-user-data/lens-cluster-store.json", {
+        __internal__: {
+          migrations: {
+            version: "3.5.0",
+          },
+        },
+        clusters: [
+          {
+            id: "cluster1",
+            kubeConfig: minimalValidKubeConfig,
+            contextName: "cluster",
+            preferences: {
+              icon: "store://icon_path",
+            },
+          },
+        ],
+      });
+      writeBufferSync("/some-directory-for-user-data/icon_path", testDataIcon);
+
+      di.override(storeMigrationVersionInjectable, () => "3.6.0");
+
+      clusterStore = di.inject(clusterStoreInjectable);
+      clusterStore.load();
+    });
+
+    it("migrates to modern format with kubeconfig in a file", async () => {
+      const config = clusterStore.clustersList[0].kubeConfigPath;
+
+      expect(readFileSync(config)).toBe(minimalValidKubeConfig);
+    });
+
+    it("migrates to modern format with icon not in file", async () => {
+      expect(clusterStore.clustersList[0].preferences.icon).toMatch(/data:;base64,/);
+    });
+  });
+});
+
+const invalidKubeconfig = JSON.stringify({
+  apiVersion: "v1",
+  clusters: [{
+    cluster: {
+      server: "https://localhost",
+    },
+    name: "test2",
+  }],
+  contexts: [{
+    context: {
+      cluster: "test",
+      user: "test",
+    },
+    name: "test",
+  }],
+  "current-context": "test",
+  kind: "Config",
+  preferences: {},
+  users: [{
+    user: {
+      token: "kubeconfig-user-q4lm4:xxxyyyy",
+    },
+    name: "test",
+  }],
+});
+
+const minimalValidKubeConfig = JSON.stringify({
+  apiVersion: "v1",
+  clusters: [
+    {
+      name: "minikube",
+      cluster: {
+        server: "https://192.168.64.3:8443",
+      },
+    },
+  ],
+  "current-context": "minikube",
+  contexts: [
+    {
+      context: {
+        cluster: "minikube",
+        user: "minikube",
+      },
+      name: "minikube",
+    },
+  ],
+  users: [
+    {
+      name: "minikube",
+      user: {
+        "client-certificate": "/Users/foo/.minikube/client.crt",
+        "client-key": "/Users/foo/.minikube/client.key",
+      },
+    },
+  ],
+  kind: "Config",
+  preferences: {},
+});
diff --git a/packages/core/src/common/__tests__/event-emitter.test.ts b/packages/core/src/common/__tests__/event-emitter.test.ts
new file mode 100644
index 0000000000..cc71922182
--- /dev/null
+++ b/packages/core/src/common/__tests__/event-emitter.test.ts
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { EventEmitter } from "../event-emitter";
+
+describe("EventEmitter", () => {
+  it("should stop early if a listener returns false", () => {
+    let called = false;
+    const e = new EventEmitter<[]>();
+
+    e.addListener(() => false, {});
+    e.addListener(() => { called = true; }, {});
+    e.emit();
+
+    expect(called).toBe(false);
+  });
+
+  it("shouldn't stop early if a listener returns 0", () => {
+    let called = false;
+    const e = new EventEmitter<[]>();
+
+    e.addListener(() => 0 as never, {});
+    e.addListener(() => { called = true; }, {});
+    e.emit();
+
+    expect(called).toBe(true);
+  });
+
+  it("prepended listeners should be called before others", () => {
+    const callOrder: number[] = [];
+    const e = new EventEmitter<[]>();
+
+    e.addListener(() => { callOrder.push(1); }, {});
+    e.addListener(() => { callOrder.push(2); }, {});
+    e.addListener(() => { callOrder.push(3); }, { prepend: true });
+    e.emit();
+
+    expect(callOrder).toStrictEqual([3, 1, 2]);
+  });
+
+  it("once listeners should be called only once", () => {
+    const callOrder: number[] = [];
+    const e = new EventEmitter<[]>();
+
+    e.addListener(() => { callOrder.push(1); }, {});
+    e.addListener(() => { callOrder.push(2); }, {});
+    e.addListener(() => { callOrder.push(3); }, { once: true });
+    e.emit();
+    e.emit();
+
+    expect(callOrder).toStrictEqual([1, 2, 3, 1, 2]);
+  });
+
+  it("removeListener should stop the listener from being called", () => {
+    const callOrder: number[] = [];
+    const e = new EventEmitter<[]>();
+    const r = () => { callOrder.push(3); };
+
+    e.addListener(() => { callOrder.push(1); }, {});
+    e.addListener(() => { callOrder.push(2); }, {});
+    e.addListener(r);
+
+    e.emit();
+    e.removeListener(r);
+    e.emit();
+
+    expect(callOrder).toStrictEqual([1, 2, 3, 1, 2]);
+  });
+
+  it("removeAllListeners should stop the all listeners from being called", () => {
+    const callOrder: number[] = [];
+    const e = new EventEmitter<[]>();
+
+    e.addListener(() => { callOrder.push(1); });
+    e.addListener(() => { callOrder.push(2); });
+    e.addListener(() => { callOrder.push(3); });
+
+    e.emit();
+    e.removeAllListeners();
+    e.emit();
+
+    expect(callOrder).toStrictEqual([1, 2, 3]);
+  });
+});
diff --git a/packages/core/src/common/__tests__/hotbar-store.test.ts b/packages/core/src/common/__tests__/hotbar-store.test.ts
new file mode 100644
index 0000000000..ac8cecc1d2
--- /dev/null
+++ b/packages/core/src/common/__tests__/hotbar-store.test.ts
@@ -0,0 +1,356 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { anyObject } from "jest-mock-extended";
+import type { CatalogEntity, CatalogEntityData, CatalogEntityKindData } from "../catalog";
+import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
+import type { DiContainer } from "@ogre-tools/injectable";
+import hotbarStoreInjectable from "../hotbars/store.injectable";
+import type { HotbarStore } from "../hotbars/store";
+import catalogEntityRegistryInjectable from "../../main/catalog/entity-registry.injectable";
+import { computed } from "mobx";
+import hasCategoryForEntityInjectable from "../catalog/has-category-for-entity.injectable";
+import catalogCatalogEntityInjectable from "../catalog-entities/general-catalog-entities/implementations/catalog-catalog-entity.injectable";
+import loggerInjectable from "../logger.injectable";
+import type { Logger } from "../logger";
+import directoryForUserDataInjectable from "../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import storeMigrationVersionInjectable from "../vars/store-migration-version.injectable";
+import writeJsonSyncInjectable from "../fs/write-json-sync.injectable";
+
+function getMockCatalogEntity(data: Partial<CatalogEntityData> & CatalogEntityKindData): CatalogEntity {
+  return {
+    getName: jest.fn(() => data.metadata?.name),
+    getId: jest.fn(() => data.metadata?.uid),
+    getSource: jest.fn(() => data.metadata?.source ?? "unknown"),
+    isEnabled: jest.fn(() => data.status?.enabled ?? true),
+    onContextMenuOpen: jest.fn(),
+    onSettingsOpen: jest.fn(),
+    metadata: {},
+    spec: {},
+    status: {},
+    ...data,
+  } as CatalogEntity;
+}
+
+describe("HotbarStore", () => {
+  let di: DiContainer;
+  let hotbarStore: HotbarStore;
+  let testCluster: CatalogEntity;
+  let minikubeCluster: CatalogEntity;
+  let awsCluster: CatalogEntity;
+  let loggerMock: jest.Mocked<Logger>;
+
+  beforeEach(async () => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    testCluster = getMockCatalogEntity({
+      apiVersion: "v1",
+      kind: "Cluster",
+      status: {
+        phase: "Running",
+      },
+      metadata: {
+        uid: "some-test-id",
+        name: "my-test-cluster",
+        source: "local",
+        labels: {},
+      },
+    });
+    minikubeCluster = getMockCatalogEntity({
+      apiVersion: "v1",
+      kind: "Cluster",
+      status: {
+        phase: "Running",
+      },
+      metadata: {
+        uid: "some-minikube-id",
+        name: "my-minikube-cluster",
+        source: "local",
+        labels: {},
+      },
+    });
+    awsCluster = getMockCatalogEntity({
+      apiVersion: "v1",
+      kind: "Cluster",
+      status: {
+        phase: "Running",
+      },
+      metadata: {
+        uid: "some-aws-id",
+        name: "my-aws-cluster",
+        source: "local",
+        labels: {},
+      },
+    });
+
+    di.override(hasCategoryForEntityInjectable, () => () => true);
+
+    loggerMock = {
+      warn: jest.fn(),
+      debug: jest.fn(),
+      error: jest.fn(),
+      info: jest.fn(),
+      silly: jest.fn(),
+    };
+
+    di.override(loggerInjectable, () => loggerMock);
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+
+    const catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+    const catalogCatalogEntity = di.inject(catalogCatalogEntityInjectable);
+
+    catalogEntityRegistry.addComputedSource("some-id", computed(() => [
+      testCluster,
+      minikubeCluster,
+      awsCluster,
+      catalogCatalogEntity,
+    ]));
+  });
+
+  describe("given no previous data in store, running all migrations", () => {
+    beforeEach(() => {
+      hotbarStore = di.inject(hotbarStoreInjectable);
+
+      hotbarStore.load();
+    });
+
+    describe("load", () => {
+      it("loads one hotbar by default", () => {
+        expect(hotbarStore.hotbars.length).toEqual(1);
+      });
+    });
+
+    describe("add", () => {
+      it("adds a hotbar", () => {
+        hotbarStore.add({ name: "hottest" });
+        expect(hotbarStore.hotbars.length).toEqual(2);
+      });
+    });
+
+    describe("hotbar items", () => {
+      it("initially creates 12 empty cells", () => {
+        expect(hotbarStore.getActive().items.length).toEqual(12);
+      });
+
+      it("initially adds catalog entity as first item", () => {
+        expect(hotbarStore.getActive().items[0]?.entity.name).toEqual("Catalog");
+      });
+
+      it("adds items", () => {
+        hotbarStore.addToHotbar(testCluster);
+        const items = hotbarStore.getActive().items.filter(Boolean);
+
+        expect(items.length).toEqual(2);
+      });
+
+      it("removes items", () => {
+        hotbarStore.addToHotbar(testCluster);
+        hotbarStore.removeFromHotbar("some-test-id");
+        hotbarStore.removeFromHotbar("catalog-entity");
+        const items = hotbarStore.getActive().items.filter(Boolean);
+
+        expect(items).toStrictEqual([]);
+      });
+
+      it("does nothing if removing with invalid uid", () => {
+        hotbarStore.addToHotbar(testCluster);
+        hotbarStore.removeFromHotbar("invalid uid");
+        const items = hotbarStore.getActive().items.filter(Boolean);
+
+        expect(items.length).toEqual(2);
+      });
+
+      it("moves item to empty cell", () => {
+        hotbarStore.addToHotbar(testCluster);
+        hotbarStore.addToHotbar(minikubeCluster);
+        hotbarStore.addToHotbar(awsCluster);
+
+        expect(hotbarStore.getActive().items[6]).toBeNull();
+
+        hotbarStore.restackItems(1, 5);
+
+        expect(hotbarStore.getActive().items[5]).toBeTruthy();
+        expect(hotbarStore.getActive().items[5]?.entity.uid).toEqual("some-test-id");
+      });
+
+      it("moves items down", () => {
+        hotbarStore.addToHotbar(testCluster);
+        hotbarStore.addToHotbar(minikubeCluster);
+        hotbarStore.addToHotbar(awsCluster);
+
+        // aws -> catalog
+        hotbarStore.restackItems(3, 0);
+
+        const items = hotbarStore.getActive().items.map(item => item?.entity.uid || null);
+
+        expect(items.slice(0, 4)).toEqual(["some-aws-id", "catalog-entity", "some-test-id", "some-minikube-id"]);
+      });
+
+      it("moves items up", () => {
+        hotbarStore.addToHotbar(testCluster);
+        hotbarStore.addToHotbar(minikubeCluster);
+        hotbarStore.addToHotbar(awsCluster);
+
+        // test -> aws
+        hotbarStore.restackItems(1, 3);
+
+        const items = hotbarStore.getActive().items.map(item => item?.entity.uid || null);
+
+        expect(items.slice(0, 4)).toEqual(["catalog-entity", "some-minikube-id", "some-aws-id", "some-test-id"]);
+      });
+
+      it("logs an error if cellIndex is out of bounds", () => {
+        hotbarStore.add({ name: "hottest", id: "hottest" });
+        hotbarStore.setActiveHotbar("hottest");
+
+        hotbarStore.addToHotbar(testCluster, -1);
+        expect(loggerMock.error).toBeCalledWith("[HOTBAR-STORE]: cannot pin entity to hotbar outside of index range", anyObject());
+
+        hotbarStore.addToHotbar(testCluster, 12);
+        expect(loggerMock.error).toBeCalledWith("[HOTBAR-STORE]: cannot pin entity to hotbar outside of index range", anyObject());
+
+        hotbarStore.addToHotbar(testCluster, 13);
+        expect(loggerMock.error).toBeCalledWith("[HOTBAR-STORE]: cannot pin entity to hotbar outside of index range", anyObject());
+      });
+
+      it("throws an error if getId is invalid or returns not a string", () => {
+        expect(() => hotbarStore.addToHotbar({} as any)).toThrowError(TypeError);
+        expect(() => hotbarStore.addToHotbar({ getId: () => true } as any)).toThrowError(TypeError);
+      });
+
+      it("throws an error if getName is invalid or returns not a string", () => {
+        expect(() => hotbarStore.addToHotbar({ getId: () => "" } as any)).toThrowError(TypeError);
+        expect(() => hotbarStore.addToHotbar({ getId: () => "", getName: () => 4 } as any)).toThrowError(TypeError);
+      });
+
+      it("does nothing when item moved to same cell", () => {
+        hotbarStore.addToHotbar(testCluster);
+        hotbarStore.restackItems(1, 1);
+
+        expect(hotbarStore.getActive().items[1]?.entity.uid).toEqual("some-test-id");
+      });
+
+      it("new items takes first empty cell", () => {
+        hotbarStore.addToHotbar(testCluster);
+        hotbarStore.addToHotbar(awsCluster);
+        hotbarStore.restackItems(0, 3);
+        hotbarStore.addToHotbar(minikubeCluster);
+
+        expect(hotbarStore.getActive().items[0]?.entity.uid).toEqual("some-minikube-id");
+      });
+
+      it("throws if invalid arguments provided", () => {
+        hotbarStore.addToHotbar(testCluster);
+
+        expect(() => hotbarStore.restackItems(-5, 0)).toThrow();
+        expect(() => hotbarStore.restackItems(2, -1)).toThrow();
+        expect(() => hotbarStore.restackItems(14, 1)).toThrow();
+        expect(() => hotbarStore.restackItems(11, 112)).toThrow();
+      });
+
+      it("checks if entity already pinned to hotbar", () => {
+        hotbarStore.addToHotbar(testCluster);
+
+        expect(hotbarStore.isAddedToActive(testCluster)).toBeTruthy();
+        expect(hotbarStore.isAddedToActive(awsCluster)).toBeFalsy();
+      });
+    });
+  });
+
+  describe("given data from 5.0.0-beta.3 and version being 5.0.0-beta.10", () => {
+    beforeEach(() => {
+      const writeJsonSync = di.inject(writeJsonSyncInjectable);
+
+      writeJsonSync("/some-directory-for-user-data/lens-hotbar-store.json", {
+        __internal__: {
+          migrations: {
+            version: "5.0.0-beta.3",
+          },
+        },
+        hotbars: [
+          {
+            id: "3caac17f-aec2-4723-9694-ad204465d935",
+            name: "myhotbar",
+            items: [
+              {
+                entity: {
+                  uid: "some-aws-id",
+                },
+              },
+              {
+                entity: {
+                  uid: "55b42c3c7ba3b04193416cda405269a5",
+                },
+              },
+              {
+                entity: {
+                  uid: "176fd331968660832f62283219d7eb6e",
+                },
+              },
+              {
+                entity: {
+                  uid: "61c4fb45528840ebad1badc25da41d14",
+                  name: "user1-context",
+                  source: "local",
+                },
+              },
+              {
+                entity: {
+                  uid: "27d6f99fe9e7548a6e306760bfe19969",
+                  name: "foo2",
+                  source: "local",
+                },
+              },
+              null,
+              {
+                entity: {
+                  uid: "c0b20040646849bb4dcf773e43a0bf27",
+                  name: "multinode-demo",
+                  source: "local",
+                },
+              },
+              null,
+              null,
+              null,
+              null,
+              null,
+            ],
+          },
+        ],
+      });
+
+      di.override(storeMigrationVersionInjectable, () => "5.0.0-beta.10");
+
+      hotbarStore = di.inject(hotbarStoreInjectable);
+
+      hotbarStore.load();
+    });
+
+    it("allows to retrieve a hotbar", () => {
+      const hotbar = hotbarStore.findById("3caac17f-aec2-4723-9694-ad204465d935");
+
+      expect(hotbar?.id).toBe("3caac17f-aec2-4723-9694-ad204465d935");
+    });
+
+    it("clears cells without entity", () => {
+      const items = hotbarStore.hotbars[0].items;
+
+      expect(items[2]).toBeNull();
+    });
+
+    it("adds extra data to cells with according entity", () => {
+      const items = hotbarStore.hotbars[0].items;
+
+      expect(items[0]).toEqual({
+        entity: {
+          name: "my-aws-cluster",
+          source: "local",
+          uid: "some-aws-id",
+        },
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/__tests__/kube-helpers.test.ts b/packages/core/src/common/__tests__/kube-helpers.test.ts
new file mode 100644
index 0000000000..ec466b5c56
--- /dev/null
+++ b/packages/core/src/common/__tests__/kube-helpers.test.ts
@@ -0,0 +1,235 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { KubeConfig } from "@kubernetes/client-node";
+import { validateKubeConfig, loadConfigFromString } from "../kube-helpers";
+
+const kubeconfig = `
+apiVersion: v1
+clusters:
+- cluster:
+    server: https://localhost
+  name: test
+contexts:
+- context:
+    cluster: test
+    user: test
+  name: valid
+- context:
+    cluster: test2
+    user: test
+  name: invalidCluster
+- context:
+    cluster: test
+    user: test2
+  name: invalidUser
+- context:
+    cluster: test
+    user: invalidExec
+  name: invalidExec
+current-context: test
+kind: Config
+preferences: {}
+users:
+- name: test
+  user:
+    exec:
+      command: echo
+- name: invalidExec
+  user:
+    exec:
+      command: foo
+`;
+
+interface Kubeconfig {
+  apiVersion: string;
+  clusters: [{
+    name: string;
+    cluster: {
+      server: string;
+    };
+  }];
+  contexts: [{
+    context: {
+      cluster: string;
+      user: string;
+    };
+    name: string;
+  }];
+  users: [{
+    name: string;
+  }];
+  kind: string;
+  "current-context": string;
+  preferences: {};
+}
+
+let mockKubeConfig: Kubeconfig;
+
+describe("kube helpers", () => {
+  describe("validateKubeconfig", () => {
+    const kc = new KubeConfig();
+
+    beforeAll(() => {
+      kc.loadFromString(kubeconfig);
+    });
+    describe("with default validation options", () => {
+      describe("with valid kubeconfig", () => {
+        it("does not return an error", () => {
+          expect(validateKubeConfig(kc, "valid")).toBeDefined();
+        });
+      });
+      describe("with invalid context object", () => {
+        it("returns an error", () => {
+          expect(validateKubeConfig(kc, "invalid").error?.toString()).toEqual(
+            expect.stringContaining("No valid context object provided in kubeconfig for context 'invalid'"),
+          );
+        });
+      });
+
+      describe("with invalid cluster object", () => {
+        it("returns an error", () => {
+          expect(validateKubeConfig(kc, "invalidCluster").error?.toString()).toEqual(
+            expect.stringContaining("No valid cluster object provided in kubeconfig for context 'invalidCluster'"),
+          );
+        });
+      });
+
+      describe("with invalid user object", () => {
+        it("returns an error", () => {
+          expect(validateKubeConfig(kc, "invalidUser").error?.toString()).toEqual(
+            expect.stringContaining("No valid user object provided in kubeconfig for context 'invalidUser'"),
+          );
+        });
+      });
+    });
+  });
+
+  describe("pre-validate context object in kubeconfig tests", () => {
+    beforeEach(() => {
+      jest.clearAllMocks();
+    });
+
+    describe("Check logger.error() output", () => {
+      it("invalid yaml string", () => {
+        const invalidYAMLString = "fancy foo config";
+
+        expect(loadConfigFromString(invalidYAMLString).error).toBeInstanceOf(Error);
+      });
+      it("empty contexts", () => {
+        const emptyContexts = `apiVersion: v1\ncontexts: []`;
+
+        expect(loadConfigFromString(emptyContexts).error).toBeUndefined();
+      });
+    });
+
+    describe("Check valid kubeconfigs", () => {
+      beforeEach(() => {
+        mockKubeConfig = {
+          apiVersion: "v1",
+          clusters: [{
+            name: "minikube",
+            cluster: {
+              server: "https://192.168.64.3:8443",
+            },
+          }],
+          contexts: [{
+            context: {
+              cluster: "minikube",
+              user: "minikube",
+            },
+            name: "minikube",
+          }],
+          users: [{
+            name: "minikube",
+          }],
+          kind: "Config",
+          "current-context": "minikube",
+          preferences: {},
+        };
+      });
+
+      it("single context is ok", async () => {
+        const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
+
+        expect(config.getCurrentContext()).toBe("minikube");
+      });
+
+      it("multiple context is ok", async () => {
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-2", user: "cluster-2" }, name: "cluster-2" });
+        const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
+
+        expect(config.getCurrentContext()).toBe("minikube");
+        expect(config.contexts.length).toBe(2);
+      });
+    });
+
+    describe("Check invalid kubeconfigs", () => {
+      beforeEach(() => {
+        mockKubeConfig = {
+          apiVersion: "v1",
+          clusters: [{
+            name: "minikube",
+            cluster: {
+              server: "https://192.168.64.3:8443",
+            },
+          }],
+          contexts: [{
+            context: {
+              cluster: "minikube",
+              user: "minikube",
+            },
+            name: "minikube",
+          }],
+          users: [{
+            name: "minikube",
+          }],
+          kind: "Config",
+          "current-context": "minikube",
+          preferences: {},
+        };
+      });
+
+      it("empty name in context causes it to be removed", async () => {
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-2", user: "cluster-2" }, name: "" });
+        expect(mockKubeConfig.contexts.length).toBe(2);
+        const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
+
+        expect(config.getCurrentContext()).toBe("minikube");
+        expect(config.contexts.length).toBe(1);
+      });
+
+      it("empty cluster in context causes it to be removed", async () => {
+        mockKubeConfig.contexts.push({ context: { cluster: "", user: "cluster-2" }, name: "cluster-2" });
+        expect(mockKubeConfig.contexts.length).toBe(2);
+        const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
+
+        expect(config.getCurrentContext()).toBe("minikube");
+        expect(config.contexts.length).toBe(1);
+      });
+
+      it("empty user in context causes it to be removed", async () => {
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-2", user: "" }, name: "cluster-2" });
+        expect(mockKubeConfig.contexts.length).toBe(2);
+        const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
+
+        expect(config.getCurrentContext()).toBe("minikube");
+        expect(config.contexts.length).toBe(1);
+      });
+
+      it("invalid context in between valid contexts is removed", async () => {
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-2", user: "" }, name: "cluster-2" });
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-3", user: "cluster-3" }, name: "cluster-3" });
+        expect(mockKubeConfig.contexts.length).toBe(3);
+        const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
+
+        expect(config.getCurrentContext()).toBe("minikube");
+        expect(config.contexts.length).toBe(2);
+        expect(config.contexts[0].name).toBe("minikube");
+        expect(config.contexts[1].name).toBe("cluster-3");
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/__tests__/timezones.test.ts b/packages/core/src/common/__tests__/timezones.test.ts
new file mode 100644
index 0000000000..e7fa68e87c
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/__tests__/user-store.test.ts b/packages/core/src/common/__tests__/user-store.test.ts
new file mode 100644
index 0000000000..7071fc5c17
--- /dev/null
+++ b/packages/core/src/common/__tests__/user-store.test.ts
@@ -0,0 +1,105 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { UserStore } from "../user-store";
+import userStoreInjectable from "../user-store/user-store.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import directoryForUserDataInjectable from "../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import type { ClusterStoreModel } from "../cluster-store/cluster-store";
+import { defaultThemeId } from "../vars";
+import writeFileInjectable from "../fs/write-file.injectable";
+import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
+import storeMigrationVersionInjectable from "../vars/store-migration-version.injectable";
+import releaseChannelInjectable from "../vars/release-channel.injectable";
+import defaultUpdateChannelInjectable from "../../features/application-update/common/selected-update-channel/default-update-channel.injectable";
+import writeJsonSyncInjectable from "../fs/write-json-sync.injectable";
+import writeFileSyncInjectable from "../fs/write-file-sync.injectable";
+
+describe("user store tests", () => {
+  let userStore: UserStore;
+  let di: DiContainer;
+
+  beforeEach(async () => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(writeFileInjectable, () => () => Promise.resolve());
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+
+    di.override(releaseChannelInjectable, () => ({
+      get: () => "latest" as const,
+      init: async () => {},
+    }));
+    await di.inject(defaultUpdateChannelInjectable).init();
+
+    userStore = di.inject(userStoreInjectable);
+  });
+
+  describe("for an empty config", () => {
+    beforeEach(() => {
+      const writeJsonSync = di.inject(writeJsonSyncInjectable);
+
+      writeJsonSync("/some-directory-for-user-data/lens-user-store.json", {});
+      writeJsonSync("/some-directory-for-user-data/kube_config", {});
+
+      userStore.load();
+    });
+
+    it("allows setting and getting preferences", () => {
+      userStore.httpsProxy = "abcd://defg";
+
+      expect(userStore.httpsProxy).toBe("abcd://defg");
+      expect(userStore.colorTheme).toBe(defaultThemeId);
+
+      userStore.colorTheme = "light";
+      expect(userStore.colorTheme).toBe("light");
+    });
+
+    it("correctly resets theme to default value", async () => {
+      userStore.colorTheme = "some other theme";
+      userStore.resetTheme();
+      expect(userStore.colorTheme).toBe(defaultThemeId);
+    });
+  });
+
+  describe("migrations", () => {
+    beforeEach(() => {
+      const writeJsonSync = di.inject(writeJsonSyncInjectable);
+      const writeFileSync = di.inject(writeFileSyncInjectable);
+
+      writeJsonSync("/some-directory-for-user-data/lens-user-store.json", {
+        preferences: { colorTheme: "light" },
+      });
+
+      writeJsonSync("/some-directory-for-user-data/lens-cluster-store.json", {
+        clusters: [
+          {
+            id: "foobar",
+            kubeConfigPath: "/some-directory-for-user-data/extension_data/foo/bar",
+          },
+          {
+            id: "barfoo",
+            kubeConfigPath: "/some/other/path",
+          },
+        ],
+      } as ClusterStoreModel);
+
+      writeJsonSync("/some-directory-for-user-data/extension_data", {});
+
+      writeFileSync("/some/other/path", "is file");
+
+      di.override(storeMigrationVersionInjectable, () => "10.0.0");
+
+      userStore.load();
+    });
+
+    it("skips clusters for adding to kube-sync with files under extension_data/", () => {
+      expect(userStore.syncKubeconfigEntries.has("/some-directory-for-user-data/extension_data/foo/bar")).toBe(false);
+      expect(userStore.syncKubeconfigEntries.has("/some/other/path")).toBe(true);
+    });
+
+    it("allows access to the colorTheme preference", () => {
+      expect(userStore.colorTheme).toBe("light");
+    });
+  });
+});
diff --git a/packages/core/src/common/app-event-bus/app-event-bus.injectable.ts b/packages/core/src/common/app-event-bus/app-event-bus.injectable.ts
new file mode 100644
index 0000000000..3dee975f7b
--- /dev/null
+++ b/packages/core/src/common/app-event-bus/app-event-bus.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 { getInjectable } from "@ogre-tools/injectable";
+import { EventEmitter } from "../event-emitter";
+import type { AppEvent } from "./event-bus";
+
+const appEventBusInjectable = getInjectable({
+  id: "app-event-bus",
+  instantiate: () => new EventEmitter<[AppEvent]>,
+  decorable: false,
+});
+
+export default appEventBusInjectable;
diff --git a/packages/core/src/common/app-event-bus/emit-event.injectable.ts b/packages/core/src/common/app-event-bus/emit-event.injectable.ts
new file mode 100644
index 0000000000..9c9194ceb8
--- /dev/null
+++ b/packages/core/src/common/app-event-bus/emit-event.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 appEventBusInjectable from "./app-event-bus.injectable";
+import type { AppEvent } from "./event-bus";
+
+export type EmitAppEvent = (event: AppEvent) => void;
+
+const emitAppEventInjectable = getInjectable({
+  id: "emit-app-event",
+  instantiate: (di): EmitAppEvent => {
+    const bus = di.inject(appEventBusInjectable);
+
+    return (event) => bus.emit(event);
+  },
+  decorable: false,
+});
+
+export default emitAppEventInjectable;
diff --git a/packages/core/src/common/app-event-bus/event-bus.ts b/packages/core/src/common/app-event-bus/event-bus.ts
new file mode 100644
index 0000000000..d121b842f7
--- /dev/null
+++ b/packages/core/src/common/app-event-bus/event-bus.ts
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Data for telemetry
+ */
+export interface AppEvent {
+  name: string;
+  action: string;
+  destination?: string;
+  params?: Record<string, any>;
+}
diff --git a/packages/core/src/common/app-paths/app-path-injection-token.ts b/packages/core/src/common/app-paths/app-path-injection-token.ts
new file mode 100644
index 0000000000..91e8a580d8
--- /dev/null
+++ b/packages/core/src/common/app-paths/app-path-injection-token.ts
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { PathName } from "./app-path-names";
+
+export type AppPaths = Record<PathName, string>;
diff --git a/packages/core/src/common/app-paths/app-path-names.ts b/packages/core/src/common/app-paths/app-path-names.ts
new file mode 100644
index 0000000000..8e3d2c440e
--- /dev/null
+++ b/packages/core/src/common/app-paths/app-path-names.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 type { app as electronApp } from "electron";
+
+export type PathName = Parameters<typeof electronApp["getPath"]>[0] | "currentApp";
+
+export const pathNames: PathName[] = [
+  "currentApp",
+  "home",
+  "appData",
+  "userData",
+  "cache",
+  "temp",
+  "exe",
+  "module",
+  "desktop",
+  "documents",
+  "downloads",
+  "music",
+  "pictures",
+  "videos",
+  "logs",
+  "crashDumps",
+  "recent",
+];
diff --git a/packages/core/src/common/app-paths/app-paths-channel.ts b/packages/core/src/common/app-paths/app-paths-channel.ts
new file mode 100644
index 0000000000..4502569d3b
--- /dev/null
+++ b/packages/core/src/common/app-paths/app-paths-channel.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 { AppPaths } from "./app-path-injection-token";
+import type { RequestChannel } from "../utils/channel/request-channel-listener-injection-token";
+
+export type AppPathsChannel = RequestChannel<void, AppPaths>;
+
+export const appPathsChannel: AppPathsChannel = {
+  id: "app-paths",
+};
+
diff --git a/packages/core/src/common/app-paths/app-paths-state.injectable.ts b/packages/core/src/common/app-paths/app-paths-state.injectable.ts
new file mode 100644
index 0000000000..5487d428b2
--- /dev/null
+++ b/packages/core/src/common/app-paths/app-paths-state.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 type { AppPaths } from "./app-path-injection-token";
+
+const appPathsStateInjectable = getInjectable({
+  id: "app-paths-state",
+
+  instantiate: () => {
+    let state: AppPaths;
+
+    return {
+      get: () =>{
+        if (!state) {
+          throw new Error("Tried to get app paths before state is setupped.");
+        }
+
+        return state;
+      },
+
+      set: (newState: AppPaths) => {
+        if (state) {
+          throw new Error("Tried to overwrite existing state of app paths.");
+        }
+
+        state = newState;
+      },
+    };
+  },
+});
+
+export default appPathsStateInjectable;
diff --git a/packages/core/src/common/app-paths/app-paths.injectable.ts b/packages/core/src/common/app-paths/app-paths.injectable.ts
new file mode 100644
index 0000000000..0e836a8514
--- /dev/null
+++ b/packages/core/src/common/app-paths/app-paths.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 appPathsStateInjectable from "./app-paths-state.injectable";
+
+const appPathsInjectable = getInjectable({
+  id: "app-paths",
+  instantiate: (di) => di.inject(appPathsStateInjectable).get(),
+});
+
+export default appPathsInjectable;
diff --git a/packages/core/src/common/app-paths/app-paths.test.ts b/packages/core/src/common/app-paths/app-paths.test.ts
new file mode 100644
index 0000000000..6e645f96fa
--- /dev/null
+++ b/packages/core/src/common/app-paths/app-paths.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 { AppPaths } from "./app-path-injection-token";
+import getElectronAppPathInjectable from "../../main/app-paths/get-electron-app-path/get-electron-app-path.injectable";
+import type { PathName } from "./app-path-names";
+import setElectronAppPathInjectable from "../../main/app-paths/set-electron-app-path/set-electron-app-path.injectable";
+import directoryForIntegrationTestingInjectable from "../../main/app-paths/directory-for-integration-testing/directory-for-integration-testing.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 appPathsInjectable from "./app-paths.injectable";
+
+describe("app-paths", () => {
+  let builder: ApplicationBuilder;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    const defaultAppPathsStub: AppPaths = {
+      currentApp: "/some-current-app",
+      appData: "/some-app-data",
+      cache: "/some-cache",
+      crashDumps: "/some-crash-dumps",
+      desktop: "/some-desktop",
+      documents: "/some-documents",
+      downloads: "/some-downloads",
+      exe: "/some-exe",
+      home: "/some-home-path",
+      logs: "/some-logs",
+      module: "/some-module",
+      music: "/some-music",
+      pictures: "/some-pictures",
+      recent: "/some-recent",
+      temp: "/some-temp",
+      videos: "/some-videos",
+      userData: "/some-irrelevant-user-data",
+    };
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(
+        getElectronAppPathInjectable,
+        () =>
+          (key: PathName): string | null =>
+            defaultAppPathsStub[key],
+      );
+
+      mainDi.override(
+        setElectronAppPathInjectable,
+        () =>
+          (key: PathName, path: string): void => {
+            defaultAppPathsStub[key] = path;
+          },
+      );
+    });
+  });
+
+  describe("normally", () => {
+    let windowDi: DiContainer;
+    let mainDi: DiContainer;
+
+    beforeEach(async () => {
+      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 = windowDi.inject(appPathsInjectable);
+
+      expect(actual).toEqual({
+        currentApp: "/some-current-app",
+        appData: "/some-app-data",
+        cache: "/some-cache",
+        crashDumps: "/some-crash-dumps",
+        desktop: "/some-desktop",
+        documents: "/some-documents",
+        downloads: "/some-downloads",
+        exe: "/some-exe",
+        home: "/some-home-path",
+        logs: "/some-logs",
+        module: "/some-module",
+        music: "/some-music",
+        pictures: "/some-pictures",
+        recent: "/some-recent",
+        temp: "/some-temp",
+        videos: "/some-videos",
+        userData: "/some-app-data/some-product-name",
+      });
+    });
+
+    it("given in main, when injecting app paths, returns application specific app paths", () => {
+      const actual = mainDi.inject(appPathsInjectable);
+
+      expect(actual).toEqual({
+        currentApp: "/some-current-app",
+        appData: "/some-app-data",
+        cache: "/some-cache",
+        crashDumps: "/some-crash-dumps",
+        desktop: "/some-desktop",
+        documents: "/some-documents",
+        downloads: "/some-downloads",
+        exe: "/some-exe",
+        home: "/some-home-path",
+        logs: "/some-logs",
+        module: "/some-module",
+        music: "/some-music",
+        pictures: "/some-pictures",
+        recent: "/some-recent",
+        temp: "/some-temp",
+        videos: "/some-videos",
+        userData: "/some-app-data/some-product-name",
+      });
+    });
+  });
+
+  describe("when running integration tests", () => {
+    let windowDi: DiContainer;
+
+    beforeEach(async () => {
+      builder.beforeApplicationStart((mainDi) => {
+        mainDi.override(
+          directoryForIntegrationTestingInjectable,
+          () => "/some-integration-testing-app-data",
+        );
+      });
+
+      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 } = windowDi.inject(appPathsInjectable);
+
+      expect({ appData, userData }).toEqual({
+        appData: "/some-integration-testing-app-data",
+        userData: "/some-integration-testing-app-data/some-product-name",
+      });
+    });
+
+    it("given in main, when injecting path for app data, has integration specific app data path", () => {
+      const { appData, userData } = windowDi.inject(appPathsInjectable);
+
+      expect({ appData, userData }).toEqual({
+        appData: "/some-integration-testing-app-data",
+        userData: "/some-integration-testing-app-data/some-product-name",
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/app-paths/directory-for-binaries/directory-for-binaries.injectable.ts b/packages/core/src/common/app-paths/directory-for-binaries/directory-for-binaries.injectable.ts
new file mode 100644
index 0000000000..f8a55b041c
--- /dev/null
+++ b/packages/core/src/common/app-paths/directory-for-binaries/directory-for-binaries.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 directoryForUserDataInjectable from "../directory-for-user-data/directory-for-user-data.injectable";
+import joinPathsInjectable from "../../path/join-paths.injectable";
+
+const directoryForBinariesInjectable = getInjectable({
+  id: "directory-for-binaries",
+
+  instantiate: (di) => {
+    const joinPaths = di.inject(joinPathsInjectable);
+    const directoryForUserData = di.inject(directoryForUserDataInjectable);
+
+    return joinPaths(directoryForUserData, "binaries");
+  },
+});
+
+export default directoryForBinariesInjectable;
diff --git a/packages/core/src/common/app-paths/directory-for-downloads/directory-for-downloads.injectable.ts b/packages/core/src/common/app-paths/directory-for-downloads/directory-for-downloads.injectable.ts
new file mode 100644
index 0000000000..01f97dbaec
--- /dev/null
+++ b/packages/core/src/common/app-paths/directory-for-downloads/directory-for-downloads.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 appPathsInjectable from "../app-paths.injectable";
+
+const directoryForDownloadsInjectable = getInjectable({
+  id: "directory-for-downloads",
+  instantiate: (di) => di.inject(appPathsInjectable).downloads,
+});
+
+export default directoryForDownloadsInjectable;
diff --git a/packages/core/src/common/app-paths/directory-for-exes/directory-for-exes.injectable.ts b/packages/core/src/common/app-paths/directory-for-exes/directory-for-exes.injectable.ts
new file mode 100644
index 0000000000..690f53d958
--- /dev/null
+++ b/packages/core/src/common/app-paths/directory-for-exes/directory-for-exes.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 appPathsInjectable from "../app-paths.injectable";
+
+const directoryForExesInjectable = getInjectable({
+  id: "directory-for-exes",
+  instantiate: (di) => di.inject(appPathsInjectable).exe,
+});
+
+export default directoryForExesInjectable;
diff --git a/packages/core/src/common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable.ts b/packages/core/src/common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable.ts
new file mode 100644
index 0000000000..d49029572e
--- /dev/null
+++ b/packages/core/src/common/app-paths/directory-for-kube-configs/directory-for-kube-configs.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 directoryForUserDataInjectable from "../directory-for-user-data/directory-for-user-data.injectable";
+import joinPathsInjectable from "../../path/join-paths.injectable";
+
+const directoryForKubeConfigsInjectable = getInjectable({
+  id: "directory-for-kube-configs",
+
+  instantiate: (di) => {
+    const joinPaths = di.inject(joinPathsInjectable);
+    const directoryForUserData = di.inject(directoryForUserDataInjectable);
+
+    return joinPaths(directoryForUserData, "kubeconfigs");
+  },
+});
+
+export default directoryForKubeConfigsInjectable;
diff --git a/packages/core/src/common/app-paths/directory-for-kubectl-binaries/directory-for-kubectl-binaries.injectable.ts b/packages/core/src/common/app-paths/directory-for-kubectl-binaries/directory-for-kubectl-binaries.injectable.ts
new file mode 100644
index 0000000000..c1ef1b23f5
--- /dev/null
+++ b/packages/core/src/common/app-paths/directory-for-kubectl-binaries/directory-for-kubectl-binaries.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 directoryForBinariesInjectable from "../directory-for-binaries/directory-for-binaries.injectable";
+import joinPathsInjectable from "../../path/join-paths.injectable";
+
+const directoryForKubectlBinariesInjectable = getInjectable({
+  id: "directory-for-kubectl-binaries",
+
+  instantiate: (di) => {
+    const joinPaths = di.inject(joinPathsInjectable);
+    const directoryForBinaries = di.inject(directoryForBinariesInjectable);
+
+    return joinPaths(directoryForBinaries, "kubectl");
+  },
+});
+
+export default directoryForKubectlBinariesInjectable;
diff --git a/packages/core/src/common/app-paths/directory-for-logs.injectable.ts b/packages/core/src/common/app-paths/directory-for-logs.injectable.ts
new file mode 100644
index 0000000000..e9abc35c44
--- /dev/null
+++ b/packages/core/src/common/app-paths/directory-for-logs.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 appPathsInjectable from "./app-paths.injectable";
+
+const directoryForLogsInjectable = getInjectable({
+  id: "directory-for-logs",
+  instantiate: (di) => di.inject(appPathsInjectable).logs,
+});
+
+export default directoryForLogsInjectable;
diff --git a/packages/core/src/common/app-paths/directory-for-temp/directory-for-temp.injectable.ts b/packages/core/src/common/app-paths/directory-for-temp/directory-for-temp.injectable.ts
new file mode 100644
index 0000000000..460efc073d
--- /dev/null
+++ b/packages/core/src/common/app-paths/directory-for-temp/directory-for-temp.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 appPathsInjectable from "../app-paths.injectable";
+
+const directoryForTempInjectable = getInjectable({
+  id: "directory-for-temp",
+  instantiate: (di) => di.inject(appPathsInjectable).temp,
+});
+
+export default directoryForTempInjectable;
diff --git a/packages/core/src/common/app-paths/directory-for-user-data/directory-for-user-data.injectable.ts b/packages/core/src/common/app-paths/directory-for-user-data/directory-for-user-data.injectable.ts
new file mode 100644
index 0000000000..0eb32221c6
--- /dev/null
+++ b/packages/core/src/common/app-paths/directory-for-user-data/directory-for-user-data.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 appPathsInjectable from "../app-paths.injectable";
+
+const directoryForUserDataInjectable = getInjectable({
+  id: "directory-for-user-data",
+  instantiate: (di) => di.inject(appPathsInjectable).userData,
+});
+
+export default directoryForUserDataInjectable;
diff --git a/packages/core/src/common/app-paths/get-custom-kube-config-directory/get-custom-kube-config-directory.injectable.ts b/packages/core/src/common/app-paths/get-custom-kube-config-directory/get-custom-kube-config-directory.injectable.ts
new file mode 100644
index 0000000000..0580d372f1
--- /dev/null
+++ b/packages/core/src/common/app-paths/get-custom-kube-config-directory/get-custom-kube-config-directory.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 directoryForKubeConfigsInjectable from "../directory-for-kube-configs/directory-for-kube-configs.injectable";
+import joinPathsInjectable from "../../path/join-paths.injectable";
+
+export type GetCustomKubeConfigFilePath = (fileName: string) => string;
+
+const getCustomKubeConfigFilePathInjectable = getInjectable({
+  id: "get-custom-kube-config-directory",
+
+  instantiate: (di): GetCustomKubeConfigFilePath => {
+    const directoryForKubeConfigs = di.inject(directoryForKubeConfigsInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+
+    return (fileName) => joinPaths(directoryForKubeConfigs, fileName);
+  },
+});
+
+export default getCustomKubeConfigFilePathInjectable;
diff --git a/packages/core/src/common/app-paths/path-to-npm-cli.global-override-for-injectable.ts b/packages/core/src/common/app-paths/path-to-npm-cli.global-override-for-injectable.ts
new file mode 100644
index 0000000000..db4734994d
--- /dev/null
+++ b/packages/core/src/common/app-paths/path-to-npm-cli.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 pathToNpmCliInjectable from "./path-to-npm-cli.injectable";
+
+export default getGlobalOverride(pathToNpmCliInjectable, () => "/some/npm/cli/path");
diff --git a/packages/core/src/common/app-paths/path-to-npm-cli.injectable.ts b/packages/core/src/common/app-paths/path-to-npm-cli.injectable.ts
new file mode 100644
index 0000000000..1c32b9ed6a
--- /dev/null
+++ b/packages/core/src/common/app-paths/path-to-npm-cli.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 pathToNpmCliInjectable = getInjectable({
+  id: "path-to-npm-cli",
+  instantiate: () => __non_webpack_require__.resolve("npm"),
+  causesSideEffects: true,
+});
+
+export default pathToNpmCliInjectable;
diff --git a/packages/core/src/common/base-store/base-store.ts b/packages/core/src/common/base-store/base-store.ts
new file mode 100644
index 0000000000..9a786329e4
--- /dev/null
+++ b/packages/core/src/common/base-store/base-store.ts
@@ -0,0 +1,148 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type Config from "conf";
+import type { Migrations, Options as ConfOptions } from "conf/dist/source/types";
+import type { IEqualsComparer } from "mobx";
+import { makeObservable, reaction } from "mobx";
+import { disposer, isPromiseLike, toJS } from "../utils";
+import { broadcastMessage } from "../ipc";
+import isEqual from "lodash/isEqual";
+import { kebabCase } from "lodash";
+import type { GetConfigurationFileModel } from "../get-configuration-file-model/get-configuration-file-model.injectable";
+import type { Logger } from "../logger";
+import type { PersistStateToConfig } from "./save-to-file";
+import type { GetBasenameOfPath } from "../path/get-basename.injectable";
+import type { EnlistMessageChannelListener } from "../utils/channel/enlist-message-channel-listener-injection-token";
+
+export interface BaseStoreParams<T> extends Omit<ConfOptions<T>, "migrations"> {
+  syncOptions?: {
+    fireImmediately?: boolean;
+    equals?: IEqualsComparer<T>;
+  };
+  configName: string;
+}
+
+export interface IpcChannelPrefixes {
+  local: string;
+  remote: string;
+}
+
+export interface BaseStoreDependencies {
+  readonly logger: Logger;
+  readonly storeMigrationVersion: string;
+  readonly directoryForUserData: string;
+  readonly migrations: Migrations<Record<string, unknown>>;
+  readonly ipcChannelPrefixes: IpcChannelPrefixes;
+  readonly shouldDisableSyncInListener: boolean;
+  getConfigurationFileModel: GetConfigurationFileModel;
+  persistStateToConfig: PersistStateToConfig;
+  getBasenameOfPath: GetBasenameOfPath;
+  enlistMessageChannelListener: EnlistMessageChannelListener;
+}
+
+/**
+ * Note: T should only contain base JSON serializable types.
+ */
+export abstract class BaseStore<T extends object> {
+  private readonly syncDisposers = disposer();
+
+  readonly displayName = kebabCase(this.params.configName).toUpperCase();
+
+  protected constructor(
+    protected readonly dependencies: BaseStoreDependencies,
+    protected readonly params: BaseStoreParams<T>,
+  ) {
+    makeObservable(this);
+  }
+
+  /**
+   * This must be called after the last child's constructor is finished (or just before it finishes)
+   */
+  load() {
+    this.dependencies.logger.info(`[${this.displayName}]: LOADING ...`);
+
+    const config = this.dependencies.getConfigurationFileModel({
+      projectName: "lens",
+      projectVersion: this.dependencies.storeMigrationVersion,
+      cwd: this.cwd(),
+      ...this.params,
+      migrations: this.dependencies.migrations as Migrations<T>,
+    });
+
+    const res = this.fromStore(config.store);
+
+    if (isPromiseLike(res)) {
+      this.dependencies.logger.error(`${this.displayName} extends BaseStore<T>'s fromStore method returns a Promise or promise-like object. This is an error and must be fixed.`);
+    }
+
+    this.startSyncing(config);
+    this.dependencies.logger.info(`[${this.displayName}]: LOADED from ${config.path}`);
+  }
+
+  protected cwd() {
+    return this.dependencies.directoryForUserData;
+  }
+
+  private startSyncing(config: Config<T>) {
+    const name = this.dependencies.getBasenameOfPath(config.path);
+
+    const disableSync = () => this.syncDisposers();
+    const enableSync = () => {
+      this.syncDisposers.push(
+        reaction(
+          () => toJS(this.toJSON()), // unwrap possible observables and react to everything
+          model => {
+            this.dependencies.persistStateToConfig(config, model);
+            broadcastMessage(`${this.dependencies.ipcChannelPrefixes.remote}:${config.path}`, model);
+          },
+          this.params.syncOptions,
+        ),
+        this.dependencies.enlistMessageChannelListener({
+          channel: {
+            id: `${this.dependencies.ipcChannelPrefixes.local}:${config.path}`,
+          },
+          handler: (model) => {
+            this.dependencies.logger.silly(`[${this.displayName}]: syncing ${name}`, { model });
+
+            if (this.dependencies.shouldDisableSyncInListener) {
+              disableSync();
+            }
+
+            // todo: use "resourceVersion" if merge required (to avoid equality checks => better performance)
+            if (!isEqual(this.toJSON(), model)) {
+              this.fromStore(model as T);
+            }
+
+            if (this.dependencies.shouldDisableSyncInListener) {
+              enableSync();
+            }
+          },
+        }),
+      );
+    };
+
+    enableSync();
+  }
+
+  /**
+   * fromStore is called internally when a child class syncs with the file
+   * system.
+   *
+   * Note: This function **must** be synchronous.
+   *
+   * @param data the parsed information read from the stored JSON file
+   */
+  protected abstract fromStore(data: T): void;
+
+  /**
+   * toJSON is called when syncing the store to the filesystem. It should
+   * produce a JSON serializable object representation of the current state.
+   *
+   * It is recommended that a round trip is valid. Namely, calling
+   * `this.fromStore(this.toJSON())` shouldn't change the state.
+   */
+  abstract toJSON(): T;
+}
diff --git a/packages/core/src/common/base-store/channel-prefix.ts b/packages/core/src/common/base-store/channel-prefix.ts
new file mode 100644
index 0000000000..f2662c65e0
--- /dev/null
+++ b/packages/core/src/common/base-store/channel-prefix.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { IpcChannelPrefixes } from "./base-store";
+
+export const baseStoreIpcChannelPrefixesInjectionToken = getInjectionToken<IpcChannelPrefixes>({
+  id: "base-store-ipc-channel-prefix-token",
+});
diff --git a/packages/core/src/common/base-store/disable-sync.ts b/packages/core/src/common/base-store/disable-sync.ts
new file mode 100644
index 0000000000..ce7abd16a1
--- /dev/null
+++ b/packages/core/src/common/base-store/disable-sync.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";
+
+export const shouldBaseStoreDisableSyncInIpcListenerInjectionToken = getInjectionToken<boolean>({
+  id: "should-base-store-disable-sync-in-ipc-listener-token",
+});
diff --git a/packages/core/src/common/base-store/migrations.injectable.ts b/packages/core/src/common/base-store/migrations.injectable.ts
new file mode 100644
index 0000000000..27f7489dfa
--- /dev/null
+++ b/packages/core/src/common/base-store/migrations.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { InjectionToken } from "@ogre-tools/injectable";
+import { lifecycleEnum, getInjectable } from "@ogre-tools/injectable";
+import type Conf from "conf/dist/source";
+import type { Migrations } from "conf/dist/source/types";
+import loggerInjectable from "../logger.injectable";
+import { getOrInsert, iter } from "../utils";
+
+export interface MigrationDeclaration {
+  version: string;
+  run(store: Conf<Partial<Record<string, unknown>>>): void;
+}
+
+const storeMigrationsInjectable = getInjectable({
+  id: "store-migrations",
+  instantiate: (di, token): Migrations<Record<string, unknown>> => {
+    const logger = di.inject(loggerInjectable);
+    const declarations = di.injectMany(token);
+    const migrations = new Map<string, MigrationDeclaration["run"][]>();
+
+    for (const decl of declarations) {
+      getOrInsert(migrations, decl.version, []).push(decl.run);
+    }
+
+    return Object.fromEntries(
+      iter.map(
+        migrations,
+        ([v, fns]) => [v, (store) => {
+          logger.info(`Running ${v} migration for ${store.path}`);
+
+          for (const fn of fns) {
+            fn(store);
+          }
+        }],
+      ),
+    );
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, token: InjectionToken<MigrationDeclaration, void>) => token.id,
+  }),
+});
+
+export default storeMigrationsInjectable;
diff --git a/packages/core/src/common/base-store/save-to-file.ts b/packages/core/src/common/base-store/save-to-file.ts
new file mode 100644
index 0000000000..b4d21ea950
--- /dev/null
+++ b/packages/core/src/common/base-store/save-to-file.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";
+import type Config from "conf";
+
+export type PersistStateToConfig = <T extends object>(config: Config<T>, state: T) => void;
+
+export const persistStateToConfigInjectionToken = getInjectionToken<PersistStateToConfig>({
+  id: "persist-state-to-config-token",
+});
diff --git a/packages/core/src/common/catalog-entities/__tests__/kubernetes-cluster.test.ts b/packages/core/src/common/catalog-entities/__tests__/kubernetes-cluster.test.ts
new file mode 100644
index 0000000000..b2814f9785
--- /dev/null
+++ b/packages/core/src/common/catalog-entities/__tests__/kubernetes-cluster.test.ts
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getDiForUnitTesting } from "../../../renderer/getDiForUnitTesting";
+import kubernetesClusterCategoryInjectable from "../../catalog/categories/kubernetes-cluster.injectable";
+import type { KubernetesClusterCategory } from "../kubernetes-cluster";
+
+
+describe("kubernetesClusterCategory", () => {
+  let kubernetesClusterCategory: KubernetesClusterCategory;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    kubernetesClusterCategory = di.inject(kubernetesClusterCategoryInjectable);
+  });
+
+  describe("filteredItems", () => {
+    const item1 = {
+      icon: "Icon",
+      title: "Title",
+      onClick: () => {},
+    };
+    const item2 = {
+      icon: "Icon 2",
+      title: "Title 2",
+      onClick: () => {},
+    };
+
+    it("returns all items if no filter set", () => {
+      expect(kubernetesClusterCategory.filteredItems([item1, item2])).toEqual([item1, item2]);
+    });
+
+    it("returns filtered items", () => {
+      expect(kubernetesClusterCategory.filteredItems([item1, item2])).toEqual([item1, item2]);
+
+      const disposer1 = kubernetesClusterCategory.addMenuFilter(item => item.icon === "Icon");
+
+      expect(kubernetesClusterCategory.filteredItems([item1, item2])).toEqual([item1]);
+
+      const disposer2 = kubernetesClusterCategory.addMenuFilter(item => item.title === "Title 2");
+
+      expect(kubernetesClusterCategory.filteredItems([item1, item2])).toEqual([]);
+
+      disposer1();
+
+      expect(kubernetesClusterCategory.filteredItems([item1, item2])).toEqual([item2]);
+
+      disposer2();
+
+      expect(kubernetesClusterCategory.filteredItems([item1, item2])).toEqual([item1, item2]);
+    });
+  });
+});
diff --git a/packages/core/src/common/catalog-entities/general-catalog-entities/general-catalog-entity-injection-token.ts b/packages/core/src/common/catalog-entities/general-catalog-entities/general-catalog-entity-injection-token.ts
new file mode 100644
index 0000000000..ad743802bf
--- /dev/null
+++ b/packages/core/src/common/catalog-entities/general-catalog-entities/general-catalog-entity-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 { GeneralEntity } from "../index";
+
+export const generalCatalogEntityInjectionToken = getInjectionToken<GeneralEntity>({
+  id: "general-catalog-entity-injection-token",
+});
diff --git a/packages/core/src/common/catalog-entities/general-catalog-entities/implementations/catalog-catalog-entity.injectable.ts b/packages/core/src/common/catalog-entities/general-catalog-entities/implementations/catalog-catalog-entity.injectable.ts
new file mode 100644
index 0000000000..15195a4b74
--- /dev/null
+++ b/packages/core/src/common/catalog-entities/general-catalog-entities/implementations/catalog-catalog-entity.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 { generalCatalogEntityInjectionToken } from "../general-catalog-entity-injection-token";
+import { GeneralEntity } from "../../index";
+import { buildURL } from "../../../utils/buildUrl";
+import catalogRouteInjectable from "../../../front-end-routing/routes/catalog/catalog-route.injectable";
+
+const catalogCatalogEntityInjectable = getInjectable({
+  id: "general-catalog-entity-for-catalog",
+
+  instantiate: (di) => {
+    const route = di.inject(catalogRouteInjectable);
+    const url = buildURL(route.path);
+
+    return new GeneralEntity({
+      metadata: {
+        uid: "catalog-entity",
+        name: "Catalog",
+        source: "app",
+        labels: {},
+      },
+      spec: {
+        path: url,
+        icon: {
+          material: "view_list",
+          background: "#3d90ce",
+        },
+      },
+      status: {
+        phase: "active",
+      },
+    });
+  },
+
+  injectionToken: generalCatalogEntityInjectionToken,
+});
+
+export default catalogCatalogEntityInjectable;
diff --git a/packages/core/src/common/catalog-entities/general-catalog-entities/implementations/welcome-catalog-entity.injectable.ts b/packages/core/src/common/catalog-entities/general-catalog-entities/implementations/welcome-catalog-entity.injectable.ts
new file mode 100644
index 0000000000..363dd73c5f
--- /dev/null
+++ b/packages/core/src/common/catalog-entities/general-catalog-entities/implementations/welcome-catalog-entity.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 { generalCatalogEntityInjectionToken } from "../general-catalog-entity-injection-token";
+import { GeneralEntity } from "../../index";
+import { buildURL } from "../../../utils/buildUrl";
+import welcomeRouteInjectable from "../../../front-end-routing/routes/welcome/welcome-route.injectable";
+
+const welcomeCatalogEntityInjectable = getInjectable({
+  id: "general-catalog-entity-for-welcome",
+
+  instantiate: (di) => {
+    const route = di.inject(welcomeRouteInjectable);
+    const url = buildURL(route.path);
+
+    return new GeneralEntity({
+      metadata: {
+        uid: "welcome-page-entity",
+        name: "Welcome Page",
+        source: "app",
+        labels: {},
+      },
+      spec: {
+        path: url,
+        icon: {
+          material: "meeting_room",
+          background: "#3d90ce",
+        },
+      },
+      status: {
+        phase: "active",
+      },
+    });
+  },
+
+  injectionToken: generalCatalogEntityInjectionToken,
+});
+
+export default welcomeCatalogEntityInjectable;
diff --git a/packages/core/src/common/catalog-entities/general.ts b/packages/core/src/common/catalog-entities/general.ts
new file mode 100644
index 0000000000..e81e59cc16
--- /dev/null
+++ b/packages/core/src/common/catalog-entities/general.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 type { CatalogEntityMetadata, CatalogEntitySpec, CatalogEntityStatus } from "../catalog";
+import type { CatalogEntityActionContext } from "../catalog/catalog-entity";
+import { CatalogCategory, CatalogEntity, categoryVersion } from "../catalog/catalog-entity";
+
+interface GeneralEntitySpec extends CatalogEntitySpec {
+  path: string;
+  icon?: {
+    material?: string;
+    background?: string;
+  };
+}
+
+export class GeneralEntity extends CatalogEntity<CatalogEntityMetadata, CatalogEntityStatus, GeneralEntitySpec> {
+  public readonly apiVersion = "entity.k8slens.dev/v1alpha1";
+  public readonly kind = "General";
+
+  async onRun(context: CatalogEntityActionContext) {
+    context.navigate(this.spec.path);
+  }
+}
+
+export class GeneralCategory extends CatalogCategory {
+  public readonly apiVersion = "catalog.k8slens.dev/v1alpha1";
+  public readonly kind = "CatalogCategory";
+  public metadata = {
+    name: "General",
+    icon: "settings",
+  };
+  public spec = {
+    group: "entity.k8slens.dev",
+    versions: [
+      categoryVersion("v1alpha1", GeneralEntity),
+    ],
+    names: {
+      kind: "General",
+    },
+  };
+}
diff --git a/packages/core/src/common/catalog-entities/icons/kubernetes.svg b/packages/core/src/common/catalog-entities/icons/kubernetes.svg
new file mode 100644
index 0000000000..b4a9068420
--- /dev/null
+++ b/packages/core/src/common/catalog-entities/icons/kubernetes.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 256 249" style="enable-background:new 0 0 256 249;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M247.7,151.3L247.7,151.3L247.7,151.3C247.4,151.3,247.4,151.3,247.7,151.3h-0.2c-0.2,0-0.5,0-0.5-0.2
+	c-0.5,0-1-0.2-1.4-0.2c-1.7-0.2-3.1-0.5-4.5-0.5c-0.7,0-1.4,0-2.4-0.2h-0.2c-5-0.5-9-1-12.8-2.1c-1.7-0.7-2.1-1.7-2.6-2.6
+	c0-0.2-0.2-0.2-0.2-0.5l0,0l-3.1-1c1.4-10.9,1-22.3-1.7-33.5c-2.6-11.2-7.1-21.6-13.3-31.1l2.4-2.1v-0.5c0-1.2,0.2-2.4,1.2-3.6
+	c2.9-2.6,6.4-4.8,10.7-7.4l0,0c0.7-0.5,1.4-0.7,2.1-1.2c1.4-0.7,2.6-1.4,4-2.4c0.2-0.2,0.7-0.5,1.2-1c0.2-0.2,0.5-0.2,0.5-0.5l0,0
+	c3.3-2.9,4-7.6,1.7-10.7c-1.2-1.7-3.3-2.6-5.5-2.6c-1.9,0-3.6,0.7-5.2,1.9l0,0l0,0c-0.2,0.2-0.2,0.2-0.5,0.5c-0.5,0.2-0.7,0.7-1.2,1
+	c-1.2,1.2-2.1,2.1-3.1,3.3c-0.5,0.5-1,1.2-1.7,1.7l0,0c-3.3,3.6-6.4,6.4-9.5,8.6c-0.7,0.5-1.4,0.7-2.1,0.7c-0.5,0-1,0-1.4-0.2h-0.5
+	l0,0l-2.9,1.9c-3.1-3.3-6.4-6.2-9.7-9c-14.3-11.2-31.6-18.1-49.6-19.7l-0.2-3.1c-0.2-0.2-0.2-0.2-0.5-0.5c-0.7-0.7-1.7-1.4-1.9-3.1
+	c-0.2-3.8,0.2-8.1,0.7-12.8v-0.2c0-0.7,0.2-1.7,0.5-2.4c0.2-1.4,0.5-2.9,0.7-4.5V10V9.3l0,0l0,0c0-4.3-3.3-7.8-7.4-7.8
+	c-1.9,0-3.8,1-5.2,2.4c-1.4,1.4-2.1,3.3-2.1,5.5l0,0l0,0v0.5v1.4c0,1.7,0.2,3.1,0.7,4.5c0.2,0.7,0.2,1.4,0.5,2.4v0.2
+	c0.5,4.8,1.2,9,0.7,12.8c-0.2,1.7-1.2,2.4-1.9,3.1c-0.2,0.2-0.2,0.2-0.5,0.5l0,0l-0.2,3.1c-4.3,0.5-8.6,1-12.8,1.9
+	c-18.3,4-34.4,13.3-47,26.6l-2.4-1.7h-0.5c-0.5,0-1,0.2-1.4,0.2c-0.7,0-1.4-0.2-2.1-0.7c-3.1-2.1-6.2-5.2-9.5-8.8l0,0
+	c-0.5-0.5-1-1.2-1.7-1.7c-1-1.2-1.9-2.1-3.1-3.3c-0.2-0.2-0.7-0.5-1.2-1c-0.2-0.2-0.5-0.2-0.5-0.5l0,0c-1.4-1.2-3.3-1.9-5.2-1.9
+	c-2.1,0-4.3,1-5.5,2.6c-2.4,3.1-1.7,7.8,1.7,10.7l0,0l0,0c0.2,0,0.2,0.2,0.5,0.2c0.5,0.2,0.7,0.7,1.2,1c1.4,1,2.6,1.7,4,2.4
+	c0.7,0.2,1.4,0.7,2.1,1.2l0,0c4.3,2.6,7.8,4.8,10.7,7.4c1.2,1.2,1.2,2.4,1.2,3.6v0.5l0,0l2.4,2.1c-0.5,0.7-1,1.2-1.2,1.9
+	c-11.9,18.8-16.4,40.9-13.3,62.7l-3.1,1c0,0.2-0.2,0.2-0.2,0.5c-0.5,1-1.2,1.9-2.6,2.6c-3.6,1.2-7.8,1.7-12.8,2.1h-0.2
+	c-0.7,0-1.7,0-2.4,0.2c-1.4,0-2.9,0.2-4.5,0.5c-0.5,0-1,0.2-1.4,0.2c-0.2,0-0.5,0-0.7,0.2l0,0l0,0c-4.3,1-6.9,5-6.2,8.8
+	c0.7,3.3,3.8,5.5,7.6,5.5c0.7,0,1.2,0,1.9-0.2l0,0l0,0c0.2,0,0.5,0,0.5-0.2c0.5,0,1-0.2,1.4-0.2c1.7-0.5,2.9-1,4.3-1.7
+	c0.7-0.2,1.4-0.7,2.1-1h0.2c4.5-1.7,8.6-3.1,12.4-3.6h0.5c1.4,0,2.4,0.7,3.1,1.2c0.2,0,0.2,0.2,0.5,0.2l0,0l3.3-0.5
+	c5.7,17.6,16.6,33.3,31.1,44.7c3.3,2.6,6.7,4.8,10.2,6.9l-1.4,3.1c0,0.2,0.2,0.2,0.2,0.5c0.5,1,1,2.1,0.5,3.8
+	c-1.4,3.6-3.6,7.1-6.2,11.2v0.2c-0.5,0.7-1,1.2-1.4,1.9c-1,1.2-1.7,2.4-2.6,3.8c-0.2,0.2-0.5,0.7-0.7,1.2c0,0.2-0.2,0.5-0.2,0.5l0,0
+	l0,0c-1.9,4-0.5,8.6,3.1,10.2c1,0.5,1.9,0.7,2.9,0.7c2.9,0,5.7-1.9,7.1-4.5l0,0l0,0c0-0.2,0.2-0.5,0.2-0.5c0.2-0.5,0.5-1,0.7-1.2
+	c0.7-1.7,1-2.9,1.4-4.3c0.2-0.7,0.5-1.4,0.7-2.1l0,0c1.7-4.8,2.9-8.6,5-11.9c1-1.4,2.1-1.7,3.1-2.1c0.2,0,0.2,0,0.5-0.2l0,0l1.7-3.1
+	c10.5,4,21.9,6.2,33.3,6.2c6.9,0,14-0.7,20.7-2.4c4.3-1,8.3-2.1,12.4-3.6l1.4,2.6c0.2,0,0.2,0,0.5,0.2c1.2,0.2,2.1,0.7,3.1,2.1
+	c1.9,3.3,3.3,7.4,5,11.9v0.2c0.2,0.7,0.5,1.4,0.7,2.1c0.5,1.4,0.7,2.9,1.4,4.3c0.2,0.5,0.5,0.7,0.7,1.2c0,0.2,0.2,0.5,0.2,0.5l0,0
+	l0,0c1.4,2.9,4.3,4.5,7.1,4.5c1,0,1.9-0.2,2.9-0.7c1.7-1,3.1-2.4,3.6-4.3s0.5-4-0.5-5.9l0,0l0,0c0-0.2-0.2-0.2-0.2-0.5
+	c-0.2-0.5-0.5-1-0.7-1.2c-0.7-1.4-1.7-2.6-2.6-3.8c-0.5-0.7-1-1.2-1.4-1.9V229c-2.6-4-5-7.6-6.2-11.2c-0.5-1.7,0-2.6,0.2-3.8
+	c0-0.2,0.2-0.2,0.2-0.5l0,0l-1.2-2.9c12.6-7.4,23.3-17.8,31.4-30.6c4.3-6.7,7.6-14,10-21.4l2.9,0.5c0.2,0,0.2-0.2,0.5-0.2
+	c1-0.5,1.7-1.2,3.1-1.2h0.5c3.8,0.5,7.8,1.9,12.4,3.6h0.2c0.7,0.2,1.4,0.7,2.1,1c1.4,0.7,2.6,1.2,4.3,1.7c0.5,0,1,0.2,1.4,0.2
+	c0.2,0,0.5,0,0.7,0.2l0,0c0.7,0.2,1.2,0.2,1.9,0.2c3.6,0,6.7-2.4,7.6-5.5C254.6,156.3,251.9,152.5,247.7,151.3L247.7,151.3z
+	 M137.7,139.7l-10.5,5l-10.5-5l-2.6-11.2l7.1-9h11.6l7.1,9L137.7,139.7L137.7,139.7z M199.7,115c1.9,8.1,2.4,16.2,1.7,24L165,128.5
+	c-3.3-1-5.2-4.3-4.5-7.6c0.2-1,0.7-1.9,1.4-2.6l28.7-25.9C194.7,99.1,197.8,106.7,199.7,115L199.7,115z M179.3,78.2l-31.1,22.1
+	c-2.6,1.7-6.2,1.2-8.3-1.4c-0.7-0.7-1-1.7-1.2-2.6l-2.1-38.7C152.9,59.4,167.8,66.8,179.3,78.2L179.3,78.2z M110.4,58.7
+	c2.6-0.5,5-1,7.6-1.4l-2.1,38c-0.2,3.3-2.9,6.2-6.4,6.2c-1,0-2.1-0.2-2.9-0.7L75,78.2C84.7,68.4,96.8,61.8,110.4,58.7L110.4,58.7z
+	 M63.6,92.4l28.3,25.2c2.6,2.1,2.9,6.2,0.7,8.8c-0.7,1-1.7,1.7-2.9,1.9L52.9,139C51.4,122.8,55,106.4,63.6,92.4L63.6,92.4z
+	 M57.1,156.8l37.8-6.4c3.1-0.2,5.9,1.9,6.7,5c0.2,1.4,0.2,2.6-0.2,3.8l0,0l-14.5,34.9C73.5,185.6,62.8,172.5,57.1,156.8L57.1,156.8z
+	 M143.9,204.1c-5.5,1.2-10.9,1.9-16.6,1.9c-8.3,0-16.4-1.4-24-3.8l18.8-34c1.9-2.1,5-3.1,7.6-1.7c1.2,0.7,2.1,1.7,2.9,2.6l0,0
+	l18.3,33C148.6,202.9,146.2,203.4,143.9,204.1L143.9,204.1z M190.2,171.1c-5.9,9.5-13.8,17.1-22.8,23l-15-35.9
+	c-0.7-2.9,0.5-5.9,3.3-7.4c1-0.5,2.1-0.7,3.3-0.7l38,6.4C195.6,161.8,193.3,166.5,190.2,171.1L190.2,171.1z"/>
+</svg>
diff --git a/packages/core/src/common/catalog-entities/index.ts b/packages/core/src/common/catalog-entities/index.ts
new file mode 100644
index 0000000000..336a8c0f9a
--- /dev/null
+++ b/packages/core/src/common/catalog-entities/index.ts
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./general";
+export * from "./kubernetes-cluster";
+export * from "./web-link";
diff --git a/packages/core/src/common/catalog-entities/kubernetes-cluster.ts b/packages/core/src/common/catalog-entities/kubernetes-cluster.ts
new file mode 100644
index 0000000000..d47ab47831
--- /dev/null
+++ b/packages/core/src/common/catalog-entities/kubernetes-cluster.ts
@@ -0,0 +1,160 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { CatalogEntityActionContext, CatalogEntityContextMenuContext, CatalogEntityMetadata, CatalogEntityStatus, CatalogCategorySpec } from "../catalog";
+import { CatalogEntity, CatalogCategory, categoryVersion } from "../catalog/catalog-entity";
+import { broadcastMessage } from "../ipc";
+import { app } from "electron";
+import type { CatalogEntityConstructor, CatalogEntitySpec } from "../catalog/catalog-entity";
+import { IpcRendererNavigationEvents } from "../../renderer/navigation/events";
+import { requestClusterActivation, requestClusterDisconnection } from "../../renderer/ipc";
+import KubeClusterCategoryIcon from "./icons/kubernetes.svg";
+import getClusterByIdInjectable from "../cluster-store/get-by-id.injectable";
+import { getLegacyGlobalDiForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+
+export interface KubernetesClusterPrometheusMetrics {
+  address?: {
+    namespace: string;
+    service: string;
+    port: number;
+    prefix: string;
+  };
+  type?: string;
+}
+
+export interface KubernetesClusterSpec extends CatalogEntitySpec {
+  kubeconfigPath: string;
+  kubeconfigContext: string;
+  metrics?: {
+    source: string;
+    prometheus?: KubernetesClusterPrometheusMetrics;
+  };
+  icon?: {
+    // TODO: move to CatalogEntitySpec once any-entity icons are supported
+    src?: string;
+    material?: string;
+    background?: string;
+  };
+  accessibleNamespaces?: string[];
+}
+
+export enum LensKubernetesClusterStatus {
+  DELETING = "deleting",
+  CONNECTING = "connecting",
+  CONNECTED = "connected",
+  DISCONNECTED = "disconnected",
+}
+
+export interface KubernetesClusterMetadata extends CatalogEntityMetadata {
+  distro?: string;
+  kubeVersion?: string;
+}
+
+/**
+ * @deprecated This is no longer used as it is incorrect. Other sources can add more values
+ */
+export type KubernetesClusterStatusPhase = "connected" | "connecting" | "disconnected" | "deleting";
+
+export interface KubernetesClusterStatus extends CatalogEntityStatus {
+}
+
+export function isKubernetesCluster(item: unknown): item is KubernetesCluster {
+  return item instanceof KubernetesCluster;
+}
+
+export class KubernetesCluster<
+  Metadata extends KubernetesClusterMetadata = KubernetesClusterMetadata,
+  Status extends KubernetesClusterStatus = KubernetesClusterStatus,
+  Spec extends KubernetesClusterSpec = KubernetesClusterSpec,
+> extends CatalogEntity<Metadata, Status, Spec> {
+  public static readonly apiVersion: string = "entity.k8slens.dev/v1alpha1";
+  public static readonly kind: string = "KubernetesCluster";
+
+  public readonly apiVersion = KubernetesCluster.apiVersion;
+  public readonly kind = KubernetesCluster.kind;
+
+  async connect(): Promise<void> {
+    if (app) {
+      const di = getLegacyGlobalDiForExtensionApi();
+      const getClusterById = di.inject(getClusterByIdInjectable);
+
+      await getClusterById(this.getId())?.activate();
+    } else {
+      await requestClusterActivation(this.getId(), false);
+    }
+  }
+
+  async disconnect(): Promise<void> {
+    if (app) {
+      const di = getLegacyGlobalDiForExtensionApi();
+      const getClusterById = di.inject(getClusterByIdInjectable);
+
+      getClusterById(this.getId())?.disconnect();
+    } else {
+      await requestClusterDisconnection(this.getId(), false);
+    }
+  }
+
+  async onRun(context: CatalogEntityActionContext) {
+    context.navigate(`/cluster/${this.getId()}`);
+  }
+
+  onDetailsOpen(): void {
+    //
+  }
+
+  onSettingsOpen(): void {
+    //
+  }
+
+  onContextMenuOpen(context: CatalogEntityContextMenuContext) {
+    if (!this.metadata.source || this.metadata.source === "local") {
+      context.menuItems.push({
+        title: "Settings",
+        icon: "settings",
+        onClick: () => broadcastMessage(
+          IpcRendererNavigationEvents.NAVIGATE_IN_APP,
+          `/entity/${this.getId()}/settings`,
+        ),
+      });
+    }
+
+    switch (this.status.phase) {
+      case LensKubernetesClusterStatus.CONNECTED:
+      case LensKubernetesClusterStatus.CONNECTING:
+        context.menuItems.push({
+          title: "Disconnect",
+          icon: "link_off",
+          onClick: () => requestClusterDisconnection(this.getId()),
+        });
+        break;
+      case LensKubernetesClusterStatus.DISCONNECTED:
+        context.menuItems.push({
+          title: "Connect",
+          icon: "link",
+          onClick: () => context.navigate(`/cluster/${this.getId()}`),
+        });
+        break;
+    }
+  }
+}
+
+export class KubernetesClusterCategory extends CatalogCategory {
+  public readonly apiVersion = "catalog.k8slens.dev/v1alpha1";
+  public readonly kind = "CatalogCategory";
+  public metadata = {
+    name: "Clusters",
+    icon: KubeClusterCategoryIcon,
+  };
+  public spec: CatalogCategorySpec = {
+    group: "entity.k8slens.dev",
+    versions: [
+      categoryVersion("v1alpha1", KubernetesCluster as CatalogEntityConstructor<KubernetesCluster>),
+    ],
+    names: {
+      kind: "KubernetesCluster",
+    },
+  };
+}
diff --git a/packages/core/src/common/catalog-entities/web-link.ts b/packages/core/src/common/catalog-entities/web-link.ts
new file mode 100644
index 0000000000..7c83051c8b
--- /dev/null
+++ b/packages/core/src/common/catalog-entities/web-link.ts
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { Environments, getEnvironmentSpecificLegacyGlobalDiForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import type { CatalogEntityContextMenuContext, CatalogEntityMetadata, CatalogEntityStatus } from "../catalog";
+import { CatalogCategory, CatalogEntity, categoryVersion } from "../catalog/catalog-entity";
+import productNameInjectable from "../vars/product-name.injectable";
+import weblinkStoreInjectable from "../weblinks-store/weblink-store.injectable";
+
+export type WebLinkStatusPhase = "available" | "unavailable";
+
+export interface WebLinkStatus extends CatalogEntityStatus {
+  phase: WebLinkStatusPhase;
+}
+
+export interface WebLinkSpec {
+  url: string;
+}
+
+export class WebLink extends CatalogEntity<CatalogEntityMetadata, WebLinkStatus, WebLinkSpec> {
+  public static readonly apiVersion = "entity.k8slens.dev/v1alpha1";
+  public static readonly kind = "WebLink";
+
+  public readonly apiVersion = WebLink.apiVersion;
+  public readonly kind = WebLink.kind;
+
+  async onRun() {
+    window.open(this.spec.url, "_blank");
+  }
+
+  onContextMenuOpen(context: CatalogEntityContextMenuContext) {
+    // NOTE: this is safe because `onContextMenuOpen` is only supposed to be called in the renderer
+    const di = getEnvironmentSpecificLegacyGlobalDiForExtensionApi(Environments.renderer);
+    const productName = di.inject(productNameInjectable);
+    const weblinkStore = di.inject(weblinkStoreInjectable);
+
+    if (this.metadata.source === "local") {
+      context.menuItems.push({
+        title: "Delete",
+        icon: "delete",
+        onClick: async () => weblinkStore.removeById(this.getId()),
+        confirm: {
+          message: `Remove Web Link "${this.getName()}" from ${productName}?`,
+        },
+      });
+    }
+  }
+}
+
+export class WebLinkCategory extends CatalogCategory {
+  public readonly apiVersion = "catalog.k8slens.dev/v1alpha1";
+  public readonly kind = "CatalogCategory";
+  public metadata = {
+    name: "Web Links",
+    icon: "public",
+  };
+  public spec = {
+    group: "entity.k8slens.dev",
+    versions: [
+      categoryVersion("v1alpha1", WebLink),
+    ],
+    names: {
+      kind: "WebLink",
+    },
+  };
+}
diff --git a/packages/core/src/common/catalog/catalog-entity.ts b/packages/core/src/common/catalog/catalog-entity.ts
new file mode 100644
index 0000000000..7effe60f2f
--- /dev/null
+++ b/packages/core/src/common/catalog/catalog-entity.ts
@@ -0,0 +1,413 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import EventEmitter from "events";
+import type TypedEmitter from "typed-emitter";
+import { observable, makeObservable } from "mobx";
+import { once } from "lodash";
+import type { Disposer } from "../utils";
+import { iter } from "../utils";
+import type { CategoryColumnRegistration } from "../../renderer/components/+catalog/custom-category-columns";
+
+export type CatalogEntityDataFor<Entity> = Entity extends CatalogEntity<infer Metadata, infer Status, infer Spec>
+  ? CatalogEntityData<Metadata, Status, Spec>
+  : never;
+
+export type CatalogEntityInstanceFrom<Constructor> = Constructor extends CatalogEntityConstructor<infer Entity>
+  ? Entity
+  : never;
+
+export type CatalogEntityConstructor<Entity extends CatalogEntity> = (
+  new (data: CatalogEntityDataFor<Entity>) => Entity
+);
+
+export interface CatalogCategoryVersion {
+  /**
+   * The specific version that the associated constructor is for. This MUST be
+   * a DNS label and SHOULD be of the form `vN`, `vNalphaY`, or `vNbetaY` where
+   * `N` and `Y` are both integers greater than 0.
+   *
+   * Examples: The following are valid values for this field.
+   * - `v1`
+   * - `v1beta1`
+   * - `v1alpha2`
+   * - `v3beta2`
+   */
+  readonly name: string;
+
+  /**
+   * The constructor for the entities.
+   */
+  readonly entityClass: CatalogEntityConstructor<CatalogEntity>;
+}
+
+export interface CatalogCategorySpec {
+  /**
+   * The grouping for for the category. This MUST be a DNS label.
+   */
+  readonly group: string;
+
+  /**
+   * The specific versions of the constructors.
+   *
+   * NOTE: the field `.apiVersion` after construction MUST match `{.group}/{.versions.[] | .name}`.
+   * For example, if `group = "entity.k8slens.dev"` and there is an entry in `.versions` with
+   * `name = "v1alpha1"` then the resulting `.apiVersion` MUST be `entity.k8slens.dev/v1alpha1`
+   */
+  readonly versions: CatalogCategoryVersion[];
+
+  /**
+   * This is the concerning the category
+   */
+  readonly names: {
+    /**
+     * The kind of entity that this category is for. This value MUST be a DNS
+     * label and MUST be equal to the `kind` fields that are produced by the
+     * `.versions.[] | .entityClass` fields.
+     */
+    readonly kind: string;
+  };
+
+  /**
+   * These are the columns used for displaying entities when in the catalog.
+   *
+   * If this is not provided then some default columns will be used, similar in
+   * scope to the columns in the "Browse" view.
+   *
+   * Even if you provide columns, a "Name" column will be provided as well with
+   * `priority: 0`.
+   *
+   * These columns will not be used in the "Browse" view.
+   */
+  readonly displayColumns?: CategoryColumnRegistration[];
+}
+
+/**
+ * If the filter return a thruthy value, the menu item is displayed
+ */
+export type AddMenuFilter = (menu: CatalogEntityAddMenu) => any;
+
+export interface CatalogCategoryEvents {
+  /**
+   * This event will be emitted when the category is loaded in the catalog
+   * view.
+   */
+  load: () => void;
+
+  /**
+   * This event will be emitted when the catalog add menu is opened and is the
+   * way to added entries to that menu.
+   */
+  catalogAddMenu: (context: CatalogEntityAddMenuContext) => void;
+
+  /**
+   * This event will be emitted when the context menu for an entity is declared
+   * by this category is opened.
+   */
+  contextMenuOpen: (entity: CatalogEntity, context: CatalogEntityContextMenuContext) => void;
+}
+
+export interface CatalogCategoryMetadata {
+  /**
+   * The name of your category. The category can be searched for by this
+   * value. This will also be used for the catalog menu.
+   */
+  readonly name: string;
+  /**
+   * Either an `<svg>` or the name of an icon from {@link IconProps}
+   */
+  readonly icon: string;
+}
+
+export function categoryVersion<
+  T extends CatalogEntity<Metadata, Status, Spec>,
+  Metadata extends CatalogEntityMetadata,
+  Status extends CatalogEntityStatus,
+  Spec extends CatalogEntitySpec,
+>(name: string, entityClass: new (data: CatalogEntityData<Metadata, Status, Spec>) => T): CatalogCategoryVersion {
+  return {
+    name,
+    entityClass: entityClass as CatalogEntityConstructor<T>,
+  };
+}
+
+export abstract class CatalogCategory extends (EventEmitter as new () => TypedEmitter<CatalogCategoryEvents>) {
+  /**
+   * The version of category that you are wanting to declare.
+   *
+   * Currently supported values:
+   *
+   * - `"catalog.k8slens.dev/v1alpha1"`
+   */
+  abstract readonly apiVersion: string;
+
+  /**
+   * The kind of item you wish to declare.
+   *
+   * Currently supported values:
+   *
+   * - `"CatalogCategory"`
+   */
+  abstract readonly kind: string;
+
+  /**
+   * The data about the category itself
+   */
+  abstract readonly metadata: CatalogCategoryMetadata;
+
+  /**
+   * The most important part of a category, as it is where entity versions are declared.
+   */
+  abstract readonly spec: CatalogCategorySpec;
+
+  /**
+   * @internal
+   */
+  protected readonly filters = observable.set<AddMenuFilter>([], {
+    deep: false,
+  });
+
+  /**
+   * Parse a category ID into parts.
+   * @param id The id of a category is parse
+   * @returns The group and kind parts of the ID
+   */
+  public static parseId(id: string): { group?: string; kind?: string } {
+    const [group, kind] = id.split("/") ?? [];
+
+    return { group, kind };
+  }
+
+  /**
+   * Get the ID of this category
+   */
+  public getId(): string {
+    return `${this.spec.group}/${this.spec.names.kind}`;
+  }
+
+  /**
+   * Get the name of this category
+   */
+  public getName(): string {
+    return this.metadata.name;
+  }
+
+  /**
+   * Get the badge of this category.
+   * Defaults to no badge.
+   * The badge is displayed next to the Category name in the Catalog Category menu
+   */
+  public getBadge(): React.ReactNode {
+    return null;
+  }
+
+  /**
+   * Add a filter for menu items of catalogAddMenu
+   * @param fn The function that should return a truthy value if that menu item should be displayed
+   * @returns A function to remove that filter
+   */
+  public addMenuFilter(fn: AddMenuFilter): Disposer {
+    this.filters.add(fn);
+
+    return once(() => void this.filters.delete(fn));
+  }
+
+  /**
+   * Filter menuItems according to the Category's set filters
+   * @param menuItems menu items to filter
+   * @returns filtered menu items
+   */
+  public filteredItems(menuItems: CatalogEntityAddMenu[]) {
+    return Array.from(
+      iter.reduce(
+        this.filters,
+        iter.filter,
+        menuItems.values(),
+      ),
+    );
+  }
+}
+
+export type EntityMetadataObject = { [Key in string]?: EntityMetadataValue };
+export type EntityMetadataValue = string | number | boolean | EntityMetadataObject | undefined;
+
+export interface CatalogEntityMetadata extends EntityMetadataObject {
+  uid: string;
+  name: string;
+  shortName?: string;
+  description?: string;
+  source?: string;
+  labels: Record<string, string>;
+}
+
+export interface CatalogEntityStatus {
+  phase: string;
+  reason?: string;
+
+  /**
+   * @default true
+   */
+  enabled?: boolean;
+  message?: string;
+  active?: boolean;
+}
+
+export interface CatalogEntityActionContext {
+  navigate: (url: string) => void;
+  setCommandPaletteContext: (context?: CatalogEntity) => void;
+}
+
+export interface CatalogEntityContextMenu {
+  /**
+   * Menu title
+   */
+  title: string;
+  /**
+   * Menu icon
+   */
+  icon?: string;
+  /**
+   * OnClick handler
+   */
+  onClick: () => void | Promise<void>;
+  /**
+   * Confirm click with a message
+   */
+  confirm?: {
+    message: string;
+  };
+}
+
+export interface CatalogEntityAddMenu extends CatalogEntityContextMenu {
+  icon: string;
+  defaultAction?: boolean;
+}
+
+export interface CatalogEntitySettingsMenu {
+  group?: string;
+  title: string;
+  components: {
+    View: React.ComponentType<any>;
+  };
+}
+
+export interface CatalogEntityContextMenuNavigate {
+  /**
+   * @param pathname The location to navigate to in the main iframe
+   */
+  (pathname: string, forceMainFrame?: boolean): void;
+  /**
+   * @param pathname The location to navigate to in the current iframe. Useful for when called within the cluster frame
+   */
+  (pathname: string, forceMainFrame: false): void;
+}
+
+export interface CatalogEntityContextMenuContext {
+  /**
+   * Navigate to the specified pathname
+   */
+  navigate: CatalogEntityContextMenuNavigate;
+  menuItems: CatalogEntityContextMenu[];
+}
+
+export interface CatalogEntitySettingsContext {
+  menuItems: CatalogEntityContextMenu[];
+}
+
+export interface CatalogEntityAddMenuContext {
+  navigate: (url: string) => void;
+  menuItems: CatalogEntityAddMenu[];
+}
+
+export type CatalogEntitySpec = Record<string, any>;
+
+
+export interface CatalogEntityData<
+  Metadata extends CatalogEntityMetadata = CatalogEntityMetadata,
+  Status extends CatalogEntityStatus = CatalogEntityStatus,
+  Spec extends CatalogEntitySpec = CatalogEntitySpec,
+> {
+  metadata: Metadata;
+  status: Status;
+  spec: Spec;
+}
+
+export interface CatalogEntityKindData {
+  readonly apiVersion: string;
+  readonly kind: string;
+}
+
+export abstract class CatalogEntity<
+  Metadata extends CatalogEntityMetadata = CatalogEntityMetadata,
+  Status extends CatalogEntityStatus = CatalogEntityStatus,
+  Spec extends CatalogEntitySpec = CatalogEntitySpec,
+> implements CatalogEntityKindData {
+  /**
+   * The group and version of this class.
+   */
+  public abstract readonly apiVersion: string;
+
+  /**
+   * A DNS label name of the entity.
+   */
+  public abstract readonly kind: string;
+
+  @observable metadata: Metadata;
+  @observable status: Status;
+  @observable spec: Spec;
+
+  constructor({ metadata, status, spec }: CatalogEntityData<Metadata, Status, Spec>) {
+    makeObservable(this);
+
+    if (!metadata || typeof metadata !== "object") {
+      throw new TypeError("CatalogEntity's metadata must be a defined object");
+    }
+
+    if (!status || typeof status !== "object") {
+      throw new TypeError("CatalogEntity's status must be a defined object");
+    }
+
+    if (!spec || typeof spec !== "object") {
+      throw new TypeError("CatalogEntity's spec must be a defined object");
+    }
+
+    this.metadata = metadata;
+    this.status = status;
+    this.spec = spec;
+  }
+
+  /**
+   * Get the UID of this entity
+   */
+  public getId(): string {
+    return this.metadata.uid;
+  }
+
+  /**
+   * Get the name of this entity
+   */
+  public getName(): string {
+    return this.metadata.name;
+  }
+
+  /**
+   * Get the specified source of this entity, defaulting to `"unknown"` if not
+   * provided
+   */
+  public getSource(): string {
+    return this.metadata.source ?? "unknown";
+  }
+
+  /**
+   * Get if this entity is enabled.
+   */
+  public isEnabled(): boolean {
+    return this.status.enabled ?? true;
+  }
+
+  public onRun?(context: CatalogEntityActionContext): void | Promise<void>;
+  public onContextMenuOpen?(context: CatalogEntityContextMenuContext): void | Promise<void>;
+  public onSettingsOpen?(context: CatalogEntitySettingsContext): void | Promise<void>;
+}
diff --git a/packages/core/src/common/catalog/catalog-run-event.ts b/packages/core/src/common/catalog/catalog-run-event.ts
new file mode 100644
index 0000000000..c1b5eac986
--- /dev/null
+++ b/packages/core/src/common/catalog/catalog-run-event.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 type { CatalogEntity } from "../catalog";
+
+export class CatalogRunEvent {
+  #defaultPrevented: boolean;
+  #target: CatalogEntity;
+
+  get defaultPrevented() {
+    return this.#defaultPrevented;
+  }
+
+  get target() {
+    return this.#target;
+  }
+
+  constructor({ target }: { target: CatalogEntity }) {
+    this.#defaultPrevented = false;
+    this.#target = target;
+  }
+
+  preventDefault() {
+    this.#defaultPrevented = true;
+  }
+}
diff --git a/packages/core/src/common/catalog/categories/general.injectable.ts b/packages/core/src/common/catalog/categories/general.injectable.ts
new file mode 100644
index 0000000000..d2e3ba7a69
--- /dev/null
+++ b/packages/core/src/common/catalog/categories/general.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 { getInjectable } from "@ogre-tools/injectable";
+import { GeneralCategory } from "../../catalog-entities";
+import { builtInCategoryInjectionToken } from "../category-registry.injectable";
+
+const generalCategoryInjectable = getInjectable({
+  id: "general-category",
+  instantiate: () => new GeneralCategory(),
+  injectionToken: builtInCategoryInjectionToken,
+});
+
+export default generalCategoryInjectable;
diff --git a/packages/core/src/common/catalog/categories/kubernetes-cluster.injectable.ts b/packages/core/src/common/catalog/categories/kubernetes-cluster.injectable.ts
new file mode 100644
index 0000000000..6dc3f9be8d
--- /dev/null
+++ b/packages/core/src/common/catalog/categories/kubernetes-cluster.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 { getInjectable } from "@ogre-tools/injectable";
+import { KubernetesClusterCategory } from "../../catalog-entities/kubernetes-cluster";
+import { builtInCategoryInjectionToken } from "../category-registry.injectable";
+
+const kubernetesClusterCategoryInjectable = getInjectable({
+  id: "kubernetes-cluster-category",
+  instantiate: () => new KubernetesClusterCategory(),
+  injectionToken: builtInCategoryInjectionToken,
+});
+
+export default kubernetesClusterCategoryInjectable;
diff --git a/packages/core/src/common/catalog/categories/weblink.injectable.ts b/packages/core/src/common/catalog/categories/weblink.injectable.ts
new file mode 100644
index 0000000000..339758efbf
--- /dev/null
+++ b/packages/core/src/common/catalog/categories/weblink.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 { getInjectable } from "@ogre-tools/injectable";
+import { WebLinkCategory } from "../../catalog-entities";
+import { builtInCategoryInjectionToken } from "../category-registry.injectable";
+
+const weblinkCategoryInjectable = getInjectable({
+  id: "weblink-category",
+  instantiate: () => new WebLinkCategory(),
+  injectionToken: builtInCategoryInjectionToken,
+});
+
+export default weblinkCategoryInjectable;
diff --git a/packages/core/src/common/catalog/category-registry.injectable.ts b/packages/core/src/common/catalog/category-registry.injectable.ts
new file mode 100644
index 0000000000..a73ed973f6
--- /dev/null
+++ b/packages/core/src/common/catalog/category-registry.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, getInjectionToken } from "@ogre-tools/injectable";
+import type { CatalogCategory } from "./catalog-entity";
+import { CatalogCategoryRegistry } from "./category-registry";
+
+export const builtInCategoryInjectionToken = getInjectionToken<CatalogCategory>({
+  id: "built-in-category-token",
+});
+
+const catalogCategoryRegistryInjectable = getInjectable({
+  id: "catalog-category-registry",
+  instantiate: (di) => {
+    const registry = new CatalogCategoryRegistry();
+    const categories = di.injectMany(builtInCategoryInjectionToken);
+
+    for (const category of categories) {
+      registry.add(category);
+    }
+
+    return registry;
+  },
+});
+
+export default catalogCategoryRegistryInjectable;
diff --git a/packages/core/src/common/catalog/category-registry.ts b/packages/core/src/common/catalog/category-registry.ts
new file mode 100644
index 0000000000..75c33d8a10
--- /dev/null
+++ b/packages/core/src/common/catalog/category-registry.ts
@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, computed, observable, makeObservable } from "mobx";
+import { once } from "lodash";
+import { iter, getOrInsertMap, strictSet } from "../utils";
+import type { Disposer } from "../utils";
+import type { CatalogCategory, CatalogEntityData, CatalogEntityKindData } from "./catalog-entity";
+
+export type CategoryFilter = (category: CatalogCategory) => any;
+
+export class CatalogCategoryRegistry {
+  protected readonly categories = observable.set<CatalogCategory>();
+  protected readonly groupKinds = new Map<string, Map<string, CatalogCategory>>();
+  protected readonly filters = observable.set<CategoryFilter>([], {
+    deep: false,
+  });
+
+  constructor() {
+    makeObservable(this);
+  }
+
+  @action add(category: CatalogCategory): Disposer {
+    const byGroup = getOrInsertMap(this.groupKinds, category.spec.group);
+
+    this.categories.add(category);
+    strictSet(byGroup, category.spec.names.kind, category);
+
+    return () => {
+      this.categories.delete(category);
+      byGroup.delete(category.spec.names.kind);
+    };
+  }
+
+  @computed get items() {
+    return Array.from(this.categories);
+  }
+
+  @computed get filteredItems() {
+    return Array.from(
+      iter.reduce(
+        this.filters,
+        iter.filter,
+        this.items.values(),
+      ),
+    );
+  }
+
+
+  getForGroupKind<T extends CatalogCategory>(group: string, kind: string): T | undefined {
+    return this.groupKinds.get(group)?.get(kind) as T;
+  }
+
+  getEntityForData(data: CatalogEntityData & CatalogEntityKindData) {
+    const category = this.getCategoryForEntity(data);
+
+    if (!category) {
+      return null;
+    }
+
+    const splitApiVersion = data.apiVersion.split("/");
+    const version = splitApiVersion[1];
+
+    const specVersion = category.spec.versions.find((v) => v.name === version);
+
+    if (!specVersion) {
+      return null;
+    }
+
+    return new specVersion.entityClass(data);
+  }
+
+  hasCategoryForEntity({ kind, apiVersion }: CatalogEntityData & CatalogEntityKindData): boolean {
+    const splitApiVersion = apiVersion.split("/");
+    const group = splitApiVersion[0];
+
+    return this.groupKinds.get(group)?.has(kind) ?? false;
+  }
+
+  getCategoryForEntity<T extends CatalogCategory>(data: CatalogEntityData & CatalogEntityKindData): T | undefined {
+    const splitApiVersion = data.apiVersion.split("/");
+    const group = splitApiVersion[0];
+
+    return this.getForGroupKind(group, data.kind);
+  }
+
+  getByName(name: string) {
+    return this.items.find(category => category.metadata?.name == name);
+  }
+
+  /**
+   * Add a new filter to the set of category filters
+   * @param fn The function that should return a truthy value if that category should be displayed
+   * @returns A function to remove that filter
+   */
+  addCatalogCategoryFilter(fn: CategoryFilter): Disposer {
+    this.filters.add(fn);
+
+    return once(() => void this.filters.delete(fn));
+  }
+}
diff --git a/packages/core/src/common/catalog/filtered-categories.injectable.ts b/packages/core/src/common/catalog/filtered-categories.injectable.ts
new file mode 100644
index 0000000000..c84d527ff2
--- /dev/null
+++ b/packages/core/src/common/catalog/filtered-categories.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 catalogCategoryRegistryInjectable from "./category-registry.injectable";
+
+const filteredCategoriesInjectable = getInjectable({
+  id: "filtered-categories",
+  instantiate: (di) => {
+    const registry = di.inject(catalogCategoryRegistryInjectable);
+
+    return computed(() => [...registry.filteredItems]);
+  },
+});
+
+export default filteredCategoriesInjectable;
diff --git a/packages/core/src/common/catalog/has-category-for-entity.injectable.ts b/packages/core/src/common/catalog/has-category-for-entity.injectable.ts
new file mode 100644
index 0000000000..cff7d720c1
--- /dev/null
+++ b/packages/core/src/common/catalog/has-category-for-entity.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 { CatalogEntityData, CatalogEntityKindData } from "./catalog-entity";
+import catalogCategoryRegistryInjectable from "./category-registry.injectable";
+
+export type HasCategoryForEntity = (data: CatalogEntityData & CatalogEntityKindData) => boolean;
+
+const hasCategoryForEntityInjectable = getInjectable({
+  id: "has-category-for-entity",
+
+  instantiate: (di): HasCategoryForEntity => {
+    const registry = di.inject(catalogCategoryRegistryInjectable);
+
+    return (data) => registry.hasCategoryForEntity(data);
+  },
+});
+
+export default hasCategoryForEntityInjectable;
diff --git a/packages/core/src/common/catalog/index.ts b/packages/core/src/common/catalog/index.ts
new file mode 100644
index 0000000000..4964dada6a
--- /dev/null
+++ b/packages/core/src/common/catalog/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 "./category-registry";
+export * from "./catalog-entity";
diff --git a/packages/core/src/common/catalog/visit-entity-context-menu.injectable.ts b/packages/core/src/common/catalog/visit-entity-context-menu.injectable.ts
new file mode 100644
index 0000000000..eb1a2abeba
--- /dev/null
+++ b/packages/core/src/common/catalog/visit-entity-context-menu.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 type { CatalogEntity, CatalogEntityContextMenuContext } from "./catalog-entity";
+import catalogCategoryRegistryInjectable from "./category-registry.injectable";
+
+export type VisitEntityContextMenu = (entity: CatalogEntity, context: CatalogEntityContextMenuContext) => void;
+
+const visitEntityContextMenuInjectable = getInjectable({
+  id: "visit-entity-context-menu",
+  instantiate: (di): VisitEntityContextMenu => {
+    const categoryRegistry = di.inject(catalogCategoryRegistryInjectable);
+
+    return (entity, context) => {
+      entity.onContextMenuOpen?.(context);
+      categoryRegistry.getCategoryForEntity(entity)?.emit("contextMenuOpen", entity, context);
+    };
+  },
+});
+
+export default visitEntityContextMenuInjectable;
diff --git a/packages/core/src/common/certificate-authorities/inject-system-cas.injectable.ts b/packages/core/src/common/certificate-authorities/inject-system-cas.injectable.ts
new file mode 100644
index 0000000000..f75dcd6c70
--- /dev/null
+++ b/packages/core/src/common/certificate-authorities/inject-system-cas.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { globalAgent } from "https";
+import { requestSystemCAsInjectionToken } from "./request-system-cas-token";
+
+// DST Root CA X3, which was expired on 9.30.2021
+const DSTRootCAX3 = "-----BEGIN CERTIFICATE-----\nMIIDSjCCAjKgAwIBAgIQRK+wgNajJ7qJMDmGLvhAazANBgkqhkiG9w0BAQUFADA/\nMSQwIgYDVQQKExtEaWdpdGFsIFNpZ25hdHVyZSBUcnVzdCBDby4xFzAVBgNVBAMT\nDkRTVCBSb290IENBIFgzMB4XDTAwMDkzMDIxMTIxOVoXDTIxMDkzMDE0MDExNVow\nPzEkMCIGA1UEChMbRGlnaXRhbCBTaWduYXR1cmUgVHJ1c3QgQ28uMRcwFQYDVQQD\nEw5EU1QgUm9vdCBDQSBYMzCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEB\nAN+v6ZdQCINXtMxiZfaQguzH0yxrMMpb7NnDfcdAwRgUi+DoM3ZJKuM/IUmTrE4O\nrz5Iy2Xu/NMhD2XSKtkyj4zl93ewEnu1lcCJo6m67XMuegwGMoOifooUMM0RoOEq\nOLl5CjH9UL2AZd+3UWODyOKIYepLYYHsUmu5ouJLGiifSKOeDNoJjj4XLh7dIN9b\nxiqKqy69cK3FCxolkHRyxXtqqzTWMIn/5WgTe1QLyNau7Fqckh49ZLOMxt+/yUFw\n7BZy1SbsOFU5Q9D8/RhcQPGX69Wam40dutolucbY38EVAjqr2m7xPi71XAicPNaD\naeQQmxkqtilX4+U9m5/wAl0CAwEAAaNCMEAwDwYDVR0TAQH/BAUwAwEB/zAOBgNV\nHQ8BAf8EBAMCAQYwHQYDVR0OBBYEFMSnsaR7LHH62+FLkHX/xBVghYkQMA0GCSqG\nSIb3DQEBBQUAA4IBAQCjGiybFwBcqR7uKGY3Or+Dxz9LwwmglSBd49lZRNI+DT69\nikugdB/OEIKcdBodfpga3csTS7MgROSR6cz8faXbauX+5v3gTt23ADq1cEmv8uXr\nAvHRAosZy5Q6XkjEGB5YGV8eAlrwDPGxrancWYaLbumR9YbK+rlmM6pZW87ipxZz\nR8srzJmwN0jP41ZL9c8PDHIyh8bwRLtTcm1D9SZImlJnt1ir/md2cXjbDaJWFBM5\nJDGFoqgCWjBH4d1QB7wCCZAA62RjYJsWvIjJEubSfZGL+T0yjWW06XyxV3bqxbYo\nOb8VZRzI9neWagqNdwvYkQsEjgfbKbYK7p2CNTUQ\n-----END CERTIFICATE-----\n";
+
+function isCertActive(cert: string) {
+  const isExpired = typeof cert !== "string" || cert.includes(DSTRootCAX3);
+
+  return !isExpired;
+}
+
+const injectSystemCAsInjectable = getInjectable({
+  id: "inject-system-cas",
+  instantiate: (di) => {
+    const requestSystemCAs = di.inject(requestSystemCAsInjectionToken);
+
+    return async () => {
+      const certs = await requestSystemCAs();
+
+      if (certs.length === 0) {
+        // Leave the global option alone
+        return;
+      }
+
+      const cas = (() => {
+        if (Array.isArray(globalAgent.options.ca)) {
+          return globalAgent.options.ca;
+        }
+
+        if (globalAgent.options.ca) {
+          return [globalAgent.options.ca];
+        }
+
+        return [];
+      })();
+
+      for (const cert of certs) {
+        if (!isCertActive(cert)) {
+          continue;
+        }
+
+        if (!cas.includes(cert)) {
+          cas.push(cert);
+        }
+      }
+
+      globalAgent.options.ca = cas;
+    };
+  },
+});
+
+export default injectSystemCAsInjectable;
+
diff --git a/packages/core/src/common/certificate-authorities/request-system-cas-token.ts b/packages/core/src/common/certificate-authorities/request-system-cas-token.ts
new file mode 100644
index 0000000000..c69b0bd8b0
--- /dev/null
+++ b/packages/core/src/common/certificate-authorities/request-system-cas-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";
+
+export const requestSystemCAsInjectionToken = getInjectionToken<() => Promise<string[]>>({
+  id: "request-system-cas-token",
+});
diff --git a/packages/core/src/common/certificate-authorities/request-system-cas.injectable.darwin.ts b/packages/core/src/common/certificate-authorities/request-system-cas.injectable.darwin.ts
new file mode 100644
index 0000000000..c471c954e4
--- /dev/null
+++ b/packages/core/src/common/certificate-authorities/request-system-cas.injectable.darwin.ts
@@ -0,0 +1,57 @@
+/**
+ * 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 execFileInjectable from "../fs/exec-file.injectable";
+import loggerInjectable from "../logger.injectable";
+import type { AsyncResult } from "../utils/async-result";
+import { requestSystemCAsInjectionToken } from "./request-system-cas-token";
+
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Cheatsheet#other_assertions
+const certSplitPattern = /(?=-----BEGIN\sCERTIFICATE-----)/g;
+
+const requestSystemCAsInjectable = getInjectable({
+  id: "request-system-cas",
+  instantiate: (di) => {
+    const execFile = di.inject(execFileInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    const execSecurity = async (...args: string[]): Promise<AsyncResult<string[]>> => {
+      const result = await execFile("/usr/bin/security", args);
+
+      if (!result.callWasSuccessful) {
+        return {
+          callWasSuccessful: false,
+          error: result.error.stderr || result.error.message,
+        };
+      }
+
+      return {
+        callWasSuccessful: true,
+        response: result.response.split(certSplitPattern),
+      };
+    };
+
+    return async () => {
+      const [trustedResult, rootCAResult] = await Promise.all([
+        execSecurity("find-certificate", "-a", "-p"),
+        execSecurity("find-certificate", "-a", "-p", "/System/Library/Keychains/SystemRootCertificates.keychain"),
+      ]);
+
+      if (!trustedResult.callWasSuccessful) {
+        logger.warn(`[INJECT-CAS]: Error retreiving trusted CAs: ${trustedResult.error}`);
+      } else if (!rootCAResult.callWasSuccessful) {
+        logger.warn(`[INJECT-CAS]: Error retreiving root CAs: ${rootCAResult.error}`);
+      } else {
+        return [...new Set([...trustedResult.response, ...rootCAResult.response])];
+      }
+
+      return [];
+    };
+  },
+  causesSideEffects: true,
+  injectionToken: requestSystemCAsInjectionToken,
+});
+
+export default requestSystemCAsInjectable;
diff --git a/packages/core/src/common/certificate-authorities/request-system-cas.injectable.linux.ts b/packages/core/src/common/certificate-authorities/request-system-cas.injectable.linux.ts
new file mode 100644
index 0000000000..1d7bf10350
--- /dev/null
+++ b/packages/core/src/common/certificate-authorities/request-system-cas.injectable.linux.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 { requestSystemCAsInjectionToken } from "./request-system-cas-token";
+
+const requestSystemCAsInjectable = getInjectable({
+  id: "request-system-cas",
+  instantiate: () => async () => [],
+  injectionToken: requestSystemCAsInjectionToken,
+});
+
+export default requestSystemCAsInjectable;
diff --git a/packages/core/src/common/certificate-authorities/request-system-cas.injectable.testing-env.ts b/packages/core/src/common/certificate-authorities/request-system-cas.injectable.testing-env.ts
new file mode 100644
index 0000000000..1d7bf10350
--- /dev/null
+++ b/packages/core/src/common/certificate-authorities/request-system-cas.injectable.testing-env.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 { requestSystemCAsInjectionToken } from "./request-system-cas-token";
+
+const requestSystemCAsInjectable = getInjectable({
+  id: "request-system-cas",
+  instantiate: () => async () => [],
+  injectionToken: requestSystemCAsInjectionToken,
+});
+
+export default requestSystemCAsInjectable;
diff --git a/packages/core/src/common/certificate-authorities/request-system-cas.injectable.win32.ts b/packages/core/src/common/certificate-authorities/request-system-cas.injectable.win32.ts
new file mode 100644
index 0000000000..4940aa2a7b
--- /dev/null
+++ b/packages/core/src/common/certificate-authorities/request-system-cas.injectable.win32.ts
@@ -0,0 +1,56 @@
+/**
+ * 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 execFileInjectable from "../fs/exec-file.injectable";
+import loggerInjectable from "../logger.injectable";
+import { requestSystemCAsInjectionToken } from "./request-system-cas-token";
+
+const pemEncoding = (hexEncodedCert: String) => {
+  const certData = Buffer.from(hexEncodedCert, "hex").toString("base64");
+  const lines = ["-----BEGIN CERTIFICATE-----"];
+
+  for (let i = 0; i < certData.length; i += 64) {
+    lines.push(certData.substring(i, i + 64));
+  }
+
+  lines.push("-----END CERTIFICATE-----", "");
+
+  return lines.join("\r\n");
+};
+
+const requestSystemCAsInjectable = getInjectable({
+  id: "request-system-cas",
+  instantiate: (di) => {
+    const wincaRootsExePath: string = __non_webpack_require__.resolve("win-ca/lib/roots.exe");
+    const execFile = di.inject(execFileInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async () => {
+      /**
+       * This needs to be done manually because for some reason calling the api from "win-ca"
+       * directly fails to load "child_process" correctly on renderer
+       */
+      const result = await execFile(wincaRootsExePath, {
+        maxBuffer: 128 * 1024 * 1024, // 128 MiB
+      });
+
+      if (!result.callWasSuccessful) {
+        logger.warn(`[INJECT-CAS]: Error retreiving CAs`, result.error);
+
+        return [];
+      }
+
+      return result
+        .response
+        .split("\r\n")
+        .filter(Boolean)
+        .map(pemEncoding);
+    };
+  },
+  causesSideEffects: true,
+  injectionToken: requestSystemCAsInjectionToken,
+});
+
+export default requestSystemCAsInjectable;
diff --git a/packages/core/src/common/certificate/lens-proxy-certificate-channel.ts b/packages/core/src/common/certificate/lens-proxy-certificate-channel.ts
new file mode 100644
index 0000000000..7d9652ce5c
--- /dev/null
+++ b/packages/core/src/common/certificate/lens-proxy-certificate-channel.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 type { SelfSignedCert } from "selfsigned";
+import { getRequestChannel } from "../utils/channel/get-request-channel";
+
+export const lensProxyCertificateChannel = getRequestChannel<void, SelfSignedCert>("request-lens-proxy-certificate");
diff --git a/packages/core/src/common/certificate/lens-proxy-certificate.global-override-for-injectable.ts b/packages/core/src/common/certificate/lens-proxy-certificate.global-override-for-injectable.ts
new file mode 100644
index 0000000000..d547516062
--- /dev/null
+++ b/packages/core/src/common/certificate/lens-proxy-certificate.global-override-for-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 { getGlobalOverride } from "../test-utils/get-global-override";
+import lensProxyCertificateInjectable from "./lens-proxy-certificate.injectable";
+
+export default getGlobalOverride(lensProxyCertificateInjectable, () => {
+  return {
+    get: () => ({
+      public: "<public-data>",
+      private: "<private-data>",
+      cert: "<ca-data>",
+    }),
+    set: () => {},
+  };
+});
+
diff --git a/packages/core/src/common/certificate/lens-proxy-certificate.injectable.ts b/packages/core/src/common/certificate/lens-proxy-certificate.injectable.ts
new file mode 100644
index 0000000000..b5e00e0094
--- /dev/null
+++ b/packages/core/src/common/certificate/lens-proxy-certificate.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 type { SelfSignedCert } from "selfsigned";
+
+const lensProxyCertificateInjectable = getInjectable({
+  id: "lens-proxy-certificate",
+  instantiate: () => {
+    let certState: SelfSignedCert;
+    const cert = {
+      get: () => {
+        if (!certState) {
+          throw "certificate has not been set";
+        }
+
+        return certState;
+      },
+      set: (certificate: SelfSignedCert) => {
+        if (certState) {
+          throw "certificate has already been set";
+        }
+
+        certState = certificate;
+      },
+    };
+
+    return cert;
+  },
+});
+
+export default lensProxyCertificateInjectable;
diff --git a/packages/core/src/common/cluster-frames.injectable.ts b/packages/core/src/common/cluster-frames.injectable.ts
new file mode 100644
index 0000000000..23897012a0
--- /dev/null
+++ b/packages/core/src/common/cluster-frames.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 { clusterFrameMap } from "./cluster-frames";
+
+const clusterFramesInjectable = getInjectable({
+  id: "cluster-frames",
+  instantiate: () => clusterFrameMap,
+  causesSideEffects: true,
+});
+
+export default clusterFramesInjectable;
diff --git a/packages/core/src/common/cluster-frames.ts b/packages/core/src/common/cluster-frames.ts
new file mode 100644
index 0000000000..6a4757e68a
--- /dev/null
+++ b/packages/core/src/common/cluster-frames.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 { observable } from "mobx";
+
+export interface ClusterFrameInfo {
+  frameId: number;
+  processId: number;
+}
+
+export const clusterFrameMap = observable.map<string, ClusterFrameInfo>();
diff --git a/packages/core/src/common/cluster-store/allowed-resources-injection-token.ts b/packages/core/src/common/cluster-store/allowed-resources-injection-token.ts
new file mode 100644
index 0000000000..5b71038d04
--- /dev/null
+++ b/packages/core/src/common/cluster-store/allowed-resources-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";
+import type { IComputedValue } from "mobx";
+import type { KubeApiResourceDescriptor } from "../rbac";
+
+export const shouldShowResourceInjectionToken = getInjectionToken<IComputedValue<boolean>, KubeApiResourceDescriptor>({
+  id: "should-show-resource",
+});
diff --git a/packages/core/src/common/cluster-store/cluster-store.injectable.ts b/packages/core/src/common/cluster-store/cluster-store.injectable.ts
new file mode 100644
index 0000000000..9712e3fdb0
--- /dev/null
+++ b/packages/core/src/common/cluster-store/cluster-store.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 { ClusterStore } from "./cluster-store";
+import { createClusterInjectionToken } from "../cluster/create-cluster-injection-token";
+import readClusterConfigSyncInjectable from "./read-cluster-config.injectable";
+import emitAppEventInjectable from "../app-event-bus/emit-event.injectable";
+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 loggerInjectable from "../logger.injectable";
+import storeMigrationVersionInjectable from "../vars/store-migration-version.injectable";
+import storeMigrationsInjectable from "../base-store/migrations.injectable";
+import { clusterStoreMigrationInjectionToken } from "./migration-token";
+import { baseStoreIpcChannelPrefixesInjectionToken } from "../base-store/channel-prefix";
+import { shouldBaseStoreDisableSyncInIpcListenerInjectionToken } from "../base-store/disable-sync";
+import { persistStateToConfigInjectionToken } from "../base-store/save-to-file";
+import getBasenameOfPathInjectable from "../path/get-basename.injectable";
+import { enlistMessageChannelListenerInjectionToken } from "../utils/channel/enlist-message-channel-listener-injection-token";
+
+const clusterStoreInjectable = getInjectable({
+  id: "cluster-store",
+
+  instantiate: (di) => new ClusterStore({
+    createCluster: di.inject(createClusterInjectionToken),
+    readClusterConfigSync: di.inject(readClusterConfigSyncInjectable),
+    emitAppEvent: di.inject(emitAppEventInjectable),
+    directoryForUserData: di.inject(directoryForUserDataInjectable),
+    getConfigurationFileModel: di.inject(getConfigurationFileModelInjectable),
+    logger: di.inject(loggerInjectable),
+    storeMigrationVersion: di.inject(storeMigrationVersionInjectable),
+    migrations: di.inject(storeMigrationsInjectable, clusterStoreMigrationInjectionToken),
+    getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+    ipcChannelPrefixes: di.inject(baseStoreIpcChannelPrefixesInjectionToken),
+    persistStateToConfig: di.inject(persistStateToConfigInjectionToken),
+    enlistMessageChannelListener: di.inject(enlistMessageChannelListenerInjectionToken),
+    shouldDisableSyncInListener: di.inject(shouldBaseStoreDisableSyncInIpcListenerInjectionToken),
+  }),
+});
+
+export default clusterStoreInjectable;
diff --git a/packages/core/src/common/cluster-store/cluster-store.ts b/packages/core/src/common/cluster-store/cluster-store.ts
new file mode 100644
index 0000000000..20929cf77e
--- /dev/null
+++ b/packages/core/src/common/cluster-store/cluster-store.ts
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+import { action, comparer, computed, makeObservable, observable } from "mobx";
+import type { BaseStoreDependencies } from "../base-store/base-store";
+import { BaseStore } from "../base-store/base-store";
+import { Cluster } from "../cluster/cluster";
+import { toJS } from "../utils";
+import type { ClusterModel, ClusterId } from "../cluster-types";
+import type { CreateCluster } from "../cluster/create-cluster-injection-token";
+import type { ReadClusterConfigSync } from "./read-cluster-config.injectable";
+import type { EmitAppEvent } from "../app-event-bus/emit-event.injectable";
+
+export interface ClusterStoreModel {
+  clusters?: ClusterModel[];
+}
+
+interface Dependencies extends BaseStoreDependencies {
+  createCluster: CreateCluster;
+  readClusterConfigSync: ReadClusterConfigSync;
+  emitAppEvent: EmitAppEvent;
+}
+
+export class ClusterStore extends BaseStore<ClusterStoreModel> {
+  readonly clusters = observable.map<ClusterId, Cluster>();
+
+  constructor(protected readonly dependencies: Dependencies) {
+    super(dependencies, {
+      configName: "lens-cluster-store",
+      accessPropertiesByDotNotation: false, // To make dots safe in cluster context names
+      syncOptions: {
+        equals: comparer.structural,
+      },
+    });
+
+    makeObservable(this);
+  }
+
+  @computed get clustersList(): Cluster[] {
+    return Array.from(this.clusters.values());
+  }
+
+  @computed get connectedClustersList(): Cluster[] {
+    return this.clustersList.filter((c) => !c.disconnected);
+  }
+
+  hasClusters() {
+    return this.clusters.size > 0;
+  }
+
+  getById(id: ClusterId | undefined): Cluster | undefined {
+    if (id) {
+      return this.clusters.get(id);
+    }
+
+    return undefined;
+  }
+
+  addCluster(clusterOrModel: ClusterModel | Cluster): Cluster {
+    this.dependencies.emitAppEvent({ name: "cluster", action: "add" });
+
+    const cluster = clusterOrModel instanceof Cluster
+      ? clusterOrModel
+      : this.dependencies.createCluster(
+        clusterOrModel,
+        this.dependencies.readClusterConfigSync(clusterOrModel),
+      );
+
+    this.clusters.set(cluster.id, cluster);
+
+    return cluster;
+  }
+
+  @action
+  protected fromStore({ clusters = [] }: ClusterStoreModel = {}) {
+    const currentClusters = new Map(this.clusters);
+    const newClusters = new Map<ClusterId, Cluster>();
+
+    // update new clusters
+    for (const clusterModel of clusters) {
+      try {
+        let cluster = currentClusters.get(clusterModel.id);
+
+        if (cluster) {
+          cluster.updateModel(clusterModel);
+        } else {
+          cluster = this.dependencies.createCluster(
+            clusterModel,
+            this.dependencies.readClusterConfigSync(clusterModel),
+          );
+        }
+        newClusters.set(clusterModel.id, cluster);
+      } catch (error) {
+        this.dependencies.logger.warn(`[CLUSTER-STORE]: Failed to update/create a cluster: ${error}`);
+      }
+    }
+
+    this.clusters.replace(newClusters);
+  }
+
+  toJSON(): ClusterStoreModel {
+    return toJS({
+      clusters: this.clustersList.map(cluster => cluster.toJSON()),
+    });
+  }
+}
diff --git a/packages/core/src/common/cluster-store/get-by-id.injectable.ts b/packages/core/src/common/cluster-store/get-by-id.injectable.ts
new file mode 100644
index 0000000000..534bdb5e76
--- /dev/null
+++ b/packages/core/src/common/cluster-store/get-by-id.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 { ClusterId } from "../cluster-types";
+import type { Cluster } from "../cluster/cluster";
+import clusterStoreInjectable from "./cluster-store.injectable";
+
+export type GetClusterById = (id: ClusterId) => Cluster | undefined;
+
+const getClusterByIdInjectable = getInjectable({
+  id: "get-cluster-by-id",
+  instantiate: (di): GetClusterById => {
+    const store = di.inject(clusterStoreInjectable);
+
+    return (id) => store.getById(id);
+  },
+});
+
+export default getClusterByIdInjectable;
diff --git a/packages/core/src/common/cluster-store/migration-token.ts b/packages/core/src/common/cluster-store/migration-token.ts
new file mode 100644
index 0000000000..86489509a2
--- /dev/null
+++ b/packages/core/src/common/cluster-store/migration-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { MigrationDeclaration } from "../base-store/migrations.injectable";
+
+export const clusterStoreMigrationInjectionToken = getInjectionToken<MigrationDeclaration>({
+  id: "cluster-store-migration",
+});
diff --git a/packages/core/src/common/cluster-store/read-cluster-config.injectable.ts b/packages/core/src/common/cluster-store/read-cluster-config.injectable.ts
new file mode 100644
index 0000000000..9fea013b16
--- /dev/null
+++ b/packages/core/src/common/cluster-store/read-cluster-config.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 type { ClusterConfigData, ClusterModel } from "../cluster-types";
+import readFileSyncInjectable from "../fs/read-file-sync.injectable";
+import { loadConfigFromString, validateKubeConfig } from "../kube-helpers";
+
+export type ReadClusterConfigSync = (model: ClusterModel) => ClusterConfigData;
+
+const readClusterConfigSyncInjectable = getInjectable({
+  id: "read-cluster-config-sync",
+  instantiate: (di): ReadClusterConfigSync => {
+    const readFileSync = di.inject(readFileSyncInjectable);
+
+    return ({ kubeConfigPath, contextName }) => {
+      const kubeConfigData = readFileSync(kubeConfigPath);
+      const { config } = loadConfigFromString(kubeConfigData);
+      const result = validateKubeConfig(config, contextName);
+
+      if (result.error) {
+        throw result.error;
+      }
+
+      return { clusterServerUrl: result.cluster.server };
+    };
+  },
+});
+
+export default readClusterConfigSyncInjectable;
diff --git a/packages/core/src/common/cluster-types.ts b/packages/core/src/common/cluster-types.ts
new file mode 100644
index 0000000000..0cd447f0e2
--- /dev/null
+++ b/packages/core/src/common/cluster-types.ts
@@ -0,0 +1,211 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import Joi from "joi";
+
+/**
+ * JSON serializable metadata type
+ */
+export type ClusterMetadata = Record<string, string | number | boolean | object>;
+
+/**
+ * Metadata for cluster's prometheus settings
+ */
+export interface ClusterPrometheusMetadata {
+  success?: boolean;
+  provider?: string;
+  autoDetected?: boolean;
+}
+
+/**
+ * A ClusterId is an opaque string
+ */
+export type ClusterId = string;
+
+/**
+ * The fields that are used for updating a cluster instance
+ */
+export type UpdateClusterModel = Omit<ClusterModel, "id">;
+
+/**
+ * A type validator for `UpdateClusterModel` so that only expected types are present
+ */
+export const updateClusterModelChecker = Joi.object<UpdateClusterModel>({
+  kubeConfigPath: Joi.string()
+    .required()
+    .min(1),
+  contextName: Joi.string()
+    .required()
+    .min(1),
+  workspace: Joi.string()
+    .optional(),
+  workspaces: Joi.array()
+    .items(Joi.string()),
+  preferences: Joi.object(),
+  metadata: Joi.object(),
+  accessibleNamespaces: Joi.array()
+    .items(Joi.string()),
+  labels: Joi.object().pattern(Joi.string(), Joi.string()),
+});
+
+/**
+ * A type validator for just the `id` fields of `ClusterModel`. The rest is
+ * covered by `updateClusterModelChecker`
+ */
+export const clusterModelIdChecker = Joi.object<Pick<ClusterModel, "id">>({
+  id: Joi.string()
+    .required()
+    .min(1),
+});
+
+/**
+ * The model for passing cluster data around, including to disk
+ */
+export interface ClusterModel {
+  /** Unique id for a cluster */
+  id: ClusterId;
+
+  /** Path to cluster kubeconfig */
+  kubeConfigPath: string;
+
+  /**
+   * Workspace id
+   *
+   * @deprecated
+   */
+  workspace?: string;
+
+  /**
+   * @deprecated this is used only for hotbar migrations from 4.2.X
+   */
+  workspaces?: string[];
+
+  /** User context in kubeconfig  */
+  contextName: string;
+
+  /** Preferences */
+  preferences?: ClusterPreferences;
+
+  /** Metadata */
+  metadata?: ClusterMetadata;
+
+  /** List of accessible namespaces */
+  accessibleNamespaces?: string[];
+
+  /**
+   * Labels for the catalog entity
+   */
+  labels?: Record<string, string>;
+}
+
+/**
+ * This data is retreived from the kubeconfig file before calling the cluster constructor.
+ *
+ * That is done to remove the external dependency on the construction of Cluster instances.
+ */
+export interface ClusterConfigData {
+  clusterServerUrl: string;
+}
+
+/**
+ * The complete set of cluster settings or preferences
+ */
+export interface ClusterPreferences extends ClusterPrometheusPreferences {
+  terminalCWD?: string;
+  clusterName?: string;
+  iconOrder?: number;
+  /**
+   * The <img> src for the cluster. If set to `null` that means that it was
+   * cleared by preferences.
+   */
+  icon?: string | null;
+  httpsProxy?: string;
+  hiddenMetrics?: string[];
+  nodeShellImage?: string;
+  imagePullSecret?: string;
+  defaultNamespace?: string;
+}
+
+/**
+ * A cluster's prometheus settings (a subset of cluster settings)
+ */
+export interface ClusterPrometheusPreferences {
+  prometheus?: {
+    namespace: string;
+    service: string;
+    port: number;
+    prefix: string;
+  };
+  prometheusProvider?: {
+    type: string;
+  };
+}
+
+/**
+ * The options for the status of connection attempts to a cluster
+ */
+export enum ClusterStatus {
+  AccessGranted = 2,
+  AccessDenied = 1,
+  Offline = 0,
+}
+
+/**
+ * The message format for the "cluster:<cluster-id>:connection-update" channels
+ */
+export interface KubeAuthUpdate {
+  message: string;
+  isError: boolean;
+}
+
+/**
+ * The OpenLens known static metadata keys
+ */
+export enum ClusterMetadataKey {
+  VERSION = "version",
+  CLUSTER_ID = "id",
+  DISTRIBUTION = "distribution",
+  NODES_COUNT = "nodes",
+  LAST_SEEN = "lastSeen",
+  PROMETHEUS = "prometheus",
+}
+
+/**
+ * A shorthand enum for resource types that have metrics attached to them via OpenLens metrics stack
+ */
+export enum ClusterMetricsResourceType {
+  Cluster = "Cluster",
+  Node = "Node",
+  Pod = "Pod",
+  Deployment = "Deployment",
+  StatefulSet = "StatefulSet",
+  Container = "Container",
+  Ingress = "Ingress",
+  VolumeClaim = "VolumeClaim",
+  ReplicaSet = "ReplicaSet",
+  DaemonSet = "DaemonSet",
+  Job = "Job",
+  Namespace = "Namespace",
+}
+
+/**
+ * The default node shell image
+ */
+export const initialNodeShellImage = "docker.io/alpine:3.13";
+
+/**
+ * The data representing a cluster's state, for passing between main and renderer
+ */
+export interface ClusterState {
+  apiUrl: string;
+  online: boolean;
+  disconnected: boolean;
+  accessible: boolean;
+  ready: boolean;
+  isAdmin: boolean;
+  allowedNamespaces: string[];
+  allowedResources: string[];
+  isGlobalWatchEnabled: boolean;
+}
diff --git a/packages/core/src/common/cluster/authorization-review.injectable.ts b/packages/core/src/common/cluster/authorization-review.injectable.ts
new file mode 100644
index 0000000000..4c9b83330d
--- /dev/null
+++ b/packages/core/src/common/cluster/authorization-review.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 type { KubeConfig, V1ResourceAttributes } from "@kubernetes/client-node";
+import { AuthorizationV1Api } from "@kubernetes/client-node";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { Logger } from "../logger";
+import loggerInjectable from "../logger.injectable";
+
+/**
+ * Requests the permissions for actions on the kube cluster
+ * @param resourceAttributes The descriptor of the action that is desired to be known if it is allowed
+ * @returns `true` if the actions described are allowed
+ */
+export type CanI = (resourceAttributes: V1ResourceAttributes) => Promise<boolean>;
+
+/**
+ * @param proxyConfig This config's `currentContext` field must be set, and will be used as the target cluster
+ */
+export type AuthorizationReview = (proxyConfig: KubeConfig) => CanI; 
+
+interface Dependencies { 
+  logger: Logger;
+}
+
+const authorizationReview = ({ logger }: Dependencies): AuthorizationReview => {
+  return (proxyConfig) => {
+    const api = proxyConfig.makeApiClient(AuthorizationV1Api);
+
+    return async (resourceAttributes: V1ResourceAttributes): Promise<boolean> => {
+      try {
+        const { body } = await api.createSelfSubjectAccessReview({
+          apiVersion: "authorization.k8s.io/v1",
+          kind: "SelfSubjectAccessReview",
+          spec: { resourceAttributes },
+        });
+
+        return body.status?.allowed ?? false;
+      } catch (error) {
+        logger.error(`[AUTHORIZATION-REVIEW]: failed to create access review: ${error}`, { resourceAttributes });
+
+        return false;
+      }
+    };
+  };
+};
+
+const authorizationReviewInjectable = getInjectable({
+  id: "authorization-review",
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+
+    return authorizationReview({ logger });
+  },
+});
+
+export default authorizationReviewInjectable;
diff --git a/packages/core/src/common/cluster/cluster.ts b/packages/core/src/common/cluster/cluster.ts
new file mode 100644
index 0000000000..c8e7e69e90
--- /dev/null
+++ b/packages/core/src/common/cluster/cluster.ts
@@ -0,0 +1,704 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, comparer, computed, makeObservable, observable, reaction, when } from "mobx";
+import type { ClusterContextHandler } from "../../main/context-handler/context-handler";
+import type { KubeConfig } from "@kubernetes/client-node";
+import { HttpError } from "@kubernetes/client-node";
+import type { Kubectl } from "../../main/kubectl/kubectl";
+import type { KubeconfigManager } from "../../main/kubeconfig-manager/kubeconfig-manager";
+import type { KubeApiResource, KubeApiResourceDescriptor } from "../rbac";
+import { formatKubeApiResource } from "../rbac";
+import type { VersionDetector } from "../../main/cluster-detectors/version-detector";
+import type { DetectorRegistry } from "../../main/cluster-detectors/detector-registry";
+import plimit from "p-limit";
+import type { ClusterState, ClusterMetricsResourceType, ClusterId, ClusterMetadata, ClusterModel, ClusterPreferences, ClusterPrometheusPreferences, UpdateClusterModel, KubeAuthUpdate, ClusterConfigData } from "../cluster-types";
+import { ClusterMetadataKey, initialNodeShellImage, ClusterStatus, clusterModelIdChecker, updateClusterModelChecker } from "../cluster-types";
+import { disposer, isDefined, isRequestError, toJS } from "../utils";
+import type { Response } from "request";
+import { clusterListNamespaceForbiddenChannel } from "../ipc/cluster";
+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";
+import type { LoadConfigfromFile } from "../kube-helpers/load-config-from-file.injectable";
+import type { CanListResource, RequestNamespaceListPermissions, RequestNamespaceListPermissionsFor } from "./request-namespace-list-permissions.injectable";
+import type { RequestApiResources } from "../../main/cluster/request-api-resources.injectable";
+
+export interface ClusterDependencies {
+  readonly directoryForKubeConfigs: string;
+  readonly logger: Logger;
+  readonly detectorRegistry: DetectorRegistry;
+  createKubeconfigManager: (cluster: Cluster) => KubeconfigManager;
+  createContextHandler: (cluster: Cluster) => ClusterContextHandler;
+  createKubectl: (clusterVersion: string) => Kubectl;
+  createAuthorizationReview: (config: KubeConfig) => CanI;
+  requestApiResources: RequestApiResources;
+  requestNamespaceListPermissionsFor: RequestNamespaceListPermissionsFor;
+  createListNamespaces: (config: KubeConfig) => ListNamespaces;
+  createVersionDetector: (cluster: Cluster) => VersionDetector;
+  broadcastMessage: BroadcastMessage;
+  loadConfigfromFile: LoadConfigfromFile;
+}
+
+/**
+ * Cluster
+ *
+ * @beta
+ */
+export class Cluster implements ClusterModel {
+  /** Unique id for a cluster */
+  public readonly id: ClusterId;
+  private kubeCtl: Kubectl | undefined;
+  /**
+   * Context handler
+   *
+   * @internal
+   */
+  protected readonly _contextHandler: ClusterContextHandler | undefined;
+  protected readonly _proxyKubeconfigManager: KubeconfigManager | undefined;
+  protected readonly eventsDisposer = disposer();
+  protected activated = false;
+
+  public get contextHandler() {
+    // TODO: remove these once main/renderer are seperate classes
+    assert(this._contextHandler, "contextHandler is only defined in the main environment");
+
+    return this._contextHandler;
+  }
+
+  protected get proxyKubeconfigManager() {
+    // TODO: remove these once main/renderer are seperate classes
+    assert(this._proxyKubeconfigManager, "proxyKubeconfigManager is only defined in the main environment");
+
+    return this._proxyKubeconfigManager;
+  }
+
+  get whenReady() {
+    return when(() => this.ready);
+  }
+
+  /**
+   * Kubeconfig context name
+   *
+   * @observable
+   */
+  @observable contextName!: string;
+  /**
+   * Path to kubeconfig
+   *
+   * @observable
+   */
+  @observable kubeConfigPath!: string;
+  /**
+   * @deprecated
+   */
+  @observable workspace?: string;
+  /**
+   * @deprecated
+   */
+  @observable workspaces?: string[];
+  /**
+   * Kubernetes API server URL
+   *
+   * @observable
+   */
+  @observable apiUrl: string; // cluster server url
+  /**
+   * Is cluster online
+   *
+   * @observable
+   */
+  @observable online = false; // describes if we can detect that cluster is online
+  /**
+   * Can user access cluster resources
+   *
+   * @observable
+   */
+  @observable accessible = false; // if user is able to access cluster resources
+  /**
+   * Is cluster instance in usable state
+   *
+   * @observable
+   */
+  @observable ready = false; // cluster is in usable state
+  /**
+   * Is cluster currently reconnecting
+   *
+   * @observable
+   */
+  @observable reconnecting = false;
+  /**
+   * Is cluster disconnected. False if user has selected to connect.
+   *
+   * @observable
+   */
+  @observable disconnected = true;
+  /**
+   * Does user have admin like access
+   *
+   * @observable
+   */
+  @observable isAdmin = false;
+
+  /**
+   * Global watch-api accessibility , e.g. "/api/v1/services?watch=1"
+   *
+   * @observable
+   */
+  @observable isGlobalWatchEnabled = false;
+  /**
+   * Preferences
+   *
+   * @observable
+   */
+  @observable preferences: ClusterPreferences = {};
+  /**
+   * Metadata
+   *
+   * @observable
+   */
+  @observable metadata: ClusterMetadata = {};
+
+  /**
+   * List of allowed namespaces verified via K8S::SelfSubjectAccessReview api
+   */
+  readonly allowedNamespaces = observable.array<string>();
+
+  /**
+   * List of accessible namespaces provided by user in the Cluster Settings
+   */
+  readonly accessibleNamespaces = observable.array<string>();
+
+  private readonly knownResources = observable.array<KubeApiResource>();
+
+  // The formatting of this is `group.name` or `name` (if in core)
+  private readonly allowedResources = observable.set<string>();
+
+  /**
+   * Labels for the catalog entity
+   */
+  @observable labels: Record<string, string> = {};
+
+  /**
+   * Is cluster available
+   *
+   * @computed
+   */
+  @computed get available() {
+    return this.accessible && !this.disconnected;
+  }
+
+  /**
+   * Cluster name
+   *
+   * @computed
+   */
+  @computed get name() {
+    return this.preferences.clusterName || this.contextName;
+  }
+
+  /**
+   * The detected kubernetes distribution
+   */
+  @computed get distribution(): string {
+    return this.metadata[ClusterMetadataKey.DISTRIBUTION]?.toString() || "unknown";
+  }
+
+  /**
+   * The detected kubernetes version
+   */
+  @computed get version(): string {
+    return this.metadata[ClusterMetadataKey.VERSION]?.toString() || "unknown";
+  }
+
+  /**
+   * Prometheus preferences
+   *
+   * @computed
+   * @internal
+   */
+  @computed get prometheusPreferences(): ClusterPrometheusPreferences {
+    const { prometheus, prometheusProvider } = this.preferences;
+
+    return toJS({ prometheus, prometheusProvider });
+  }
+
+  /**
+   * defaultNamespace preference
+   *
+   * @computed
+   * @internal
+   */
+  @computed get defaultNamespace(): string | undefined {
+    return this.preferences.defaultNamespace;
+  }
+
+  constructor(private readonly dependencies: ClusterDependencies, { id, ...model }: ClusterModel, configData: ClusterConfigData) {
+    makeObservable(this);
+
+    const { error } = clusterModelIdChecker.validate({ id });
+
+    if (error) {
+      throw error;
+    }
+
+    this.id = id;
+    this.updateModel(model);
+    this.apiUrl = configData.clusterServerUrl;
+
+    // for the time being, until renderer gets its own cluster type
+    this._contextHandler = this.dependencies.createContextHandler(this);
+    this._proxyKubeconfigManager = this.dependencies.createKubeconfigManager(this);
+    this.dependencies.logger.debug(`[CLUSTER]: Cluster init success`, {
+      id: this.id,
+      context: this.contextName,
+      apiUrl: this.apiUrl,
+    });
+  }
+
+  /**
+   * Update cluster data model
+   *
+   * @param model
+   */
+  @action updateModel(model: UpdateClusterModel) {
+    // Note: do not assign ID as that should never be updated
+
+    const { error } = updateClusterModelChecker.validate(model, { allowUnknown: true });
+
+    if (error) {
+      throw error;
+    }
+
+    this.kubeConfigPath = model.kubeConfigPath;
+    this.contextName = model.contextName;
+
+    if (model.workspace) {
+      this.workspace = model.workspace;
+    }
+
+    if (model.workspaces) {
+      this.workspaces = model.workspaces;
+    }
+
+    if (model.preferences) {
+      this.preferences = model.preferences;
+    }
+
+    if (model.metadata) {
+      this.metadata = model.metadata;
+    }
+
+    if (model.accessibleNamespaces) {
+      this.accessibleNamespaces.replace(model.accessibleNamespaces);
+    }
+
+    if (model.labels) {
+      this.labels = model.labels;
+    }
+  }
+
+  /**
+   * @internal
+   */
+  protected bindEvents() {
+    this.dependencies.logger.info(`[CLUSTER]: bind events`, this.getMeta());
+    const refreshTimer = setInterval(() => !this.disconnected && this.refresh(), 30000); // every 30s
+    const refreshMetadataTimer = setInterval(() => this.available && this.refreshAccessibilityAndMetadata(), 900000); // every 15 minutes
+
+    this.eventsDisposer.push(
+      reaction(
+        () => this.prometheusPreferences,
+        prefs => this.contextHandler.setupPrometheus(prefs),
+        { equals: comparer.structural },
+      ),
+      () => clearInterval(refreshTimer),
+      () => clearInterval(refreshMetadataTimer),
+      reaction(() => this.defaultNamespace, () => this.recreateProxyKubeconfig()),
+    );
+  }
+
+  /**
+   * @internal
+   */
+  protected async recreateProxyKubeconfig() {
+    this.dependencies.logger.info("[CLUSTER]: Recreating proxy kubeconfig");
+
+    try {
+      await this.proxyKubeconfigManager.clear();
+      await this.getProxyKubeconfig();
+    } catch (error) {
+      this.dependencies.logger.error(`[CLUSTER]: failed to recreate proxy kubeconfig`, error);
+    }
+  }
+
+  /**
+   * @param force force activation
+   * @internal
+   */
+  @action
+  async activate(force = false) {
+    if (this.activated && !force) {
+      return;
+    }
+
+    this.dependencies.logger.info(`[CLUSTER]: activate`, this.getMeta());
+
+    if (!this.eventsDisposer.length) {
+      this.bindEvents();
+    }
+
+    if (this.disconnected || !this.accessible) {
+      try {
+        this.broadcastConnectUpdate("Starting connection ...");
+        await this.reconnect();
+      } catch (error) {
+        this.broadcastConnectUpdate(`Failed to start connection: ${error}`, true);
+
+        return;
+      }
+    }
+
+    try {
+      this.broadcastConnectUpdate("Refreshing connection status ...");
+      await this.refreshConnectionStatus();
+    } catch (error) {
+      this.broadcastConnectUpdate(`Failed to connection status: ${error}`, true);
+
+      return;
+    }
+
+    if (this.accessible) {
+      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));
+      this.broadcastConnectUpdate("Connected, waiting for view to load ...");
+    }
+
+    this.activated = true;
+  }
+
+  /**
+   * @internal
+   */
+  async ensureKubectl() {
+    this.kubeCtl ??= this.dependencies.createKubectl(this.version);
+
+    await this.kubeCtl.ensureKubectl();
+
+    return this.kubeCtl;
+  }
+
+  /**
+   * @internal
+   */
+  @action
+  async reconnect() {
+    this.dependencies.logger.info(`[CLUSTER]: reconnect`, this.getMeta());
+    await this.contextHandler?.restartServer();
+    this.disconnected = false;
+  }
+
+  /**
+   * @internal
+   */
+  @action disconnect(): void {
+    if (this.disconnected) {
+      return void this.dependencies.logger.debug("[CLUSTER]: already disconnected", { id: this.id });
+    }
+
+    this.dependencies.logger.info(`[CLUSTER]: disconnecting`, { id: this.id });
+    this.eventsDisposer();
+    this.contextHandler?.stopServer();
+    this.disconnected = true;
+    this.online = false;
+    this.accessible = false;
+    this.ready = false;
+    this.activated = false;
+    this.allowedNamespaces.clear();
+    this.dependencies.logger.info(`[CLUSTER]: disconnected`, { id: this.id });
+  }
+
+  /**
+   * @internal
+   */
+  @action
+  async refresh() {
+    this.dependencies.logger.info(`[CLUSTER]: refresh`, this.getMeta());
+    await this.refreshConnectionStatus();
+  }
+
+  /**
+   * @internal
+   */
+   @action
+  async refreshAccessibilityAndMetadata() {
+    await this.refreshAccessibility();
+    await this.refreshMetadata();
+  }
+
+   /**
+   * @internal
+   */
+   async refreshMetadata() {
+     this.dependencies.logger.info(`[CLUSTER]: refreshMetadata`, this.getMeta());
+     const metadata = await this.dependencies.detectorRegistry.detectForCluster(this);
+     const existingMetadata = this.metadata;
+
+     this.metadata = Object.assign(existingMetadata, metadata);
+   }
+
+   /**
+   * @internal
+   */
+   private async refreshAccessibility(): Promise<void> {
+     this.dependencies.logger.info(`[CLUSTER]: refreshAccessibility`, this.getMeta());
+     const proxyConfig = await this.getProxyKubeconfig();
+     const canI = this.dependencies.createAuthorizationReview(proxyConfig);
+     const requestNamespaceListPermissions = this.dependencies.requestNamespaceListPermissionsFor(proxyConfig);
+
+     this.isAdmin = await canI({
+       namespace: "kube-system",
+       resource: "*",
+       verb: "create",
+     });
+     this.isGlobalWatchEnabled = await canI({
+       verb: "watch",
+       resource: "*",
+     });
+     this.allowedNamespaces.replace(await this.requestAllowedNamespaces(proxyConfig));
+     this.knownResources.replace(await this.dependencies.requestApiResources(this));
+     this.allowedResources.replace(await this.getAllowedResources(requestNamespaceListPermissions));
+     this.ready = true;
+   }
+
+  /**
+   * @internal
+   */
+  @action
+   async refreshConnectionStatus() {
+     const connectionStatus = await this.getConnectionStatus();
+
+     this.online = connectionStatus > ClusterStatus.Offline;
+     this.accessible = connectionStatus == ClusterStatus.AccessGranted;
+   }
+
+  async getKubeconfig(): Promise<KubeConfig> {
+    const { config } = await this.dependencies.loadConfigfromFile(this.kubeConfigPath);
+
+    return config;
+  }
+
+  /**
+   * @internal
+   */
+  async getProxyKubeconfig(): Promise<KubeConfig> {
+    const proxyKCPath = await this.getProxyKubeconfigPath();
+    const { config } = await this.dependencies.loadConfigfromFile(proxyKCPath);
+
+    return config;
+  }
+
+  /**
+   * @internal
+   */
+  async getProxyKubeconfigPath(): Promise<string> {
+    return this.proxyKubeconfigManager.getPath();
+  }
+
+  protected async getConnectionStatus(): Promise<ClusterStatus> {
+    try {
+      const versionDetector = this.dependencies.createVersionDetector(this);
+      const versionData = await versionDetector.detect();
+
+      this.metadata.version = versionData.value;
+
+      return ClusterStatus.AccessGranted;
+    } catch (error) {
+      this.dependencies.logger.error(`[CLUSTER]: Failed to connect to "${this.contextName}": ${error}`);
+
+      if (isRequestError(error)) {
+        if (error.statusCode) {
+          if (error.statusCode >= 400 && error.statusCode < 500) {
+            this.broadcastConnectUpdate("Invalid credentials", true);
+
+            return ClusterStatus.AccessDenied;
+          }
+
+          const message = String(error.error || error.message) || String(error);
+
+          this.broadcastConnectUpdate(message, true);
+
+          return ClusterStatus.Offline;
+        }
+
+        if (error.failed === true) {
+          if (error.timedOut === true) {
+            this.broadcastConnectUpdate("Connection timed out", true);
+
+            return ClusterStatus.Offline;
+          }
+
+          this.broadcastConnectUpdate("Failed to fetch credentials", true);
+
+          return ClusterStatus.AccessDenied;
+        }
+
+        const message = String(error.error || error.message) || String(error);
+
+        this.broadcastConnectUpdate(message, true);
+      } else {
+        this.broadcastConnectUpdate("Unknown error has occurred", true);
+      }
+
+      return ClusterStatus.Offline;
+    }
+  }
+
+  toJSON(): ClusterModel {
+    return toJS({
+      id: this.id,
+      contextName: this.contextName,
+      kubeConfigPath: this.kubeConfigPath,
+      workspace: this.workspace,
+      workspaces: this.workspaces,
+      preferences: this.preferences,
+      metadata: this.metadata,
+      accessibleNamespaces: this.accessibleNamespaces,
+      labels: this.labels,
+    });
+  }
+
+  /**
+   * Serializable cluster-state used for sync btw main <-> renderer
+   */
+  getState(): ClusterState {
+    return toJS({
+      apiUrl: this.apiUrl,
+      online: this.online,
+      ready: this.ready,
+      disconnected: this.disconnected,
+      accessible: this.accessible,
+      isAdmin: this.isAdmin,
+      allowedNamespaces: this.allowedNamespaces,
+      allowedResources: [...this.allowedResources],
+      isGlobalWatchEnabled: this.isGlobalWatchEnabled,
+    });
+  }
+
+  /**
+   * @internal
+   * @param state cluster state
+   */
+  @action setState(state: ClusterState) {
+    this.accessible = state.accessible;
+    this.allowedNamespaces.replace(state.allowedNamespaces);
+    this.allowedResources.replace(state.allowedResources);
+    this.apiUrl = state.apiUrl;
+    this.disconnected = state.disconnected;
+    this.isAdmin = state.isAdmin;
+    this.isGlobalWatchEnabled = state.isGlobalWatchEnabled;
+    this.online = state.online;
+    this.ready = state.ready;
+  }
+
+  // get cluster system meta, e.g. use in "logger"
+  getMeta() {
+    return {
+      id: this.id,
+      name: this.contextName,
+      ready: this.ready,
+      online: this.online,
+      accessible: this.accessible,
+      disconnected: this.disconnected,
+    };
+  }
+
+  /**
+   * broadcast an authentication update concerning this cluster
+   * @internal
+   */
+  broadcastConnectUpdate(message: string, isError = false): void {
+    const update: KubeAuthUpdate = { message, isError };
+
+    this.dependencies.logger.debug(`[CLUSTER]: broadcasting connection update`, { ...update, meta: this.getMeta() });
+    this.dependencies.broadcastMessage(`cluster:${this.id}:connection-update`, update);
+  }
+
+  protected async requestAllowedNamespaces(proxyConfig: KubeConfig) {
+    if (this.accessibleNamespaces.length) {
+      return this.accessibleNamespaces;
+    }
+
+    try {
+      const listNamespaces = this.dependencies.createListNamespaces(proxyConfig);
+
+      return await listNamespaces();
+    } catch (error) {
+      const ctx = proxyConfig.getContextObject(this.contextName);
+      const namespaceList = [ctx?.namespace].filter(isDefined);
+
+      if (namespaceList.length === 0 && error instanceof HttpError && error.statusCode === 403) {
+        const { response } = error as HttpError & { response: Response };
+
+        this.dependencies.logger.info("[CLUSTER]: listing namespaces is forbidden, broadcasting", { clusterId: this.id, error: response.body });
+        this.dependencies.broadcastMessage(clusterListNamespaceForbiddenChannel, this.id);
+      }
+
+      return namespaceList;
+    }
+  }
+
+  protected async getAllowedResources(requestNamespaceListPermissions: RequestNamespaceListPermissions) {
+    if (!this.allowedNamespaces.length) {
+      return [];
+    }
+
+    try {
+      const apiLimit = plimit(5); // 5 concurrent api requests
+      const canListResourceCheckers = await Promise.all((
+        this.allowedNamespaces.map(namespace => apiLimit(() => requestNamespaceListPermissions(namespace)))
+      ));
+      const canListNamespacedResource: CanListResource = (resource) => canListResourceCheckers.some(fn => fn(resource));
+
+      return this.knownResources
+        .filter(canListNamespacedResource)
+        .map(formatKubeApiResource);
+    } catch (error) {
+      return [];
+    }
+  }
+
+  shouldShowResource(resource: KubeApiResourceDescriptor): boolean {
+    return this.allowedResources.has(formatKubeApiResource(resource));
+  }
+
+  isMetricHidden(resource: ClusterMetricsResourceType): boolean {
+    return Boolean(this.preferences.hiddenMetrics?.includes(resource));
+  }
+
+  get nodeShellImage(): string {
+    return this.preferences?.nodeShellImage || initialNodeShellImage;
+  }
+
+  get imagePullSecret(): string | undefined {
+    return this.preferences?.imagePullSecret;
+  }
+
+  isInLocalKubeconfig() {
+    return this.kubeConfigPath.startsWith(this.dependencies.directoryForKubeConfigs);
+  }
+}
diff --git a/packages/core/src/common/cluster/create-cluster-injection-token.ts b/packages/core/src/common/cluster/create-cluster-injection-token.ts
new file mode 100644
index 0000000000..a07ce4459f
--- /dev/null
+++ b/packages/core/src/common/cluster/create-cluster-injection-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { ClusterConfigData, ClusterModel } from "../cluster-types";
+import type { Cluster } from "./cluster";
+
+export type CreateCluster = (model: ClusterModel, configData: ClusterConfigData) => Cluster;
+
+export const createClusterInjectionToken = getInjectionToken<CreateCluster>({
+  id: "create-cluster-token",
+});
diff --git a/packages/core/src/common/cluster/current-cluster-channel.ts b/packages/core/src/common/cluster/current-cluster-channel.ts
new file mode 100644
index 0000000000..957baa6f9c
--- /dev/null
+++ b/packages/core/src/common/cluster/current-cluster-channel.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 type { ClusterId } from "../cluster-types";
+import type { MessageChannel } from "../utils/channel/message-channel-listener-injection-token";
+
+export const currentClusterMessageChannel: MessageChannel<ClusterId> = {
+  id: "current-visible-cluster",
+};
diff --git a/packages/core/src/common/cluster/list-namespaces.injectable.ts b/packages/core/src/common/cluster/list-namespaces.injectable.ts
new file mode 100644
index 0000000000..468ff3ac2e
--- /dev/null
+++ b/packages/core/src/common/cluster/list-namespaces.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 type { KubeConfig } from "@kubernetes/client-node";
+import { CoreV1Api } from "@kubernetes/client-node";
+import { getInjectable } from "@ogre-tools/injectable";
+import { isDefined } from "../utils";
+
+export type ListNamespaces = () => Promise<string[]>;
+
+export function listNamespaces(config: KubeConfig): ListNamespaces {
+  const coreApi = config.makeApiClient(CoreV1Api);
+
+  return async () => {
+    const { body: { items }} = await coreApi.listNamespace();
+
+    return items
+      .map(ns => ns.metadata?.name)
+      .filter(isDefined);
+  };
+}
+
+const listNamespacesInjectable = getInjectable({
+  id: "list-namespaces",
+  instantiate: () => listNamespaces,
+});
+
+export default listNamespacesInjectable;
diff --git a/packages/core/src/common/cluster/request-namespace-list-permissions.injectable.ts b/packages/core/src/common/cluster/request-namespace-list-permissions.injectable.ts
new file mode 100644
index 0000000000..62d2477e42
--- /dev/null
+++ b/packages/core/src/common/cluster/request-namespace-list-permissions.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 type { KubeConfig } from "@kubernetes/client-node";
+import { AuthorizationV1Api } from "@kubernetes/client-node";
+import { getInjectable } from "@ogre-tools/injectable";
+import loggerInjectable from "../logger.injectable";
+import type { KubeApiResource } from "../rbac";
+
+export type CanListResource = (resource: KubeApiResource) => boolean;
+
+/**
+ * Requests the permissions for actions on the kube cluster
+ * @param namespace The namespace of the resources
+ */
+export type RequestNamespaceListPermissions = (namespace: string) => Promise<CanListResource>;
+
+/**
+ * @param proxyConfig This config's `currentContext` field must be set, and will be used as the target cluster
+ */
+export type RequestNamespaceListPermissionsFor = (proxyConfig: KubeConfig) => RequestNamespaceListPermissions;
+
+const requestNamespaceListPermissionsForInjectable = getInjectable({
+  id: "request-namespace-list-permissions-for",
+  instantiate: (di): RequestNamespaceListPermissionsFor => {
+    const logger = di.inject(loggerInjectable);
+
+    return (proxyConfig) => {
+      const api = proxyConfig.makeApiClient(AuthorizationV1Api);
+
+      return async (namespace) => {
+        try {
+          const { body: { status }} = await api.createSelfSubjectRulesReview({
+            apiVersion: "authorization.k8s.io/v1",
+            kind: "SelfSubjectRulesReview",
+            spec: { namespace },
+          });
+
+          if (!status || status.incomplete) {
+            logger.warn(`[AUTHORIZATION-NAMESPACE-REVIEW]: allowing all resources in namespace="${namespace}" due to incomplete SelfSubjectRulesReview: ${status?.evaluationError}`);
+
+            return () => true;
+          }
+
+          const { resourceRules } = status;
+
+          return (resource) => {
+            const resourceRule = resourceRules.find(({
+              apiGroups = [],
+              resources = [],
+            }) => {
+              const isAboutRelevantApiGroup = apiGroups.includes("*") || apiGroups.includes(resource.group);
+              const isAboutResource = resources.includes("*") || resources.includes(resource.apiName);
+
+              return isAboutRelevantApiGroup && isAboutResource;
+            });
+
+            if (!resourceRule) {
+              return false;
+            }
+
+            const { verbs } = resourceRule;
+
+            return verbs.includes("*") || verbs.includes("list");
+          };
+        } catch (error) {
+          logger.error(`[AUTHORIZATION-NAMESPACE-REVIEW]: failed to create subject rules review`, { namespace, error });
+
+          return () => true;
+        }
+      };
+    };
+  },
+});
+
+export default requestNamespaceListPermissionsForInjectable;
diff --git a/packages/core/src/common/cluster/visibility-channel.ts b/packages/core/src/common/cluster/visibility-channel.ts
new file mode 100644
index 0000000000..8a1a297ff2
--- /dev/null
+++ b/packages/core/src/common/cluster/visibility-channel.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 type { ClusterId } from "../cluster-types";
+import type { MessageChannel } from "../utils/channel/message-channel-listener-injection-token";
+
+export const clusterVisibilityChannel: MessageChannel<ClusterId | null> = {
+  id: "cluster-visibility",
+};
diff --git a/packages/core/src/common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable.ts b/packages/core/src/common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable.ts
new file mode 100644
index 0000000000..11a8f3f7de
--- /dev/null
+++ b/packages/core/src/common/directory-for-lens-local-storage/directory-for-lens-local-storage.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 directoryForUserDataInjectable from "../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import joinPathsInjectable from "../path/join-paths.injectable";
+
+const directoryForLensLocalStorageInjectable = getInjectable({
+  id: "directory-for-lens-local-storage",
+
+  instantiate: (di) => {
+    const joinPaths = di.inject(joinPathsInjectable);
+    const directoryForUserData = di.inject(directoryForUserDataInjectable);
+
+    return joinPaths(
+      directoryForUserData,
+      "lens-local-storage",
+    );
+  },
+});
+
+export default directoryForLensLocalStorageInjectable;
diff --git a/packages/core/src/common/error-reporting/initialize-sentry-reporting.global-override-for-injectable.ts b/packages/core/src/common/error-reporting/initialize-sentry-reporting.global-override-for-injectable.ts
new file mode 100644
index 0000000000..1aa2934ef9
--- /dev/null
+++ b/packages/core/src/common/error-reporting/initialize-sentry-reporting.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 initializeSentryReportingWithInjectable from "./initialize-sentry-reporting.injectable";
+
+export default getGlobalOverride(initializeSentryReportingWithInjectable, () => () => {});
diff --git a/packages/core/src/common/error-reporting/initialize-sentry-reporting.injectable.ts b/packages/core/src/common/error-reporting/initialize-sentry-reporting.injectable.ts
new file mode 100644
index 0000000000..778f959739
--- /dev/null
+++ b/packages/core/src/common/error-reporting/initialize-sentry-reporting.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 type { ElectronMainOptions } from "@sentry/electron/main";
+import type { BrowserOptions } from "@sentry/electron/renderer";
+import isProductionInjectable from "../vars/is-production.injectable";
+import sentryDataSourceNameInjectable from "../vars/sentry-dsn-url.injectable";
+import { Dedupe, Offline } from "@sentry/integrations";
+import { inspect } from "util";
+import userStoreInjectable from "../user-store/user-store.injectable";
+
+export type InitializeSentryReportingWith = (initSentry: (opts: BrowserOptions | ElectronMainOptions) => void) => void;
+
+const mapProcessName = (type: "browser" | "renderer" | "worker") => type === "browser" ? "main" : type;
+
+const initializeSentryReportingWithInjectable = getInjectable({
+  id: "initialize-sentry-reporting-with",
+  instantiate: (di): InitializeSentryReportingWith => {
+    const sentryDataSourceName = di.inject(sentryDataSourceNameInjectable);
+    const isProduction = di.inject(isProductionInjectable);
+    const userStore = di.inject(userStoreInjectable);
+
+    if (!sentryDataSourceName) {
+      return () => {};
+    }
+
+    return (initSentry) => initSentry({
+      beforeSend: (event) => {
+        if (userStore.allowErrorReporting) {
+          return event;
+        }
+
+        /**
+         * Directly write to stdout so that no other integrations capture this and create an infinite loop
+         */
+        process.stdout.write(`🔒  [SENTRY-BEFORE-SEND-HOOK]: Sentry event is caught but not sent to server.`);
+        process.stdout.write("🔒  [SENTRY-BEFORE-SEND-HOOK]: === START OF SENTRY EVENT ===");
+        process.stdout.write(inspect(event, false, null, true));
+        process.stdout.write("🔒  [SENTRY-BEFORE-SEND-HOOK]: ===  END OF SENTRY EVENT  ===");
+
+        // if return null, the event won't be sent
+        // ref https://github.com/getsentry/sentry-javascript/issues/2039
+        return null;
+      },
+      dsn: sentryDataSourceName,
+      integrations: [
+        new Dedupe(),
+        new Offline(),
+      ],
+      initialScope: {
+        tags: {
+          "process": mapProcessName(process.type),
+        },
+      },
+      environment: isProduction ? "production" : "development",
+    });
+  },
+  causesSideEffects: true,
+});
+
+export default initializeSentryReportingWithInjectable;
diff --git a/packages/core/src/common/event-emitter.ts b/packages/core/src/common/event-emitter.ts
new file mode 100644
index 0000000000..03f8e2754b
--- /dev/null
+++ b/packages/core/src/common/event-emitter.ts
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Custom event emitter
+
+interface Options {
+  once?: boolean; // call once and remove
+  prepend?: boolean; // put listener to the beginning
+}
+
+type Callback<D extends [...any[]]> = (...data: D) => void | boolean;
+
+export class EventEmitter<D extends [...any[]]> {
+  protected listeners: [Callback<D>, Options][] = [];
+
+  addListener(callback: Callback<D>, options: Options = {}) {
+    const fn = options.prepend ? "unshift" : "push";
+
+    this.listeners[fn]([callback, options]);
+  }
+
+  removeListener(callback: Callback<D>) {
+    this.listeners = this.listeners.filter(([cb]) => cb !== callback);
+  }
+
+  removeAllListeners() {
+    this.listeners.length = 0;
+  }
+
+  emit(...data: D) {
+    for (const [callback, { once }] of this.listeners) {
+      if (once) {
+        this.removeListener(callback);
+      }
+
+      if (callback(...data) === false) {
+        break;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/common/fetch/download-binary.injectable.ts b/packages/core/src/common/fetch/download-binary.injectable.ts
new file mode 100644
index 0000000000..27ef43d59b
--- /dev/null
+++ b/packages/core/src/common/fetch/download-binary.injectable.ts
@@ -0,0 +1,56 @@
+/**
+ * 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 { RequestInit, Response } from "node-fetch";
+import type { AsyncResult } from "../utils/async-result";
+import fetchInjectable from "./fetch.injectable";
+
+export interface DownloadBinaryOptions {
+  signal?: AbortSignal | null | undefined;
+}
+
+export type DownloadBinary = (url: string, opts?: DownloadBinaryOptions) => Promise<AsyncResult<Buffer, string>>;
+
+const downloadBinaryInjectable = getInjectable({
+  id: "download-binary",
+  instantiate: (di): DownloadBinary => {
+    const fetch = di.inject(fetchInjectable);
+
+    return async (url, opts) => {
+      let result: Response;
+
+      try {
+        // TODO: upgrade node-fetch once we switch to ESM
+        result = await fetch(url, opts as RequestInit);
+      } catch (error) {
+        return {
+          callWasSuccessful: false,
+          error: String(error),
+        };
+      }
+
+      if (result.status < 200 || 300 <= result.status) {
+        return {
+          callWasSuccessful: false,
+          error: result.statusText,
+        };
+      }
+
+      try {
+        return {
+          callWasSuccessful: true,
+          response: await result.buffer(),
+        };
+      } catch (error) {
+        return {
+          callWasSuccessful: false,
+          error: String(error),
+        };
+      }
+    };
+  },
+});
+
+export default downloadBinaryInjectable;
diff --git a/packages/core/src/common/fetch/download-json/impl.ts b/packages/core/src/common/fetch/download-json/impl.ts
new file mode 100644
index 0000000000..9faf9af124
--- /dev/null
+++ b/packages/core/src/common/fetch/download-json/impl.ts
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncResult } from "../../utils/async-result";
+import type { Fetch } from "../fetch.injectable";
+import type { RequestInit, Response } from "node-fetch";
+
+export interface DownloadJsonOptions {
+  signal?: AbortSignal | null | undefined;
+}
+
+export type DownloadJson = (url: string, opts?: DownloadJsonOptions) => Promise<AsyncResult<unknown, string>>;
+
+export const downloadJsonWith = (fetch: Fetch): DownloadJson => async (url, opts) => {
+  let result: Response;
+
+  try {
+    result = await fetch(url, opts as RequestInit);
+  } catch (error) {
+    return {
+      callWasSuccessful: false,
+      error: String(error),
+    };
+  }
+
+  if (result.status < 200 || 300 <= result.status) {
+    return {
+      callWasSuccessful: false,
+      error: result.statusText,
+    };
+  }
+
+  try {
+    return {
+      callWasSuccessful: true,
+      response: await result.json(),
+    };
+  } catch (error) {
+    return {
+      callWasSuccessful: false,
+      error: String(error),
+    };
+  }
+};
+
diff --git a/packages/core/src/common/fetch/download-json/normal.injectable.ts b/packages/core/src/common/fetch/download-json/normal.injectable.ts
new file mode 100644
index 0000000000..adb5e35d82
--- /dev/null
+++ b/packages/core/src/common/fetch/download-json/normal.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 fetchInjectable from "../fetch.injectable";
+import { downloadJsonWith } from "./impl";
+
+const downloadJsonInjectable = getInjectable({
+  id: "download-json",
+  instantiate: (di) => downloadJsonWith(di.inject(fetchInjectable)),
+});
+
+export default downloadJsonInjectable;
diff --git a/packages/core/src/common/fetch/download-json/proxy.injectable.ts b/packages/core/src/common/fetch/download-json/proxy.injectable.ts
new file mode 100644
index 0000000000..46268d4ddb
--- /dev/null
+++ b/packages/core/src/common/fetch/download-json/proxy.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 proxyFetchInjectable from "../proxy-fetch.injectable";
+import { downloadJsonWith } from "./impl";
+
+const proxyDownloadJsonInjectable = getInjectable({
+  id: "proxy-download-json",
+  instantiate: (di) => downloadJsonWith(di.inject(proxyFetchInjectable)),
+});
+
+export default proxyDownloadJsonInjectable;
diff --git a/packages/core/src/common/fetch/fetch-module.injectable.ts b/packages/core/src/common/fetch/fetch-module.injectable.ts
new file mode 100644
index 0000000000..444333f196
--- /dev/null
+++ b/packages/core/src/common/fetch/fetch-module.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 type * as FetchModule from "node-fetch";
+
+const { NodeFetch } = require("../../../build/webpack/node-fetch.bundle") as { NodeFetch: typeof FetchModule };
+
+/**
+ * NOTE: while using this module can cause side effects, this specific injectable is not marked as
+ * such since sometimes the request can be wholely within the perview of unit test
+ */
+const nodeFetchModuleInjectable = getInjectable({
+  id: "node-fetch-module",
+  instantiate: () => NodeFetch,
+});
+
+export default nodeFetchModuleInjectable;
diff --git a/packages/core/src/common/fetch/fetch.global-override-for-injectable.ts b/packages/core/src/common/fetch/fetch.global-override-for-injectable.ts
new file mode 100644
index 0000000000..1a5f80735c
--- /dev/null
+++ b/packages/core/src/common/fetch/fetch.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 { getGlobalOverrideForFunction } from "../test-utils/get-global-override-for-function";
+import fetchInjectable from "./fetch.injectable";
+
+export default getGlobalOverrideForFunction(fetchInjectable);
diff --git a/packages/core/src/common/fetch/fetch.injectable.ts b/packages/core/src/common/fetch/fetch.injectable.ts
new file mode 100644
index 0000000000..d4f51efe0d
--- /dev/null
+++ b/packages/core/src/common/fetch/fetch.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 { RequestInit, Response } from "node-fetch";
+import nodeFetchModuleInjectable from "./fetch-module.injectable";
+
+export type Fetch = (url: string, init?: RequestInit) => Promise<Response>;
+
+const fetchInjectable = getInjectable({
+  id: "fetch",
+  instantiate: (di): Fetch => {
+    const { default: fetch } = di.inject(nodeFetchModuleInjectable);
+
+    return (url, init) => fetch(url, init);
+  },
+  causesSideEffects: true,
+});
+
+export default fetchInjectable;
diff --git a/packages/core/src/common/fetch/proxy-fetch.injectable.ts b/packages/core/src/common/fetch/proxy-fetch.injectable.ts
new file mode 100644
index 0000000000..f13842c410
--- /dev/null
+++ b/packages/core/src/common/fetch/proxy-fetch.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 { HttpsProxyAgent } from "hpagent";
+import userStoreInjectable from "../user-store/user-store.injectable";
+import type { Fetch } from "./fetch.injectable";
+import fetchInjectable from "./fetch.injectable";
+
+const proxyFetchInjectable = getInjectable({
+  id: "proxy-fetch",
+  instantiate: (di): Fetch => {
+    const fetch = di.inject(fetchInjectable);
+    const { httpsProxy, allowUntrustedCAs } = di.inject(userStoreInjectable);
+    const agent = httpsProxy
+      ? new HttpsProxyAgent({
+        proxy: httpsProxy,
+        rejectUnauthorized: !allowUntrustedCAs,
+      })
+      : undefined;
+
+    return (url, init = {}) => fetch(url, {
+      agent,
+      ...init,
+    });
+  },
+});
+
+export default proxyFetchInjectable;
diff --git a/packages/core/src/common/fetch/timeout-controller.ts b/packages/core/src/common/fetch/timeout-controller.ts
new file mode 100644
index 0000000000..702becdc9d
--- /dev/null
+++ b/packages/core/src/common/fetch/timeout-controller.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Creates an AbortController with an associated timeout
+ * @param timeout The number of milliseconds before this controller will auto abort
+ */
+export function withTimeout(timeout: number): AbortController {
+  const controller = new AbortController();
+  const id = setTimeout(() => controller.abort(), timeout);
+
+  controller.signal.addEventListener("abort", () => clearTimeout(id));
+
+  return controller;
+}
diff --git a/packages/core/src/common/front-end-routing/app-navigation-channel.ts b/packages/core/src/common/front-end-routing/app-navigation-channel.ts
new file mode 100644
index 0000000000..e0b881eff9
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/app-navigation-channel.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 { IpcRendererNavigationEvents } from "../../renderer/navigation/events";
+import type { MessageChannel } from "../utils/channel/message-channel-listener-injection-token";
+
+export type AppNavigationChannel = MessageChannel<string>;
+
+export const appNavigationChannel: AppNavigationChannel = {
+  id: IpcRendererNavigationEvents.NAVIGATE_IN_APP,
+};
diff --git a/packages/core/src/common/front-end-routing/cluster-frame-navigation-channel.ts b/packages/core/src/common/front-end-routing/cluster-frame-navigation-channel.ts
new file mode 100644
index 0000000000..9d9a1904af
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/cluster-frame-navigation-channel.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 { IpcRendererNavigationEvents } from "../../renderer/navigation/events";
+import type { MessageChannel } from "../utils/channel/message-channel-listener-injection-token";
+
+export type ClusterFrameNavigationChannel = MessageChannel<string>;
+
+export const clusterFrameNavigationChannel: ClusterFrameNavigationChannel = {
+  id: IpcRendererNavigationEvents.NAVIGATE_IN_CLUSTER,
+};
diff --git a/packages/core/src/common/front-end-routing/front-end-route-injection-token.ts b/packages/core/src/common/front-end-routing/front-end-route-injection-token.ts
new file mode 100644
index 0000000000..cf1f9ed87e
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/front-end-route-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 { IComputedValue } from "mobx";
+import type { LensRendererExtension } from "../../extensions/lens-renderer-extension";
+
+export const frontEndRouteInjectionToken = getInjectionToken<Route<unknown>>({
+  id: "front-end-route-injection-token",
+});
+
+export interface Route<TParameter = void> {
+  path: string;
+  clusterFrame: boolean;
+  isEnabled: IComputedValue<boolean>;
+  extension?: LensRendererExtension;
+
+  readonly parameterSignature?: TParameter;
+}
diff --git a/packages/core/src/common/front-end-routing/navigate-to-front-page.injectable.ts b/packages/core/src/common/front-end-routing/navigate-to-front-page.injectable.ts
new file mode 100644
index 0000000000..a48eee6c04
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/navigate-to-front-page.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 navigateToCatalogInjectable from "./routes/catalog/navigate-to-catalog.injectable";
+
+const navigateToFrontPageInjectable = getInjectable({
+  id: "navigate-to-front-page",
+  instantiate: (di) => di.inject(navigateToCatalogInjectable),
+});
+
+export default navigateToFrontPageInjectable;
diff --git a/packages/core/src/common/front-end-routing/navigate-to-route-injection-token.ts b/packages/core/src/common/front-end-routing/navigate-to-route-injection-token.ts
new file mode 100644
index 0000000000..29fb82867c
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/navigate-to-route-injection-token.ts
@@ -0,0 +1,52 @@
+/**
+ * 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 { Route } from "./front-end-route-injection-token";
+
+type InferParametersFrom<TRoute> = TRoute extends Route<infer TParameters>
+  ? TParameters
+  : never;
+
+type RequiredKeys<T> = Exclude<
+  {
+    [K in keyof T]: T extends Record<K, T[K]> ? K : never;
+  }[keyof T],
+  undefined
+>;
+
+type ObjectContainingNoRequired<T> = T extends void
+  ? never
+  : RequiredKeys<T> extends []
+  ? any
+  : never;
+
+type ObjectContainsNoRequired<T> = T extends ObjectContainingNoRequired<T>
+  ? true
+  : false;
+
+// TODO: Missing types for:
+// - Navigating to route without parameters, with parameters
+// - Navigating to route with required parameters, without parameters
+type Parameters<TParameters> = TParameters extends void
+  ? {}
+  : ObjectContainsNoRequired<TParameters> extends true
+  ? { parameters?: TParameters }
+  : { parameters: TParameters };
+
+export type NavigateToRouteOptions<TRoute> = Parameters<
+  InferParametersFrom<TRoute>
+> & {
+  query?: Record<string, string>;
+  fragment?: string;
+  withoutAffectingBackButton?: boolean;
+};
+
+export type NavigateToRoute = <TRoute extends Route<unknown>>(
+  route: TRoute,
+  options?: NavigateToRouteOptions<TRoute>) => void;
+
+export const navigateToRouteInjectionToken = getInjectionToken<NavigateToRoute>(
+  { id: "navigate-to-route-injection-token" },
+);
diff --git a/packages/core/src/common/front-end-routing/navigate-to-url-injection-token.ts b/packages/core/src/common/front-end-routing/navigate-to-url-injection-token.ts
new file mode 100644
index 0000000000..560d62ce4a
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/navigate-to-url-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";
+
+export interface NavigateToUrlOptions {
+  withoutAffectingBackButton?: boolean;
+  forceRootFrame?: boolean;
+}
+
+export type NavigateToUrl = (url: string, options?: NavigateToUrlOptions) => void;
+
+export const navigateToUrlInjectionToken = getInjectionToken<NavigateToUrl>(
+  { id: "navigate-to-url-injection-token" },
+);
diff --git a/packages/core/src/common/front-end-routing/routes/add-cluster/add-cluster-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/add-cluster/add-cluster-route.injectable.ts
new file mode 100644
index 0000000000..41e165dc59
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/add-cluster/add-cluster-route.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 { computed } from "mobx";
+import { frontEndRouteInjectionToken } from "../../front-end-route-injection-token";
+
+const addClusterRouteInjectable = getInjectable({
+  id: "add-cluster-route",
+
+  instantiate: () => ({
+    path: "/add-cluster",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default addClusterRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/add-cluster/navigate-to-add-cluster.injectable.ts b/packages/core/src/common/front-end-routing/routes/add-cluster/navigate-to-add-cluster.injectable.ts
new file mode 100644
index 0000000000..15595d51c2
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/add-cluster/navigate-to-add-cluster.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 addClusterRouteInjectable from "./add-cluster-route.injectable";
+import { navigateToRouteInjectionToken } from "../../navigate-to-route-injection-token";
+
+const navigateToAddClusterInjectable = getInjectable({
+  id: "navigate-to-add-cluster",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(addClusterRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToAddClusterInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/catalog/catalog-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/catalog/catalog-route.injectable.ts
new file mode 100644
index 0000000000..bfe0904073
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/catalog/catalog-route.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 { computed } from "mobx";
+import type { Route } from "../../front-end-route-injection-token";
+import { frontEndRouteInjectionToken } from "../../front-end-route-injection-token";
+
+export interface CatalogPathParameters {
+  group?: string;
+  kind?: string;
+}
+
+const catalogRouteInjectable = getInjectable({
+  id: "catalog-route",
+
+  instantiate: (): Route<CatalogPathParameters> => ({
+    path: "/catalog/:group?/:kind?",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default catalogRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/catalog/navigate-to-catalog.injectable.ts b/packages/core/src/common/front-end-routing/routes/catalog/navigate-to-catalog.injectable.ts
new file mode 100644
index 0000000000..24fab385bb
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/catalog/navigate-to-catalog.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 type { CatalogPathParameters } from "./catalog-route.injectable";
+import catalogRouteInjectable from "./catalog-route.injectable";
+import { navigateToRouteInjectionToken } from "../../navigate-to-route-injection-token";
+
+export type NavigateToCatalog = (parameters?: CatalogPathParameters) => void;
+
+const navigateToCatalogInjectable = getInjectable({
+  id: "navigate-to-catalog",
+
+  instantiate: (di): NavigateToCatalog => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const catalogRoute = di.inject(catalogRouteInjectable);
+
+    return (parameters) =>
+      navigateToRoute(catalogRoute, {
+        parameters,
+      });
+  },
+});
+
+export default navigateToCatalogInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster-view/cluster-view-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster-view/cluster-view-route.injectable.ts
new file mode 100644
index 0000000000..e912ff63e0
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster-view/cluster-view-route.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 { computed } from "mobx";
+import { frontEndRouteInjectionToken } from "../../front-end-route-injection-token";
+
+const clusterViewRouteInjectable = getInjectable({
+  id: "cluster-view-route",
+
+  instantiate: () => ({
+    path: "/cluster/:clusterId",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default clusterViewRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster-view/navigate-to-cluster-view.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster-view/navigate-to-cluster-view.injectable.ts
new file mode 100644
index 0000000000..4edc3d3bb5
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster-view/navigate-to-cluster-view.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 { navigateToRouteInjectionToken } from "../../navigate-to-route-injection-token";
+import clusterViewRouteInjectable from "./cluster-view-route.injectable";
+
+export type NavigateToClusterView = (clusterId: string) => void;
+
+const navigateToClusterViewInjectable = getInjectable({
+  id: "navigate-to-cluster-view",
+
+  instantiate: (di): NavigateToClusterView => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(clusterViewRouteInjectable);
+
+    return (clusterId) =>
+      navigateToRoute(route, { parameters: { clusterId }});
+  },
+});
+
+export default navigateToClusterViewInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/config-maps/config-maps-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/config-maps/config-maps-route.injectable.ts
new file mode 100644
index 0000000000..6ea03fff08
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/config-maps/config-maps-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const configMapsRouteInjectable = getInjectable({
+  id: "config-maps-route",
+  instantiate: (di) => ({
+    path: "/configmaps",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "configmaps",
+      group: "v1",
+    }),
+  }),
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default configMapsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/config-maps/navigate-to-config-maps.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/config-maps/navigate-to-config-maps.injectable.ts
new file mode 100644
index 0000000000..d4fa31027f
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/config-maps/navigate-to-config-maps.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 configMapsRouteInjectable from "./config-maps-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToConfigMapsInjectable = getInjectable({
+  id: "navigate-to-config-maps",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(configMapsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToConfigMapsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/horizontal-pod-autoscalers-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/horizontal-pod-autoscalers-route.injectable.ts
new file mode 100644
index 0000000000..00002620ee
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/horizontal-pod-autoscalers-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const horizontalPodAutoscalersRouteInjectable = getInjectable({
+  id: "horizontal-pod-autoscalers-route",
+
+  instantiate: (di) => ({
+    path: "/hpa",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "horizontalpodautoscalers",
+      group: "autoscaling",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default horizontalPodAutoscalersRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/navigate-to-horizontal-pod-autoscalers.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/navigate-to-horizontal-pod-autoscalers.injectable.ts
new file mode 100644
index 0000000000..ab171f4a08
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/navigate-to-horizontal-pod-autoscalers.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 horizontalPodAutoscalersRouteInjectable from "./horizontal-pod-autoscalers-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToHorizontalPodAutoscalersInjectable = getInjectable({
+  id: "navigate-to-horizontal-pod-autoscalers",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(horizontalPodAutoscalersRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToHorizontalPodAutoscalersInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/leases/leases-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/leases/leases-route.injectable.ts
new file mode 100644
index 0000000000..ea4eb2ae59
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/leases/leases-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const leasesRouteInjectable = getInjectable({
+  id: "leases",
+
+  instantiate: (di) => ({
+    path: "/leases",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "leases",
+      group: "coordination.k8s.io",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default leasesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/leases/navigate-to-leases.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/leases/navigate-to-leases.injectable.ts
new file mode 100644
index 0000000000..5bf7d74ff1
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/leases/navigate-to-leases.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 leasesRouteInjectable from "./leases-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToLeasesInjectable = getInjectable({
+  id: "navigate-to-leases",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(leasesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToLeasesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/limit-ranges/limit-ranges-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/limit-ranges/limit-ranges-route.injectable.ts
new file mode 100644
index 0000000000..8623f3520e
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/limit-ranges/limit-ranges-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const limitRangesRouteInjectable = getInjectable({
+  id: "limit-ranges-route",
+
+  instantiate: (di) => ({
+    path: "/limitranges",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "limitranges",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default limitRangesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/limit-ranges/navigate-to-limit-ranges.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/limit-ranges/navigate-to-limit-ranges.injectable.ts
new file mode 100644
index 0000000000..00e8c89d7c
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/limit-ranges/navigate-to-limit-ranges.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 limitRangesRouteInjectable from "./limit-ranges-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToLimitRangesInjectable = getInjectable({
+  id: "navigate-to-limit-ranges",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(limitRangesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToLimitRangesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/pod-disruption-budgets/navigate-to-pod-disruption-budgets.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/pod-disruption-budgets/navigate-to-pod-disruption-budgets.injectable.ts
new file mode 100644
index 0000000000..5a3f17027d
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/pod-disruption-budgets/navigate-to-pod-disruption-budgets.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 podDisruptionBudgetsRouteInjectable from "./pod-disruption-budgets-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToPodDisruptionBudgetsInjectable = getInjectable({
+  id: "navigate-to-pod-disruption-budgets",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(podDisruptionBudgetsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToPodDisruptionBudgetsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/pod-disruption-budgets/pod-disruption-budgets-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/pod-disruption-budgets/pod-disruption-budgets-route.injectable.ts
new file mode 100644
index 0000000000..12ce0a2138
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/pod-disruption-budgets/pod-disruption-budgets-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const podDisruptionBudgetsRouteInjectable = getInjectable({
+  id: "pod-disruption-budgets-route",
+
+  instantiate: (di) => ({
+    path: "/poddisruptionbudgets",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "poddisruptionbudgets",
+      group: "policy",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default podDisruptionBudgetsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/priority-classes/navigate-to-priority-classes.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/common/front-end-routing/routes/cluster/config/priority-classes/priority-classes-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/priority-classes/priority-classes-route.injectable.ts
new file mode 100644
index 0000000000..75194b0541
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/priority-classes/priority-classes-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const priorityClassesRouteInjectable = getInjectable({
+  id: "priority-classes-route",
+
+  instantiate: (di) => ({
+    path: "/priorityclasses",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "priorityclasses",
+      group: "scheduling.k8s.io",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default priorityClassesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/resource-quotas/navigate-to-resource-quotas.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/resource-quotas/navigate-to-resource-quotas.injectable.ts
new file mode 100644
index 0000000000..3637782115
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/resource-quotas/navigate-to-resource-quotas.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 resourceQuotasRouteInjectable from "./resource-quotas-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToResourceQuotasInjectable = getInjectable({
+  id: "navigate-to-resource-quotas",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(resourceQuotasRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToResourceQuotasInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/resource-quotas/resource-quotas-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/resource-quotas/resource-quotas-route.injectable.ts
new file mode 100644
index 0000000000..209f77e19a
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/resource-quotas/resource-quotas-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const resourceQuotasRouteInjectable = getInjectable({
+  id: "resource-quotas-route",
+
+  instantiate: (di) => ({
+    path: "/resourcequotas",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "resourcequotas",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default resourceQuotasRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/runtime-classes/navigate-to-runtime-classes.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/runtime-classes/navigate-to-runtime-classes.injectable.ts
new file mode 100644
index 0000000000..4d6ca1757d
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/runtime-classes/navigate-to-runtime-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 runtimeClassesRouteInjectable from "./runtime-classes-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToRuntimeClassesInjectable = getInjectable({
+  id: "navigate-to-runtime-classes",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(runtimeClassesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToRuntimeClassesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/runtime-classes/runtime-classes-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/runtime-classes/runtime-classes-route.injectable.ts
new file mode 100644
index 0000000000..beab83754f
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/runtime-classes/runtime-classes-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const runtimeClassesRouteInjectable = getInjectable({
+  id: "runtime-classes-route",
+
+  instantiate: (di) => ({
+    path: "/runtimeclasses",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "runtimeclasses",
+      group: "node.k8s.io",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default runtimeClassesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/secrets/navigate-to-secrets.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/secrets/navigate-to-secrets.injectable.ts
new file mode 100644
index 0000000000..b8afdf74c3
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/secrets/navigate-to-secrets.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 secretsRouteInjectable from "./secrets-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToSecretsInjectable = getInjectable({
+  id: "navigate-to-secrets",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(secretsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToSecretsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/config/secrets/secrets-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/config/secrets/secrets-route.injectable.ts
new file mode 100644
index 0000000000..079ddcbf83
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/config/secrets/secrets-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const secretsRouteInjectable = getInjectable({
+  id: "secrets-route",
+
+  instantiate: (di) => ({
+    path: "/secrets",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "secrets",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default secretsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/crd-list/crd-list-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/crd-list/crd-list-route.injectable.ts
new file mode 100644
index 0000000000..854b3a8c3a
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/crd-list/crd-list-route.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 { computed } from "mobx";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const crdListRouteInjectable = getInjectable({
+  id: "crd-list-route",
+
+  instantiate: () => ({
+    path: "/crd/definitions",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default crdListRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/crd-list/navigate-to-crd-list.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/crd-list/navigate-to-crd-list.injectable.ts
new file mode 100644
index 0000000000..bd78dd1174
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/crd-list/navigate-to-crd-list.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 crdListRouteInjectable from "./crd-list-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToCrdListInjectable = getInjectable({
+  id: "navigate-to-crd-list",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(crdListRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToCrdListInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/custom-resources/custom-resources-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/custom-resources/custom-resources-route.injectable.ts
new file mode 100644
index 0000000000..cc7d9b40be
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/custom-resources/custom-resources-route.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 { computed } from "mobx";
+import type { Route } from "../../../../front-end-route-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+export interface CustomResourcesPathParameters {
+  group?: string;
+  name?: string;
+}
+
+const customResourcesRouteInjectable = getInjectable({
+  id: "custom-resources-route",
+
+  instantiate: (): Route<CustomResourcesPathParameters> => ({
+    path: "/crd/:group?/:name?",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default customResourcesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/custom-resources/navigate-to-custom-resources.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/custom-resources/navigate-to-custom-resources.injectable.ts
new file mode 100644
index 0000000000..9df8cd6e2c
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/custom-resources/custom-resources/navigate-to-custom-resources.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 { CustomResourcesPathParameters } from "./custom-resources-route.injectable";
+import customResourcesRouteInjectable from "./custom-resources-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToCustomResourcesInjectable = getInjectable({
+  id: "navigate-to-custom-resources",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(customResourcesRouteInjectable);
+
+    return (parameters?: CustomResourcesPathParameters) =>
+      navigateToRoute(route, { parameters });
+  },
+});
+
+export default navigateToCustomResourcesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/events/events-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/events/events-route.injectable.ts
new file mode 100644
index 0000000000..b3df358ad8
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/events/events-route.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 { shouldShowResourceInjectionToken } from "../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../front-end-route-injection-token";
+
+const eventsRouteInjectable = getInjectable({
+  id: "events-route",
+
+  instantiate: (di) => ({
+    path: "/events",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "events",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default eventsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/events/navigate-to-events.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/events/navigate-to-events.injectable.ts
new file mode 100644
index 0000000000..767f69b497
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/events/navigate-to-events.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 eventsRouteInjectable from "./events-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../navigate-to-route-injection-token";
+
+const navigateToEventsInjectable = getInjectable({
+  id: "navigate-to-events",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(eventsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToEventsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/helm/charts/helm-charts-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/helm/charts/helm-charts-route.injectable.ts
new file mode 100644
index 0000000000..02161b082a
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/helm/charts/helm-charts-route.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 { computed } from "mobx";
+import type { Route } from "../../../../front-end-route-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+export interface HelmChartsPathParameters {
+  repo?: string;
+  chartName?: string;
+}
+
+const helmChartsRouteInjectable = getInjectable({
+  id: "helm-charts-route",
+
+  instantiate: (): Route<HelmChartsPathParameters> => ({
+    path: "/helm/charts/:repo?/:chartName?",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default helmChartsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable.ts
new file mode 100644
index 0000000000..37ab96cc2c
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.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 type { HelmChartsPathParameters } from "./helm-charts-route.injectable";
+import helmChartsRouteInjectable from "./helm-charts-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+export type NavigateToHelmCharts = (parameters?: HelmChartsPathParameters) => void;
+
+const navigateToHelmChartsInjectable = getInjectable({
+  id: "navigate-to-helm-charts",
+
+  instantiate: (di): NavigateToHelmCharts => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(helmChartsRouteInjectable);
+
+    return (parameters) =>
+      navigateToRoute(route, {
+        parameters,
+      });
+  },
+});
+
+export default navigateToHelmChartsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/helm/releases/helm-releases-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/helm/releases/helm-releases-route.injectable.ts
new file mode 100644
index 0000000000..fb66416c63
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/helm/releases/helm-releases-route.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 { computed } from "mobx";
+import type { Route } from "../../../../front-end-route-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+export interface HelmReleasesPathParameters {
+  namespace?: string;
+  name?: string;
+}
+
+const helmReleasesRouteInjectable = getInjectable({
+  id: "helm-releases-route",
+
+  instantiate: (): Route<HelmReleasesPathParameters> => ({
+    path: "/helm/releases/:namespace?/:name?",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default helmReleasesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable.ts
new file mode 100644
index 0000000000..3d9aebddf5
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.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 type { HelmReleasesPathParameters } from "./helm-releases-route.injectable";
+import helmReleasesRouteInjectable from "./helm-releases-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+export type NavigateToHelmReleases = (parameters?: HelmReleasesPathParameters) => void;
+
+const navigateToHelmReleasesInjectable = getInjectable({
+  id: "navigate-to-helm-releases",
+
+  instantiate: (di): NavigateToHelmReleases => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(helmReleasesRouteInjectable);
+
+    return (parameters) => navigateToRoute(route, { parameters });
+  },
+});
+
+export default navigateToHelmReleasesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/namespaces/namespaces-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/namespaces/namespaces-route.injectable.ts
new file mode 100644
index 0000000000..2aa6c23efe
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/namespaces/namespaces-route.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 { shouldShowResourceInjectionToken } from "../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../front-end-route-injection-token";
+
+const namespacesRouteInjectable = getInjectable({
+  id: "namespaces-route",
+
+  instantiate: (di) => ({
+    path: "/namespaces",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "namespaces",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default namespacesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/namespaces/navigate-to-namespaces.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/namespaces/navigate-to-namespaces.injectable.ts
new file mode 100644
index 0000000000..85fa63c695
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/namespaces/navigate-to-namespaces.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 namespacesRouteInjectable from "./namespaces-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../navigate-to-route-injection-token";
+
+const navigateToNamespacesInjectable = getInjectable({
+  id: "navigate-to-namespaces",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(namespacesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToNamespacesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/endpoints/endpoints-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/endpoints/endpoints-route.injectable.ts
new file mode 100644
index 0000000000..c88ec04714
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/endpoints/endpoints-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const endpointsRouteInjectable = getInjectable({
+  id: "endpoints-route",
+
+  instantiate: (di) => ({
+    path: "/endpoints",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "endpoints",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default endpointsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/endpoints/navigate-to-endpoints.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/endpoints/navigate-to-endpoints.injectable.ts
new file mode 100644
index 0000000000..04439b3d3b
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/endpoints/navigate-to-endpoints.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 endpointsRouteInjectable from "./endpoints-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToEndpointsInjectable = getInjectable({
+  id: "navigate-to-endpoints",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(endpointsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToEndpointsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/ingress-class/ingress-classeses-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/ingress-class/ingress-classeses-route.injectable.ts
new file mode 100644
index 0000000000..e036d4b6a6
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/ingress-class/ingress-classeses-route.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 { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+import {
+  shouldShowResourceInjectionToken,
+} from "../../../../../cluster-store/allowed-resources-injection-token";
+
+const ingressClassesesRouteInjectable = getInjectable({
+  id: "ingress-classes-route",
+
+  instantiate: (di) => {
+    const isEnabled = di.inject(shouldShowResourceInjectionToken, {
+      apiName: "ingressclasses",
+      group: "networking.k8s.io",
+    });
+
+    return {
+      path: "/ingress-classes",
+      clusterFrame: true,
+      isEnabled,
+    };
+  },
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default ingressClassesesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/ingress-class/navigate-to-ingress-classes.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/ingress-class/navigate-to-ingress-classes.injectable.ts
new file mode 100644
index 0000000000..22c666d5ae
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/ingress-class/navigate-to-ingress-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 { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+import ingressClassesesRouteInjectable from "./ingress-classeses-route.injectable";
+
+const navigateToIngressesInjectable = getInjectable({
+  id: "navigate-to-ingress-classes",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(ingressClassesesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToIngressesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/ingresses/ingresses-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/ingresses/ingresses-route.injectable.ts
new file mode 100644
index 0000000000..8e01646b82
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/ingresses/ingresses-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { computedOr } from "../../../../../utils/computed-or";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const ingressesRouteInjectable = getInjectable({
+  id: "ingresses-route",
+
+  instantiate: (di) => ({
+    path: "/ingresses",
+    clusterFrame: true,
+    isEnabled: computedOr(
+      di.inject(shouldShowResourceInjectionToken, {
+        apiName: "ingresses",
+        group: "networking.k8s.io",
+      }),
+      di.inject(shouldShowResourceInjectionToken, {
+        apiName: "ingresses",
+        group: "extensions",
+      }),
+    ),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default ingressesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/ingresses/navigate-to-ingresses.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/ingresses/navigate-to-ingresses.injectable.ts
new file mode 100644
index 0000000000..b47f9d4be3
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/ingresses/navigate-to-ingresses.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 ingressesRouteInjectable from "./ingresses-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToIngressesInjectable = getInjectable({
+  id: "navigate-to-ingresses",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(ingressesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToIngressesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/network-policies/navigate-to-network-policies.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/network-policies/navigate-to-network-policies.injectable.ts
new file mode 100644
index 0000000000..82bc76ee9f
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/network-policies/navigate-to-network-policies.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 networkPoliciesRouteInjectable from "./network-policies-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToNetworkPoliciesInjectable = getInjectable({
+  id: "navigate-to-network-policies",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(networkPoliciesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToNetworkPoliciesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/network-policies/network-policies-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/network-policies/network-policies-route.injectable.ts
new file mode 100644
index 0000000000..38a1b8a7e2
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/network-policies/network-policies-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const networkPoliciesRouteInjectable = getInjectable({
+  id: "network-policies-route",
+
+  instantiate: (di) => ({
+    path: "/network-policies",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "networkpolicies",
+      group: "networking.k8s.io",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default networkPoliciesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/navigate-to-port-forwards.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/navigate-to-port-forwards.injectable.ts
new file mode 100644
index 0000000000..9a03eeda47
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/navigate-to-port-forwards.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 { PortForwardsPathParameters } from "./port-forwards-route.injectable";
+import portForwardsRouteInjectable from "./port-forwards-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+export type NavigateToPortForwards = (parameters?: PortForwardsPathParameters) => void;
+
+const navigateToPortForwardsInjectable = getInjectable({
+  id: "navigate-to-port-forwards",
+
+  instantiate: (di): NavigateToPortForwards => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(portForwardsRouteInjectable);
+
+    return (parameters) =>
+      navigateToRoute(route, { parameters });
+  },
+});
+
+export default navigateToPortForwardsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.injectable.ts
new file mode 100644
index 0000000000..0c8cd5ef2d
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.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 type { Route } from "../../../../front-end-route-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+export interface PortForwardsPathParameters {
+  forwardport?: string;
+}
+
+const portForwardsRouteInjectable = getInjectable({
+  id: "port-forwards-route",
+
+  instantiate: (): Route<PortForwardsPathParameters> => ({
+    path: "/port-forwards/:forwardport?",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default portForwardsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/services/navigate-to-services.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/services/navigate-to-services.injectable.ts
new file mode 100644
index 0000000000..02aa060b89
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/services/navigate-to-services.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 servicesRouteInjectable from "./services-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToServicesInjectable = getInjectable({
+  id: "navigate-to-services",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(servicesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToServicesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/services/services-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/services/services-route.injectable.ts
new file mode 100644
index 0000000000..53300ee241
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/services/services-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const servicesRouteInjectable = getInjectable({
+  id: "services-route",
+
+  instantiate: (di) => ({
+    path: "/services",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "services",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default servicesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/nodes/navigate-to-nodes.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/nodes/navigate-to-nodes.injectable.ts
new file mode 100644
index 0000000000..eccdd2377d
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/nodes/navigate-to-nodes.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 nodesRouteInjectable from "./nodes-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../navigate-to-route-injection-token";
+
+const navigateToNodesInjectable = getInjectable({
+  id: "navigate-to-nodes",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(nodesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToNodesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/nodes/nodes-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/nodes/nodes-route.injectable.ts
new file mode 100644
index 0000000000..81323843d5
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/nodes/nodes-route.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 { shouldShowResourceInjectionToken } from "../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../front-end-route-injection-token";
+
+const nodesRouteInjectable = getInjectable({
+  id: "nodes-route",
+
+  instantiate: (di) => ({
+    path: "/nodes",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "nodes",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default nodesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/overview/cluster-overview-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/overview/cluster-overview-route.injectable.ts
new file mode 100644
index 0000000000..8315fd7773
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/overview/cluster-overview-route.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 { shouldShowResourceInjectionToken } from "../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../front-end-route-injection-token";
+
+const clusterOverviewRouteInjectable = getInjectable({
+  id: "cluster-overview-route",
+
+  instantiate: (di) => ({
+    path: "/overview",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "nodes",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default clusterOverviewRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/overview/navigate-to-cluster-overview.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/overview/navigate-to-cluster-overview.injectable.ts
new file mode 100644
index 0000000000..f15dca518c
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/overview/navigate-to-cluster-overview.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 clusterOverviewRouteInjectable from "./cluster-overview-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../navigate-to-route-injection-token";
+
+const navigateToClusterOverviewInjectable = getInjectable({
+  id: "navigate-to-cluster-overview",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(clusterOverviewRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToClusterOverviewInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volume-claims/navigate-to-persistent-volume-claims.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volume-claims/navigate-to-persistent-volume-claims.injectable.ts
new file mode 100644
index 0000000000..015ad6e988
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volume-claims/navigate-to-persistent-volume-claims.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 persistentVolumeClaimsRouteInjectable from "./persistent-volume-claims-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToPersistentVolumeClaimsInjectable = getInjectable({
+  id: "navigate-to-persistent-volume-claims",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(persistentVolumeClaimsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToPersistentVolumeClaimsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volume-claims/persistent-volume-claims-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volume-claims/persistent-volume-claims-route.injectable.ts
new file mode 100644
index 0000000000..1b96933136
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volume-claims/persistent-volume-claims-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const persistentVolumeClaimsRouteInjectable = getInjectable({
+  id: "persistent-volume-claims-route",
+
+  instantiate: (di) => ({
+    path: "/persistent-volume-claims",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "persistentvolumeclaims",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default persistentVolumeClaimsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volumes/navigate-to-persistent-volumes.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volumes/navigate-to-persistent-volumes.injectable.ts
new file mode 100644
index 0000000000..6702dd6712
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volumes/navigate-to-persistent-volumes.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 persistentVolumesRouteInjectable from "./persistent-volumes-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToPersistentVolumesInjectable = getInjectable({
+  id: "navigate-to-persistent-volumes",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(persistentVolumesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToPersistentVolumesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volumes/persistent-volumes-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volumes/persistent-volumes-route.injectable.ts
new file mode 100644
index 0000000000..52f95b32c6
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/storage/persistent-volumes/persistent-volumes-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const persistentVolumesRouteInjectable = getInjectable({
+  id: "persistent-volumes-route",
+
+  instantiate: (di) => ({
+    path: "/persistent-volumes",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "persistentvolumes",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default persistentVolumesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/storage/storage-classes/navigate-to-storage-classes.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/storage/storage-classes/navigate-to-storage-classes.injectable.ts
new file mode 100644
index 0000000000..adaba3225b
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/storage/storage-classes/navigate-to-storage-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 storageClassesRouteInjectable from "./storage-classes-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToStorageClassesInjectable = getInjectable({
+  id: "navigate-to-storage-classes",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(storageClassesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToStorageClassesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/storage/storage-classes/storage-classes-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/storage/storage-classes/storage-classes-route.injectable.ts
new file mode 100644
index 0000000000..8702ab1602
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/storage/storage-classes/storage-classes-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const storageClassesRouteInjectable = getInjectable({
+  id: "storage-classes-route",
+
+  instantiate: (di) => ({
+    path: "/storage-classes",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "storageclasses",
+      group: "storage.k8s.io",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default storageClassesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-role-bindings/cluster-role-bindings-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-role-bindings/cluster-role-bindings-route.injectable.ts
new file mode 100644
index 0000000000..0903d5fced
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-role-bindings/cluster-role-bindings-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const clusterRoleBindingsRouteInjectable = getInjectable({
+  id: "cluster-role-bindings-route",
+
+  instantiate: (di) => ({
+    path: "/cluster-role-bindings",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "clusterrolebindings",
+      group: "rbac.authorization.k8s.io",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default clusterRoleBindingsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-role-bindings/navigate-to-cluster-role-bindings.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-role-bindings/navigate-to-cluster-role-bindings.injectable.ts
new file mode 100644
index 0000000000..f6bd0bfd97
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-role-bindings/navigate-to-cluster-role-bindings.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 clusterRoleBindingsRouteInjectable from "./cluster-role-bindings-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToClusterRoleBindingsInjectable = getInjectable({
+  id: "navigate-to-cluster-role-bindings",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(clusterRoleBindingsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToClusterRoleBindingsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-roles/cluster-roles-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-roles/cluster-roles-route.injectable.ts
new file mode 100644
index 0000000000..9fce206667
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-roles/cluster-roles-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const clusterRolesRouteInjectable = getInjectable({
+  id: "cluster-roles-route",
+
+  instantiate: (di) => ({
+    path: "/cluster-roles",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "clusterroles",
+      group: "rbac.authorization.k8s.io",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default clusterRolesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-roles/navigate-to-cluster-roles.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-roles/navigate-to-cluster-roles.injectable.ts
new file mode 100644
index 0000000000..ed56679155
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/cluster-roles/navigate-to-cluster-roles.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 clusterRolesRouteInjectable from "./cluster-roles-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToClusterRolesInjectable = getInjectable({
+  id: "navigate-to-cluster-roles",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(clusterRolesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToClusterRolesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/pod-security-policies/navigate-to-pod-security-policies.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/pod-security-policies/navigate-to-pod-security-policies.injectable.ts
new file mode 100644
index 0000000000..205354ba3b
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/pod-security-policies/navigate-to-pod-security-policies.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 podSecurityPoliciesRouteInjectable from "./pod-security-policies-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToPodSecurityPoliciesInjectable = getInjectable({
+  id: "navigate-to-pod-security-policies",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(podSecurityPoliciesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToPodSecurityPoliciesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/pod-security-policies/pod-security-policies-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/pod-security-policies/pod-security-policies-route.injectable.ts
new file mode 100644
index 0000000000..2f35986916
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/pod-security-policies/pod-security-policies-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const podSecurityPoliciesRouteInjectable = getInjectable({
+  id: "pod-security-policies-route",
+
+  instantiate: (di) => {
+    return {
+      path: "/pod-security-policies",
+      clusterFrame: true,
+      isEnabled: di.inject(shouldShowResourceInjectionToken, {
+        apiName: "podsecuritypolicies",
+        group: "policy",
+      }),
+    };
+  },
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default podSecurityPoliciesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/role-bindings/navigate-to-role-bindings.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/role-bindings/navigate-to-role-bindings.injectable.ts
new file mode 100644
index 0000000000..ce5bb3713b
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/role-bindings/navigate-to-role-bindings.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 roleBindingsRouteInjectable from "./role-bindings-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToRoleBindingsInjectable = getInjectable({
+  id: "navigate-to-role-bindings",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(roleBindingsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToRoleBindingsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/role-bindings/role-bindings-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/role-bindings/role-bindings-route.injectable.ts
new file mode 100644
index 0000000000..759c1b8eda
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/role-bindings/role-bindings-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const roleBindingsRouteInjectable = getInjectable({
+  id: "role-bindings-route",
+
+  instantiate: (di) => {
+    return {
+      path: "/role-bindings",
+      clusterFrame: true,
+      isEnabled: di.inject(shouldShowResourceInjectionToken, {
+        apiName: "rolebindings",
+        group: "rbac.authorization.k8s.io",
+      }),
+    };
+  },
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default roleBindingsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/roles/navigate-to-roles.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/roles/navigate-to-roles.injectable.ts
new file mode 100644
index 0000000000..adebb64ae1
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/roles/navigate-to-roles.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 rolesRouteInjectable from "./roles-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToRolesInjectable = getInjectable({
+  id: "navigate-to-roles",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(rolesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToRolesInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/roles/roles-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/roles/roles-route.injectable.ts
new file mode 100644
index 0000000000..efe4cad810
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/roles/roles-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const rolesRouteInjectable = getInjectable({
+  id: "roles-route",
+
+  instantiate: (di) => ({
+    path: "/roles",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "roles",
+      group: "rbac.authorization.k8s.io",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default rolesRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/service-accounts/navigate-to-service-accounts.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/service-accounts/navigate-to-service-accounts.injectable.ts
new file mode 100644
index 0000000000..5eb1861a92
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/service-accounts/navigate-to-service-accounts.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 serviceAccountsRouteInjectable from "./service-accounts-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToServiceAccountsInjectable = getInjectable({
+  id: "navigate-to-service-accounts",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(serviceAccountsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToServiceAccountsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/user-management/service-accounts/service-accounts-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/user-management/service-accounts/service-accounts-route.injectable.ts
new file mode 100644
index 0000000000..3bf6c1ec00
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/user-management/service-accounts/service-accounts-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const serviceAccountsRouteInjectable = getInjectable({
+  id: "service-accounts-route",
+
+  instantiate: (di) => ({
+    path: "/service-accounts",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "serviceaccounts",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default serviceAccountsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/cron-jobs/cron-jobs-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/cron-jobs/cron-jobs-route.injectable.ts
new file mode 100644
index 0000000000..33453a2247
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/cron-jobs/cron-jobs-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const cronJobsRouteInjectable = getInjectable({
+  id: "cron-jobs-route",
+
+  instantiate: (di) => ({
+    path: "/cronjobs",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "cronjobs",
+      group: "batch",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default cronJobsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/cron-jobs/navigate-to-cron-jobs.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/cron-jobs/navigate-to-cron-jobs.injectable.ts
new file mode 100644
index 0000000000..42b104055e
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/cron-jobs/navigate-to-cron-jobs.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 cronJobsRouteInjectable from "./cron-jobs-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToCronJobsInjectable = getInjectable({
+  id: "navigate-to-cron-jobs",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(cronJobsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToCronJobsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/daemonsets/daemonsets-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/daemonsets/daemonsets-route.injectable.ts
new file mode 100644
index 0000000000..f1ec2008fa
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/daemonsets/daemonsets-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const daemonsetsRouteInjectable = getInjectable({
+  id: "daemonsets-route",
+
+  instantiate: (di) => ({
+    path: "/daemonsets",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "daemonsets",
+      group: "apps",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default daemonsetsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/daemonsets/navigate-to-daemonsets.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/daemonsets/navigate-to-daemonsets.injectable.ts
new file mode 100644
index 0000000000..1cc5ec8d8d
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/daemonsets/navigate-to-daemonsets.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 daemonsetsRouteInjectable from "./daemonsets-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToDaemonsetsInjectable = getInjectable({
+  id: "navigate-to-daemonsets",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(daemonsetsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToDaemonsetsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/deployments/deployments-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/deployments/deployments-route.injectable.ts
new file mode 100644
index 0000000000..84c059780f
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/deployments/deployments-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const deploymentsRouteInjectable = getInjectable({
+  id: "deployments-route",
+
+  instantiate: (di) => ({
+    path: "/deployments",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "deployments",
+      group: "apps",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default deploymentsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.injectable.ts
new file mode 100644
index 0000000000..b6d2f07391
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.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 deploymentsRouteInjectable from "./deployments-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToDeploymentsInjectable = getInjectable({
+  id: "navigate-to-deployments",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(deploymentsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToDeploymentsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/jobs/jobs-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/jobs/jobs-route.injectable.ts
new file mode 100644
index 0000000000..39cc89e88f
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/jobs/jobs-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const jobsRouteInjectable = getInjectable({
+  id: "jobs-route",
+
+  instantiate: (di) => ({
+    path: "/jobs",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "jobs",
+      group: "batch",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default jobsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/jobs/navigate-to-jobs.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/jobs/navigate-to-jobs.injectable.ts
new file mode 100644
index 0000000000..920c5c4de7
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/jobs/navigate-to-jobs.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 jobsRouteInjectable from "./jobs-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToJobsInjectable = getInjectable({
+  id: "navigate-to-jobs",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(jobsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToJobsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/overview/navigate-to-workloads-overview.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/overview/navigate-to-workloads-overview.injectable.ts
new file mode 100644
index 0000000000..224950206b
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/overview/navigate-to-workloads-overview.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 workloadsOverviewRouteInjectable from "./workloads-overview-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToWorkloadsOverviewInjectable = getInjectable({
+  id: "navigate-to-workloads-overview",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(workloadsOverviewRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToWorkloadsOverviewInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/overview/workloads-overview-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/overview/workloads-overview-route.injectable.ts
new file mode 100644
index 0000000000..188bd9f1de
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/overview/workloads-overview-route.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 { computed } from "mobx";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const workloadsOverviewRouteInjectable = getInjectable({
+  id: "workloads-overview-route",
+
+  instantiate: () => ({
+    path: "/workloads",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default workloadsOverviewRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/pods/navigate-to-pods.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/pods/navigate-to-pods.injectable.ts
new file mode 100644
index 0000000000..4eab211598
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/pods/navigate-to-pods.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 podsRouteInjectable from "./pods-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToPodsInjectable = getInjectable({
+  id: "navigate-to-pods",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(podsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToPodsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/pods/pods-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/pods/pods-route.injectable.ts
new file mode 100644
index 0000000000..577f1c1a91
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/pods/pods-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const podsRouteInjectable = getInjectable({
+  id: "pods-route",
+
+  instantiate: (di) => ({
+    path: "/pods",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "pods",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default podsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/replicasets/navigate-to-replicasets.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/replicasets/navigate-to-replicasets.injectable.ts
new file mode 100644
index 0000000000..9549abab09
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/replicasets/navigate-to-replicasets.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 replicasetsRouteInjectable from "./replicasets-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToReplicasetsInjectable = getInjectable({
+  id: "navigate-to-replicasets",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(replicasetsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToReplicasetsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/replicasets/replicasets-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/replicasets/replicasets-route.injectable.ts
new file mode 100644
index 0000000000..b790ce13ec
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/replicasets/replicasets-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const replicasetsRouteInjectable = getInjectable({
+  id: "replicasets-route",
+
+  instantiate: (di) => ({
+    path: "/replicasets",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "replicasets",
+      group: "apps",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default replicasetsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/statefulsets/navigate-to-statefulsets.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/statefulsets/navigate-to-statefulsets.injectable.ts
new file mode 100644
index 0000000000..403c7fa042
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/statefulsets/navigate-to-statefulsets.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 statefulsetsRouteInjectable from "./statefulsets-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToStatefulsetsInjectable = getInjectable({
+  id: "navigate-to-statefulsets",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(statefulsetsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToStatefulsetsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/cluster/workloads/statefulsets/statefulsets-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/workloads/statefulsets/statefulsets-route.injectable.ts
new file mode 100644
index 0000000000..72c81b3bee
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/cluster/workloads/statefulsets/statefulsets-route.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 { shouldShowResourceInjectionToken } from "../../../../../cluster-store/allowed-resources-injection-token";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const statefulsetsRouteInjectable = getInjectable({
+  id: "statefulsets-route",
+
+  instantiate: (di) => ({
+    path: "/statefulsets",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "statefulsets",
+      group: "apps",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default statefulsetsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/entity-settings/entity-settings-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/entity-settings/entity-settings-route.injectable.ts
new file mode 100644
index 0000000000..e7d3ac5f46
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/entity-settings/entity-settings-route.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 type { Route } from "../../front-end-route-injection-token";
+import { frontEndRouteInjectionToken } from "../../front-end-route-injection-token";
+
+export interface EntitySettingsPathParameters {
+  entityId: string;
+}
+
+const entitySettingsRouteInjectable = getInjectable({
+  id: "entity-settings-route",
+
+  instantiate: (): Route<EntitySettingsPathParameters> => ({
+    path: "/entity/:entityId/settings",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default entitySettingsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable.ts b/packages/core/src/common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable.ts
new file mode 100644
index 0000000000..bc49bc4041
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.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 entitySettingsRouteInjectable from "./entity-settings-route.injectable";
+import { navigateToRouteInjectionToken } from "../../navigate-to-route-injection-token";
+
+export type NavigateToEntitySettings = (entityId: string, targetTabId?: string) => void;
+
+const navigateToEntitySettingsInjectable = getInjectable({
+  id: "navigate-to-entity-settings",
+
+  instantiate: (di): NavigateToEntitySettings => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(entitySettingsRouteInjectable);
+
+    return (entityId, targetTabId) =>
+      navigateToRoute(route, { parameters: { entityId }, fragment: targetTabId });
+  },
+});
+
+export default navigateToEntitySettingsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/extensions/extensions-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/extensions/extensions-route.injectable.ts
new file mode 100644
index 0000000000..5992355022
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/extensions/extensions-route.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 { computed } from "mobx";
+import { frontEndRouteInjectionToken } from "../../front-end-route-injection-token";
+
+const extensionsRouteInjectable = getInjectable({
+  id: "extensions-route",
+
+  instantiate: () => ({
+    path: "/extensions",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default extensionsRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/extensions/navigate-to-extensions.injectable.ts b/packages/core/src/common/front-end-routing/routes/extensions/navigate-to-extensions.injectable.ts
new file mode 100644
index 0000000000..2e4e6d7d4c
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/extensions/navigate-to-extensions.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 extensionsRouteInjectable from "./extensions-route.injectable";
+import { navigateToRouteInjectionToken } from "../../navigate-to-route-injection-token";
+
+const navigateToExtensionsInjectable = getInjectable({
+  id: "navigate-to-extensions",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(extensionsRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToExtensionsInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/welcome/default-welcome-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/welcome/default-welcome-route.injectable.ts
new file mode 100644
index 0000000000..d8db889033
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/welcome/default-welcome-route.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 welcomeRouteConfigInjectable from "./welcome-route-config.injectable";
+import { frontEndRouteInjectionToken } from "../../front-end-route-injection-token";
+
+const defaultWelcomeRouteInjectable = getInjectable({
+  id: "default-welcome-route",
+
+  instantiate: (di) => {
+    const welcomeRoute = di.inject(welcomeRouteConfigInjectable);
+
+    return {
+      path: "/welcome",
+      clusterFrame: false,
+      isEnabled: computed(() => welcomeRoute === "/welcome"),
+    };
+  },
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default defaultWelcomeRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/welcome/navigate-to-welcome.injectable.ts b/packages/core/src/common/front-end-routing/routes/welcome/navigate-to-welcome.injectable.ts
new file mode 100644
index 0000000000..46f5b42056
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/welcome/navigate-to-welcome.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 welcomeRouteInjectable from "./welcome-route.injectable";
+import { navigateToRouteInjectionToken } from "../../navigate-to-route-injection-token";
+
+const navigateToWelcomeInjectable = getInjectable({
+  id: "navigate-to-welcome",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(welcomeRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToWelcomeInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/welcome/welcome-route-config.injectable.ts b/packages/core/src/common/front-end-routing/routes/welcome/welcome-route-config.injectable.ts
new file mode 100644
index 0000000000..d46b816c50
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/welcome/welcome-route-config.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 applicationInformationToken from "../../../vars/application-information-token";
+
+const welcomeRouteConfigInjectable = getInjectable({
+  id: "welcome-route-config",
+
+  instantiate: (di) => di.inject(applicationInformationToken).config.welcomeRoute,
+});
+
+export default welcomeRouteConfigInjectable;
diff --git a/packages/core/src/common/front-end-routing/routes/welcome/welcome-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/welcome/welcome-route.injectable.ts
new file mode 100644
index 0000000000..839a7446c1
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/routes/welcome/welcome-route.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 welcomeRouteConfigInjectable from "./welcome-route-config.injectable";
+import { frontEndRouteInjectionToken } from "../../front-end-route-injection-token";
+
+const welcomeRouteInjectable = getInjectable({
+  id: "welcome-route",
+
+  instantiate: (di) => {
+    const welcomeRoute = di.inject(welcomeRouteConfigInjectable);
+
+    return {
+      path: welcomeRoute,
+      clusterFrame: false,
+      isEnabled: computed(() => true),
+    };
+  },
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default welcomeRouteInjectable;
diff --git a/packages/core/src/common/front-end-routing/verify-that-all-routes-have-route-component.test.ts b/packages/core/src/common/front-end-routing/verify-that-all-routes-have-route-component.test.ts
new file mode 100644
index 0000000000..acd1d4401d
--- /dev/null
+++ b/packages/core/src/common/front-end-routing/verify-that-all-routes-have-route-component.test.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 { getDiForUnitTesting } from "../../renderer/getDiForUnitTesting";
+import { routeSpecificComponentInjectionToken } from "../../renderer/routes/route-specific-component-injection-token";
+import { frontEndRouteInjectionToken } from "./front-end-route-injection-token";
+import { filter, map } from "lodash/fp";
+import clusterStoreInjectable from "../cluster-store/cluster-store.injectable";
+import type { ClusterStore } from "../cluster-store/cluster-store";
+import { pipeline } from "@ogre-tools/fp";
+
+describe("verify-that-all-routes-have-component", () => {
+  it("verify that routes have route component", () => {
+    const rendererDi = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    rendererDi.override(clusterStoreInjectable, () => ({
+      getById: () => null,
+    } as unknown as ClusterStore));
+
+    const routes = rendererDi.injectMany(frontEndRouteInjectionToken);
+    const routeComponents = rendererDi.injectMany(
+      routeSpecificComponentInjectionToken,
+    );
+
+    const routesMissingComponent = pipeline(
+      routes,
+
+      map(
+        (currentRoute) => ({
+          path: currentRoute.path,
+          routeComponent: routeComponents.find(({ route }) => (
+            route.path === currentRoute.path
+            && route.clusterFrame === currentRoute.clusterFrame)),
+        }),
+      ),
+
+      filter({ routeComponent: undefined }),
+
+      map("path"),
+    );
+
+    expect(routesMissingComponent).toEqual([]);
+  });
+});
diff --git a/packages/core/src/common/fs/access-path.injectable.ts b/packages/core/src/common/fs/access-path.injectable.ts
new file mode 100644
index 0000000000..0504de9d6f
--- /dev/null
+++ b/packages/core/src/common/fs/access-path.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 fsInjectable from "./fs.injectable";
+
+export type AccessPath = (path: string, mode?: number) => Promise<boolean>;
+
+const accessPathInjectable = getInjectable({
+  id: "access-path",
+  instantiate: (di): AccessPath => {
+    const { access } = di.inject(fsInjectable);
+
+    return async (path, mode) => {
+      try {
+        await access(path, mode);
+
+        return true;
+      } catch {
+        return false;
+      }
+    };
+  },
+});
+
+export default accessPathInjectable;
diff --git a/packages/core/src/common/fs/copy.global-override-for-injectable.ts b/packages/core/src/common/fs/copy.global-override-for-injectable.ts
new file mode 100644
index 0000000000..b6d899d2c4
--- /dev/null
+++ b/packages/core/src/common/fs/copy.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 "../test-utils/get-global-override";
+import copyInjectable from "./copy.injectable";
+
+export default getGlobalOverride(copyInjectable, () => async () => {
+  throw new Error("tried to copy filepaths without override");
+});
diff --git a/packages/core/src/common/fs/copy.injectable.ts b/packages/core/src/common/fs/copy.injectable.ts
new file mode 100644
index 0000000000..6a64ee3751
--- /dev/null
+++ b/packages/core/src/common/fs/copy.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 type { CopyOptions } from "fs-extra";
+import fsInjectable from "./fs.injectable";
+
+export type Copy = (src: string, dest: string, options?: CopyOptions | undefined) => Promise<void>;
+
+const copyInjectable = getInjectable({
+  id: "copy",
+  instantiate: (di): Copy => di.inject(fsInjectable).copy,
+});
+
+export default copyInjectable;
diff --git a/packages/core/src/common/fs/create-read-file-stream.injectable.ts b/packages/core/src/common/fs/create-read-file-stream.injectable.ts
new file mode 100644
index 0000000000..8714e1cdcd
--- /dev/null
+++ b/packages/core/src/common/fs/create-read-file-stream.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 type { ReadStream } from "fs";
+import fsInjectable from "./fs.injectable";
+
+export interface CreateReadStreamOptions {
+  mode?: number;
+  end?: number | undefined;
+  flags?: string | undefined;
+  encoding?: BufferEncoding | undefined;
+  autoClose?: boolean | undefined;
+  /**
+   * @default false
+   */
+  emitClose?: boolean | undefined;
+  start?: number | undefined;
+  highWaterMark?: number | undefined;
+}
+
+export type CreateReadFileStream = (filePath: string, options?: CreateReadStreamOptions) => ReadStream;
+
+const createReadFileStreamInjectable = getInjectable({
+  id: "create-read-file-stream",
+  instantiate: (di): CreateReadFileStream => di.inject(fsInjectable).createReadStream,
+});
+
+export default createReadFileStreamInjectable;
diff --git a/packages/core/src/common/fs/ensure-dir.injectable.ts b/packages/core/src/common/fs/ensure-dir.injectable.ts
new file mode 100644
index 0000000000..78ec4d91dc
--- /dev/null
+++ b/packages/core/src/common/fs/ensure-dir.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 fsInjectable from "./fs.injectable";
+
+export type EnsureDirectory = (dirPath: string) => Promise<void>;
+
+const ensureDirInjectable = getInjectable({
+  id: "ensure-dir",
+
+  // TODO: Remove usages of ensureDir from business logic.
+  // TODO: Read, Write, Watch etc. operations should do this internally.
+  instantiate: (di): EnsureDirectory => di.inject(fsInjectable).ensureDir,
+});
+
+export default ensureDirInjectable;
diff --git a/packages/core/src/common/fs/exec-file.global-override-for-injectable.ts b/packages/core/src/common/fs/exec-file.global-override-for-injectable.ts
new file mode 100644
index 0000000000..162666a130
--- /dev/null
+++ b/packages/core/src/common/fs/exec-file.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 { getGlobalOverrideForFunction } from "../test-utils/get-global-override-for-function";
+import execFileInjectable from "./exec-file.injectable";
+
+export default getGlobalOverrideForFunction(execFileInjectable);
diff --git a/packages/core/src/common/fs/exec-file.injectable.ts b/packages/core/src/common/fs/exec-file.injectable.ts
new file mode 100644
index 0000000000..f026e0db3a
--- /dev/null
+++ b/packages/core/src/common/fs/exec-file.injectable.ts
@@ -0,0 +1,58 @@
+/**
+ * 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 { ExecFileException, ExecFileOptions } from "child_process";
+import { execFile } from "child_process";
+import type { AsyncResult } from "../utils/async-result";
+
+export type ExecFileError = ExecFileException & { stderr: string };
+
+export interface ExecFile {
+  (filePath: string): Promise<AsyncResult<string, ExecFileError>>;
+  (filePath: string, argsOrOptions: string[] | ExecFileOptions): Promise<AsyncResult<string, ExecFileError>>;
+  (filePath: string, args: string[], options: ExecFileOptions): Promise<AsyncResult<string, ExecFileError>>;
+}
+
+const execFileInjectable = getInjectable({
+  id: "exec-file",
+
+  instantiate: (): ExecFile => {
+    return (filePath: string, argsOrOptions?: string[] | ExecFileOptions, maybeOptions?: ExecFileOptions) => {
+      const { args, options } = (() => {
+        if (Array.isArray(argsOrOptions)) {
+          return {
+            args: argsOrOptions,
+            options: maybeOptions ?? {},
+          };
+        } else {
+          return {
+            args: [],
+            options: argsOrOptions ?? {},
+          };
+        }
+      })();
+
+      return new Promise((resolve) => {
+        execFile(filePath, args, options, (error, stdout, stderr) => {
+          if (error) {
+            resolve({
+              callWasSuccessful: false,
+              error: Object.assign(error, { stderr }),
+            });
+          } else {
+            resolve({
+              callWasSuccessful: true,
+              response: stdout,
+            });
+          }
+        });
+      });
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default execFileInjectable;
diff --git a/packages/core/src/common/fs/extract-tar.global-override-for-injectable.ts b/packages/core/src/common/fs/extract-tar.global-override-for-injectable.ts
new file mode 100644
index 0000000000..02a46c1d6b
--- /dev/null
+++ b/packages/core/src/common/fs/extract-tar.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 "../test-utils/get-global-override";
+import extractTarInjectable from "./extract-tar.injectable";
+
+export default getGlobalOverride(extractTarInjectable, () => async () => {
+  throw new Error("tried to extract a tar file without override");
+});
diff --git a/packages/core/src/common/fs/extract-tar.injectable.ts b/packages/core/src/common/fs/extract-tar.injectable.ts
new file mode 100644
index 0000000000..410512139e
--- /dev/null
+++ b/packages/core/src/common/fs/extract-tar.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 type { ExtractOptions } from "tar";
+import { extract } from "tar";
+import getDirnameOfPathInjectable from "../path/get-dirname.injectable";
+
+export type ExtractTar = (filePath: string, opts?: ExtractOptions) => Promise<void>;
+
+const extractTarInjectable = getInjectable({
+  id: "extract-tar",
+  instantiate: (di): ExtractTar => {
+    const getDirnameOfPath = di.inject(getDirnameOfPathInjectable);
+
+    return (filePath, opts = {}) => extract({
+      file: filePath,
+      cwd: getDirnameOfPath(filePath),
+      ...opts,
+    });
+  },
+  causesSideEffects: true,
+});
+
+export default extractTarInjectable;
diff --git a/packages/core/src/common/fs/fs.injectable.ts b/packages/core/src/common/fs/fs.injectable.ts
new file mode 100644
index 0000000000..f80375095c
--- /dev/null
+++ b/packages/core/src/common/fs/fs.injectable.ts
@@ -0,0 +1,64 @@
+/**
+ * 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 { ReadOptions } from "fs-extra";
+import fse from "fs-extra";
+
+/**
+ * NOTE: Add corrisponding a corrisponding override of this injecable in `src/test-utils/override-fs-with-fakes.ts`
+ */
+const fsInjectable = getInjectable({
+  id: "fs",
+  instantiate: () => {
+    const {
+      promises: {
+        readFile,
+        writeFile,
+        readdir,
+        lstat,
+        rm,
+        access,
+        stat,
+      },
+      ensureDir,
+      ensureDirSync,
+      readFileSync,
+      readJson,
+      writeJson,
+      readJsonSync,
+      writeFileSync,
+      writeJsonSync,
+      pathExistsSync,
+      pathExists,
+      copy,
+      createReadStream,
+    } = fse;
+
+    return {
+      readFile,
+      readJson: readJson as (file: string, options?: ReadOptions | BufferEncoding) => Promise<any>,
+      writeFile,
+      writeJson,
+      pathExists,
+      readdir,
+      readFileSync,
+      readJsonSync,
+      writeFileSync,
+      writeJsonSync,
+      pathExistsSync,
+      lstat,
+      rm,
+      access,
+      copy: copy as (src: string, dest: string, options?: fse.CopyOptions) => Promise<void>,
+      ensureDir: ensureDir as (path: string, options?: number | fse.EnsureOptions ) => Promise<void>,
+      ensureDirSync,
+      createReadStream,
+      stat,
+    };
+  },
+  causesSideEffects: true,
+});
+
+export default fsInjectable;
diff --git a/packages/core/src/common/fs/lstat.global-override-for-injectable.ts b/packages/core/src/common/fs/lstat.global-override-for-injectable.ts
new file mode 100644
index 0000000000..9c9f3d4933
--- /dev/null
+++ b/packages/core/src/common/fs/lstat.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 "../test-utils/get-global-override";
+import lstatInjectable from "./lstat.injectable";
+
+export default getGlobalOverride(lstatInjectable, () => async () => {
+  throw new Error("tried to lstat a filepath without override");
+});
diff --git a/packages/core/src/common/fs/lstat.injectable.ts b/packages/core/src/common/fs/lstat.injectable.ts
new file mode 100644
index 0000000000..50c1d4ad12
--- /dev/null
+++ b/packages/core/src/common/fs/lstat.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 type { Stats } from "fs";
+import fsInjectable from "./fs.injectable";
+
+export type LStat = (path: string) => Promise<Stats>;
+
+const lstatInjectable = getInjectable({
+  id: "lstat",
+  instantiate: (di): LStat => di.inject(fsInjectable).lstat,
+});
+
+export default lstatInjectable;
diff --git a/packages/core/src/common/fs/path-exists-sync.injectable.ts b/packages/core/src/common/fs/path-exists-sync.injectable.ts
new file mode 100644
index 0000000000..21bcb6d7d1
--- /dev/null
+++ b/packages/core/src/common/fs/path-exists-sync.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 fsInjectable from "./fs.injectable";
+
+const pathExistsSyncInjectable = getInjectable({
+  id: "path-exists-sync",
+  instantiate: (di) => di.inject(fsInjectable).pathExistsSync,
+});
+
+export default pathExistsSyncInjectable;
diff --git a/packages/core/src/common/fs/path-exists.injectable.ts b/packages/core/src/common/fs/path-exists.injectable.ts
new file mode 100644
index 0000000000..aee6cac52b
--- /dev/null
+++ b/packages/core/src/common/fs/path-exists.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 { getInjectable } from "@ogre-tools/injectable";
+import fsInjectable from "./fs.injectable";
+
+export type PathExists = (path: string) => Promise<boolean>;
+
+const pathExistsInjectable = getInjectable({
+  id: "path-exists",
+  instantiate: (di): PathExists => di.inject(fsInjectable).pathExists,
+});
+
+export default pathExistsInjectable;
diff --git a/packages/core/src/common/fs/read-directory.global-override-for-injectable.ts b/packages/core/src/common/fs/read-directory.global-override-for-injectable.ts
new file mode 100644
index 0000000000..57c83ceffb
--- /dev/null
+++ b/packages/core/src/common/fs/read-directory.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 "../test-utils/get-global-override";
+import readDirectoryInjectable from "./read-directory.injectable";
+
+export default getGlobalOverride(readDirectoryInjectable, () => async () => {
+  throw new Error("tried to read a directory's content without override");
+});
diff --git a/packages/core/src/common/fs/read-directory.injectable.ts b/packages/core/src/common/fs/read-directory.injectable.ts
new file mode 100644
index 0000000000..8ebeebe75a
--- /dev/null
+++ b/packages/core/src/common/fs/read-directory.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 type { Dirent } from "fs";
+import fsInjectable from "./fs.injectable";
+
+export interface ReadDirectory {
+  (
+    path: string,
+    options: "buffer" | { encoding: "buffer"; withFileTypes?: false | undefined }
+  ): Promise<Buffer[]>;
+  (
+    path: string,
+    options?:
+      | { encoding: BufferEncoding; withFileTypes?: false | undefined }
+      | BufferEncoding
+  ): Promise<string[]>;
+  (
+    path: string,
+    options?: { encoding?: BufferEncoding; withFileTypes?: false | undefined },
+  ): Promise<string[] | Buffer[]>;
+  (
+    path: string,
+    options: { encoding?: BufferEncoding; withFileTypes: true },
+  ): Promise<Dirent[]>;
+}
+
+const readDirectoryInjectable = getInjectable({
+  id: "read-directory",
+  instantiate: (di): ReadDirectory => di.inject(fsInjectable).readdir,
+});
+
+export default readDirectoryInjectable;
diff --git a/packages/core/src/common/fs/read-file-buffer-sync.injectable.ts b/packages/core/src/common/fs/read-file-buffer-sync.injectable.ts
new file mode 100644
index 0000000000..98ba8e6d4b
--- /dev/null
+++ b/packages/core/src/common/fs/read-file-buffer-sync.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 fsInjectable from "./fs.injectable";
+
+export type ReadFileBufferSync = (filePath: string) => Buffer;
+
+const readFileBufferSyncInjectable = getInjectable({
+  id: "read-file-buffer-sync",
+  instantiate: (di): ReadFileBufferSync => {
+    const { readFileSync } = di.inject(fsInjectable);
+
+    return (filePath) => readFileSync(filePath);
+  },
+});
+
+export default readFileBufferSyncInjectable;
diff --git a/packages/core/src/common/fs/read-file-buffer.injectable.ts b/packages/core/src/common/fs/read-file-buffer.injectable.ts
new file mode 100644
index 0000000000..f7707dc594
--- /dev/null
+++ b/packages/core/src/common/fs/read-file-buffer.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 { getInjectable } from "@ogre-tools/injectable";
+import fsInjectable from "./fs.injectable";
+
+const readFileBufferInjectable = getInjectable({
+  id: "read-file-buffer",
+
+  instantiate: (di) => (filePath: string) =>
+    di.inject(fsInjectable).readFile(filePath),
+});
+
+export default readFileBufferInjectable;
diff --git a/packages/core/src/common/fs/read-file-sync.injectable.ts b/packages/core/src/common/fs/read-file-sync.injectable.ts
new file mode 100644
index 0000000000..cdb2e4b4d2
--- /dev/null
+++ b/packages/core/src/common/fs/read-file-sync.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 fsInjectable from "./fs.injectable";
+
+export type ReadFileSync = (filePath: string) => string;
+
+const readFileSyncInjectable = getInjectable({
+  id: "read-file-sync",
+  instantiate: (di): ReadFileSync => {
+    const { readFileSync } = di.inject(fsInjectable);
+
+    return (filePath) => readFileSync(filePath, "utf-8");
+  },
+});
+
+export default readFileSyncInjectable;
diff --git a/packages/core/src/common/fs/read-file.injectable.ts b/packages/core/src/common/fs/read-file.injectable.ts
new file mode 100644
index 0000000000..0dc539e1b1
--- /dev/null
+++ b/packages/core/src/common/fs/read-file.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 fsInjectable from "./fs.injectable";
+
+export type ReadFile = (filePath: string) => Promise<string>;
+
+const readFileInjectable = getInjectable({
+  id: "read-file",
+
+  instantiate: (di): ReadFile => {
+    const { readFile } = di.inject(fsInjectable);
+
+    return (filePath) => readFile(filePath, "utf-8");
+  },
+});
+
+export default readFileInjectable;
diff --git a/packages/core/src/common/fs/read-json-file.injectable.ts b/packages/core/src/common/fs/read-json-file.injectable.ts
new file mode 100644
index 0000000000..d270368cf9
--- /dev/null
+++ b/packages/core/src/common/fs/read-json-file.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 type { JsonValue } from "type-fest";
+import fsInjectable from "./fs.injectable";
+
+export type ReadJson = (filePath: string) => Promise<JsonValue>;
+
+const readJsonFileInjectable = getInjectable({
+  id: "read-json-file",
+  instantiate: (di): ReadJson => di.inject(fsInjectable).readJson,
+});
+
+export default readJsonFileInjectable;
diff --git a/packages/core/src/common/fs/read-json-sync.injectable.ts b/packages/core/src/common/fs/read-json-sync.injectable.ts
new file mode 100644
index 0000000000..81a9ef478f
--- /dev/null
+++ b/packages/core/src/common/fs/read-json-sync.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 fsInjectable from "./fs.injectable";
+
+const readJsonSyncInjectable = getInjectable({
+  id: "read-json-sync",
+  instantiate: (di) => di.inject(fsInjectable).readJsonSync,
+});
+
+export default readJsonSyncInjectable;
diff --git a/packages/core/src/common/fs/read-yaml-file.injectable.ts b/packages/core/src/common/fs/read-yaml-file.injectable.ts
new file mode 100644
index 0000000000..a34a69d388
--- /dev/null
+++ b/packages/core/src/common/fs/read-yaml-file.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 readFileInjectable from "./read-file.injectable";
+import yaml from "js-yaml";
+
+export type ReadYamlFile = (filePath: string) => Promise<unknown>;
+
+const readYamlFileInjectable = getInjectable({
+  id: "read-yaml-file",
+
+  instantiate: (di): ReadYamlFile => {
+    const readFile = di.inject(readFileInjectable);
+
+    return async (filePath: string) => {
+      const contents = await readFile(filePath);
+
+      return yaml.load(contents);
+    };
+  },
+});
+
+export default readYamlFileInjectable;
diff --git a/packages/core/src/common/fs/remove.global-override-for-injectable.ts b/packages/core/src/common/fs/remove.global-override-for-injectable.ts
new file mode 100644
index 0000000000..4b92353344
--- /dev/null
+++ b/packages/core/src/common/fs/remove.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 "../test-utils/get-global-override";
+import removePathInjectable from "./remove.injectable";
+
+export default getGlobalOverride(removePathInjectable, () => async () => {
+  throw new Error("tried to remove path without override");
+});
diff --git a/packages/core/src/common/fs/remove.injectable.ts b/packages/core/src/common/fs/remove.injectable.ts
new file mode 100644
index 0000000000..cf6f03987b
--- /dev/null
+++ b/packages/core/src/common/fs/remove.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 fsInjectable from "./fs.injectable";
+
+export type RemovePath = (filePath: string) => Promise<void>;
+
+const removePathInjectable = getInjectable({
+  id: "remove-path",
+  instantiate: (di): RemovePath => {
+    const { rm } = di.inject(fsInjectable);
+
+    return (filePath) => rm(filePath, { force: true, recursive: true });
+  },
+});
+
+export default removePathInjectable;
diff --git a/packages/core/src/common/fs/stat.injectable.ts b/packages/core/src/common/fs/stat.injectable.ts
new file mode 100644
index 0000000000..07f2b298b1
--- /dev/null
+++ b/packages/core/src/common/fs/stat.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 type { Stats } from "fs";
+import fsInjectable from "./fs.injectable";
+
+export type Stat = (path: string) => Promise<Stats>;
+
+const statInjectable = getInjectable({
+  id: "stat",
+  instantiate: (di): Stat => di.inject(fsInjectable).stat,
+});
+
+export default statInjectable;
diff --git a/packages/core/src/common/fs/validate-directory.injectable.ts b/packages/core/src/common/fs/validate-directory.injectable.ts
new file mode 100644
index 0000000000..efce915238
--- /dev/null
+++ b/packages/core/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.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/packages/core/src/common/fs/watch/watch.global-override-for-injectable.ts b/packages/core/src/common/fs/watch/watch.global-override-for-injectable.ts
new file mode 100644
index 0000000000..689c7150cf
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/fs/watch/watch.injectable.ts b/packages/core/src/common/fs/watch/watch.injectable.ts
new file mode 100644
index 0000000000..50f96cdf57
--- /dev/null
+++ b/packages/core/src/common/fs/watch/watch.injectable.ts
@@ -0,0 +1,164 @@
+/**
+ * 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 { watch } from "chokidar";
+import type { Stats } from "fs";
+import type TypedEventEmitter from "typed-emitter";
+import type { SingleOrMany } from "../../utils";
+
+export interface AlwaysStatWatcherEvents {
+  add: (path: string, stats: Stats) => void;
+  addDir: (path: string, stats: Stats) => void;
+  change: (path: string, stats: Stats) => void;
+}
+
+export interface MaybeStatWatcherEvents {
+  add: (path: string, stats?: Stats) => void;
+  addDir: (path: string, stats?: Stats) => void;
+  change: (path: string, stats?: Stats) => void;
+}
+
+export type WatcherEvents<AlwaysStat extends boolean> = BaseWatcherEvents
+  & (
+    AlwaysStat extends true
+      ? AlwaysStatWatcherEvents
+      : MaybeStatWatcherEvents
+  );
+
+export interface BaseWatcherEvents {
+  error: (error: Error) => void;
+  ready: () => void;
+  unlink: (path: string) => void;
+  unlinkDir: (path: string) => void;
+}
+
+export interface Watcher<AlwaysStat extends boolean> extends TypedEventEmitter<WatcherEvents<AlwaysStat>> {
+  close: () => Promise<void>;
+}
+
+export type WatcherOptions<AlwaysStat extends boolean> = {
+  /**
+   * Indicates whether the process should continue to run as long as files are being watched. If
+   * set to `false` when using `fsevents` to watch, no more events will be emitted after `ready`,
+   * even if the process continues to run.
+   */
+  persistent?: boolean;
+
+  /**
+   * ([anymatch](https://github.com/micromatch/anymatch)-compatible definition) Defines files/paths to
+   * be ignored. The whole relative or absolute path is tested, not just filename. If a function
+   * with two arguments is provided, it gets called twice per path - once with a single argument
+   * (the path), second time with two arguments (the path and the
+   * [`fs.Stats`](https://nodejs.org/api/fs.html#fs_class_fs_stats) object of that path).
+   */
+  ignored?: SingleOrMany<string | RegExp | ((path: string) => boolean)>;
+
+  /**
+   * If set to `false` then `add`/`addDir` events are also emitted for matching paths while
+   * instantiating the watching as chokidar discovers these file paths (before the `ready` event).
+   */
+  ignoreInitial?: boolean;
+
+  /**
+   * When `false`, only the symlinks themselves will be watched for changes instead of following
+   * the link references and bubbling events through the link's path.
+   */
+  followSymlinks?: boolean;
+
+  /**
+   * The base directory from which watch `paths` are to be derived. Paths emitted with events will
+   * be relative to this.
+   */
+  cwd?: string;
+
+  /**
+   *  If set to true then the strings passed to .watch() and .add() are treated as literal path
+   *  names, even if they look like globs. Default: false.
+   */
+  disableGlobbing?: boolean;
+
+  /**
+   * Whether to use fs.watchFile (backed by polling), or fs.watch. If polling leads to high CPU
+   * utilization, consider setting this to `false`. It is typically necessary to **set this to
+   * `true` to successfully watch files over a network**, and it may be necessary to successfully
+   * watch files in other non-standard situations. Setting to `true` explicitly on OS X overrides
+   * the `useFsEvents` default.
+   */
+  usePolling?: boolean;
+
+  /**
+   * Whether to use the `fsevents` watching interface if available. When set to `true` explicitly
+   * and `fsevents` is available this supercedes the `usePolling` setting. When set to `false` on
+   * OS X, `usePolling: true` becomes the default.
+   */
+  useFsEvents?: boolean;
+
+  /**
+   * If set, limits how many levels of subdirectories will be traversed.
+   */
+  depth?: number;
+
+  /**
+   * Interval of file system polling.
+   */
+  interval?: number;
+
+  /**
+   * Interval of file system polling for binary files. ([see list of binary extensions](https://gi
+   * thub.com/sindresorhus/binary-extensions/blob/master/binary-extensions.json))
+   */
+  binaryInterval?: number;
+
+  /**
+   *  Indicates whether to watch files that don't have read permissions if possible. If watching
+   *  fails due to `EPERM` or `EACCES` with this set to `true`, the errors will be suppressed
+   *  silently.
+   */
+  ignorePermissionErrors?: boolean;
+
+  /**
+   * `true` if `useFsEvents` and `usePolling` are `false`). Automatically filters out artifacts
+   * that occur when using editors that use "atomic writes" instead of writing directly to the
+   * source file. If a file is re-added within 100 ms of being deleted, Chokidar emits a `change`
+   * event rather than `unlink` then `add`. If the default of 100 ms does not work well for you,
+   * you can override it by setting `atomic` to a custom value, in milliseconds.
+   */
+  atomic?: boolean | number;
+
+  /**
+   * can be set to an object in order to adjust timing params:
+   */
+  awaitWriteFinish?: AwaitWriteFinishOptions | boolean;
+} & (AlwaysStat extends true
+  ? {
+    alwaysStat: true;
+  }
+  : {
+    alwaysStat?: false;
+  }
+);
+
+export interface AwaitWriteFinishOptions {
+  /**
+   * Amount of time in milliseconds for a file size to remain constant before emitting its event.
+   */
+  stabilityThreshold?: number;
+
+  /**
+   * File size polling interval.
+   */
+  pollInterval?: number;
+}
+
+export type Watch = <AlwaysStat extends boolean = false>(path: string, options?: WatcherOptions<AlwaysStat>) => Watcher<AlwaysStat>;
+
+// TODO: Introduce wrapper to allow simpler API
+const watchInjectable = getInjectable({
+  id: "watch",
+  instantiate: () => watch as Watch,
+  causesSideEffects: true,
+});
+
+export default watchInjectable;
diff --git a/packages/core/src/common/fs/write-buffer-sync.injectable.ts b/packages/core/src/common/fs/write-buffer-sync.injectable.ts
new file mode 100644
index 0000000000..d4d253ae66
--- /dev/null
+++ b/packages/core/src/common/fs/write-buffer-sync.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 getDirnameOfPathInjectable from "../path/get-dirname.injectable";
+import fsInjectable from "./fs.injectable";
+
+export type WriteBufferSync = (filePath: string, contents: Buffer) => void;
+
+const writeBufferSyncInjectable = getInjectable({
+  id: "write-buffer-sync",
+  instantiate: (di): WriteBufferSync => {
+    const {
+      writeFileSync,
+      ensureDirSync,
+    } = di.inject(fsInjectable);
+    const getDirnameOfPath = di.inject(getDirnameOfPathInjectable);
+
+    return (filePath, contents) => {
+      ensureDirSync(getDirnameOfPath(filePath), {
+        mode: 0o755,
+      });
+      writeFileSync(filePath, contents);
+    };
+  },
+});
+
+export default writeBufferSyncInjectable;
diff --git a/packages/core/src/common/fs/write-file-sync.injectable.ts b/packages/core/src/common/fs/write-file-sync.injectable.ts
new file mode 100644
index 0000000000..3daccaf610
--- /dev/null
+++ b/packages/core/src/common/fs/write-file-sync.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 getDirnameOfPathInjectable from "../path/get-dirname.injectable";
+import fsInjectable from "./fs.injectable";
+
+export type WriteFileSync = (filePath: string, contents: string) => void;
+
+const writeFileSyncInjectable = getInjectable({
+  id: "write-file-sync",
+  instantiate: (di): WriteFileSync => {
+    const {
+      writeFileSync,
+      ensureDirSync,
+    } = di.inject(fsInjectable);
+    const getDirnameOfPath = di.inject(getDirnameOfPathInjectable);
+
+    return (filePath, contents) => {
+      ensureDirSync(getDirnameOfPath(filePath), {
+        mode: 0o755,
+      });
+      writeFileSync(filePath, contents);
+    };
+  },
+});
+
+export default writeFileSyncInjectable;
diff --git a/packages/core/src/common/fs/write-file.global-override-for-injectable.ts b/packages/core/src/common/fs/write-file.global-override-for-injectable.ts
new file mode 100644
index 0000000000..c8b7ef8e45
--- /dev/null
+++ b/packages/core/src/common/fs/write-file.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 "../test-utils/get-global-override";
+import writeFileInjectable from "./write-file.injectable";
+
+export default getGlobalOverride(writeFileInjectable, () => async () => {
+  throw new Error("tried to write file without override");
+});
diff --git a/packages/core/src/common/fs/write-file.injectable.ts b/packages/core/src/common/fs/write-file.injectable.ts
new file mode 100644
index 0000000000..75e07775e3
--- /dev/null
+++ b/packages/core/src/common/fs/write-file.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 type { WriteFileOptions } from "fs-extra";
+import getDirnameOfPathInjectable from "../path/get-dirname.injectable";
+import fsInjectable from "./fs.injectable";
+
+export type WriteFile = (filePath: string, content: string | Buffer, opts?: WriteFileOptions) => Promise<void>;
+
+const writeFileInjectable = getInjectable({
+  id: "write-file",
+
+  instantiate: (di): WriteFile => {
+    const { writeFile, ensureDir } = di.inject(fsInjectable);
+    const getDirnameOfPath = di.inject(getDirnameOfPathInjectable);
+
+    return async (filePath, content, opts = {}) => {
+      await ensureDir(getDirnameOfPath(filePath), {
+        mode: 0o755,
+        ...opts,
+      });
+
+      const { encoding = "utf-8", ...options } = opts;
+
+      await writeFile(filePath, content, {
+        encoding: encoding as BufferEncoding,
+        ...options,
+      });
+    };
+  },
+});
+
+export default writeFileInjectable;
diff --git a/packages/core/src/common/fs/write-json-file.injectable.ts b/packages/core/src/common/fs/write-json-file.injectable.ts
new file mode 100644
index 0000000000..5491487849
--- /dev/null
+++ b/packages/core/src/common/fs/write-json-file.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 getDirnameOfPathInjectable from "../path/get-dirname.injectable";
+import fsInjectable from "./fs.injectable";
+
+export type WriteJson = (filePath: string, contents: unknown) => Promise<void>;
+
+const writeJsonFileInjectable = getInjectable({
+  id: "write-json-file",
+
+  instantiate: (di): WriteJson => {
+    const { writeJson, ensureDir } = di.inject(fsInjectable);
+    const getDirnameOfPath = di.inject(getDirnameOfPathInjectable);
+
+    return async (filePath, content) => {
+      await ensureDir(getDirnameOfPath(filePath), { mode: 0o755 });
+
+      await writeJson(filePath, content, {
+        encoding: "utf-8",
+        spaces: 2,
+      });
+    };
+  },
+});
+
+export default writeJsonFileInjectable;
diff --git a/packages/core/src/common/fs/write-json-sync.injectable.ts b/packages/core/src/common/fs/write-json-sync.injectable.ts
new file mode 100644
index 0000000000..eb4abc3936
--- /dev/null
+++ b/packages/core/src/common/fs/write-json-sync.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 getDirnameOfPathInjectable from "../path/get-dirname.injectable";
+import fsInjectable from "./fs.injectable";
+
+export type WriteJsonSync = (filePath: string, contents: unknown) => void;
+
+const writeJsonSyncInjectable = getInjectable({
+  id: "write-json-sync",
+  instantiate: (di): WriteJsonSync => {
+    const {
+      writeJsonSync,
+      ensureDirSync,
+    } = di.inject(fsInjectable);
+    const getDirnameOfPath = di.inject(getDirnameOfPathInjectable);
+
+    return (filePath, content) => {
+      ensureDirSync(getDirnameOfPath(filePath), { mode: 0o755 });
+
+      writeJsonSync(filePath, content, {
+        encoding: "utf-8",
+        spaces: 2,
+      });
+    };
+  },
+});
+
+export default writeJsonSyncInjectable;
diff --git a/packages/core/src/common/get-configuration-file-model/get-configuration-file-model.global-override-for-injectable.ts b/packages/core/src/common/get-configuration-file-model/get-configuration-file-model.global-override-for-injectable.ts
new file mode 100644
index 0000000000..5f51460a2b
--- /dev/null
+++ b/packages/core/src/common/get-configuration-file-model/get-configuration-file-model.global-override-for-injectable.ts
@@ -0,0 +1,113 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import assert from "assert";
+import path from "path";
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import getConfigurationFileModelInjectable from "./get-configuration-file-model.injectable";
+import type Config from "conf";
+import readJsonSyncInjectable from "../fs/read-json-sync.injectable";
+import writeJsonSyncInjectable from "../fs/write-json-sync.injectable";
+import { get, set } from "lodash";
+import semver from "semver";
+
+const MIGRATION_KEY = `__internal__.migrations.version`;
+
+const _isVersionInRangeFormat = (version: string) => {
+  return semver.clean(version) === null;
+};
+
+const _shouldPerformMigration = (candidateVersion: string, previousMigratedVersion: string, versionToMigrate: string) => {
+  if (_isVersionInRangeFormat(candidateVersion)) {
+    if (previousMigratedVersion !== "0.0.0" && semver.satisfies(previousMigratedVersion, candidateVersion)) {
+      return false;
+    }
+
+    return semver.satisfies(versionToMigrate, candidateVersion);
+  }
+
+  if (semver.lte(candidateVersion, previousMigratedVersion)) {
+    return false;
+  }
+
+  if (semver.gt(candidateVersion, versionToMigrate)) {
+    return false;
+  }
+
+  return true;
+};
+
+export default getGlobalOverride(getConfigurationFileModelInjectable, (di) => {
+  const readJsonSync = di.inject(readJsonSyncInjectable);
+  const writeJsonSync = di.inject(writeJsonSyncInjectable);
+
+  return (options) => {
+    assert(options.cwd, "Missing options.cwd");
+    assert(options.configName, "Missing options.configName");
+    assert(options.projectVersion, "Missing options.projectVersion");
+
+    const configFilePath = path.posix.join(options.cwd, `${options.configName}.json`);
+    let store: object = {};
+
+    try {
+      store = readJsonSync(configFilePath);
+    } catch {
+      // ignore
+    }
+
+    const config = {
+      get store() {
+        return store;
+      },
+      path: configFilePath,
+      get: (key: string) => get(store, key),
+      set: (key: string, value: unknown) => {
+        let currentState: object;
+
+        try {
+          currentState = readJsonSync(configFilePath);
+        } catch {
+          currentState = {};
+        }
+
+        writeJsonSync(configFilePath, {
+          ...currentState,
+          [key]: value,
+        });
+        store = readJsonSync(configFilePath);
+      },
+    } as Partial<Config> as Config<any>;
+
+    // Migrate
+    {
+      const migrations = options.migrations ?? [];
+      const versionToMigrate = options.projectVersion;
+      let previousMigratedVersion = get(store, MIGRATION_KEY) || "0.0.0";
+      const newerVersions = Object.entries(migrations)
+        .filter(([candidateVersion]) => _shouldPerformMigration(candidateVersion, previousMigratedVersion, versionToMigrate));
+
+      let storeBackup = { ...store };
+
+      for (const [version, migration] of newerVersions) {
+        try {
+          migration(config);
+          set(store, MIGRATION_KEY, version);
+          previousMigratedVersion = version;
+          storeBackup = { ...store };
+        }
+        catch (error) {
+          store = storeBackup;
+          throw new Error(`Something went wrong during the migration! Changes applied to the store until this failed migration will be restored. ${error}`);
+        }
+      }
+
+      if (_isVersionInRangeFormat(previousMigratedVersion) || !semver.eq(previousMigratedVersion, versionToMigrate)) {
+        set(store, MIGRATION_KEY, versionToMigrate);
+      }
+    }
+
+    return config;
+  };
+});
diff --git a/packages/core/src/common/get-configuration-file-model/get-configuration-file-model.injectable.ts b/packages/core/src/common/get-configuration-file-model/get-configuration-file-model.injectable.ts
new file mode 100644
index 0000000000..e167e464ef
--- /dev/null
+++ b/packages/core/src/common/get-configuration-file-model/get-configuration-file-model.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 Config from "conf";
+import type { Options as ConfOptions } from "conf/dist/source/types";
+
+export type GetConfigurationFileModel = <T extends object>(content: ConfOptions<T>) => Config<T>;
+
+const getConfigurationFileModelInjectable = getInjectable({
+  id: "get-configuration-file-model",
+  instantiate: (): GetConfigurationFileModel => (content) => new Config(content),
+  causesSideEffects: true,
+});
+
+export default getConfigurationFileModelInjectable;
diff --git a/packages/core/src/common/helm/add-helm-repository-channel.ts b/packages/core/src/common/helm/add-helm-repository-channel.ts
new file mode 100644
index 0000000000..bf5aa19367
--- /dev/null
+++ b/packages/core/src/common/helm/add-helm-repository-channel.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 { HelmRepo } from "./helm-repo";
+import type { AsyncResult } from "../utils/async-result";
+import type { RequestChannel } from "../utils/channel/request-channel-listener-injection-token";
+
+export type AddHelmRepositoryChannel = RequestChannel<HelmRepo, AsyncResult<void, string>>;
+
+export const addHelmRepositoryChannel: AddHelmRepositoryChannel = {
+  id: "add-helm-repository-channel",
+};
diff --git a/packages/core/src/common/helm/get-active-helm-repositories-channel.ts b/packages/core/src/common/helm/get-active-helm-repositories-channel.ts
new file mode 100644
index 0000000000..26720e9a5f
--- /dev/null
+++ b/packages/core/src/common/helm/get-active-helm-repositories-channel.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 { HelmRepo } from "./helm-repo";
+import type { AsyncResult } from "../utils/async-result";
+import type { RequestChannel } from "../utils/channel/request-channel-listener-injection-token";
+
+export type GetActiveHelmRepositoriesChannel = RequestChannel<void, AsyncResult<HelmRepo[]>>;
+
+export const getActiveHelmRepositoriesChannel: GetActiveHelmRepositoriesChannel = {
+  id: "get-helm-active-list-repositories",
+};
diff --git a/packages/core/src/common/helm/helm-repo.ts b/packages/core/src/common/helm/helm-repo.ts
new file mode 100644
index 0000000000..cb4af3449b
--- /dev/null
+++ b/packages/core/src/common/helm/helm-repo.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export interface HelmRepo {
+  name: string;
+  url: string;
+  cacheFilePath: string;
+  caFile?: string;
+  certFile?: string;
+  insecureSkipTlsVerify?: boolean;
+  keyFile?: string;
+  username?: string;
+  password?: string;
+}
diff --git a/packages/core/src/common/helm/remove-helm-repository-channel.ts b/packages/core/src/common/helm/remove-helm-repository-channel.ts
new file mode 100644
index 0000000000..4d479d088c
--- /dev/null
+++ b/packages/core/src/common/helm/remove-helm-repository-channel.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 { AsyncResult } from "../utils/async-result";
+import type { RequestChannel } from "../utils/channel/request-channel-listener-injection-token";
+import type { HelmRepo } from "./helm-repo";
+
+export type RemoveHelmRepositoryChannel = RequestChannel<HelmRepo, AsyncResult<void, string>>;
+
+export const removeHelmRepositoryChannel: RemoveHelmRepositoryChannel = {
+  id: "remove-helm-repository-channel",
+};
diff --git a/packages/core/src/common/hotbars/add-hotbar.injectable.ts b/packages/core/src/common/hotbars/add-hotbar.injectable.ts
new file mode 100644
index 0000000000..25ee0f588a
--- /dev/null
+++ b/packages/core/src/common/hotbars/add-hotbar.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 hotbarStoreInjectable from "./store.injectable";
+import type { CreateHotbarData, CreateHotbarOptions } from "./types";
+
+export type AddHotbar = (data: CreateHotbarData, opts?: CreateHotbarOptions) => void;
+
+const addHotbarInjectable = getInjectable({
+  id: "add-hotbar",
+  instantiate: (di): AddHotbar => {
+    const store = di.inject(hotbarStoreInjectable);
+
+    return (data, opts) => store.add(data, opts);
+  },
+});
+
+export default addHotbarInjectable;
diff --git a/packages/core/src/common/hotbars/migrations-token.ts b/packages/core/src/common/hotbars/migrations-token.ts
new file mode 100644
index 0000000000..5441844933
--- /dev/null
+++ b/packages/core/src/common/hotbars/migrations-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { MigrationDeclaration } from "../base-store/migrations.injectable";
+
+export const hotbarStoreMigrationInjectionToken = getInjectionToken<MigrationDeclaration>({
+  id: "hotbar-store-migration-token",
+});
diff --git a/packages/core/src/common/hotbars/store.injectable.ts b/packages/core/src/common/hotbars/store.injectable.ts
new file mode 100644
index 0000000000..cc15f93bf8
--- /dev/null
+++ b/packages/core/src/common/hotbars/store.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 catalogCatalogEntityInjectable from "../catalog-entities/general-catalog-entities/implementations/catalog-catalog-entity.injectable";
+import { HotbarStore } from "./store";
+import loggerInjectable from "../logger.injectable";
+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 storeMigrationVersionInjectable from "../vars/store-migration-version.injectable";
+import storeMigrationsInjectable from "../base-store/migrations.injectable";
+import { hotbarStoreMigrationInjectionToken } from "./migrations-token";
+import getBasenameOfPathInjectable from "../path/get-basename.injectable";
+import { baseStoreIpcChannelPrefixesInjectionToken } from "../base-store/channel-prefix";
+import { persistStateToConfigInjectionToken } from "../base-store/save-to-file";
+import { enlistMessageChannelListenerInjectionToken } from "../utils/channel/enlist-message-channel-listener-injection-token";
+import { shouldBaseStoreDisableSyncInIpcListenerInjectionToken } from "../base-store/disable-sync";
+
+const hotbarStoreInjectable = getInjectable({
+  id: "hotbar-store",
+
+  instantiate: (di) => new HotbarStore({
+    catalogCatalogEntity: di.inject(catalogCatalogEntityInjectable),
+    logger: di.inject(loggerInjectable),
+    directoryForUserData: di.inject(directoryForUserDataInjectable),
+    getConfigurationFileModel: di.inject(getConfigurationFileModelInjectable),
+    storeMigrationVersion: di.inject(storeMigrationVersionInjectable),
+    migrations: di.inject(storeMigrationsInjectable, hotbarStoreMigrationInjectionToken),
+    getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+    ipcChannelPrefixes: di.inject(baseStoreIpcChannelPrefixesInjectionToken),
+    persistStateToConfig: di.inject(persistStateToConfigInjectionToken),
+    enlistMessageChannelListener: di.inject(enlistMessageChannelListenerInjectionToken),
+    shouldDisableSyncInListener: di.inject(shouldBaseStoreDisableSyncInIpcListenerInjectionToken),
+  }),
+});
+
+export default hotbarStoreInjectable;
diff --git a/packages/core/src/common/hotbars/store.ts b/packages/core/src/common/hotbars/store.ts
new file mode 100644
index 0000000000..709242f20e
--- /dev/null
+++ b/packages/core/src/common/hotbars/store.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 { action, comparer, observable, makeObservable, computed } from "mobx";
+import type { BaseStoreDependencies } from "../base-store/base-store";
+import { BaseStore } from "../base-store/base-store";
+import { toJS } from "../utils";
+import type { CatalogEntity } from "../catalog";
+import { broadcastMessage } from "../ipc";
+import type { Hotbar, CreateHotbarData, CreateHotbarOptions } from "./types";
+import { defaultHotbarCells, getEmptyHotbar } from "./types";
+import { hotbarTooManyItemsChannel } from "../ipc/hotbar";
+import type { GeneralEntity } from "../catalog-entities";
+import type { Logger } from "../logger";
+import assert from "assert";
+
+export interface HotbarStoreModel {
+  hotbars: Hotbar[];
+  activeHotbarId: string;
+}
+
+interface Dependencies extends BaseStoreDependencies {
+  readonly catalogCatalogEntity: GeneralEntity;
+  readonly logger: Logger;
+}
+
+export class HotbarStore extends BaseStore<HotbarStoreModel> {
+  @observable hotbars: Hotbar[] = [];
+  @observable private _activeHotbarId!: string;
+
+  constructor(protected readonly dependencies: Dependencies) {
+    super(dependencies, {
+      configName: "lens-hotbar-store",
+      accessPropertiesByDotNotation: false, // To make dots safe in cluster context names
+      syncOptions: {
+        equals: comparer.structural,
+      },
+    });
+    makeObservable(this);
+  }
+
+  @computed get activeHotbarId() {
+    return this._activeHotbarId;
+  }
+
+  /**
+   * If `hotbar` points to a known hotbar, make it active. Otherwise, ignore
+   * @param hotbar The hotbar instance, or the index, or its ID
+   */
+  setActiveHotbar(hotbar: Hotbar | number | string) {
+    if (typeof hotbar === "number") {
+      if (hotbar >= 0 && hotbar < this.hotbars.length) {
+        this._activeHotbarId = this.hotbars[hotbar].id;
+      }
+    } else if (typeof hotbar === "string") {
+      if (this.findById(hotbar)) {
+        this._activeHotbarId = hotbar;
+      }
+    } else {
+      if (this.hotbars.indexOf(hotbar) >= 0) {
+        this._activeHotbarId = hotbar.id;
+      }
+    }
+  }
+
+  private hotbarIndexById(id: string) {
+    return this.hotbars.findIndex((hotbar) => hotbar.id === id);
+  }
+
+  private hotbarIndex(hotbar: Hotbar) {
+    return this.hotbars.indexOf(hotbar);
+  }
+
+  @computed get activeHotbarIndex() {
+    return this.hotbarIndexById(this.activeHotbarId);
+  }
+
+  @action
+  protected fromStore(data: Partial<HotbarStoreModel> = {}) {
+    if (!data.hotbars || !data.hotbars.length) {
+      const hotbar = getEmptyHotbar("Default");
+      const {
+        metadata: { uid, name, source },
+      } = this.dependencies.catalogCatalogEntity;
+      const initialItem = { entity: { uid, name, source }};
+
+      hotbar.items[0] = initialItem;
+
+      this.hotbars = [hotbar];
+    } else {
+      this.hotbars = data.hotbars;
+    }
+
+    this.hotbars.forEach(ensureExactHotbarItemLength);
+
+    if (data.activeHotbarId) {
+      this._activeHotbarId = data.activeHotbarId;
+    }
+
+    if (!this._activeHotbarId) {
+      this._activeHotbarId = this.hotbars[0].id;
+    }
+  }
+
+  toJSON(): HotbarStoreModel {
+    return toJS({
+      hotbars: this.hotbars,
+      activeHotbarId: this.activeHotbarId,
+    });
+  }
+
+  getActive(): Hotbar {
+    const hotbar = this.findById(this.activeHotbarId);
+
+    assert(hotbar, "There MUST always be an active hotbar");
+
+    return hotbar;
+  }
+
+  findByName(name: string) {
+    return this.hotbars.find((hotbar) => hotbar.name === name);
+  }
+
+  findById(id: string) {
+    return this.hotbars.find((hotbar) => hotbar.id === id);
+  }
+
+  @action
+  add(data: CreateHotbarData, { setActive = false }: CreateHotbarOptions = {}) {
+    const hotbar = getEmptyHotbar(data.name, data.id);
+
+    this.hotbars.push(hotbar);
+
+    if (setActive) {
+      this._activeHotbarId = hotbar.id;
+    }
+  }
+
+  @action
+  setHotbarName(id: string, name: string): void {
+    const index = this.hotbars.findIndex((hotbar) => hotbar.id === id);
+
+    if (index < 0) {
+      return this.dependencies.logger.warn(
+        `[HOTBAR-STORE]: cannot setHotbarName: unknown id`,
+        { id },
+      );
+    }
+
+    this.hotbars[index].name = name;
+  }
+
+  @action
+  remove(hotbar: Hotbar) {
+    assert(this.hotbars.length >= 2, "Cannot remove the last hotbar");
+
+    this.hotbars = this.hotbars.filter((h) => h !== hotbar);
+
+    if (this.activeHotbarId === hotbar.id) {
+      this.setActiveHotbar(0);
+    }
+  }
+
+  @action
+  addToHotbar(item: CatalogEntity, cellIndex?: number) {
+    const hotbar = this.getActive();
+    const uid = item.getId();
+    const name = item.getName();
+
+    if (typeof uid !== "string") {
+      throw new TypeError("CatalogEntity's ID must be a string");
+    }
+
+    if (typeof name !== "string") {
+      throw new TypeError("CatalogEntity's NAME must be a string");
+    }
+
+    if (this.isAddedToActive(item)) {
+      return;
+    }
+
+    const entity = {
+      uid,
+      name,
+      source: item.metadata.source,
+    };
+    const newItem = { entity };
+
+    if (cellIndex === undefined) {
+      // Add item to empty cell
+      const emptyCellIndex = hotbar.items.indexOf(null);
+
+      if (emptyCellIndex != -1) {
+        hotbar.items[emptyCellIndex] = newItem;
+      } else {
+        broadcastMessage(hotbarTooManyItemsChannel);
+      }
+    } else if (0 <= cellIndex && cellIndex < hotbar.items.length) {
+      hotbar.items[cellIndex] = newItem;
+    } else {
+      this.dependencies.logger.error(
+        `[HOTBAR-STORE]: cannot pin entity to hotbar outside of index range`,
+        { entityId: uid, hotbarId: hotbar.id, cellIndex },
+      );
+    }
+  }
+
+  @action
+  removeFromHotbar(uid: string): void {
+    const hotbar = this.getActive();
+    const index = hotbar.items.findIndex((item) => item?.entity.uid === uid);
+
+    if (index < 0) {
+      return;
+    }
+
+    hotbar.items[index] = null;
+  }
+
+  /**
+   * Remove all hotbar items that reference the `uid`.
+   * @param uid The `EntityId` that each hotbar item refers to
+   * @returns A function that will (in an action) undo the removing of the hotbar items. This function will not complete if the hotbar has changed.
+   */
+  @action
+  removeAllHotbarItems(uid: string) {
+    for (const hotbar of this.hotbars) {
+      const index = hotbar.items.findIndex((i) => i?.entity.uid === uid);
+
+      if (index >= 0) {
+        hotbar.items[index] = null;
+      }
+    }
+  }
+
+  findClosestEmptyIndex(from: number, direction = 1) {
+    let index = from;
+    const hotbar = this.getActive();
+
+    while (hotbar.items[index] != null) {
+      index += direction;
+    }
+
+    return index;
+  }
+
+  @action
+  restackItems(from: number, to: number): void {
+    const { items } = this.getActive();
+    const source = items[from];
+    const moveDown = from < to;
+
+    if (
+      from < 0 ||
+      to < 0 ||
+      from >= items.length ||
+      to >= items.length ||
+      isNaN(from) ||
+      isNaN(to)
+    ) {
+      throw new Error("Invalid 'from' or 'to' arguments");
+    }
+
+    if (from == to) {
+      return;
+    }
+
+    items.splice(from, 1, null);
+
+    if (items[to] == null) {
+      items.splice(to, 1, source);
+    } else {
+      // Move cells up or down to closes empty cell
+      items.splice(this.findClosestEmptyIndex(to, moveDown ? -1 : 1), 1);
+      items.splice(to, 0, source);
+    }
+  }
+
+  switchToPrevious() {
+    let index = this.activeHotbarIndex - 1;
+
+    if (index < 0) {
+      index = this.hotbars.length - 1;
+    }
+
+    this.setActiveHotbar(index);
+  }
+
+  switchToNext() {
+    let index = this.activeHotbarIndex + 1;
+
+    if (index >= this.hotbars.length) {
+      index = 0;
+    }
+
+    this.setActiveHotbar(index);
+  }
+
+  /**
+   * Checks if entity already pinned to the active hotbar
+   */
+  isAddedToActive(entity: CatalogEntity | null | undefined): boolean {
+    if (!entity) {
+      return false;
+    }
+
+    const indexInActiveHotbar = this.getActive().items.findIndex(item => item?.entity.uid === entity.getId());
+
+    return indexInActiveHotbar >= 0;
+  }
+
+  getDisplayLabel(hotbar: Hotbar): string {
+    return `${this.getDisplayIndex(hotbar)}: ${hotbar.name}`;
+  }
+
+  getDisplayIndex(hotbar: Hotbar): string {
+    const index = this.hotbarIndex(hotbar);
+
+    if (index < 0) {
+      return "??";
+    }
+
+    return `${index + 1}`;
+  }
+}
+
+/**
+ * This function ensures that there are always exactly `defaultHotbarCells`
+ * worth of items in the hotbar.
+ * @param hotbar The hotbar to modify
+ */
+function ensureExactHotbarItemLength(hotbar: Hotbar) {
+  // if there are not enough items
+  while (hotbar.items.length < defaultHotbarCells) {
+    hotbar.items.push(null);
+  }
+
+  // if for some reason the hotbar was overfilled before, remove as many entries
+  // as needed, but prefer empty slots and items at the end first.
+  while (hotbar.items.length > defaultHotbarCells) {
+    const lastNull = hotbar.items.lastIndexOf(null);
+
+    if (lastNull >= 0) {
+      hotbar.items.splice(lastNull, 1);
+    } else {
+      hotbar.items.length = defaultHotbarCells;
+    }
+  }
+}
diff --git a/packages/core/src/common/hotbars/types.ts b/packages/core/src/common/hotbars/types.ts
new file mode 100644
index 0000000000..6370fe136d
--- /dev/null
+++ b/packages/core/src/common/hotbars/types.ts
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import * as uuid from "uuid";
+import type { Tuple } from "../utils";
+import { tuple } from "../utils";
+
+export interface HotbarItem {
+  entity: {
+    uid: string;
+    name: string;
+    source?: string;
+  };
+  params?: {
+    [key: string]: string;
+  };
+}
+
+export type Hotbar = Required<CreateHotbarData>;
+
+export interface CreateHotbarData {
+  id?: string;
+  name: string;
+  items?: Tuple<HotbarItem | null, typeof defaultHotbarCells>;
+}
+
+export interface CreateHotbarOptions {
+  setActive?: boolean;
+}
+
+export const defaultHotbarCells = 12; // Number is chosen to easy hit any item with keyboard
+
+export function getEmptyHotbar(name: string, id: string = uuid.v4()): Hotbar {
+  return {
+    id,
+    items: tuple.filled(defaultHotbarCells, null),
+    name,
+  };
+}
diff --git a/packages/core/src/common/initializable-state/create.test.ts b/packages/core/src/common/initializable-state/create.test.ts
new file mode 100644
index 0000000000..38980b0a41
--- /dev/null
+++ b/packages/core/src/common/initializable-state/create.test.ts
@@ -0,0 +1,77 @@
+/**
+ * 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 { DiContainer, Injectable } from "@ogre-tools/injectable";
+import { runInAction } from "mobx";
+import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
+import type { InitializableState } from "./create";
+import { createInitializableState } from "./create";
+
+describe("InitializableState tests", () => {
+  let di: DiContainer;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+  });
+
+  describe("when created", () => {
+    let stateInjectable: Injectable<InitializableState<number>, unknown, void>;
+    let initMock: AsyncFnMock<() => number>;
+
+    beforeEach(() => {
+      initMock = asyncFn();
+      stateInjectable = createInitializableState({
+        id: "my-state",
+        init: initMock,
+      });
+
+      runInAction(() => {
+        di.register(stateInjectable);
+      });
+    });
+
+    describe("when injected", () => {
+      let state: InitializableState<number>;
+
+      beforeEach(() => {
+        state = di.inject(stateInjectable);
+      });
+
+      it("when get is called, throw", () => {
+        expect(() => state.get()).toThrowError("InitializableState(my-state) has not been initialized yet");
+      });
+
+      describe("when init is called", () => {
+        beforeEach(() => {
+          state.init();
+        });
+
+        it("should call provided initialization function", () => {
+          expect(initMock).toBeCalled();
+        });
+
+        it("when get is called, throw", () => {
+          expect(() => state.get()).toThrowError("InitializableState(my-state) has not finished initializing");
+        });
+
+        describe("when initialization resolves", () => {
+          beforeEach(async () => {
+            await initMock.resolve(42);
+          });
+
+          it("when get is called, returns value", () => {
+            expect(state.get()).toBe(42);
+          });
+
+          it("when init is called again, throws", async () => {
+            await expect(() => state.init()).rejects.toThrow("Cannot initialize InitializableState(my-state) more than once");
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/initializable-state/create.ts b/packages/core/src/common/initializable-state/create.ts
new file mode 100644
index 0000000000..829de57d94
--- /dev/null
+++ b/packages/core/src/common/initializable-state/create.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 type { DiContainerForInjection, Injectable, InjectionToken } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+
+export interface CreateInitializableStateArgs<T> {
+  id: string;
+  init: (di: DiContainerForInjection) => Promise<T> | T;
+  injectionToken?: InjectionToken<InitializableState<T>, void>;
+}
+
+export interface InitializableState<T> {
+  get: () => T;
+  init: () => Promise<void>;
+}
+
+type InitializableStateValue<T> =
+  | { set: false }
+  | { set: true; value: T } ;
+
+export function createInitializableState<T>(args: CreateInitializableStateArgs<T>): Injectable<InitializableState<T>, unknown, void> {
+  const { id, init, injectionToken } = args;
+
+  return getInjectable({
+    id,
+    instantiate: (di) => {
+      let box: InitializableStateValue<T> = {
+        set: false,
+      };
+      let initCalled = false;
+
+      return {
+        init: async () => {
+          if (initCalled) {
+            throw new Error(`Cannot initialize InitializableState(${id}) more than once`);
+          }
+
+          initCalled = true;
+          box = {
+            set: true,
+            value: await init(di),
+          };
+        },
+        get: () => {
+          if (!initCalled) {
+            throw new Error(`InitializableState(${id}) has not been initialized yet`);
+          }
+
+          if (box.set === false) {
+            throw new Error(`InitializableState(${id}) has not finished initializing`);
+          }
+
+          return box.value;
+        },
+      };
+    },
+    injectionToken,
+  });
+}
diff --git a/packages/core/src/common/ipc/broadcast-message.global-override-for-injectable.ts b/packages/core/src/common/ipc/broadcast-message.global-override-for-injectable.ts
new file mode 100644
index 0000000000..e455b30cdc
--- /dev/null
+++ b/packages/core/src/common/ipc/broadcast-message.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 { getGlobalOverrideForFunction } from "../test-utils/get-global-override-for-function";
+import broadcastMessageInjectable from "./broadcast-message.injectable";
+
+export default getGlobalOverrideForFunction(broadcastMessageInjectable);
diff --git a/packages/core/src/common/ipc/broadcast-message.injectable.ts b/packages/core/src/common/ipc/broadcast-message.injectable.ts
new file mode 100644
index 0000000000..41db749d65
--- /dev/null
+++ b/packages/core/src/common/ipc/broadcast-message.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 { broadcastMessage } from "./ipc";
+
+export type BroadcastMessage = (channel: string, ...args: any[]) => Promise<void>;
+
+const broadcastMessageInjectable = getInjectable({
+  id: "broadcast-message",
+  instantiate: (): BroadcastMessage => broadcastMessage,
+  causesSideEffects: true,
+});
+
+export default broadcastMessageInjectable;
diff --git a/packages/core/src/common/ipc/catalog.ts b/packages/core/src/common/ipc/catalog.ts
new file mode 100644
index 0000000000..3d316d211c
--- /dev/null
+++ b/packages/core/src/common/ipc/catalog.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * This is used to activate a specific entity in the renderer main frame
+ */
+export const catalogEntityRunListener = "catalog-entity:run";
+
+/**
+ * This is broadcast on whenever there is an update to any catalog item
+ */
+export const catalogItemsChannel = "catalog:items";
+
+/**
+ * This can be sent from renderer to main to initialize a broadcast of ITEMS
+ */
+export const catalogInitChannel = "catalog:init";
diff --git a/packages/core/src/common/ipc/cluster.ts b/packages/core/src/common/ipc/cluster.ts
new file mode 100644
index 0000000000..53061abf60
--- /dev/null
+++ b/packages/core/src/common/ipc/cluster.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export const clusterActivateHandler = "cluster:activate";
+export const clusterSetFrameIdHandler = "cluster:set-frame-id";
+export const clusterVisibilityHandler = "cluster:visibility";
+export const clusterDisconnectHandler = "cluster:disconnect";
+export const clusterStates = "cluster:states";
+
+/**
+ * This channel is broadcast on whenever the cluster fails to list namespaces
+ * during a refresh and no `accessibleNamespaces` have been set.
+ */
+export const clusterListNamespaceForbiddenChannel = "cluster:list-namespace-forbidden";
+
+export type ListNamespaceForbiddenArgs = [clusterId: string];
+
+export function isListNamespaceForbiddenArgs(args: unknown[]): args is ListNamespaceForbiddenArgs {
+  return args.length === 1 && typeof args[0] === "string";
+}
diff --git a/packages/core/src/common/ipc/extension-handling.ts b/packages/core/src/common/ipc/extension-handling.ts
new file mode 100644
index 0000000000..1474a6d18d
--- /dev/null
+++ b/packages/core/src/common/ipc/extension-handling.ts
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export const extensionDiscoveryStateChannel = "extension-discovery:state";
+export const bundledExtensionsLoaded = "extension-loader:bundled-extensions-loaded";
+export const extensionLoaderFromMainChannel = "extension-loader:main:state";
+export const extensionLoaderFromRendererChannel = "extension-loader:renderer:state";
diff --git a/packages/core/src/common/ipc/hotbar.ts b/packages/core/src/common/ipc/hotbar.ts
new file mode 100644
index 0000000000..3617ebd6c5
--- /dev/null
+++ b/packages/core/src/common/ipc/hotbar.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export const hotbarTooManyItemsChannel = "hotbar:too-many-items";
diff --git a/packages/core/src/common/ipc/index.ts b/packages/core/src/common/ipc/index.ts
new file mode 100644
index 0000000000..aa2a538560
--- /dev/null
+++ b/packages/core/src/common/ipc/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 "./ipc";
+export * from "./invalid-kubeconfig";
diff --git a/packages/core/src/common/ipc/invalid-kubeconfig/index.ts b/packages/core/src/common/ipc/invalid-kubeconfig/index.ts
new file mode 100644
index 0000000000..04ebcb9a4a
--- /dev/null
+++ b/packages/core/src/common/ipc/invalid-kubeconfig/index.ts
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export const InvalidKubeconfigChannel = "invalid-kubeconfig";
+
+export type InvalidKubeConfigArgs = [clusterId: string];
diff --git a/packages/core/src/common/ipc/ipc.ts b/packages/core/src/common/ipc/ipc.ts
new file mode 100644
index 0000000000..f11227d17e
--- /dev/null
+++ b/packages/core/src/common/ipc/ipc.ts
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Inter-process communications (main <-> renderer)
+// https://www.electronjs.org/docs/api/ipc-main
+// https://www.electronjs.org/docs/api/ipc-renderer
+
+import { ipcMain, ipcRenderer, webContents } from "electron";
+import { toJS } from "../utils/toJS";
+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";
+import loggerInjectable from "../logger.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));
+  });
+}
+
+function getSubFrames(): ClusterFrameInfo[] {
+  return Array.from(clusterFrameMap.values());
+}
+
+export async function broadcastMessage(channel: string, ...args: any[]): Promise<void> {
+  if (ipcRenderer) {
+    return ipcRenderer.invoke(broadcastMainChannel, channel, ...args.map(sanitizePayload));
+  }
+
+  if (!webContents) {
+    return;
+  }
+
+  const di = getLegacyGlobalDiForExtensionApi();
+  const logger = di.inject(loggerInjectable);
+
+  ipcMain.listeners(channel).forEach((func) => func({
+    processId: undefined, frameId: undefined, sender: undefined, senderFrame: undefined,
+  }, ...args));
+
+  const subFrames = getSubFrames();
+  const views = webContents.getAllWebContents();
+
+  if (!views || !Array.isArray(views) || views.length === 0) return;
+
+  args = args.map(sanitizePayload);
+
+  for (const view of views) {
+    let viewType = "unknown";
+
+    // There will be a uncaught exception if the view is destroyed.
+    try {
+      viewType = view.getType();
+    } catch {
+      // We can ignore the view destroyed exception as viewType is only used for logging.
+    }
+
+    // Send message to views.
+    try {
+      logger.silly(`[IPC]: broadcasting "${channel}" to ${viewType}=${view.id}`, { args });
+      view.send(channel, ...args);
+    } catch (error) {
+      logger.error(`[IPC]: failed to send IPC message "${channel}" to view "${viewType}=${view.id}"`, { error });
+    }
+
+    // Send message to subFrames of views.
+    for (const frameInfo of subFrames) {
+      logger.silly(`[IPC]: broadcasting "${channel}" to subframe "frameInfo.processId"=${frameInfo.processId} "frameInfo.frameId"=${frameInfo.frameId}`, { args });
+
+      try {
+        view.sendToFrame([frameInfo.processId, frameInfo.frameId], channel, ...args);
+      } catch (error) {
+        logger.error(`[IPC]: failed to send IPC message "${channel}" to view "${viewType}=${view.id}"'s subframe "frameInfo.processId"=${frameInfo.processId} "frameInfo.frameId"=${frameInfo.frameId}`, { error: String(error) });
+      }
+    }
+  }
+}
+
+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);
+}
+
+/**
+ * Sanitizing data for IPC-messaging before send.
+ * Removes possible observable values to avoid exceptions like "can't clone object".
+ */
+function sanitizePayload<T>(data: any): T {
+  return toJS(data);
+}
diff --git a/packages/core/src/common/ipc/window.ts b/packages/core/src/common/ipc/window.ts
new file mode 100644
index 0000000000..23a83177c6
--- /dev/null
+++ b/packages/core/src/common/ipc/window.ts
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export const windowActionHandleChannel = "window:window-action";
+export const windowOpenAppMenuAsContextMenuChannel = "window:open-app-context-menu";
+export const windowLocationChangedChannel = "window:location-changed";
+
+/**
+ * The supported actions on the current window. The argument for `windowActionHandleChannel`
+ */
+export enum WindowAction {
+  /**
+   * Request that the current window goes back one step of browser history
+   */
+  GO_BACK = "back",
+
+  /**
+   * Request that the current window goes forward one step of browser history
+   */
+  GO_FORWARD = "forward",
+
+  /**
+   * Request that the current window is minimized
+   */
+  MINIMIZE = "minimize",
+
+  /**
+   * Request that the current window is maximized if it isn't, or unmaximized
+   * if it is
+   */
+  TOGGLE_MAXIMIZE = "toggle-maximize",
+
+  /**
+   * Request that the current window is closed
+   */
+  CLOSE = "close",
+}
diff --git a/packages/core/src/common/item.store.ts b/packages/core/src/common/item.store.ts
new file mode 100644
index 0000000000..805137e95c
--- /dev/null
+++ b/packages/core/src/common/item.store.ts
@@ -0,0 +1,215 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import orderBy from "lodash/orderBy";
+import { autoBind } from "./utils";
+import { action, computed, observable, when, makeObservable } from "mobx";
+
+export interface ItemObject {
+  getId(): string;
+  getName(): string;
+}
+
+export abstract class ItemStore<Item extends ItemObject> {
+  protected defaultSorting = (item: Item) => item.getName();
+
+  @observable failedLoading = false;
+  @observable isLoading = false;
+  @observable isLoaded = false;
+  @observable items = observable.array<Item>([], { deep: false });
+  @observable selectedItemsIds = observable.set<string>();
+
+  constructor() {
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  @computed get selectedItems(): Item[] {
+    return this.pickOnlySelected(this.items);
+  }
+
+  public pickOnlySelected(items: Item[]): Item[] {
+    return items.filter(item => this.selectedItemsIds.has(item.getId()));
+  }
+
+  public getItems(): Item[] {
+    return Array.from(this.items);
+  }
+
+  public getTotalCount(): number {
+    return this.items.length;
+  }
+
+  getByName(name: string): Item | undefined {
+    return this.items.find(item => item.getName() === name);
+  }
+
+  getIndexById(id: string): number {
+    return this.items.findIndex(item => item.getId() === id);
+  }
+
+  /**
+   * Return `items` sorted by the given ordering functions. If two elements of
+   * `items` are sorted to the same "index" then the next sorting function is used
+   * to determine where to place them relative to each other. Once the `sorting`
+   * functions have been all exhausted then the order is unchanged (ie a stable sort).
+   * @param items the items to be sorted (default: the current items in this store)
+   * @param sorting list of functions to determine sort order (default: sorting by name)
+   * @param order whether to sort from least to greatest (`"asc"` (default)) or vice-versa (`"desc"`)
+   */
+  @action
+  protected sortItems(items: Item[] = this.items, sorting: ((item: Item) => any)[] = [this.defaultSorting], order?: "asc" | "desc"): Item[] {
+    return orderBy(items, sorting, order);
+  }
+
+  protected async createItem(...args: any[]): Promise<any>;
+  @action
+  protected async createItem(request: () => Promise<Item>) {
+    const newItem = await request();
+    const item = this.items.find(item => item.getId() === newItem.getId());
+
+    if (item) {
+      return item;
+    } else {
+      const items = this.sortItems([...this.items, newItem]);
+
+      this.items.replace(items);
+
+      return newItem;
+    }
+  }
+
+  protected async loadItems(...args: any[]): Promise<any>;
+  /**
+   * Load items to this.items
+   * @param request Function to return the items to be loaded.
+   * @param sortItems If true, items will be sorted.
+   * @param concurrency If true, concurrent loadItems() calls will all be executed. If false, only the first.
+   * @returns
+   */
+  @action
+  protected async loadItems(request: () => Promise<Item[] | any>, sortItems = true, concurrency = false) {
+    if (this.isLoading) {
+      await when(() => !this.isLoading);
+
+      // If concurrency for loading is disabled, return instead of loading
+      if (!concurrency) {
+        return;
+      }
+    }
+    this.isLoading = true;
+
+    try {
+      let items = await request();
+
+      if (sortItems) items = this.sortItems(items);
+      this.items.replace(items);
+      this.isLoaded = true;
+    } finally {
+      this.isLoading = false;
+    }
+  }
+
+  @action
+  protected async loadItem(request: () => Promise<Item>, sortItems = true) {
+    const item = await Promise.resolve(request()).catch(() => null);
+
+    if (item) {
+      const existingItem = this.items.find(el => el.getId() === item.getId());
+
+      if (existingItem) {
+        const index = this.items.findIndex(item => item === existingItem);
+
+        this.items.splice(index, 1, item);
+      } else {
+        let items = [...this.items, item];
+
+        if (sortItems) items = this.sortItems(items);
+        this.items.replace(items);
+      }
+    }
+
+    return item;
+  }
+
+  @action
+  protected async updateItem(item: Item, request: () => Promise<Item>) {
+    const updatedItem = await request();
+    const index = this.items.findIndex(i => i.getId() === item.getId());
+
+    this.items.splice(index, 1, updatedItem);
+
+    return updatedItem;
+  }
+
+  @action
+  protected async removeItem(item: Item, request: () => Promise<any>) {
+    await request();
+    this.items.remove(item);
+    this.selectedItemsIds.delete(item.getId());
+  }
+
+  isSelected(item: Item) {
+    return this.selectedItemsIds.has(item.getId());
+  }
+
+  @action
+  select(item: Item) {
+    this.selectedItemsIds.add(item.getId());
+  }
+
+  @action
+  unselect(item: Item) {
+    this.selectedItemsIds.delete(item.getId());
+  }
+
+  @action
+  toggleSelection(item: Item) {
+    if (this.isSelected(item)) {
+      this.unselect(item);
+    } else {
+      this.select(item);
+    }
+  }
+
+  @action
+  toggleSelectionAll(visibleItems: Item[] = this.items) {
+    const allSelected = visibleItems.every(this.isSelected);
+
+    if (allSelected) {
+      visibleItems.forEach(this.unselect);
+    } else {
+      visibleItems.forEach(this.select);
+    }
+  }
+
+  isSelectedAll(visibleItems: Item[] = this.items) {
+    if (!visibleItems.length) return false;
+
+    return visibleItems.every(this.isSelected);
+  }
+
+  @action
+  resetSelection() {
+    this.selectedItemsIds.clear();
+  }
+
+  @action
+  reset() {
+    this.resetSelection();
+    this.items.clear();
+    this.selectedItemsIds.clear();
+    this.isLoaded = false;
+    this.isLoading = false;
+  }
+
+  async removeSelectedItems?(): Promise<any>;
+
+  async removeItems?(items: Item[]): Promise<void>;
+
+  * [Symbol.iterator]() {
+    yield* this.items;
+  }
+}
diff --git a/packages/core/src/common/k8s-api/__tests__/api-manager.test.ts b/packages/core/src/common/k8s-api/__tests__/api-manager.test.ts
new file mode 100644
index 0000000000..b83f52c3f0
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/api-manager.test.ts
@@ -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 { DiContainer } from "@ogre-tools/injectable";
+import createClusterInjectable from "../../../main/create-cluster/create-cluster.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../../renderer/cluster-frame-context/for-namespaced-resources.injectable";
+import hostedClusterInjectable from "../../../renderer/cluster-frame-context/hosted-cluster.injectable";
+import { getDiForUnitTesting } from "../../../renderer/getDiForUnitTesting";
+import storesAndApisCanBeCreatedInjectable from "../../../renderer/stores-apis-can-be-created.injectable";
+import directoryForKubeConfigsInjectable from "../../app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import directoryForUserDataInjectable from "../../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import loggerInjectable from "../../logger.injectable";
+import type { ApiManager } from "../api-manager";
+import apiManagerInjectable from "../api-manager/manager.injectable";
+import { KubeApi } from "../kube-api";
+import { KubeObject } from "../kube-object";
+import { KubeObjectStore } from "../kube-object.store";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+class TestApi extends KubeApi<KubeObject> {
+  protected async checkPreferredVersion() {
+    return;
+  }
+}
+
+class TestStore extends KubeObjectStore<KubeObject, TestApi> {
+
+}
+
+describe("ApiManager", () => {
+  let apiManager: ApiManager;
+  let di: DiContainer;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    apiManager = di.inject(apiManagerInjectable);
+  });
+
+  describe("registerApi", () => {
+    it("re-register store if apiBase changed", async () => {
+      const apiBase = "apis/v1/foo";
+      const fallbackApiBase = "/apis/extensions/v1beta1/foo";
+      const kubeApi = new TestApi({
+        logger: di.inject(loggerInjectable),
+        maybeKubeApi: di.inject(maybeKubeApiInjectable),
+      }, {
+        objectConstructor: KubeObject,
+        apiBase,
+        kind: "foo",
+        fallbackApiBases: [fallbackApiBase],
+        checkPreferredVersion: true,
+      });
+      const kubeStore = new TestStore({
+        context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+        logger: di.inject(loggerInjectable),
+      }, kubeApi);
+
+      apiManager.registerApi(apiBase, kubeApi);
+
+      // Define to use test api for ingress store
+      Object.defineProperty(kubeStore, "api", { value: kubeApi });
+      apiManager.registerStore(kubeStore, [kubeApi]);
+
+      // Test that store is returned with original apiBase
+      expect(apiManager.getStore(kubeApi)).toBe(kubeStore);
+
+      // Change apiBase similar as checkPreferredVersion does
+      Object.defineProperty(kubeApi, "apiBase", { value: fallbackApiBase });
+      apiManager.registerApi(fallbackApiBase, kubeApi);
+
+      // Test that store is returned with new apiBase
+      expect(apiManager.getStore(kubeApi)).toBe(kubeStore);
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/crd.test.ts b/packages/core/src/common/k8s-api/__tests__/crd.test.ts
new file mode 100644
index 0000000000..e1538dfbe6
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/crd.test.ts
@@ -0,0 +1,177 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { CustomResourceDefinitionSpec } from "../endpoints";
+import { CustomResourceDefinition } from "../endpoints";
+
+describe("Crds", () => {
+  describe("getVersion()", () => {
+    it("should throw if none of the versions are served", () => {
+      const crd = new CustomResourceDefinition({
+        apiVersion: "apiextensions.k8s.io/v1",
+        kind: "CustomResourceDefinition",
+        metadata: {
+          name: "foo",
+          resourceVersion: "12345",
+          uid: "12345",
+          selfLink: "/apis/apiextensions.k8s.io/v1/customresourcedefinitions/foo",
+        },
+        spec: {
+          group: "foo.bar",
+          names: {
+            kind: "Foo",
+            plural: "foos",
+          },
+          scope: "Namespaced",
+          versions: [
+            {
+              name: "123",
+              served: false,
+              storage: false,
+            },
+            {
+              name: "1234",
+              served: false,
+              storage: false,
+            },
+          ],
+        },
+      });
+
+      expect(() => crd.getVersion()).toThrowError("Failed to find a version for CustomResourceDefinition foo");
+    });
+
+    it("should get the version that is both served and stored", () => {
+      const crd = new CustomResourceDefinition({
+        apiVersion: "apiextensions.k8s.io/v1",
+        kind: "CustomResourceDefinition",
+        metadata: {
+          name: "foo",
+          resourceVersion: "12345",
+          uid: "12345",
+          selfLink: "/apis/apiextensions.k8s.io/v1/customresourcedefinitions/foo",
+        },
+        spec: {
+          group: "foo.bar",
+          names: {
+            kind: "Foo",
+            plural: "foos",
+          },
+          scope: "Namespaced",
+          versions: [
+            {
+              name: "123",
+              served: true,
+              storage: true,
+            },
+            {
+              name: "1234",
+              served: false,
+              storage: false,
+            },
+          ],
+        },
+      });
+
+      expect(crd.getVersion()).toBe("123");
+    });
+
+    it("should get the version that is only stored", () => {
+      const crd = new CustomResourceDefinition({
+        apiVersion: "apiextensions.k8s.io/v1",
+        kind: "CustomResourceDefinition",
+        metadata: {
+          name: "foo",
+          resourceVersion: "12345",
+          uid: "12345",
+          selfLink: "/apis/apiextensions.k8s.io/v1/customresourcedefinitions/foo",
+        },
+        spec: {
+          group: "foo.bar",
+          names: {
+            kind: "Foo",
+            plural: "foos",
+          },
+          scope: "Namespaced",
+          versions: [
+            {
+              name: "123",
+              served: false,
+              storage: true,
+            },
+            {
+              name: "1234",
+              served: false,
+              storage: false,
+            },
+          ],
+        },
+      });
+
+      expect(crd.getVersion()).toBe("123");
+    });
+
+    it("should get the version that is both served and stored even with version field", () => {
+      const crd = new CustomResourceDefinition({
+        apiVersion: "apiextensions.k8s.io/v1",
+        kind: "CustomResourceDefinition",
+        metadata: {
+          name: "foo",
+          resourceVersion: "12345",
+          uid: "12345",
+          selfLink: "/apis/apiextensions.k8s.io/v1/customresourcedefinitions/foo",
+        },
+        spec: {
+          group: "foo.bar",
+          names: {
+            kind: "Foo",
+            plural: "foos",
+          },
+          scope: "Namespaced",
+          version: "abc",
+          versions: [
+            {
+              name: "123",
+              served: true,
+              storage: true,
+            },
+            {
+              name: "1234",
+              served: false,
+              storage: false,
+            },
+          ],
+        },
+      });
+
+      expect(crd.getVersion()).toBe("123");
+    });
+
+    it("should get the version name from the version field, ignoring versions on v1beta", () => {
+      const crd = new CustomResourceDefinition({
+        apiVersion: "apiextensions.k8s.io/v1beta1",
+        kind: "CustomResourceDefinition",
+        metadata: {
+          name: "foo",
+          resourceVersion: "12345",
+          uid: "12345",
+          selfLink: "/apis/apiextensions.k8s.io/v1/customresourcedefinitions/foo",
+        },
+        spec: {
+          version: "abc",
+          versions: [
+            {
+              name: "foobar",
+              served: true,
+              storage: true,
+            },
+          ],
+        } as CustomResourceDefinitionSpec,
+      });
+
+      expect(crd.getVersion()).toBe("abc");
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/deployment.api.test.ts b/packages/core/src/common/k8s-api/__tests__/deployment.api.test.ts
new file mode 100644
index 0000000000..60ada4e4d1
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/deployment.api.test.ts
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getDiForUnitTesting } from "../../../renderer/getDiForUnitTesting";
+import storesAndApisCanBeCreatedInjectable from "../../../renderer/stores-apis-can-be-created.injectable";
+import apiKubeInjectable from "../../../renderer/k8s/api-kube.injectable";
+import type { DeploymentApi } from "../endpoints/deployment.api";
+import deploymentApiInjectable from "../endpoints/deployment.api.injectable";
+import type { KubeJsonApi } from "../kube-json-api";
+
+describe("DeploymentApi", () => {
+  let deploymentApi: DeploymentApi;
+  let kubeJsonApi: jest.Mocked<KubeJsonApi>;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+    kubeJsonApi = {
+      getResponse: jest.fn(),
+      get: jest.fn(),
+      post: jest.fn(),
+      put: jest.fn(),
+      patch: jest.fn(),
+      del: jest.fn(),
+    } as never;
+    di.override(apiKubeInjectable, () => kubeJsonApi);
+
+    deploymentApi = di.inject(deploymentApiInjectable);
+  });
+
+  describe("scale", () => {
+    it("requests Kubernetes API with PATCH verb and correct amount of replicas", () => {
+      deploymentApi.scale({ namespace: "default", name: "deployment-1" }, 5);
+
+      expect(kubeJsonApi.patch).toHaveBeenCalledWith("/apis/apps/v1/namespaces/default/deployments/deployment-1/scale", {
+        data: {
+          spec: {
+            replicas: 5,
+          },
+        },
+      },
+      {
+        headers: {
+          "content-type": "application/merge-patch+json",
+        },
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/endpoint.api.test.ts b/packages/core/src/common/k8s-api/__tests__/endpoint.api.test.ts
new file mode 100644
index 0000000000..666c5df63a
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/endpoint.api.test.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 { formatEndpointSubset } from "../endpoints";
+
+describe("endpoint tests", () => {
+  describe("EndpointSubset", () => {
+    it("formatEndpointSubset should be addresses X ports", () => {
+      const formatted = formatEndpointSubset({
+        addresses: [{
+          ip: "1.1.1.1",
+        }, {
+          ip: "1.1.1.2",
+        }],
+        notReadyAddresses: [],
+        ports: [{
+          port: 81,
+        }, {
+          port: 82,
+        }],
+      });
+
+      expect(formatted).toBe("1.1.1.1:81, 1.1.1.1:82, 1.1.1.2:81, 1.1.1.2:82");
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/helm-charts.api.test.ts b/packages/core/src/common/k8s-api/__tests__/helm-charts.api.test.ts
new file mode 100644
index 0000000000..e7a4cb9439
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/helm-charts.api.test.ts
@@ -0,0 +1,275 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { anyObject } from "jest-mock-extended";
+import { HelmChart } from "../endpoints/helm-charts.api";
+
+describe("HelmChart tests", () => {
+  describe("HelmChart.create() tests", () => {
+    it("should throw on non-object input", () => {
+      expect(() => HelmChart.create("" as never)).toThrowError('"value" must be of type object');
+      expect(() => HelmChart.create(1 as never)).toThrowError('"value" must be of type object');
+      expect(() => HelmChart.create(false as never)).toThrowError('"value" must be of type object');
+      expect(() => HelmChart.create([] as never)).toThrowError('"value" must be of type object');
+      expect(() => HelmChart.create(Symbol() as never)).toThrowError('"value" must be of type object');
+    });
+
+    it("should throw on missing fields", () => {
+      expect(() => HelmChart.create({} as never)).toThrowError('"apiVersion" is required');
+      expect(() => HelmChart.create({
+        apiVersion: "!",
+      } as never)).toThrowError('"name" is required');
+      expect(() => HelmChart.create({
+        apiVersion: "!",
+        name: "!",
+      } as never)).toThrowError('"version" is required');
+      expect(() => HelmChart.create({
+        apiVersion: "!",
+        name: "!",
+        version: "!",
+      } as never)).toThrowError('"repo" is required');
+      expect(() => HelmChart.create({
+        apiVersion: "!",
+        name: "!",
+        version: "!",
+        repo: "!",
+      } as never)).toThrowError('"created" is required');
+    });
+
+    it("should throw on fields being wrong type", () => {
+      expect(() => HelmChart.create({
+        apiVersion: 1,
+        name: "!",
+        version: "!",
+        repo: "!",
+        created: "!",
+        digest: "!",
+      } as never)).toThrowError('"apiVersion" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: 1,
+        version: "!",
+        repo: "!",
+        created: "!",
+        digest: "!",
+      } as never)).toThrowError('"name" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "!",
+        name: "!",
+        version: "!",
+        repo: "!",
+        created: "!",
+        digest: 1,
+      } as never)).toThrowError('"digest" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "",
+        version: 1,
+        repo: "!",
+        created: "!",
+        digest: "!",
+      } as never)).toThrowError('"version" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: 1,
+        created: "!",
+        digest: "!",
+      } as never)).toThrowError('"repo" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        created: 1,
+        digest: "a",
+      } as never)).toThrowError('"created" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        created: "!",
+        digest: 1,
+      } as never)).toThrowError('"digest" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        kubeVersion: 1,
+      } as never)).toThrowError('"kubeVersion" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        description: 1,
+      } as never)).toThrowError('"description" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        home: 1,
+      } as never)).toThrowError('"home" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        engine: 1,
+      } as never)).toThrowError('"engine" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        icon: 1,
+      } as never)).toThrowError('"icon" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        appVersion: 1,
+      } as never)).toThrowError('"appVersion" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        tillerVersion: 1,
+      } as never)).toThrowError('"tillerVersion" must be a string');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        deprecated: 1,
+      } as never)).toThrowError('"deprecated" must be a boolean');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        keywords: 1,
+      } as never)).toThrowError('"keywords" must be an array');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        sources: 1,
+      } as never)).toThrowError('"sources" must be an array');
+      expect(() => HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        maintainers: 1,
+      } as never)).toThrowError('"maintainers" must be an array');
+    });
+
+    it("should filter non-string keywords", () => {
+      const chart = HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        keywords: [1, "a", false, {}, "b"] as never,
+      });
+
+      expect(chart?.keywords).toStrictEqual(["a", "b"]);
+    });
+
+    it("should filter non-string sources", () => {
+      const chart = HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        sources: [1, "a", false, {}, "b"] as never,
+      });
+
+      expect(chart?.sources).toStrictEqual(["a", "b"]);
+    });
+
+    it("should filter invalid maintainers", () => {
+      const chart = HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        maintainers: [{
+          name: "a",
+          email: "b",
+          url: "c",
+        }] as never,
+      });
+
+      expect(chart?.maintainers).toStrictEqual([{
+        name: "a",
+        email: "b",
+        url: "c",
+      }]);
+    });
+
+    it("should warn on unknown fields", () => {
+      const { warn } = console;
+      const warnFn = console.warn = jest.fn();
+
+      HelmChart.create({
+        apiVersion: "1",
+        name: "1",
+        version: "1",
+        repo: "1",
+        digest: "1",
+        created: "!",
+        maintainers: [{
+          name: "a",
+          email: "b",
+          url: "c",
+        }] as never,
+        "asdjhajksdhadjks": 1,
+      } as never);
+
+      expect(warnFn).toHaveBeenCalledWith("HelmChart data has unexpected fields", {
+        original: anyObject(),
+        unknownFields: ["asdjhajksdhadjks"],
+      });
+      console.warn = warn;
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/ingress.api.test.ts b/packages/core/src/common/k8s-api/__tests__/ingress.api.test.ts
new file mode 100644
index 0000000000..acb2a59a68
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/ingress.api.test.ts
@@ -0,0 +1,164 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+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({
+      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",
+      },
+    });
+
+    const result = computeRuleDeclarations(ingress, {
+      host: "foo.bar",
+      http: {
+        paths: [{
+          pathType: "Exact",
+          backend: {
+            service: {
+              name: "my-service",
+              port: {
+                number: 8080,
+              },
+            },
+          },
+        }],
+      },
+    });
+
+    expect(result[0].url).toBe("http://foo.bar/");
+  });
+
+  it("given no tls entries, should format links as http://", () => {
+    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",
+      },
+    });
+
+    ingress.spec = {
+      tls: [],
+    };
+
+    const result = computeRuleDeclarations(ingress, {
+      host: "foo.bar",
+      http: {
+        paths: [{
+          pathType: "Exact",
+          backend: {
+            service: {
+              name: "my-service",
+              port: {
+                number: 8080,
+              },
+            },
+          },
+        }],
+      },
+    });
+
+    expect(result[0].url).toBe("http://foo.bar/");
+  });
+
+  it("given some tls entries, should format links as https://", () => {
+    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",
+      },
+    });
+
+    ingress.spec = {
+      tls: [{
+        secretName: "my-secret",
+      }],
+    };
+
+    const result = computeRuleDeclarations(ingress, {
+      host: "foo.bar",
+      http: {
+        paths: [{
+          pathType: "Exact",
+          backend: {
+            service: {
+              name: "my-service",
+              port: {
+                number: 8080,
+              },
+            },
+          },
+        }],
+      },
+    });
+
+    expect(result[0].url).toBe("https://foo.bar/");
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/kube-api-parse.test.ts b/packages/core/src/common/k8s-api/__tests__/kube-api-parse.test.ts
new file mode 100644
index 0000000000..547f78adef
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/kube-api-parse.test.ts
@@ -0,0 +1,131 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+jest.mock("../kube-object");
+jest.mock("../kube-api");
+jest.mock("../api-manager", () => ({
+  apiManager() {
+    return {
+      registerStore: jest.fn(),
+    };
+  },
+}));
+
+import type { IKubeApiParsed } from "../kube-api-parse";
+import { parseKubeApi } from "../kube-api-parse";
+
+/**
+ * [<input-url>, <expected-result>]
+ */
+type KubeApiParseTestData = [string, IKubeApiParsed];
+
+const tests: KubeApiParseTestData[] = [
+  ["/apis/apiextensions.k8s.io/v1beta1/customresourcedefinitions/prometheuses.monitoring.coreos.com", {
+    apiBase: "/apis/apiextensions.k8s.io/v1beta1/customresourcedefinitions",
+    apiPrefix: "/apis",
+    apiGroup: "apiextensions.k8s.io",
+    apiVersion: "v1beta1",
+    apiVersionWithGroup: "apiextensions.k8s.io/v1beta1",
+    namespace: undefined,
+    resource: "customresourcedefinitions",
+    name: "prometheuses.monitoring.coreos.com",
+  }],
+  ["/api/v1/namespaces/kube-system/pods/coredns-6955765f44-v8p27", {
+    apiBase: "/api/v1/pods",
+    apiPrefix: "/api",
+    apiGroup: "",
+    apiVersion: "v1",
+    apiVersionWithGroup: "v1",
+    namespace: "kube-system",
+    resource: "pods",
+    name: "coredns-6955765f44-v8p27",
+  }],
+  ["/apis/stable.example.com/foo1/crontabs", {
+    apiBase: "/apis/stable.example.com/foo1/crontabs",
+    apiPrefix: "/apis",
+    apiGroup: "stable.example.com",
+    apiVersion: "foo1",
+    apiVersionWithGroup: "stable.example.com/foo1",
+    resource: "crontabs",
+    name: undefined,
+    namespace: undefined,
+  }],
+  ["/apis/cluster.k8s.io/v1alpha1/clusters", {
+    apiBase: "/apis/cluster.k8s.io/v1alpha1/clusters",
+    apiPrefix: "/apis",
+    apiGroup: "cluster.k8s.io",
+    apiVersion: "v1alpha1",
+    apiVersionWithGroup: "cluster.k8s.io/v1alpha1",
+    resource: "clusters",
+    name: undefined,
+    namespace: undefined,
+  }],
+  ["/api/v1/namespaces", {
+    apiBase: "/api/v1/namespaces",
+    apiPrefix: "/api",
+    apiGroup: "",
+    apiVersion: "v1",
+    apiVersionWithGroup: "v1",
+    resource: "namespaces",
+    name: undefined,
+    namespace: undefined,
+  }],
+  ["/api/v1/secrets", {
+    apiBase: "/api/v1/secrets",
+    apiPrefix: "/api",
+    apiGroup: "",
+    apiVersion: "v1",
+    apiVersionWithGroup: "v1",
+    resource: "secrets",
+    name: undefined,
+    namespace: undefined,
+  }],
+  ["/api/v1/nodes/minikube", {
+    apiBase: "/api/v1/nodes",
+    apiPrefix: "/api",
+    apiGroup: "",
+    apiVersion: "v1",
+    apiVersionWithGroup: "v1",
+    resource: "nodes",
+    name: "minikube",
+    namespace: undefined,
+  }],
+  ["/api/foo-bar/nodes/minikube", {
+    apiBase: "/api/foo-bar/nodes",
+    apiPrefix: "/api",
+    apiGroup: "",
+    apiVersion: "foo-bar",
+    apiVersionWithGroup: "foo-bar",
+    resource: "nodes",
+    name: "minikube",
+    namespace: undefined,
+  }],
+  ["/api/v1/namespaces/kube-public", {
+    apiBase: "/api/v1/namespaces",
+    apiPrefix: "/api",
+    apiGroup: "",
+    apiVersion: "v1",
+    apiVersionWithGroup: "v1",
+    resource: "namespaces",
+    name: "kube-public",
+    namespace: undefined,
+  }],
+];
+
+const throwtests = [
+  undefined,
+  "",
+  "ajklsmh",
+];
+
+describe("parseApi unit tests", () => {
+  it.each(tests)("testing %j", (url, expected) => {
+    expect(parseKubeApi(url)).toStrictEqual(expected);
+  });
+
+  it.each(throwtests)("testing %j should throw", (url) => {
+    expect(() => parseKubeApi(url as never)).toThrowError("invalid apiPath");
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/kube-api-version-detection.test.ts b/packages/core/src/common/k8s-api/__tests__/kube-api-version-detection.test.ts
new file mode 100644
index 0000000000..94c6e0cd9c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/kube-api-version-detection.test.ts
@@ -0,0 +1,712 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { ApiManager } from "../api-manager";
+import type { IngressApi } from "../endpoints";
+import { Ingress } from "../endpoints";
+import { getDiForUnitTesting } from "../../../renderer/getDiForUnitTesting";
+import apiManagerInjectable from "../api-manager/manager.injectable";
+import type { Fetch } from "../../fetch/fetch.injectable";
+import fetchInjectable from "../../fetch/fetch.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import { flushPromises } from "../../test-utils/flush-promises";
+import createKubeJsonApiInjectable from "../create-kube-json-api.injectable";
+import setupAutoRegistrationInjectable from "../../../renderer/before-frame-starts/runnables/setup-auto-registration.injectable";
+import { createMockResponseFromString } from "../../../test-utils/mock-responses";
+import storesAndApisCanBeCreatedInjectable from "../../../renderer/stores-apis-can-be-created.injectable";
+import directoryForUserDataInjectable from "../../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import createClusterInjectable from "../../../main/create-cluster/create-cluster.injectable";
+import hostedClusterInjectable from "../../../renderer/cluster-frame-context/hosted-cluster.injectable";
+import directoryForKubeConfigsInjectable from "../../app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import apiKubeInjectable from "../../../renderer/k8s/api-kube.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import ingressApiInjectable from "../endpoints/ingress.api.injectable";
+
+describe("KubeApi", () => {
+  let di: DiContainer;
+  let registerApiSpy: jest.SpiedFunction<ApiManager["registerApi"]>;
+  let fetchMock: AsyncFnMock<Fetch>;
+
+  beforeEach(async () => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    fetchMock = asyncFn();
+    di.override(fetchInjectable, () => fetchMock);
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+    const createKubeJsonApi = di.inject(createKubeJsonApiInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    di.override(apiKubeInjectable, () => createKubeJsonApi({
+      serverAddress: `http://127.0.0.1:9999`,
+      apiBase: "/api-kube",
+    }));
+
+    registerApiSpy = jest.spyOn(di.inject(apiManagerInjectable), "registerApi");
+
+    const setupAutoRegistration = di.inject(setupAutoRegistrationInjectable);
+
+    setupAutoRegistration.run();
+  });
+
+  describe("on first call to IngressApi.get()", () => {
+    let ingressApi: IngressApi;
+    let getCall: Promise<Ingress | null>;
+
+    beforeEach(async () => {
+      ingressApi = di.inject(ingressApiInjectable);
+      getCall = ingressApi.get({
+        name: "foo",
+        namespace: "default",
+      });
+
+      // This is needed because of how JS promises work
+      await flushPromises();
+    });
+
+    it("requests version list from the api group from the initial apiBase", () => {
+      expect(fetchMock.mock.lastCall).toMatchObject([
+        "http://127.0.0.1:9999/api-kube/apis/networking.k8s.io",
+        {
+          headers: {
+            "content-type": "application/json",
+          },
+          method: "get",
+        },
+      ]);
+    });
+
+    describe("when the version list from the api group resolves", () => {
+      beforeEach(async () => {
+        await fetchMock.resolveSpecific(
+          ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io"],
+          createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io", JSON.stringify({
+            apiVersion: "v1",
+            kind: "APIGroup",
+            name: "networking.k8s.io",
+            versions: [
+              {
+                groupVersion: "networking.k8s.io/v1",
+                version: "v1",
+              },
+              {
+                groupVersion: "networking.k8s.io/v1beta1",
+                version: "v1beta1",
+              },
+            ],
+            preferredVersion: {
+              groupVersion: "networking.k8s.io/v1",
+              version: "v1",
+            },
+          })),
+        );
+      });
+
+      it("requests resources from the versioned api group from the initial apiBase", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "get",
+          },
+        ]);
+      });
+
+      describe("when resource request fufills with a resource", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1", JSON.stringify({
+              resources: [{
+                name: "ingresses",
+              }],
+            })),
+          );
+        });
+
+        it("makes the request to get the resource", () => {
+          expect(fetchMock.mock.lastCall).toMatchObject([
+            "http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo",
+            {
+              headers: {
+                "content-type": "application/json",
+              },
+              method: "get",
+            },
+          ]);
+        });
+
+        it("sets fields in the api instance", () => {
+          expect(ingressApi).toEqual(expect.objectContaining({
+            apiVersionPreferred: "v1",
+            apiPrefix: "/apis",
+            apiGroup: "networking.k8s.io",
+          }));
+        });
+
+        it("registers the api with the changes info", () => {
+          expect(registerApiSpy).toBeCalledWith(ingressApi);
+        });
+
+        describe("when the request resolves with no data", () => {
+          let result: Ingress | null;
+
+          beforeEach(async () => {
+            await fetchMock.resolveSpecific(
+              ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo"],
+              createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo", JSON.stringify({})),
+            );
+            result = await getCall;
+          });
+
+          it("results in the get call resolving to null", () => {
+            expect(result).toBeNull();
+          });
+
+          describe("on the second call to IngressApi.get()", () => {
+            let getCall: Promise<Ingress | null>;
+
+            beforeEach(async () => {
+              getCall = ingressApi.get({
+                name: "foo1",
+                namespace: "default",
+              });
+
+              // This is needed because of how JS promises work
+              await flushPromises();
+            });
+
+            it("makes the request to get the resource", () => {
+              expect(fetchMock.mock.lastCall).toMatchObject([
+                "http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo1",
+                {
+                  headers: {
+                    "content-type": "application/json",
+                  },
+                  method: "get",
+                },
+              ]);
+            });
+
+            describe("when the request resolves with no data", () => {
+              let result: Ingress | null;
+
+              beforeEach(async () => {
+                await fetchMock.resolveSpecific(
+                  ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo1"],
+                  createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo1", JSON.stringify({})),
+                );
+                result = await getCall;
+              });
+
+              it("results in the get call resolving to null", () => {
+                expect(result).toBeNull();
+              });
+            });
+          });
+        });
+
+        describe("when the request resolves with data", () => {
+          let result: Ingress | null;
+
+          beforeEach(async () => {
+            await fetchMock.resolveSpecific(
+              ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo"],
+              createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo", JSON.stringify({
+                apiVersion: "v1",
+                kind: "Ingress",
+                metadata: {
+                  name: "foo",
+                  namespace: "default",
+                  resourceVersion: "1",
+                  uid: "12345",
+                },
+              })),
+            );
+            result = await getCall;
+          });
+
+          it("results in the get call resolving to an instance", () => {
+            expect(result).toBeInstanceOf(Ingress);
+          });
+
+          describe("on the second call to IngressApi.get()", () => {
+            let getCall: Promise<Ingress | null>;
+
+            beforeEach(async () => {
+              getCall = ingressApi.get({
+                name: "foo1",
+                namespace: "default",
+              });
+
+              // This is needed because of how JS promises work
+              await flushPromises();
+            });
+
+            it("makes the request to get the resource", () => {
+              expect(fetchMock.mock.lastCall).toMatchObject([
+                "http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo1",
+                {
+                  headers: {
+                    "content-type": "application/json",
+                  },
+                  method: "get",
+                },
+              ]);
+            });
+
+            describe("when the request resolves with no data", () => {
+              let result: Ingress | null;
+
+              beforeEach(async () => {
+                await fetchMock.resolveSpecific(
+                  ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo1"],
+                  createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1/namespaces/default/ingresses/foo1", JSON.stringify({})),
+                );
+                result = await getCall;
+              });
+
+              it("results in the get call resolving to null", () => {
+                expect(result).toBeNull();
+              });
+            });
+          });
+        });
+      });
+
+      describe("when resource request fufills with no resource", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1", JSON.stringify({
+              resources: [],
+            })),
+          );
+        });
+
+        it("requests resources from the second versioned api group from the initial apiBase", () => {
+          expect(fetchMock.mock.lastCall).toMatchObject([
+            "http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1",
+            {
+              headers: {
+                "content-type": "application/json",
+              },
+              method: "get",
+            },
+          ]);
+        });
+
+
+
+        describe("when resource request fufills with a resource", () => {
+          beforeEach(async () => {
+            await fetchMock.resolveSpecific(
+              ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1"],
+              createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1", JSON.stringify({
+                resources: [{
+                  name: "ingresses",
+                }],
+              })),
+            );
+          });
+
+          it("makes the request to get the resource", () => {
+            expect(fetchMock.mock.lastCall).toMatchObject([
+              "http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo",
+              {
+                headers: {
+                  "content-type": "application/json",
+                },
+                method: "get",
+              },
+            ]);
+          });
+
+          it("sets fields in the api instance", () => {
+            expect(ingressApi).toEqual(expect.objectContaining({
+              apiVersionPreferred: "v1beta1",
+              apiPrefix: "/apis",
+              apiGroup: "networking.k8s.io",
+            }));
+          });
+
+          it("registers the api with the changes info", () => {
+            expect(registerApiSpy).toBeCalledWith(ingressApi);
+          });
+
+          describe("when the request resolves with no data", () => {
+            let result: Ingress | null;
+
+            beforeEach(async () => {
+              await fetchMock.resolveSpecific(
+                ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo"],
+                createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo", JSON.stringify({})),
+              );
+              result = await getCall;
+            });
+
+            it("results in the get call resolving to null", () => {
+              expect(result).toBeNull();
+            });
+
+            describe("on the second call to IngressApi.get()", () => {
+              let getCall: Promise<Ingress | null>;
+
+              beforeEach(async () => {
+                getCall = ingressApi.get({
+                  name: "foo1",
+                  namespace: "default",
+                });
+
+                // This is needed because of how JS promises work
+                await flushPromises();
+              });
+
+              it("makes the request to get the resource", () => {
+                expect(fetchMock.mock.lastCall).toMatchObject([
+                  "http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo1",
+                  {
+                    headers: {
+                      "content-type": "application/json",
+                    },
+                    method: "get",
+                  },
+                ]);
+              });
+
+              describe("when the request resolves with no data", () => {
+                let result: Ingress | null;
+
+                beforeEach(async () => {
+                  await fetchMock.resolveSpecific(
+                    ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo1"],
+                    createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo1", JSON.stringify({})),
+                  );
+                  result = await getCall;
+                });
+
+                it("results in the get call resolving to null", () => {
+                  expect(result).toBeNull();
+                });
+              });
+            });
+          });
+
+          describe("when the request resolves with data", () => {
+            let result: Ingress | null;
+
+            beforeEach(async () => {
+              await fetchMock.resolveSpecific(
+                ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo"],
+                createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo", JSON.stringify({
+                  apiVersion: "v1",
+                  kind: "Ingress",
+                  metadata: {
+                    name: "foo",
+                    namespace: "default",
+                    resourceVersion: "1",
+                    uid: "12345",
+                  },
+                })),
+              );
+              result = await getCall;
+            });
+
+            it("results in the get call resolving to an instance", () => {
+              expect(result).toBeInstanceOf(Ingress);
+            });
+
+            describe("on the second call to IngressApi.get()", () => {
+              let getCall: Promise<Ingress | null>;
+
+              beforeEach(async () => {
+                getCall = ingressApi.get({
+                  name: "foo1",
+                  namespace: "default",
+                });
+
+                // This is needed because of how JS promises work
+                await flushPromises();
+              });
+
+              it("makes the request to get the resource", () => {
+                expect(fetchMock.mock.lastCall).toMatchObject([
+                  "http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo1",
+                  {
+                    headers: {
+                      "content-type": "application/json",
+                    },
+                    method: "get",
+                  },
+                ]);
+              });
+
+              describe("when the request resolves with no data", () => {
+                let result: Ingress | null;
+
+                beforeEach(async () => {
+                  await fetchMock.resolveSpecific(
+                    ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo1"],
+                    createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io/v1beta1/namespaces/default/ingresses/foo1", JSON.stringify({})),
+                  );
+                  result = await getCall;
+                });
+
+                it("results in the get call resolving to null", () => {
+                  expect(result).toBeNull();
+                });
+              });
+            });
+          });
+        });
+      });
+    });
+
+    describe("when the version list from the api group resolves with no versions", () => {
+      beforeEach(async () => {
+        await fetchMock.resolveSpecific(
+          ["http://127.0.0.1:9999/api-kube/apis/networking.k8s.io"],
+          createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/networking.k8s.io", JSON.stringify({
+            "metadata": {},
+            "status": "Failure",
+            "message": "the server could not find the requested resource",
+            "reason": "NotFound",
+            "details": {
+              "causes": [
+                {
+                  "reason": "UnexpectedServerResponse",
+                  "message": "404 page not found",
+                },
+              ],
+            },
+            "code": 404,
+          }), 404),
+        );
+      });
+
+      it("requests the resources from the base api url from the fallback api", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/apis/extensions",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "get",
+          },
+        ]);
+      });
+
+      describe("when resource request fufills with a resource", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/apis/extensions"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/extensions", JSON.stringify({
+              apiVersion: "v1",
+              kind: "APIGroup",
+              name: "extensions",
+              versions: [
+                {
+                  groupVersion: "extensions/v1beta1",
+                  version: "v1beta1",
+                },
+              ],
+              preferredVersion: {
+                groupVersion: "extensions/v1beta1",
+                version: "v1beta1",
+              },
+            })),
+          );
+        });
+
+        it("requests resource versions from the versioned api group from the fallback apiBase", () => {
+          expect(fetchMock.mock.lastCall).toMatchObject([
+            "http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1",
+            {
+              headers: {
+                "content-type": "application/json",
+              },
+              method: "get",
+            },
+          ]);
+        });
+
+        describe("when the preferred version request resolves to v1beta1", () => {
+          beforeEach(async () => {
+            await fetchMock.resolveSpecific(
+              ["http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1"],
+              createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/extensions", JSON.stringify({
+                resources: [{
+                  name: "ingresses",
+                }],
+              })),
+            );
+          });
+
+          it("makes the request to get the resource", () => {
+            expect(fetchMock.mock.lastCall).toMatchObject([
+              "http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo",
+              {
+                headers: {
+                  "content-type": "application/json",
+                },
+                method: "get",
+              },
+            ]);
+          });
+
+          it("sets fields in the api instance", () => {
+            expect(ingressApi).toEqual(expect.objectContaining({
+              apiVersionPreferred: "v1beta1",
+              apiPrefix: "/apis",
+              apiGroup: "extensions",
+            }));
+          });
+
+          it("registers the api with the changes info", () => {
+            expect(registerApiSpy).toBeCalledWith(ingressApi);
+          });
+
+          describe("when the request resolves with no data", () => {
+            let result: Ingress | null;
+
+            beforeEach(async () => {
+              await fetchMock.resolveSpecific(
+                ["http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo"],
+                createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo", JSON.stringify({})),
+              );
+              result = await getCall;
+            });
+
+            it("results in the get call resolving to null", () => {
+              expect(result).toBeNull();
+            });
+
+            describe("on the second call to IngressApi.get()", () => {
+              let getCall: Promise<Ingress | null>;
+
+              beforeEach(async () => {
+                getCall = ingressApi.get({
+                  name: "foo1",
+                  namespace: "default",
+                });
+
+                // This is needed because of how JS promises work
+                await flushPromises();
+              });
+
+              it("makes the request to get the resource", () => {
+                expect(fetchMock.mock.lastCall).toMatchObject([
+                  "http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo1",
+                  {
+                    headers: {
+                      "content-type": "application/json",
+                    },
+                    method: "get",
+                  },
+                ]);
+              });
+
+              describe("when the request resolves with no data", () => {
+                let result: Ingress | null;
+
+                beforeEach(async () => {
+                  await fetchMock.resolveSpecific(
+                    ["http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo1"],
+                    createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo1", JSON.stringify({})),
+                  );
+                  result = await getCall;
+                });
+
+                it("results in the get call resolving to null", () => {
+                  expect(result).toBeNull();
+                });
+              });
+            });
+          });
+
+          describe("when the request resolves with data", () => {
+            let result: Ingress | null;
+
+            beforeEach(async () => {
+              await fetchMock.resolveSpecific(
+                ["http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo"],
+                createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo", JSON.stringify({
+                  apiVersion: "v1beta1",
+                  kind: "Ingress",
+                  metadata: {
+                    name: "foo",
+                    namespace: "default",
+                    resourceVersion: "1",
+                    uid: "12345",
+                  },
+                })),
+              );
+              result = await getCall;
+            });
+
+            it("results in the get call resolving to an instance", () => {
+              expect(result).toBeInstanceOf(Ingress);
+            });
+
+            describe("on the second call to IngressApi.get()", () => {
+              let getCall: Promise<Ingress | null>;
+
+              beforeEach(async () => {
+                getCall = ingressApi.get({
+                  name: "foo1",
+                  namespace: "default",
+                });
+
+                // This is needed because of how JS promises work
+                await flushPromises();
+              });
+
+              it("makes the request to get the resource", () => {
+                expect(fetchMock.mock.lastCall).toMatchObject([
+                  "http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo1",
+                  {
+                    headers: {
+                      "content-type": "application/json",
+                    },
+                    method: "get",
+                  },
+                ]);
+              });
+
+              describe("when the request resolves with no data", () => {
+                let result: Ingress | null;
+
+                beforeEach(async () => {
+                  await fetchMock.resolveSpecific(
+                    ["http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo1"],
+                    createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/extensions/v1beta1/namespaces/default/ingresses/foo1", JSON.stringify({})),
+                  );
+                  result = await getCall;
+                });
+
+                it("results in the get call resolving to null", () => {
+                  expect(result).toBeNull();
+                });
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/kube-api.test.ts b/packages/core/src/common/k8s-api/__tests__/kube-api.test.ts
new file mode 100644
index 0000000000..7bce8a3b7c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/kube-api.test.ts
@@ -0,0 +1,1227 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { KubeApiWatchCallback } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+import { PassThrough } from "stream";
+import type { DeploymentApi, NamespaceApi } from "../endpoints";
+import { Deployment, Pod, PodApi } from "../endpoints";
+import { getDiForUnitTesting } from "../../../renderer/getDiForUnitTesting";
+import type { Fetch } from "../../fetch/fetch.injectable";
+import fetchInjectable from "../../fetch/fetch.injectable";
+import type { CreateKubeApiForRemoteCluster } from "../create-kube-api-for-remote-cluster.injectable";
+import createKubeApiForRemoteClusterInjectable from "../create-kube-api-for-remote-cluster.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import { flushPromises } from "../../test-utils/flush-promises";
+import createKubeJsonApiInjectable from "../create-kube-json-api.injectable";
+import type { IKubeWatchEvent } from "../kube-watch-event";
+import type { KubeJsonApiDataFor } from "../kube-object";
+import AbortController from "abort-controller";
+import setupAutoRegistrationInjectable from "../../../renderer/before-frame-starts/runnables/setup-auto-registration.injectable";
+import { createMockResponseFromStream, createMockResponseFromString } from "../../../test-utils/mock-responses";
+import storesAndApisCanBeCreatedInjectable from "../../../renderer/stores-apis-can-be-created.injectable";
+import directoryForUserDataInjectable from "../../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import createClusterInjectable from "../../../main/create-cluster/create-cluster.injectable";
+import hostedClusterInjectable from "../../../renderer/cluster-frame-context/hosted-cluster.injectable";
+import directoryForKubeConfigsInjectable from "../../app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import apiKubeInjectable from "../../../renderer/k8s/api-kube.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import deploymentApiInjectable from "../endpoints/deployment.api.injectable";
+import podApiInjectable from "../endpoints/pod.api.injectable";
+import namespaceApiInjectable from "../endpoints/namespace.api.injectable";
+
+// NOTE: this is fine because we are testing something that only exported
+// eslint-disable-next-line no-restricted-imports
+import { PodsApi } from "../../../extensions/common-api/k8s-api";
+
+describe("createKubeApiForRemoteCluster", () => {
+  let createKubeApiForRemoteCluster: CreateKubeApiForRemoteCluster;
+  let fetchMock: AsyncFnMock<Fetch>;
+
+  beforeEach(async () => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    fetchMock = asyncFn();
+    di.override(fetchInjectable, () => fetchMock);
+
+    createKubeApiForRemoteCluster = di.inject(createKubeApiForRemoteClusterInjectable);
+  });
+
+  it("builds api client for KubeObject", async () => {
+    const api = createKubeApiForRemoteCluster({
+      cluster: {
+        server: "https://127.0.0.1:6443",
+      },
+      user: {
+        token: "daa",
+      },
+    }, Pod);
+
+    expect(api).toBeInstanceOf(KubeApi);
+  });
+
+  describe("when building for remote cluster with specific constructor", () => {
+    let api: PodApi;
+
+    beforeEach(() => {
+      api = createKubeApiForRemoteCluster({
+        cluster: {
+          server: "https://127.0.0.1:6443",
+        },
+        user: {
+          token: "daa",
+        },
+      }, Pod, PodsApi);
+    });
+
+    it("uses the constructor", () => {
+      expect(api).toBeInstanceOf(PodApi);
+    });
+
+    describe("when calling list without namespace", () => {
+      let listRequest: Promise<Pod[] | null>;
+
+      beforeEach(async () => {
+        listRequest = api.list();
+
+        // This is required because of how JS promises work
+        await flushPromises();
+      });
+
+      it("should request pods from default namespace", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "https://127.0.0.1:6443/api/v1/pods",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "get",
+          },
+        ]);
+      });
+
+      describe("when request resolves with data", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["https://127.0.0.1:6443/api/v1/pods"],
+            createMockResponseFromString("https://127.0.0.1:6443/api/v1/pods", JSON.stringify({
+              kind: "PodList",
+              apiVersion: "v1",
+              metadata:{
+                resourceVersion: "452899",
+              },
+              items: [],
+            })),
+          );
+        });
+
+        it("resolves the list call", async () => {
+          expect(await listRequest).toEqual([]);
+        });
+      });
+    });
+  });
+});
+
+describe("KubeApi", () => {
+  let fetchMock: AsyncFnMock<Fetch>;
+  let di: DiContainer;
+
+  beforeEach(async () => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    fetchMock = asyncFn();
+    di.override(fetchInjectable, () => fetchMock);
+
+    const createCluster = di.inject(createClusterInjectable);
+    const createKubeJsonApi = di.inject(createKubeJsonApiInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    di.override(apiKubeInjectable, () => createKubeJsonApi({
+      serverAddress: `http://127.0.0.1:9999`,
+      apiBase: "/api-kube",
+    }));
+
+    const setupAutoRegistration = di.inject(setupAutoRegistrationInjectable);
+
+    setupAutoRegistration.run();
+  });
+
+  describe("patching deployments", () => {
+    let api: DeploymentApi;
+
+    beforeEach(() => {
+      api = di.inject(deploymentApiInjectable);
+    });
+
+    describe("when patching a resource without providing a strategy", () => {
+      let patchRequest: Promise<Deployment | null>;
+
+      beforeEach(async () => {
+        patchRequest = api.patch({ name: "test", namespace: "default" }, {
+          spec: { replicas: 2 },
+        });
+
+        // This is needed because of how JS promises work
+        await flushPromises();
+      });
+
+      it("requests a patch using strategic merge", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/apis/apps/v1/namespaces/default/deployments/test",
+          {
+            headers: {
+              "content-type": "application/strategic-merge-patch+json",
+            },
+            method: "patch",
+            body: JSON.stringify({ spec: { replicas: 2 }}),
+          },
+        ]);
+      });
+
+      describe("when the patch request resolves with data", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/apis/apps/v1/namespaces/default/deployments/test"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/apps/v1/namespaces/default/deployments/test", JSON.stringify({
+              apiVersion: "v1",
+              kind: "Deployment",
+              metadata: {
+                name: "test",
+                namespace: "default",
+                resourceVersion: "1",
+                uid: "12345",
+              },
+              spec: {
+                replicas: 2,
+              },
+            })),
+          );
+        });
+
+        it("resolves the patch call", async () => {
+          expect(await patchRequest).toBeInstanceOf(Deployment);
+        });
+      });
+    });
+
+    describe("when patching a resource using json patch", () => {
+      let patchRequest: Promise<Deployment | null>;
+
+      beforeEach(async () => {
+        patchRequest = api.patch({ name: "test", namespace: "default" }, [
+          { op: "replace", path: "/spec/replicas", value: 2 },
+        ], "json");
+
+        // This is needed because of how JS promises work
+        await flushPromises();
+      });
+
+      it("requests a patch using json merge", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/apis/apps/v1/namespaces/default/deployments/test",
+          {
+            headers: {
+              "content-type": "application/json-patch+json",
+            },
+            method: "patch",
+            body: JSON.stringify([
+              { op: "replace", path: "/spec/replicas", value: 2 },
+            ]),
+          },
+        ]);
+      });
+
+      describe("when the patch request resolves with data", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/apis/apps/v1/namespaces/default/deployments/test"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/apps/v1/namespaces/default/deployments/test", JSON.stringify({
+              apiVersion: "v1",
+              kind: "Deployment",
+              metadata: {
+                name: "test",
+                namespace: "default",
+                resourceVersion: "1",
+                uid: "12345",
+              },
+              spec: {
+                replicas: 2,
+              },
+            })),
+          );
+        });
+
+        it("resolves the patch call", async () => {
+          expect(await patchRequest).toBeInstanceOf(Deployment);
+        });
+      });
+    });
+
+    describe("when patching a resource using merge patch", () => {
+      let patchRequest: Promise<Deployment | null>;
+
+      beforeEach(async () => {
+        patchRequest = api.patch(
+          { name: "test", namespace: "default" },
+          { metadata: { annotations: { provisioned: "True" }}},
+          "merge",
+        );
+
+        // This is needed because of how JS promises work
+        await flushPromises();
+      });
+
+      it("requests a patch using json merge", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/apis/apps/v1/namespaces/default/deployments/test",
+          {
+            headers: {
+              "content-type": "application/merge-patch+json",
+            },
+            method: "patch",
+            body: JSON.stringify({ metadata: { annotations: { provisioned: "True" }}}),
+          },
+        ]);
+      });
+
+      describe("when the patch request resolves with data", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/apis/apps/v1/namespaces/default/deployments/test"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/apis/apps/v1/namespaces/default/deployments/test", JSON.stringify({
+              apiVersion: "v1",
+              kind: "Deployment",
+              metadata: {
+                name: "test",
+                namespace: "default",
+                resourceVersion: "1",
+                uid: "12345",
+                annotations: {
+                  provisioned: "True",
+                },
+              },
+            })),
+          );
+        });
+
+        it("resolves the patch call", async () => {
+          expect(await patchRequest).toBeInstanceOf(Deployment);
+        });
+      });
+    });
+  });
+
+  describe("deleting pods (namespace scoped resource)", () => {
+    let api: PodApi;
+
+    beforeEach(() => {
+      api = di.inject(podApiInjectable);
+    });
+
+    describe("when deleting by just name", () => {
+      let deleteRequest: Promise<KubeJsonApiData>;
+
+      beforeEach(async () => {
+        deleteRequest = api.delete({ name: "foo" });
+
+        // This is required for how JS promises work
+        await flushPromises();
+      });
+
+      it("requests deleting pod in default namespace", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods/foo?propagationPolicy=Background",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "delete",
+          },
+        ]);
+      });
+
+      describe("when request resolves", () => {
+        beforeEach(async () => {
+          fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods/foo?propagationPolicy=Background"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods/foo?propagationPolicy=Background", "{}"),
+          );
+        });
+
+        it("resolves the call", async () => {
+          expect(await deleteRequest).toBeDefined();
+        });
+      });
+    });
+
+    describe("when deleting by name and empty namespace", () => {
+      let deleteRequest: Promise<KubeJsonApiData>;
+
+      beforeEach(async () => {
+        deleteRequest = api.delete({ name: "foo", namespace: "" });
+
+        // This is required for how JS promises work
+        await flushPromises();
+      });
+
+      it("requests deleting pod in default namespace", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods/foo?propagationPolicy=Background",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "delete",
+          },
+        ]);
+      });
+
+      describe("when request resolves", () => {
+        beforeEach(async () => {
+          fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods/foo?propagationPolicy=Background"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods/foo?propagationPolicy=Background", "{}"),
+          );
+        });
+
+        it("resolves the call", async () => {
+          expect(await deleteRequest).toBeDefined();
+        });
+      });
+    });
+
+    describe("when deleting by name and namespace", () => {
+      let deleteRequest: Promise<KubeJsonApiData>;
+
+      beforeEach(async () => {
+        deleteRequest = api.delete({ name: "foo", namespace: "test" });
+
+        // This is required for how JS promises work
+        await flushPromises();
+      });
+
+      it("requests deleting pod in given namespace", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/test/pods/foo?propagationPolicy=Background",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "delete",
+          },
+        ]);
+      });
+
+      describe("when request resolves", () => {
+        beforeEach(async () => {
+          fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/namespaces/test/pods/foo?propagationPolicy=Background"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/namespaces/test/pods/foo?propagationPolicy=Background", "{}"),
+          );
+        });
+
+        it("resolves the call", async () => {
+          expect(await deleteRequest).toBeDefined();
+        });
+      });
+    });
+  });
+
+  describe("deleting namespaces (cluser scoped resource)", () => {
+    let api: NamespaceApi;
+
+    beforeEach(() => {
+      api = di.inject(namespaceApiInjectable);
+    });
+
+    describe("when deleting by just name", () => {
+      let deleteRequest: Promise<KubeJsonApiData>;
+
+      beforeEach(async () => {
+        deleteRequest = api.delete({ name: "foo" });
+
+        // This is required for how JS promises work
+        await flushPromises();
+      });
+
+      it("requests deleting Namespace without namespace", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/foo?propagationPolicy=Background",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "delete",
+          },
+        ]);
+      });
+
+      describe("when request resolves", () => {
+        beforeEach(async () => {
+          fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/namespaces/foo?propagationPolicy=Background"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/namespaces/foo?propagationPolicy=Background", "{}"),
+          );
+        });
+
+        it("resolves the call", async () => {
+          expect(await deleteRequest).toBeDefined();
+        });
+      });
+    });
+
+    describe("when deleting by name and empty namespace", () => {
+      let deleteRequest: Promise<KubeJsonApiData>;
+
+      beforeEach(async () => {
+        deleteRequest = api.delete({ name: "foo", namespace: "" });
+
+        // This is required for how JS promises work
+        await flushPromises();
+      });
+
+      it("requests deleting Namespace without namespace", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/foo?propagationPolicy=Background",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "delete",
+          },
+        ]);
+      });
+
+      describe("when request resolves", () => {
+        beforeEach(async () => {
+          fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/namespaces/foo?propagationPolicy=Background"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/namespaces/foo?propagationPolicy=Background", "{}"),
+          );
+        });
+
+        it("resolves the call", async () => {
+          expect(await deleteRequest).toBeDefined();
+        });
+      });
+    });
+
+    describe("when deleting by name and namespace", () => {
+      it("rejects request", () => {
+        expect(api.delete({ name: "foo", namespace: "test" })).rejects.toBeDefined();
+      });
+    });
+  });
+
+  describe("watching pods", () => {
+    let api: PodApi;
+    let stream: PassThrough;
+
+    beforeEach(() => {
+      api = di.inject(podApiInjectable);
+      stream = new PassThrough();
+    });
+
+    afterEach(() => {
+      stream.end();
+      stream.destroy();
+    });
+
+    describe("when watching in a namespace", () => {
+      let stopWatch: () => void;
+      let callback: jest.MockedFunction<KubeApiWatchCallback>;
+
+      beforeEach(async () => {
+        callback = jest.fn();
+        stopWatch = api.watch({
+          namespace: "kube-system",
+          callback,
+        });
+
+        await flushPromises();
+      });
+
+      it("requests the watch", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=600",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "get",
+          },
+        ]);
+      });
+
+      describe("when the request resolves with a stream", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ([url, init]) => {
+              const isMatch = url === "http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=600";
+
+              if (isMatch) {
+                init?.signal?.addEventListener("abort", () => {
+                  stream.destroy();
+                });
+              }
+
+              return isMatch;
+            },
+            createMockResponseFromStream("http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=600", stream),
+          );
+        });
+
+        describe("when some data comes back on the stream", () => {
+          beforeEach(() => {
+            stream.emit("data", `${JSON.stringify({
+              type: "ADDED",
+              object: {
+                apiVersion: "v1",
+                kind: "Pod",
+                metadata: {
+                  name: "foobar",
+                  namespace: "kube-system",
+                  resourceVersion: "1",
+                  uid: "123456",
+                },
+              },
+            } as IKubeWatchEvent<KubeJsonApiDataFor<Pod>>)}\n`);
+          });
+
+          it("calls the callback with the data", () => {
+            expect(callback).toBeCalledWith(
+              {
+                type: "ADDED",
+                object: {
+                  apiVersion: "v1",
+                  kind: "Pod",
+                  metadata: {
+                    name: "foobar",
+                    namespace: "kube-system",
+                    resourceVersion: "1",
+                    selfLink: "/api/v1/namespaces/kube-system/pods/foobar",
+                    uid: "123456",
+                  },
+                },
+              },
+              null,
+            );
+          });
+
+          describe("when stopping the watch", () => {
+            beforeEach(() => {
+              stopWatch();
+            });
+
+            it("closes the stream", () => {
+              expect(stream.destroyed).toBe(true);
+            });
+          });
+        });
+      });
+    });
+
+    describe("when watching in a namespace with an abort controller provided", () => {
+      let callback: jest.MockedFunction<KubeApiWatchCallback>;
+      let abortController: AbortController;
+
+      beforeEach(async () => {
+        callback = jest.fn();
+        abortController = new AbortController();
+        api.watch({
+          namespace: "kube-system",
+          callback,
+          abortController,
+        });
+
+        await flushPromises();
+      });
+
+      it("requests the watch", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=600",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "get",
+          },
+        ]);
+      });
+
+      describe("when the request resolves with a stream", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ([url, init]) => {
+              const isMatch = url === "http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=600";
+
+              if (isMatch) {
+                init?.signal?.addEventListener("abort", () => {
+                  stream.destroy();
+                });
+              }
+
+              return isMatch;
+            },
+            createMockResponseFromStream("http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=600", stream),
+          );
+        });
+
+        describe("when some data comes back on the stream", () => {
+          beforeEach(() => {
+            stream.emit("data", `${JSON.stringify({
+              type: "ADDED",
+              object: {
+                apiVersion: "v1",
+                kind: "Pod",
+                metadata: {
+                  name: "foobar",
+                  namespace: "kube-system",
+                  resourceVersion: "1",
+                  uid: "123456",
+                },
+              },
+            } as IKubeWatchEvent<KubeJsonApiDataFor<Pod>>)}\n`);
+          });
+
+          it("calls the callback with the data", () => {
+            expect(callback).toBeCalledWith(
+              {
+                type: "ADDED",
+                object: {
+                  apiVersion: "v1",
+                  kind: "Pod",
+                  metadata: {
+                    name: "foobar",
+                    namespace: "kube-system",
+                    resourceVersion: "1",
+                    selfLink: "/api/v1/namespaces/kube-system/pods/foobar",
+                    uid: "123456",
+                  },
+                },
+              },
+              null,
+            );
+          });
+
+          describe("when stopping the watch via the controller", () => {
+            beforeEach(() => {
+              abortController.abort();
+            });
+
+            it("closes the stream", () => {
+              expect(stream.destroyed).toBe(true);
+            });
+          });
+        });
+      });
+    });
+
+    describe("when watching in a namespace with a timeout", () => {
+      let stopWatch: () => void;
+      let callback: jest.MockedFunction<KubeApiWatchCallback>;
+
+      beforeEach(async () => {
+        callback = jest.fn();
+        stopWatch = api.watch({
+          namespace: "kube-system",
+          callback,
+          timeout: 60,
+        });
+
+        await flushPromises();
+      });
+
+      it("requests the watch", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=60",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "get",
+          },
+        ]);
+      });
+
+      describe("when the request resolves with a stream", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ([url, init]) => {
+              const isMatch = url === "http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=60";
+
+              if (isMatch) {
+                init?.signal?.addEventListener("abort", () => {
+                  stream.destroy();
+                });
+              }
+
+              return isMatch;
+            },
+            createMockResponseFromStream("http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=60", stream),
+          );
+        });
+
+        describe("when some data comes back on the stream", () => {
+          beforeEach(() => {
+            stream.emit("data", `${JSON.stringify({
+              type: "ADDED",
+              object: {
+                apiVersion: "v1",
+                kind: "Pod",
+                metadata: {
+                  name: "foobar",
+                  namespace: "kube-system",
+                  resourceVersion: "1",
+                  uid: "123456",
+                },
+              },
+            } as IKubeWatchEvent<KubeJsonApiDataFor<Pod>>)}\n`);
+          });
+
+          it("calls the callback with the data", () => {
+            expect(callback).toBeCalledWith(
+              {
+                type: "ADDED",
+                object: {
+                  apiVersion: "v1",
+                  kind: "Pod",
+                  metadata: {
+                    name: "foobar",
+                    namespace: "kube-system",
+                    resourceVersion: "1",
+                    selfLink: "/api/v1/namespaces/kube-system/pods/foobar",
+                    uid: "123456",
+                  },
+                },
+              },
+              null,
+            );
+          });
+
+          describe("when stopping the watch", () => {
+            beforeEach(() => {
+              stopWatch();
+            });
+
+            it("closes the stream", () => {
+              expect(stream.destroyed).toBe(true);
+            });
+          });
+
+          describe("when the watch ends", () => {
+            beforeEach(() => {
+              stream.end();
+            });
+
+            it("requests a new watch", () => {
+              expect(fetchMock.mock.lastCall).toMatchObject([
+                "http://127.0.0.1:9999/api-kube/api/v1/namespaces/kube-system/pods?watch=1&resourceVersion=&timeoutSeconds=60",
+                {
+                  headers: {
+                    "content-type": "application/json",
+                  },
+                  method: "get",
+                },
+              ]);
+            });
+
+            describe("when stopping the watch", () => {
+              beforeEach(() => {
+                stopWatch();
+              });
+
+              it("closes the stream", () => {
+                expect(stream.destroyed).toBe(true);
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+
+  describe("creating pods", () => {
+    let api: PodApi;
+
+    beforeEach(() => {
+      api = di.inject(podApiInjectable);
+    });
+
+    describe("when creating a pod", () => {
+      let createRequest: Promise<Pod | null>;
+
+      beforeEach(async () => {
+        createRequest = api.create({
+          name: "foobar",
+          namespace: "default",
+        }, {
+          metadata: {
+            labels: {
+              foo: "bar",
+            },
+          },
+          spec: {
+            containers: [
+              {
+                name: "web",
+                image: "nginx",
+                ports: [
+                  {
+                    name: "web",
+                    containerPort: 80,
+                    protocol: "TCP",
+                  },
+                ],
+              },
+            ],
+          },
+        });
+
+        // This is required because of how JS promises work
+        await flushPromises();
+      });
+
+      it("should request to create a pod with full descriptor", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "post",
+            body: JSON.stringify({
+              metadata: {
+                labels: {
+                  foo: "bar",
+                },
+                name: "foobar",
+                namespace: "default",
+              },
+              spec: {
+                containers: [{
+                  name: "web",
+                  image: "nginx",
+                  ports: [{
+                    name: "web",
+                    containerPort: 80,
+                    protocol: "TCP",
+                  }],
+                }],
+              },
+              kind: "Pod",
+              apiVersion: "v1",
+            }),
+          },
+        ]);
+      });
+
+      describe("when request resolves with data", () => {
+        beforeEach(async () =>  {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods", JSON.stringify({
+              kind: "Pod",
+              apiVersion: "v1",
+              metadata: {
+                name: "foobar",
+                namespace: "default",
+                labels: {
+                  foo: "bar",
+                },
+                resourceVersion: "1",
+                uid: "123456798",
+              },
+              spec: {
+                containers: [{
+                  name: "web",
+                  image: "nginx",
+                  ports: [{
+                    name: "web",
+                    containerPort: 80,
+                    protocol: "TCP",
+                  }],
+                }],
+              },
+            })),
+          );
+        });
+
+        it("call should resolve in a Pod instance", async () => {
+          expect(await createRequest).toBeInstanceOf(Pod);
+        });
+      });
+    });
+  });
+
+  describe("updating pods", () => {
+    let api: PodApi;
+
+    beforeEach(() => {
+      api = di.inject(podApiInjectable);
+    });
+
+    describe("when updating a pod", () => {
+      let updateRequest: Promise<Pod | null>;
+
+      beforeEach(async () => {
+        updateRequest = api.update({
+          name: "foobar",
+          namespace: "default",
+        }, {
+          kind: "Pod",
+          apiVersion: "v1",
+          metadata: {
+            labels: {
+              foo: "bar",
+            },
+          },
+          spec: {
+            containers: [{
+              name: "web",
+              image: "nginx",
+              ports: [{
+                name: "web",
+                containerPort: 80,
+                protocol: "TCP",
+              }],
+            }],
+          },
+        });
+
+        await flushPromises();
+      });
+
+      it("should request that the pod is updated", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods/foobar",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "put",
+            body: JSON.stringify({
+              kind: "Pod",
+              apiVersion: "v1",
+              metadata: {
+                labels: {
+                  foo: "bar",
+                },
+                name: "foobar",
+                namespace: "default",
+              },
+              spec: {
+                containers: [{
+                  name: "web",
+                  image: "nginx",
+                  ports: [{
+                    name: "web",
+                    containerPort: 80,
+                    protocol: "TCP",
+                  }],
+                }],
+              },
+            }),
+          },
+        ]);
+      });
+
+      describe("when the request resolves with data", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods/foobar"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods/foobar", JSON.stringify({
+              kind: "Pod",
+              apiVersion: "v1",
+              metadata: {
+                name: "foobar",
+                namespace: "default",
+                labels: {
+                  foo: "bar",
+                },
+                resourceVersion: "1",
+                uid: "123456798",
+              },
+              spec: {
+                containers: [{
+                  name: "web",
+                  image: "nginx",
+                  ports: [{
+                    name: "web",
+                    containerPort: 80,
+                    protocol: "TCP",
+                  }],
+                }],
+              },
+            })),
+          );
+        });
+
+        it("the call should resolve to a Pod", async () => {
+          expect(await updateRequest).toBeInstanceOf(Pod);
+        });
+      });
+    });
+  });
+
+  describe("listing pods", () => {
+    let api: PodApi;
+
+    beforeEach(() => {
+      api = di.inject(podApiInjectable);
+    });
+
+    describe("when listing pods with no descriptor", () => {
+      let listRequest: Promise<Pod[] | null>;
+
+      beforeEach(async () => {
+        listRequest = api.list();
+
+        await flushPromises();
+      });
+
+      it("should request that the pods from all namespaces", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/pods",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "get",
+          },
+        ]);
+      });
+
+      describe("when the request resolves with empty data", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/pods"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/pods", JSON.stringify({
+              kind: "PodList",
+              apiVersion: "v1",
+              metadata: {},
+              items: [],
+            })),
+          );
+        });
+
+        it("the call should resolve to an empty list", async () => {
+          expect(await listRequest).toEqual([]);
+        });
+      });
+    });
+
+    describe("when listing pods with descriptor with namespace=''", () => {
+      let listRequest: Promise<Pod[] | null>;
+
+      beforeEach(async () => {
+        listRequest = api.list({
+          namespace: "",
+        });
+
+        await flushPromises();
+      });
+
+      it("should request that the pods from all namespaces", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/pods",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "get",
+          },
+        ]);
+      });
+
+      describe("when the request resolves with empty data", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/pods"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/pods", JSON.stringify({
+              kind: "PodList",
+              apiVersion: "v1",
+              metadata: {},
+              items: [],
+            })),
+          );
+        });
+
+        it("the call should resolve to an empty list", async () => {
+          expect(await listRequest).toEqual([]);
+        });
+      });
+    });
+
+    describe("when listing pods with descriptor with namespace='default'", () => {
+      let listRequest: Promise<Pod[] | null>;
+
+      beforeEach(async () => {
+        listRequest = api.list({
+          namespace: "default",
+        });
+
+        await flushPromises();
+      });
+
+      it("should request that the pods from just the default namespace", () => {
+        expect(fetchMock.mock.lastCall).toMatchObject([
+          "http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods",
+          {
+            headers: {
+              "content-type": "application/json",
+            },
+            method: "get",
+          },
+        ]);
+      });
+
+      describe("when the request resolves with empty data", () => {
+        beforeEach(async () => {
+          await fetchMock.resolveSpecific(
+            ["http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods"],
+            createMockResponseFromString("http://127.0.0.1:9999/api-kube/api/v1/namespaces/default/pods", JSON.stringify({
+              kind: "PodList",
+              apiVersion: "v1",
+              metadata: {},
+              items: [],
+            })),
+          );
+        });
+
+        it("the call should resolve to an empty list", async () => {
+          expect(await listRequest).toEqual([]);
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/kube-object.store.test.ts b/packages/core/src/common/k8s-api/__tests__/kube-object.store.test.ts
new file mode 100644
index 0000000000..424cffba23
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/kube-object.store.test.ts
@@ -0,0 +1,156 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { noop } from "../../utils";
+import type { KubeApi } from "../kube-api";
+import { KubeObject } from "../kube-object";
+import type { KubeObjectStoreLoadingParams } from "../kube-object.store";
+import { KubeObjectStore } from "../kube-object.store";
+
+class FakeKubeObjectStore extends KubeObjectStore<KubeObject> {
+  constructor(private readonly _loadItems: (params: KubeObjectStoreLoadingParams) => KubeObject[], api: Partial<KubeApi<KubeObject>>) {
+    super({
+      context: {
+        allNamespaces: [],
+        contextNamespaces: [],
+        hasSelectedAll: false,
+        isGlobalWatchEnabled: () => true,
+        isLoadingAll: () => true,
+      },
+      logger: {
+        debug: noop,
+        error: noop,
+        info: noop,
+        silly: noop,
+        warn: noop,
+      },
+    }, api as KubeApi<KubeObject>);
+  }
+
+  async loadItems(params: KubeObjectStoreLoadingParams) {
+    return this._loadItems(params);
+  }
+}
+
+describe("KubeObjectStore", () => {
+  it("should remove an object from the list of items after it is not returned from listing the same namespace again", async () => {
+    const loadItems = jest.fn();
+    const obj = new KubeObject({
+      apiVersion: "v1",
+      kind: "Foo",
+      metadata: {
+        name: "some-obj-name",
+        resourceVersion: "1",
+        uid: "some-uid",
+        namespace: "default",
+        selfLink: "/some/self/link",
+      },
+    });
+    const store = new FakeKubeObjectStore(loadItems, {
+      isNamespaced: true,
+    });
+
+    loadItems.mockImplementationOnce(() => [obj]);
+
+    await store.loadAll({
+      namespaces: ["default"],
+    });
+
+    expect(store.items).toContain(obj);
+
+    loadItems.mockImplementationOnce(() => []);
+
+    await store.loadAll({
+      namespaces: ["default"],
+    });
+
+    expect(store.items).not.toContain(obj);
+  });
+
+  it("should not remove an object that is not returned, if it is in a different namespace", async () => {
+    const loadItems = jest.fn();
+    const objInDefaultNamespace = new KubeObject({
+      apiVersion: "v1",
+      kind: "Foo",
+      metadata: {
+        name: "some-obj-name",
+        resourceVersion: "1",
+        uid: "some-uid",
+        namespace: "default",
+        selfLink: "/some/self/link",
+      },
+    });
+    const objNotInDefaultNamespace = new KubeObject({
+      apiVersion: "v1",
+      kind: "Foo",
+      metadata: {
+        name: "some-obj-name",
+        resourceVersion: "1",
+        uid: "some-uid",
+        namespace: "not-default",
+        selfLink: "/some/self/link",
+      },
+    });
+    const store = new FakeKubeObjectStore(loadItems, {
+      isNamespaced: true,
+    });
+
+    loadItems.mockImplementationOnce(() => [objInDefaultNamespace]);
+
+    await store.loadAll({
+      namespaces: ["default"],
+    });
+
+    expect(store.items).toContain(objInDefaultNamespace);
+
+    loadItems.mockImplementationOnce(() => [objNotInDefaultNamespace]);
+
+    await store.loadAll({
+      namespaces: ["not-default"],
+    });
+
+    expect(store.items).toContain(objInDefaultNamespace);
+  });
+
+  it("should remove all objects not returned if the api is cluster-scoped", async () => {
+    const loadItems = jest.fn();
+    const clusterScopedObject1 = new KubeObject({
+      apiVersion: "v1",
+      kind: "Foo",
+      metadata: {
+        name: "some-obj-name",
+        resourceVersion: "1",
+        uid: "some-uid",
+        selfLink: "/some/self/link",
+      },
+    });
+    const clusterScopedObject2 = new KubeObject({
+      apiVersion: "v1",
+      kind: "Foo",
+      metadata: {
+        name: "some-obj-name",
+        resourceVersion: "1",
+        uid: "some-uid",
+        namespace: "not-default",
+        selfLink: "/some/self/link",
+      },
+    });
+    const store = new FakeKubeObjectStore(loadItems, {
+      isNamespaced: false,
+    });
+
+    loadItems.mockImplementationOnce(() => [clusterScopedObject1]);
+
+    await store.loadAll({});
+
+    expect(store.items).toContain(clusterScopedObject1);
+
+    loadItems.mockImplementationOnce(() => [clusterScopedObject2]);
+
+    await store.loadAll({});
+
+    expect(store.items).not.toContain(clusterScopedObject1);
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/kube-object.test.ts b/packages/core/src/common/k8s-api/__tests__/kube-object.test.ts
new file mode 100644
index 0000000000..4d5865c5db
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/kube-object.test.ts
@@ -0,0 +1,219 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { KubeObject } from "../kube-object";
+
+describe("KubeObject", () => {
+  describe("isJsonApiData", () => {
+    {
+      type TestCase = [any];
+      const tests: TestCase[] = [
+        [false],
+        [true],
+        [null],
+        [undefined],
+        [""],
+        [1],
+        [(): unknown => void 0],
+        [Symbol("hello")],
+        [{}],
+      ];
+
+      it.each(tests)("should reject invalid value: %p", (input) => {
+        expect(KubeObject.isJsonApiData(input)).toBe(false);
+      });
+    }
+
+    {
+      type TestCase = [string, any];
+      const tests: TestCase[] = [
+        ["kind", { apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
+        ["apiVersion", { kind: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
+        ["metadata", { kind: "", apiVersion: "" }],
+        ["metadata.uid", { kind: "", apiVersion: "", metadata: { name: "", resourceVersion: "", selfLink: "" }}],
+        ["metadata.name", { kind: "", apiVersion: "", metadata: { uid: "", resourceVersion: "", selfLink: "" }}],
+        ["metadata.resourceVersion", { kind: "", apiVersion: "", metadata: { uid: "", name: "", selfLink: "" }}],
+      ];
+
+      it.each(tests)("should reject with missing: %s", (missingField, input) => {
+        expect(KubeObject.isJsonApiData(input)).toBe(false);
+      });
+    }
+
+    {
+      type TestCase = [string, any];
+      const tests: TestCase[] = [
+        ["kind", { kind: 1, apiVersion: "", metadata: {}}],
+        ["apiVersion", { apiVersion: 1, kind: "", metadata: {}}],
+        ["metadata", { kind: "", apiVersion: "", metadata: "" }],
+        ["metadata.uid", { kind: "", apiVersion: "", metadata: { uid: 1 }}],
+        ["metadata.name", { kind: "", apiVersion: "", metadata: { uid: "", name: 1 }}],
+        ["metadata.resourceVersion", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: 1 }}],
+        ["metadata.selfLink", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: 1 }}],
+        ["metadata.namespace", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", namespace: 1 }}],
+        ["metadata.creationTimestamp", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", creationTimestamp: 1 }}],
+        ["metadata.continue", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", continue: 1 }}],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: 1 }}],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: [1] }}],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: {}}}],
+        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: 1 }}],
+        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: { food: 1 }}}],
+        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: 1 }}],
+        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: 1 }}}],
+      ];
+
+      it.each(tests)("should reject with wrong type for field: %s", (missingField, input) => {
+        expect(KubeObject.isJsonApiData(input)).toBe(false);
+      });
+    }
+
+    it("should accept valid KubeJsonApiData (ignoring other fields)", () => {
+      const valid = { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: "" }}};
+
+      expect(KubeObject.isJsonApiData(valid)).toBe(true);
+    });
+  });
+
+  describe("isPartialJsonApiData", () => {
+    {
+      type TestCase = [any];
+      const tests: TestCase[] = [
+        [false],
+        [true],
+        [null],
+        [undefined],
+        [""],
+        [1],
+        [(): unknown => void 0],
+        [Symbol("hello")],
+      ];
+
+      it.each(tests)("should reject invalid value: %p", (input) => {
+        expect(KubeObject.isPartialJsonApiData(input)).toBe(false);
+      });
+    }
+
+    it("should accept {}", () => {
+      expect(KubeObject.isPartialJsonApiData({})).toBe(true);
+    });
+
+    {
+      type TestCase = [string, any];
+      const tests: TestCase[] = [
+        ["kind", { apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
+        ["apiVersion", { kind: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
+        ["metadata", { kind: "", apiVersion: "" }],
+      ];
+
+      it.each(tests)("should not reject with missing top level field: %s", (missingField, input) => {
+        expect(KubeObject.isPartialJsonApiData(input)).toBe(true);
+      });
+    }
+
+    {
+      type TestCase = [string, any];
+      const tests: TestCase[] = [
+        ["kind", { kind: 1, apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
+        ["apiVersion", { apiVersion: 1, kind: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
+        ["metadata", { kind: "", apiVersion: "", metadata: "" }],
+        ["metadata.uid", { kind: "", apiVersion: "", metadata: { uid: 1, name: "", resourceVersion: "", selfLink: "" }}],
+        ["metadata.name", { kind: "", apiVersion: "", metadata: { uid: "", name: 1, resourceVersion: "", selfLink: "" }}],
+        ["metadata.resourceVersion", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: 1, selfLink: "" }}],
+        ["metadata.selfLink", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: 1 }}],
+        ["metadata.namespace", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", namespace: 1 }}],
+        ["metadata.creationTimestamp", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", creationTimestamp: 1 }}],
+        ["metadata.continue", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", continue: 1 }}],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: 1 }}],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: [1] }}],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: {}}}],
+        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: 1 }}],
+        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: { food: 1 }}}],
+        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: 1 }}],
+        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: 1 }}}],
+      ];
+
+      it.each(tests)("should reject with wrong type for field: %s", (missingField, input) => {
+        expect(KubeObject.isPartialJsonApiData(input)).toBe(false);
+      });
+    }
+
+    it("should accept valid Partial<KubeJsonApiData> (ignoring other fields)", () => {
+      const valid = { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: "" }}};
+
+      expect(KubeObject.isPartialJsonApiData(valid)).toBe(true);
+    });
+  });
+
+  describe("isJsonApiDataList", () => {
+    function isAny(val: unknown): val is any {
+      return true;
+    }
+
+    function isNotAny(val: unknown): val is any {
+      return false;
+    }
+
+    function isBoolean(val: unknown): val is boolean {
+      return typeof val === "boolean";
+    }
+
+    {
+      type TestCase = [any];
+      const tests: TestCase[] = [
+        [false],
+        [true],
+        [null],
+        [undefined],
+        [""],
+        [1],
+        [(): unknown => void 0],
+        [Symbol("hello")],
+        [{}],
+      ];
+
+      it.each(tests)("should reject invalid value: %p", (input) => {
+        expect(KubeObject.isJsonApiDataList(input, isAny)).toBe(false);
+      });
+    }
+
+    {
+      type TestCase = [string, any];
+      const tests: TestCase[] = [
+        ["kind", { apiVersion: "", items: [], metadata: { resourceVersion: "", selfLink: "" }}],
+        ["apiVersion", { kind: "", items: [], metadata: { resourceVersion: "", selfLink: "" }}],
+        ["metadata", { kind: "", items: [], apiVersion: "" }],
+      ];
+
+      it.each(tests)("should reject with missing: %s", (missingField, input) => {
+        expect(KubeObject.isJsonApiDataList(input, isAny)).toBe(false);
+      });
+    }
+
+    {
+      type TestCase = [string, any];
+      const tests: TestCase[] = [
+        ["kind", { kind: 1, items: [], apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
+        ["apiVersion", { kind: "", items: [], apiVersion: 1, metadata: { resourceVersion: "", selfLink: "" }}],
+        ["metadata", { kind: "", items: [], apiVersion: "", metadata: 1 }],
+        ["metadata.resourceVersion", { kind: "", items: [], apiVersion: "", metadata: { resourceVersion: 1, selfLink: "" }}],
+        ["metadata.selfLink", { kind: "", items: [], apiVersion: "", metadata: { resourceVersion: "", selfLink: 1 }}],
+        ["items", { kind: "", items: 1, apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
+        ["items", { kind: "", items: "", apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
+        ["items", { kind: "", items: {}, apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
+        ["items[0]", { kind: "", items: [""], apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
+      ];
+
+      it.each(tests)("should reject with wrong type for field: %s", (missingField, input) => {
+        expect(KubeObject.isJsonApiDataList(input, isNotAny)).toBe(false);
+      });
+    }
+
+    it("should accept valid KubeJsonApiDataList (ignoring other fields)", () => {
+      const valid = { kind: "", items: [false], apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }};
+
+      expect(KubeObject.isJsonApiDataList(valid, isBoolean)).toBe(true);
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/node.test.ts b/packages/core/src/common/k8s-api/__tests__/node.test.ts
new file mode 100644
index 0000000000..53ffc59d79
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/node.test.ts
@@ -0,0 +1,192 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { Node } from "../endpoints";
+
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+describe("Node tests", () => {
+  describe("isMasterNode()", () => {
+    it("given a master node labelled before kubernetes 1.20, should return true", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          labels: {
+            "node-role.kubernetes.io/master": "NoSchedule",
+          },
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.isMasterNode()).toBe(true);
+    });
+
+    it("given a master node labelled after kubernetes 1.20, should return true", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          labels: {
+            "node-role.kubernetes.io/control-plane": "NoSchedule",
+          },
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.isMasterNode()).toBe(true);
+    });
+
+    it("given a non master node, should return false", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          labels: {},
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.isMasterNode()).toBe(false);
+    });
+  });
+
+  describe("getRoleLabels()", () => {
+    it("should return empty string if labels is not present", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.getRoleLabels()).toBe("");
+    });
+
+    it("should return empty string if labels is empty object", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          labels: {},
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.getRoleLabels()).toBe("");
+    });
+
+    it("should return rest of keys with substring node-role.kubernetes.io/", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          labels: {
+            "node-role.kubernetes.io/foobar": "bat",
+            "hellonode-role.kubernetes.io/foobar1": "bat",
+          },
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.getRoleLabels()).toBe("foobar, foobar1");
+    });
+
+    it("should return rest of keys with substring node-role.kubernetes.io/ after last /", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          labels: {
+            "node-role.kubernetes.io/foobar": "bat",
+            "hellonode-role.kubernetes.io//////foobar1": "bat",
+          },
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.getRoleLabels()).toBe("foobar, foobar1");
+    });
+
+    it("should return value of label kubernetes.io/role if present", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          labels: {
+            "kubernetes.io/role": "master",
+          },
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.getRoleLabels()).toBe("master");
+    });
+
+    it("should return value of label node.kubernetes.io/role if present", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          labels: {
+            "node.kubernetes.io/role": "master",
+          },
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.getRoleLabels()).toBe("master");
+    });
+
+    it("all sources should be joined together", () => {
+      const node = new Node({
+        apiVersion: "foo",
+        kind: "Node",
+        metadata: {
+          name: "bar",
+          resourceVersion: "1",
+          uid: "bat",
+          labels: {
+            "aksjhdkjahsdnode-role.kubernetes.io/foobar": "bat",
+            "kubernetes.io/role": "master",
+            "node.kubernetes.io/role": "master-v2-max",
+          },
+          selfLink: "/api/v1/nodes/bar",
+        },
+      });
+
+      expect(node.getRoleLabels()).toBe("foobar, master, master-v2-max");
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/pods.api.test.ts b/packages/core/src/common/k8s-api/__tests__/pods.api.test.ts
new file mode 100644
index 0000000000..9b01dff73b
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/pods.api.test.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 { Pod } from "../endpoints";
+
+describe("Pod tests", () => {
+  it("getAllContainers() should never throw", () => {
+    const pod = new Pod({
+      apiVersion: "foo",
+      kind: "Pod",
+      metadata: {
+        name: "foobar",
+        resourceVersion: "foobar",
+        uid: "foobar",
+        namespace: "default",
+        selfLink: "/api/v1/pods/default/foobar",
+      },
+    });
+
+    expect(pod.getAllContainers()).toStrictEqual([]);
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/pods.test.ts b/packages/core/src/common/k8s-api/__tests__/pods.test.ts
new file mode 100644
index 0000000000..3ed979face
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/pods.test.ts
@@ -0,0 +1,318 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import assert from "assert";
+import type { Container, PodContainerStatus } from "../endpoints";
+import { Pod } from "../endpoints";
+
+interface GetDummyPodOptions {
+  running?: number;
+  dead?: number;
+  initRunning?: number;
+  initDead?: number;
+}
+
+function getDummyPod(rawOpts: GetDummyPodOptions = {}): Pod {
+  const {
+    running = 0,
+    dead = 0,
+    initDead = 0,
+    initRunning = 0,
+  } = rawOpts;
+
+  const containers: Container[] = [];
+  const initContainers: Container[] = [];
+  const containerStatuses: PodContainerStatus[] = [];
+  const initContainerStatuses: PodContainerStatus[] = [];
+  const pod = new Pod({
+    apiVersion: "v1",
+    kind: "Pod",
+    metadata: {
+      uid: "1",
+      name: "test",
+      resourceVersion: "v1",
+      namespace: "default",
+      selfLink: "/api/v1/pods/default/test",
+    },
+    spec: {
+      containers,
+      initContainers,
+      serviceAccount: "dummy",
+      serviceAccountName: "dummy",
+    },
+    status: {
+      phase: "Running",
+      conditions: [],
+      hostIP: "10.0.0.1",
+      podIP: "10.0.0.1",
+      startTime: "now",
+      containerStatuses,
+      initContainerStatuses,
+    },
+  });
+
+  for (let i = 0; i < running; i += 1) {
+    const name = `container_running_${i}`;
+
+    containers.push({
+      image: "dummy",
+      imagePullPolicy: "Always",
+      name,
+    });
+    containerStatuses.push({
+      image: "dummy",
+      imageID: "dummy",
+      name,
+      ready: true,
+      restartCount: i,
+      state: {
+        running: {
+          startedAt: "before",
+        },
+      },
+    });
+  }
+
+  for (let i = 0; i < dead; i += 1) {
+    const name = `container_dead_${i}`;
+
+    containers.push({
+      image: "dummy",
+      imagePullPolicy: "Always",
+      name,
+    });
+    containerStatuses.push({
+      image: "dummy",
+      imageID: "dummy",
+      name,
+      ready: false,
+      restartCount: i,
+      state: {
+        terminated: {
+          startedAt: "before",
+          exitCode: i+1,
+          finishedAt: "later",
+          reason: `reason_${i}`,
+        },
+      },
+    });
+  }
+
+  for (let i = 0; i < initRunning; i += 1) {
+    const name = `container_init-running_${i}`;
+
+    initContainers.push({
+      image: "dummy",
+      imagePullPolicy: "Always",
+      name,
+    });
+    initContainerStatuses.push({
+      image: "dummy",
+      imageID: "dummy",
+      name,
+      ready: true,
+      restartCount: i,
+      state: {
+        running: {
+          startedAt: "before",
+        },
+      },
+    });
+  }
+
+  for (let i = 0; i < initDead; i += 1) {
+    const name = `container_init-dead_${i}`;
+
+    initContainers.push({
+      image: "dummy",
+      imagePullPolicy: "Always",
+      name,
+    });
+    initContainerStatuses.push({
+      image: "dummy",
+      imageID: "dummy",
+      name,
+      ready: false,
+      restartCount: i,
+      state: {
+        terminated: {
+          startedAt: "before",
+          exitCode: i+1,
+          finishedAt: "later",
+          reason: `reason_${i}`,
+        },
+      },
+    });
+  }
+
+  return pod;
+}
+
+describe("Pods", () => {
+  const podTests = [];
+
+  for (let r = 0; r < 3; r += 1) {
+    for (let d = 0; d < 3; d += 1) {
+      for (let ir = 0; ir < 3; ir += 1) {
+        for (let id = 0; id < 3; id += 1) {
+          podTests.push([r, d, ir, id]);
+        }
+      }
+    }
+  }
+
+  describe.each(podTests)("for [%d running, %d dead] & initial [%d running, %d dead]", (running, dead, initRunning, initDead) => {
+    const pod = getDummyPod({ running, dead, initRunning, initDead });
+
+    function getNamedContainer(name: string) {
+      return {
+        image: "dummy",
+        imagePullPolicy: "Always",
+        name,
+      };
+    }
+
+    it("getRunningContainers should return only running and init running", () => {
+      const res = [
+        ...Array.from(new Array(running), (val, index) => getNamedContainer(`container_running_${index}`)),
+        ...Array.from(new Array(initRunning), (val, index) => getNamedContainer(`container_init-running_${index}`)),
+      ];
+
+      expect(pod.getRunningContainers()).toStrictEqual(res);
+    });
+
+    it("getAllContainers should return all containers", () => {
+      const res = [
+        ...Array.from(new Array(running), (val, index) => getNamedContainer(`container_running_${index}`)),
+        ...Array.from(new Array(dead), (val, index) => getNamedContainer(`container_dead_${index}`)),
+        ...Array.from(new Array(initRunning), (val, index) => getNamedContainer(`container_init-running_${index}`)),
+        ...Array.from(new Array(initDead), (val, index) => getNamedContainer(`container_init-dead_${index}`)),
+      ];
+
+      expect(pod.getAllContainers()).toStrictEqual(res);
+    });
+
+    it("getRestartsCount should return total restart counts", () => {
+      function sum(len: number): number {
+        let res = 0;
+
+        for (let i = 0; i < len; i += 1) {
+          res += i;
+        }
+
+        return res;
+      }
+
+      expect(pod.getRestartsCount()).toStrictEqual(sum(running) + sum(dead));
+    });
+
+    it("hasIssues should return false", () => {
+      expect(pod.hasIssues()).toStrictEqual(false);
+    });
+  });
+
+  describe("getSelectedNodeOs", () => {
+    it("should return stable", () => {
+      const pod = getDummyPod();
+
+      pod.spec.nodeSelector = {
+        "kubernetes.io/os": "foobar",
+      };
+
+      expect(pod.getSelectedNodeOs()).toStrictEqual("foobar");
+    });
+
+    it("should return beta", () => {
+      const pod = getDummyPod();
+
+      pod.spec.nodeSelector = {
+        "beta.kubernetes.io/os": "foobar1",
+      };
+
+      expect(pod.getSelectedNodeOs()).toStrictEqual("foobar1");
+    });
+
+    it("should return stable over beta", () => {
+      const pod = getDummyPod();
+
+      pod.spec.nodeSelector = {
+        "kubernetes.io/os": "foobar2",
+        "beta.kubernetes.io/os": "foobar3",
+      };
+
+      expect(pod.getSelectedNodeOs()).toStrictEqual("foobar2");
+    });
+
+    it("should return undefined if none set", () => {
+      const pod = getDummyPod();
+
+      expect(pod.getSelectedNodeOs()).toStrictEqual(undefined);
+    });
+  });
+
+  describe("hasIssues", () => {
+    it("should return true if a condition isn't ready", () => {
+      const pod = getDummyPod({ running: 1 });
+
+      pod.status?.conditions.push({
+        type: "Ready",
+        status: "foobar",
+        lastProbeTime: 1,
+        lastTransitionTime: "longer ago",
+      });
+
+      expect(pod.hasIssues()).toStrictEqual(true);
+    });
+
+    it("should return false if a condition is non-ready", () => {
+      const pod = getDummyPod({ running: 1 });
+
+      pod.status?.conditions.push({
+        type: "dummy",
+        status: "foobar",
+        lastProbeTime: 1,
+        lastTransitionTime: "longer ago",
+      });
+
+      expect(pod.hasIssues()).toStrictEqual(false);
+    });
+
+    it("should return true if a current container is in a crash loop back off", () => {
+      const pod = getDummyPod({ running: 1 });
+      const firstStatus = pod.status?.containerStatuses?.[0];
+
+      assert(firstStatus);
+
+      firstStatus.state = {
+        waiting: {
+          reason: "CrashLookBackOff",
+          message: "too much foobar",
+        },
+      };
+
+      expect(pod.hasIssues()).toStrictEqual(true);
+    });
+
+    it("should return true if a current phase isn't running", () => {
+      const pod = getDummyPod({ running: 1 });
+
+      assert(pod.status);
+
+      pod.status.phase = "not running";
+
+      expect(pod.hasIssues()).toStrictEqual(true);
+    });
+
+    it("should return false if a current phase is running", () => {
+      const pod = getDummyPod({ running: 1 });
+
+      assert(pod.status);
+
+      pod.status.phase = "Running";
+
+      expect(pod.hasIssues()).toStrictEqual(false);
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/__tests__/stateful-set.api.test.ts b/packages/core/src/common/k8s-api/__tests__/stateful-set.api.test.ts
new file mode 100644
index 0000000000..b7557c8010
--- /dev/null
+++ b/packages/core/src/common/k8s-api/__tests__/stateful-set.api.test.ts
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import storesAndApisCanBeCreatedInjectable from "../../../renderer/stores-apis-can-be-created.injectable";
+import { getDiForUnitTesting } from "../../../renderer/getDiForUnitTesting";
+import apiKubeInjectable from "../../../renderer/k8s/api-kube.injectable";
+import type { StatefulSetApi } from "../endpoints";
+import statefulSetApiInjectable from "../endpoints/stateful-set.api.injectable";
+import type { KubeJsonApi } from "../kube-json-api";
+
+describe("StatefulSetApi", () => {
+  let statefulSetApi: StatefulSetApi;
+  let kubeJsonApi: jest.Mocked<KubeJsonApi>;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+    kubeJsonApi = {
+      getResponse: jest.fn(),
+      get: jest.fn(),
+      post: jest.fn(),
+      put: jest.fn(),
+      patch: jest.fn(),
+      del: jest.fn(),
+    } as never;
+    di.override(apiKubeInjectable, () => kubeJsonApi);
+
+    statefulSetApi = di.inject(statefulSetApiInjectable);
+  });
+
+  describe("scale", () => {
+    it("requests Kubernetes API with PATCH verb and correct amount of replicas", () => {
+      statefulSetApi.scale({ namespace: "default", name: "statefulset-1" }, 5);
+
+      expect(kubeJsonApi.patch).toHaveBeenCalledWith("/apis/apps/v1/namespaces/default/statefulsets/statefulset-1/scale", {
+        data: {
+          spec: {
+            replicas: 5,
+          },
+        },
+      },
+      {
+        headers: {
+          "content-type": "application/merge-patch+json",
+        },
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/k8s-api/api-base-configs.ts b/packages/core/src/common/k8s-api/api-base-configs.ts
new file mode 100644
index 0000000000..5ac67229ec
--- /dev/null
+++ b/packages/core/src/common/k8s-api/api-base-configs.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 { getInjectionToken } from "@ogre-tools/injectable";
+
+export const apiBaseServerAddressInjectionToken = getInjectionToken<string>({
+  id: "api-base-config-server-address-token",
+});
+
+export const apiBaseHostHeaderInjectionToken = getInjectionToken<string>({
+  id: "api-base-host-header-token",
+});
diff --git a/packages/core/src/common/k8s-api/api-base.injectable.ts b/packages/core/src/common/k8s-api/api-base.injectable.ts
new file mode 100644
index 0000000000..b340882672
--- /dev/null
+++ b/packages/core/src/common/k8s-api/api-base.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 { apiPrefix } from "../vars";
+import isDebuggingInjectable from "../vars/is-debugging.injectable";
+import isDevelopmentInjectable from "../vars/is-development.injectable";
+import { apiBaseHostHeaderInjectionToken, apiBaseServerAddressInjectionToken } from "./api-base-configs";
+import createJsonApiInjectable from "./create-json-api.injectable";
+
+const apiBaseInjectable = getInjectable({
+  id: "api-base",
+  instantiate: (di) => {
+    const createJsonApi = di.inject(createJsonApiInjectable);
+    const isDebugging = di.inject(isDebuggingInjectable);
+    const isDevelopment = di.inject(isDevelopmentInjectable);
+    const serverAddress = di.inject(apiBaseServerAddressInjectionToken);
+    const hostHeaderValue = di.inject(apiBaseHostHeaderInjectionToken);
+
+    return createJsonApi({
+      serverAddress,
+      apiBase: apiPrefix,
+      debug: isDevelopment || isDebugging,
+    }, {
+      headers: {
+        "Host": hostHeaderValue,
+      },
+    });
+  },
+});
+
+export default apiBaseInjectable;
diff --git a/packages/core/src/common/k8s-api/api-kube.ts b/packages/core/src/common/k8s-api/api-kube.ts
new file mode 100644
index 0000000000..58aa95208a
--- /dev/null
+++ b/packages/core/src/common/k8s-api/api-kube.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { KubeJsonApi } from "./kube-json-api";
+
+export const apiKubeInjectionToken = getInjectionToken<KubeJsonApi>({
+  id: "api-kube-injection-token",
+});
diff --git a/packages/core/src/common/k8s-api/api-manager/api-manager.ts b/packages/core/src/common/k8s-api/api-manager/api-manager.ts
new file mode 100644
index 0000000000..080ccb671a
--- /dev/null
+++ b/packages/core/src/common/k8s-api/api-manager/api-manager.ts
@@ -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 { KubeObjectStore } from "../kube-object.store";
+
+import { action, observable, makeObservable } from "mobx";
+import { autoBind, isDefined, iter } from "../../utils";
+import type { KubeApi } from "../kube-api";
+import type { KubeJsonApiDataFor, KubeObject, ObjectReference } from "../kube-object";
+import { parseKubeApi, createKubeApiURL } from "../kube-api-parse";
+
+export type RegisterableStore<Store> = Store extends KubeObjectStore<any, any, any>
+  ? Store
+  : never;
+export type RegisterableApi<Api> = Api extends KubeApi<any, any>
+  ? Api
+  : never;
+export type KubeObjectStoreFrom<Api> = Api extends KubeApi<infer KubeObj, infer ApiData>
+  ? KubeObjectStore<KubeObj, Api, ApiData>
+  : never;
+
+export class ApiManager {
+  private readonly apis = observable.map<string, KubeApi>();
+  private readonly stores = observable.map<string, KubeObjectStore>();
+
+  constructor() {
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  getApi(pathOrCallback: string | ((api: KubeApi<KubeObject>) => boolean)) {
+    if (typeof pathOrCallback === "string") {
+      return this.apis.get(pathOrCallback) || this.apis.get(parseKubeApi(pathOrCallback).apiBase);
+    }
+
+    return iter.find(this.apis.values(), pathOrCallback ?? (() => true));
+  }
+
+  getApiByKind(kind: string, apiVersion: string) {
+    return iter.find(this.apis.values(), api => api.kind === kind && api.apiVersionWithGroup === apiVersion);
+  }
+
+  registerApi<Api>(api: RegisterableApi<Api>): void;
+  /**
+   * @deprecated Just register the `api` by itself
+   */
+  registerApi<Api>(apiBase: string, api: RegisterableApi<Api>): void;
+  registerApi<Api>(apiBaseRaw: string | RegisterableApi<Api>, apiRaw?: RegisterableApi<Api>) {
+    const api = typeof apiBaseRaw === "string"
+      ? apiRaw
+      : apiBaseRaw;
+
+    if (!api?.apiBase) {
+      return;
+    }
+
+    if (!this.apis.has(api.apiBase)) {
+      this.stores.forEach((store) => {
+        if (store.api === api) {
+          this.stores.set(api.apiBase, store);
+        }
+      });
+
+      this.apis.set(api.apiBase, api);
+    }
+  }
+
+  protected resolveApi(api: undefined | string | KubeApi): KubeApi | undefined {
+    if (!api) {
+      return undefined;
+    }
+
+    if (typeof api === "string") {
+      return this.getApi(api);
+    }
+
+    return api;
+  }
+
+  unregisterApi(api: string | KubeApi<KubeObject>) {
+    if (typeof api === "string") this.apis.delete(api);
+    else {
+      const apis = Array.from(this.apis.entries());
+      const entry = apis.find(entry => entry[1] === api);
+
+      if (entry) this.unregisterApi(entry[0]);
+    }
+  }
+
+  registerStore<KubeObj>(store: RegisterableStore<KubeObj>): void;
+  /**
+   * @deprecated KubeObjectStore's should only every be about a single KubeApi type
+   */
+  registerStore<KubeObj extends KubeObject>(store: KubeObjectStore<KubeObj, KubeApi<KubeObj>, KubeJsonApiDataFor<KubeObj>>, apis: KubeApi<KubeObj>[]): void;
+
+  @action
+  registerStore<KubeObj extends KubeObject>(store: KubeObjectStore<KubeObj, KubeApi<KubeObj>, KubeJsonApiDataFor<KubeObj>>, apis: KubeApi<KubeObj>[] = [store.api]): void {
+    for (const api of apis.filter(isDefined)) {
+      if (api.apiBase) {
+        this.stores.set(api.apiBase, store as never);
+      }
+    }
+  }
+
+  getStore(api: string | undefined): KubeObjectStore | undefined;
+  getStore<Api>(api: RegisterableApi<Api>): KubeObjectStoreFrom<Api> | undefined;
+  /**
+   * @deprecated use an actual cast instead of hiding it with this unused type param
+   */
+  getStore<Store extends KubeObjectStore>(api: string | KubeApi): Store | undefined ;
+  getStore(api: string | KubeApi | undefined): KubeObjectStore | undefined {
+    const { apiBase } = this.resolveApi(api) ?? {};
+
+    if (apiBase) {
+      return this.stores.get(apiBase);
+    }
+
+    return undefined;
+  }
+
+  lookupApiLink(ref: ObjectReference, parentObject?: KubeObject): string {
+    const {
+      kind, apiVersion = "v1", name,
+      namespace = parentObject?.getNs(),
+    } = ref;
+
+    if (!kind) return "";
+
+    // search in registered apis by 'kind' & 'apiVersion'
+    const api = this.getApi(api => api.kind === kind && api.apiVersionWithGroup == apiVersion);
+
+    if (api) {
+      return api.getUrl({ namespace, name });
+    }
+
+    // lookup api by generated resource link
+    const apiPrefixes = ["/apis", "/api"];
+    const resource = kind.endsWith("s") ? `${kind.toLowerCase()}es` : `${kind.toLowerCase()}s`;
+
+    for (const apiPrefix of apiPrefixes) {
+      const apiLink = createKubeApiURL({ apiPrefix, apiVersion, name, namespace, resource });
+
+      if (this.getApi(apiLink)) {
+        return apiLink;
+      }
+    }
+
+    // resolve by kind only (hpa's might use refs to older versions of resources for example)
+    const apiByKind = this.getApi(api => api.kind === kind);
+
+    if (apiByKind) {
+      return apiByKind.getUrl({ name, namespace });
+    }
+
+    // otherwise generate link with default prefix
+    // resource still might exists in k8s, but api is not registered in the app
+    return createKubeApiURL({ apiVersion, name, namespace, resource });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/api-manager/auto-registration-emitter.injectable.ts b/packages/core/src/common/k8s-api/api-manager/auto-registration-emitter.injectable.ts
new file mode 100644
index 0000000000..d9a68a988c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/api-manager/auto-registration-emitter.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 EventEmitter from "events";
+import type TypedEventEmitter from "typed-emitter";
+import type { CustomResourceDefinition } from "../endpoints";
+import type { KubeApi } from "../kube-api";
+
+export interface LegacyAutoRegistration {
+  customResourceDefinition: (crd: CustomResourceDefinition) => void;
+  kubeApi: (api: KubeApi<any, any>) => void;
+}
+
+/**
+ * This is used to remove dependency cycles from auto registering of instances
+ *
+ * - Custom Resource Definitions get their own registered store (will need in the future)
+ * - All KubeApi's get auto registered (this should be changed in the future)
+ */
+const autoRegistrationEmitterInjectable = getInjectable({
+  id: "auto-registration-emitter",
+  instantiate: (): TypedEventEmitter<LegacyAutoRegistration> => new EventEmitter(),
+});
+
+export default autoRegistrationEmitterInjectable;
diff --git a/packages/core/src/common/k8s-api/api-manager/index.ts b/packages/core/src/common/k8s-api/api-manager/index.ts
new file mode 100644
index 0000000000..56182e815b
--- /dev/null
+++ b/packages/core/src/common/k8s-api/api-manager/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./api-manager";
diff --git a/packages/core/src/common/k8s-api/api-manager/manager.injectable.ts b/packages/core/src/common/k8s-api/api-manager/manager.injectable.ts
new file mode 100644
index 0000000000..45188cec7a
--- /dev/null
+++ b/packages/core/src/common/k8s-api/api-manager/manager.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, getInjectionToken } from "@ogre-tools/injectable";
+import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
+import type { KubeObjectStore } from "../kube-object.store";
+import { ApiManager } from "./api-manager";
+
+export const kubeObjectStoreInjectionToken = getInjectionToken<KubeObjectStore<any, any, any>>({
+  id: "kube-object-store-token",
+});
+
+const apiManagerInjectable = getInjectable({
+  id: "api-manager",
+  instantiate: (di) => {
+    const apiManager = new ApiManager();
+
+    if (di.inject(storesAndApisCanBeCreatedInjectionToken)) {
+      const stores = di.injectMany(kubeObjectStoreInjectionToken);
+
+      for (const store of stores) {
+        apiManager.registerStore(store);
+      }
+    }
+
+    return apiManager;
+  },
+});
+
+export default apiManagerInjectable;
diff --git a/packages/core/src/common/k8s-api/api-manager/resource.store.ts b/packages/core/src/common/k8s-api/api-manager/resource.store.ts
new file mode 100644
index 0000000000..c81ce7daec
--- /dev/null
+++ b/packages/core/src/common/k8s-api/api-manager/resource.store.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 { KubeApi } from "../kube-api";
+import type { KubeObjectStoreDependencies } from "../kube-object.store";
+import { KubeObjectStore } from "../kube-object.store";
+import type { KubeObject } from "../kube-object";
+
+export class CustomResourceStore<K extends KubeObject> extends KubeObjectStore<K, KubeApi<K>> {
+  constructor(deps: KubeObjectStoreDependencies, api: KubeApi<K>) {
+    super(deps, api);
+  }
+}
diff --git a/packages/core/src/common/k8s-api/create-json-api.injectable.ts b/packages/core/src/common/k8s-api/create-json-api.injectable.ts
new file mode 100644
index 0000000000..7f8559bf3a
--- /dev/null
+++ b/packages/core/src/common/k8s-api/create-json-api.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 } from "@ogre-tools/injectable";
+import { Agent } from "https";
+import type { RequestInit } from "node-fetch";
+import lensProxyCertificateInjectable from "../certificate/lens-proxy-certificate.injectable";
+import fetchInjectable from "../fetch/fetch.injectable";
+import loggerInjectable from "../logger.injectable";
+import type { JsonApiConfig, JsonApiData, JsonApiDependencies, JsonApiParams } from "./json-api";
+import { JsonApi } from "./json-api";
+
+export type CreateJsonApi = <Data = JsonApiData, Params extends JsonApiParams<Data> = JsonApiParams<Data>>(config: JsonApiConfig, reqInit?: RequestInit) => JsonApi<Data, Params>;
+
+const createJsonApiInjectable = getInjectable({
+  id: "create-json-api",
+  instantiate: (di): CreateJsonApi => {
+    const deps: JsonApiDependencies = {
+      fetch: di.inject(fetchInjectable),
+      logger: di.inject(loggerInjectable),
+    };
+    const lensProxyCert = di.inject(lensProxyCertificateInjectable);
+
+    return (config, reqInit) => {
+      if (!config.getRequestOptions) {
+        config.getRequestOptions = async () => {
+          const agent = new Agent({
+            ca: lensProxyCert.get().cert,
+          });
+  
+          return {
+            agent,
+          };
+        };
+      }
+
+      return new JsonApi(deps, config, reqInit);
+    };
+  },
+});
+
+export default createJsonApiInjectable;
diff --git a/packages/core/src/common/k8s-api/create-kube-api-for-cluster.injectable.ts b/packages/core/src/common/k8s-api/create-kube-api-for-cluster.injectable.ts
new file mode 100644
index 0000000000..dc3a3fef69
--- /dev/null
+++ b/packages/core/src/common/k8s-api/create-kube-api-for-cluster.injectable.ts
@@ -0,0 +1,79 @@
+/**
+ * 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";
+import { apiKubePrefix } from "../vars";
+import isDevelopmentInjectable from "../vars/is-development.injectable";
+import apiBaseInjectable from "./api-base.injectable";
+import type { KubeApiConstructor } from "./create-kube-api-for-remote-cluster.injectable";
+import createKubeJsonApiInjectable from "./create-kube-json-api.injectable";
+import { KubeApi } from "./kube-api";
+import type { KubeJsonApiDataFor, KubeObject, KubeObjectConstructor } from "./kube-object";
+
+export interface CreateKubeApiForLocalClusterConfig {
+  metadata: {
+    uid: string;
+  };
+}
+
+export interface CreateKubeApiForCluster {
+  <Object extends KubeObject, Api extends KubeApi<Object>, Data extends KubeJsonApiDataFor<Object>>(
+    cluster: CreateKubeApiForLocalClusterConfig,
+    kubeClass: KubeObjectConstructor<Object, Data>,
+    apiClass: KubeApiConstructor<Object, Api>,
+  ): Api;
+  <Object extends KubeObject, Data extends KubeJsonApiDataFor<Object>>(
+    cluster: CreateKubeApiForLocalClusterConfig,
+    kubeClass: KubeObjectConstructor<Object, Data>,
+    apiClass?: KubeApiConstructor<Object, KubeApi<Object>>,
+  ): KubeApi<Object>;
+}
+
+const createKubeApiForClusterInjectable = getInjectable({
+  id: "create-kube-api-for-cluster",
+  instantiate: (di): CreateKubeApiForCluster => {
+    const apiBase = di.inject(apiBaseInjectable);
+    const isDevelopment = di.inject(isDevelopmentInjectable);
+    const createKubeJsonApi = di.inject(createKubeJsonApiInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return (
+      cluster: CreateKubeApiForLocalClusterConfig,
+      kubeClass: KubeObjectConstructor<KubeObject, KubeJsonApiDataFor<KubeObject>>,
+      apiClass?: KubeApiConstructor<KubeObject, KubeApi<KubeObject>>,
+    ) => {
+      const request = createKubeJsonApi(
+        {
+          serverAddress: apiBase.config.serverAddress,
+          apiBase: apiKubePrefix,
+          debug: isDevelopment,
+        }, {
+          headers: {
+            "Host": `${cluster.metadata.uid}.lens.app:${new URL(apiBase.config.serverAddress).port}`,
+          },
+        });
+
+      if (apiClass) {
+        return new apiClass({
+          objectConstructor: kubeClass,
+          request,
+        });
+      }
+
+      return new KubeApi(
+        {
+          logger,
+          maybeKubeApi: undefined,
+        },
+        {
+          objectConstructor: kubeClass,
+          request,
+        },
+      );
+    };
+  },
+});
+
+export default createKubeApiForClusterInjectable;
diff --git a/packages/core/src/common/k8s-api/create-kube-api-for-remote-cluster.injectable.ts b/packages/core/src/common/k8s-api/create-kube-api-for-remote-cluster.injectable.ts
new file mode 100644
index 0000000000..8b39387d1d
--- /dev/null
+++ b/packages/core/src/common/k8s-api/create-kube-api-for-remote-cluster.injectable.ts
@@ -0,0 +1,125 @@
+/**
+ * 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 { AgentOptions } from "https";
+import { Agent } from "https";
+import type { RequestInit } from "node-fetch";
+import loggerInjectable from "../logger.injectable";
+import isDevelopmentInjectable from "../vars/is-development.injectable";
+import createKubeJsonApiInjectable from "./create-kube-json-api.injectable";
+import type { KubeApiOptions } from "./kube-api";
+import { KubeApi } from "./kube-api";
+import type { KubeJsonApiDataFor, KubeObject, KubeObjectConstructor } from "./kube-object";
+
+export interface CreateKubeApiForRemoteClusterConfig {
+  cluster: {
+    server: string;
+    caData?: string;
+    skipTLSVerify?: boolean;
+  };
+  user: {
+    token?: string | (() => Promise<string>);
+    clientCertificateData?: string;
+    clientKeyData?: string;
+  };
+  /**
+   * 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.
+   */
+   agent?: Agent;
+}
+
+export type KubeApiConstructor<Object extends KubeObject, Api extends KubeApi<Object>> = new (apiOpts: KubeApiOptions<Object>) => Api;
+
+export interface CreateKubeApiForRemoteCluster {
+  <Object extends KubeObject, Api extends KubeApi<Object>, Data extends KubeJsonApiDataFor<Object>>(
+    config: CreateKubeApiForRemoteClusterConfig,
+    kubeClass: KubeObjectConstructor<Object, Data>,
+    apiClass: KubeApiConstructor<Object, Api>,
+  ): Api;
+  <Object extends KubeObject, Data extends KubeJsonApiDataFor<Object>>(
+    config: CreateKubeApiForRemoteClusterConfig,
+    kubeClass: KubeObjectConstructor<Object, Data>,
+    apiClass?: KubeApiConstructor<Object, KubeApi<Object>>,
+  ): KubeApi<Object>;
+}
+
+const createKubeApiForRemoteClusterInjectable = getInjectable({
+  id: "create-kube-api-for-remote-cluster",
+  instantiate: (di): CreateKubeApiForRemoteCluster => {
+    const isDevelopment = di.inject(isDevelopmentInjectable);
+    const createKubeJsonApi = di.inject(createKubeJsonApiInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return (
+      config: CreateKubeApiForRemoteClusterConfig,
+      kubeClass: KubeObjectConstructor<KubeObject, KubeJsonApiDataFor<KubeObject>>,
+      apiClass?: KubeApiConstructor<KubeObject, KubeApi<KubeObject>>,
+    ) => {
+      const reqInit: RequestInit = {};
+      const agentOptions: AgentOptions = {};
+
+      if (config.cluster.skipTLSVerify === true) {
+        agentOptions.rejectUnauthorized = false;
+      }
+
+      if (config.user.clientCertificateData) {
+        agentOptions.cert = config.user.clientCertificateData;
+      }
+
+      if (config.user.clientKeyData) {
+        agentOptions.key = config.user.clientKeyData;
+      }
+
+      if (config.cluster.caData) {
+        agentOptions.ca = config.cluster.caData;
+      }
+
+      if (Object.keys(agentOptions).length > 0) {
+        reqInit.agent = new Agent(agentOptions);
+      }
+
+      if (config.agent) {
+        reqInit.agent = config.agent;
+      }
+
+      const token = config.user.token;
+      const request = createKubeJsonApi({
+        serverAddress: config.cluster.server,
+        apiBase: "",
+        debug: isDevelopment,
+        ...(token ? {
+          getRequestOptions: async () => ({
+            headers: {
+              "Authorization": `Bearer ${typeof token === "function" ? await token() : token}`,
+            },
+          }),
+        } : {}),
+      }, reqInit);
+
+      if (apiClass) {
+        return new apiClass({
+          objectConstructor: kubeClass,
+          request,
+        });
+      }
+
+      return new KubeApi(
+        {
+          logger,
+          maybeKubeApi: undefined,
+        },
+        {
+          objectConstructor: kubeClass,
+          request,
+        },
+      );
+    };
+  },
+});
+
+export default createKubeApiForRemoteClusterInjectable;
diff --git a/packages/core/src/common/k8s-api/create-kube-api.injectable.ts b/packages/core/src/common/k8s-api/create-kube-api.injectable.ts
new file mode 100644
index 0000000000..cce470b132
--- /dev/null
+++ b/packages/core/src/common/k8s-api/create-kube-api.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 loggerInjectable from "../logger.injectable";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "./kube-api";
+import maybeKubeApiInjectable from "./maybe-kube-api.injectable";
+
+export interface CreateKubeApi {
+  <Api>(ctor: new (deps: KubeApiDependencies, opts: DerivedKubeApiOptions) => Api, opts?: DerivedKubeApiOptions): Api;
+}
+
+const createKubeApiInjectable = getInjectable({
+  id: "create-kube-api",
+  instantiate: (di): CreateKubeApi => {
+    const deps: KubeApiDependencies = {
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    };
+
+    return (ctor, opts) => new ctor(deps, opts ?? {});
+  },
+});
+
+export default createKubeApiInjectable;
diff --git a/packages/core/src/common/k8s-api/create-kube-json-api-for-cluster.injectable.ts b/packages/core/src/common/k8s-api/create-kube-json-api-for-cluster.injectable.ts
new file mode 100644
index 0000000000..799b0bf963
--- /dev/null
+++ b/packages/core/src/common/k8s-api/create-kube-json-api-for-cluster.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 { apiKubePrefix } from "../vars";
+import isDebuggingInjectable from "../vars/is-debugging.injectable";
+import { apiBaseHostHeaderInjectionToken, apiBaseServerAddressInjectionToken } from "./api-base-configs";
+import createKubeJsonApiInjectable from "./create-kube-json-api.injectable";
+import type { KubeJsonApi } from "./kube-json-api";
+
+export type CreateKubeJsonApiForCluster = (clusterId: string) => KubeJsonApi;
+
+const createKubeJsonApiForClusterInjectable = getInjectable({
+  id: "create-kube-json-api-for-cluster",
+  instantiate: (di): CreateKubeJsonApiForCluster => {
+    const createKubeJsonApi = di.inject(createKubeJsonApiInjectable);
+    const isDebugging = di.inject(isDebuggingInjectable);
+
+    return (clusterId) => createKubeJsonApi(
+      {
+        serverAddress: di.inject(apiBaseServerAddressInjectionToken),
+        apiBase: apiKubePrefix,
+        debug: isDebugging,
+      },
+      {
+        headers: {
+          "Host": `${clusterId}.${di.inject(apiBaseHostHeaderInjectionToken)}`,
+        },
+      },
+    );
+  },
+});
+
+export default createKubeJsonApiForClusterInjectable;
diff --git a/packages/core/src/common/k8s-api/create-kube-json-api.injectable.ts b/packages/core/src/common/k8s-api/create-kube-json-api.injectable.ts
new file mode 100644
index 0000000000..f7b5a152ee
--- /dev/null
+++ b/packages/core/src/common/k8s-api/create-kube-json-api.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 } from "@ogre-tools/injectable";
+import { Agent } from "https";
+import type { RequestInit } from "node-fetch";
+import lensProxyCertificateInjectable from "../certificate/lens-proxy-certificate.injectable";
+import fetchInjectable from "../fetch/fetch.injectable";
+import loggerInjectable from "../logger.injectable";
+import type { JsonApiConfig, JsonApiDependencies } from "./json-api";
+import { KubeJsonApi } from "./kube-json-api";
+
+export type CreateKubeJsonApi = (config: JsonApiConfig, reqInit?: RequestInit) => KubeJsonApi;
+
+const createKubeJsonApiInjectable = getInjectable({
+  id: "create-kube-json-api",
+  instantiate: (di): CreateKubeJsonApi => {
+    const dependencies: JsonApiDependencies = {
+      fetch: di.inject(fetchInjectable),
+      logger: di.inject(loggerInjectable),
+    };
+    const lensProxyCert = di.inject(lensProxyCertificateInjectable);
+
+    return (config, reqInit) => {
+      if (!config.getRequestOptions) {
+        config.getRequestOptions = async () => {
+          const agent = new Agent({
+            ca: lensProxyCert.get().cert,
+          });
+  
+          return {
+            agent,
+          };
+        };
+      }
+      
+      return new KubeJsonApi(dependencies, config, reqInit);
+    };
+  },
+});
+
+export default createKubeJsonApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/cluster-role-binding.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/cluster-role-binding.api.injectable.ts
new file mode 100644
index 0000000000..4965a86edc
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/cluster-role-binding.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const clusterRoleBindingApiInjectable = getInjectable({
+  id: "cluster-role-binding-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "clusterRoleBindingApi is only accessible in certain environments");
+
+    return new ClusterRoleBindingApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default clusterRoleBindingApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/cluster-role-binding.api.ts b/packages/core/src/common/k8s-api/endpoints/cluster-role-binding.api.ts
new file mode 100644
index 0000000000..827a3ce95d
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/cluster-role-binding.api.ts
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { DerivedKubeApiOptions, KubeApiDependencies } 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 { RoleRef } from "./types/role-ref";
+import type { Subject } from "./types/subject";
+
+export interface ClusterRoleBindingData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Cluster>, void, void> {
+  subjects?: Subject[];
+  roleRef: RoleRef;
+}
+
+export class ClusterRoleBinding extends KubeObject<
+  ClusterScopedMetadata,
+  void,
+  void
+> {
+  static kind = "ClusterRoleBinding";
+  static namespaced = false;
+  static apiBase = "/apis/rbac.authorization.k8s.io/v1/clusterrolebindings";
+
+  subjects?: Subject[];
+  roleRef: RoleRef;
+
+  constructor({
+    subjects,
+    roleRef,
+    ...rest
+  }: ClusterRoleBindingData) {
+    super(rest);
+    this.subjects = subjects;
+    this.roleRef = roleRef;
+  }
+
+  getSubjects() {
+    return this.subjects ?? [];
+  }
+
+  getSubjectNames(): string {
+    return this.getSubjects().map(subject => subject.name).join(", ");
+  }
+}
+
+export class ClusterRoleBindingApi extends KubeApi<ClusterRoleBinding, ClusterRoleBindingData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: ClusterRoleBinding,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/cluster-role.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/cluster-role.api.injectable.ts
new file mode 100644
index 0000000000..b22e198d1e
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/cluster-role.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const clusterRoleApiInjectable = getInjectable({
+  id: "cluster-role-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "clusterRoleApi is only available in certain environments");
+
+    return new ClusterRoleApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default clusterRoleApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/cluster-role.api.ts b/packages/core/src/common/k8s-api/endpoints/cluster-role.api.ts
new file mode 100644
index 0000000000..e55f934df9
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/cluster-role.api.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 type { DerivedKubeApiOptions, KubeApiDependencies } 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 { AggregationRule } from "./types/aggregation-rule";
+import type { PolicyRule } from "./types/policy-rule";
+
+export interface ClusterRoleData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Cluster>, void, void> {
+  rules?: PolicyRule[];
+  aggregationRule?: AggregationRule;
+}
+
+export class ClusterRole extends KubeObject<
+  ClusterScopedMetadata,
+  void,
+  void
+> {
+  static kind = "ClusterRole";
+  static namespaced = false;
+  static apiBase = "/apis/rbac.authorization.k8s.io/v1/clusterroles";
+
+  rules?: PolicyRule[];
+  aggregationRule?: AggregationRule;
+
+  constructor({ rules, aggregationRule, ...rest }: ClusterRoleData) {
+    super(rest);
+    this.rules = rules;
+    this.aggregationRule = aggregationRule;
+  }
+
+  getRules() {
+    return this.rules || [];
+  }
+}
+
+export class ClusterRoleApi extends KubeApi<ClusterRole, ClusterRoleData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: ClusterRole,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/cluster.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/cluster.api.injectable.ts
new file mode 100644
index 0000000000..494ef9d94b
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/cluster.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const clusterApiInjectable = getInjectable({
+  id: "cluster-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "clusterApi is only available in certain environments");
+
+    return new ClusterApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default clusterApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/cluster.api.ts b/packages/core/src/common/k8s-api/endpoints/cluster.api.ts
new file mode 100644
index 0000000000..92f42f1e4e
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/cluster.api.ts
@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export class ClusterApi extends KubeApi<Cluster> {
+  /**
+   * @deprecated This field is legacy and never used.
+   */
+  static kind = "Cluster";
+
+  /**
+   * @deprecated This field is legacy and never used.
+   */
+  static namespaced = true;
+
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: Cluster,
+    });
+  }
+}
+
+export enum ClusterStatus {
+  ACTIVE = "Active",
+  CREATING = "Creating",
+  REMOVING = "Removing",
+  ERROR = "Error",
+}
+
+export interface Cluster {
+  spec: {
+    clusterNetwork?: {
+      serviceDomain?: string;
+      pods?: {
+        cidrBlocks?: string[];
+      };
+      services?: {
+        cidrBlocks?: string[];
+      };
+    };
+    providerSpec: {
+      value: {
+        profile: string;
+      };
+    };
+  };
+  status?: {
+    apiEndpoints: {
+      host: string;
+      port: string;
+    }[];
+    providerStatus: {
+      adminUser?: string;
+      adminPassword?: string;
+      kubeconfig?: string;
+      processState?: string;
+      lensAddress?: string;
+    };
+    errorMessage?: string;
+    errorReason?: string;
+  };
+}
+
+export class Cluster extends KubeObject {
+  static kind = "Cluster";
+  static apiBase = "/apis/cluster.k8s.io/v1alpha1/clusters";
+  static namespaced = true;
+
+  getStatus() {
+    if (this.metadata.deletionTimestamp) return ClusterStatus.REMOVING;
+    if (!this.status || !this.status) return ClusterStatus.CREATING;
+    if (this.status.errorMessage) return ClusterStatus.ERROR;
+
+    return ClusterStatus.ACTIVE;
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/component-status.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/component-status.api.injectable.ts
new file mode 100644
index 0000000000..01bb16e6b4
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/component-status.api.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 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";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+import loggerInjectable from "../../logger.injectable";
+
+const componentStatusApiInjectable = getInjectable({
+  id: "component-status-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "componentStatusApi is only available in certain environments");
+
+    return new ComponentStatusApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default componentStatusApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/component-status.api.ts b/packages/core/src/common/k8s-api/endpoints/component-status.api.ts
new file mode 100644
index 0000000000..a35fc92c44
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/component-status.api.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 { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export interface ComponentStatusCondition {
+  type: string;
+  status: string;
+  message: string;
+}
+
+export interface ComponentStatus {
+  conditions: ComponentStatusCondition[];
+}
+
+export class ComponentStatus extends KubeObject {
+  static kind = "ComponentStatus";
+  static namespaced = false;
+  static apiBase = "/api/v1/componentstatuses";
+
+  getTruthyConditions() {
+    return this.conditions.filter(c => c.status === "True");
+  }
+}
+
+export class ComponentStatusApi extends KubeApi<ComponentStatus> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: ComponentStatus,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/config-map.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/config-map.api.injectable.ts
new file mode 100644
index 0000000000..e41cc23111
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/config-map.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const configMapApiInjectable = getInjectable({
+  id: "config-map-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "configMapApi is only available in certain environments");
+
+    return new ConfigMapApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default configMapApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/config-map.api.ts b/packages/core/src/common/k8s-api/endpoints/config-map.api.ts
new file mode 100644
index 0000000000..a2860246b1
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/config-map.api.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 type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { KubeJsonApiData } from "../kube-json-api";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import { autoBind } from "../../utils";
+
+export interface ConfigMapData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Namespace>, void, void> {
+  data?: Partial<Record<string, string>>;
+  binaryData?: Partial<Record<string, string>>;
+  immutable?: boolean;
+}
+
+export class ConfigMap extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
+  static kind = "ConfigMap";
+  static namespaced = true;
+  static apiBase = "/api/v1/configmaps";
+
+  data: Partial<Record<string, string>>;
+  binaryData: Partial<Record<string, string>>;
+  immutable?: boolean;
+
+  constructor({ data, binaryData, immutable, ...rest }: ConfigMapData) {
+    super(rest);
+    autoBind(this);
+
+    this.data = data ?? {};
+    this.binaryData = binaryData ?? {};
+    this.immutable = immutable;
+  }
+
+  getKeys(): string[] {
+    return Object.keys(this.data);
+  }
+}
+
+export class ConfigMapApi extends KubeApi<ConfigMap, ConfigMapData> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      objectConstructor: ConfigMap,
+      ...opts ?? {},
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/cron-job.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/cron-job.api.injectable.ts
new file mode 100644
index 0000000000..2831a726aa
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/cron-job.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const cronJobApiInjectable = getInjectable({
+  id: "cron-job-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "cronJobApi is only available in certain environments");
+
+    return new CronJobApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    }, {
+      checkPreferredVersion: true,
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default cronJobApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/cron-job.api.ts b/packages/core/src/common/k8s-api/endpoints/cron-job.api.ts
new file mode 100644
index 0000000000..2ccb8c910c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/cron-job.api.ts
@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import moment from "moment";
+import type { NamespaceScopedMetadata, ObjectReference } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import { formatDuration } from "../../utils/formatDuration";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { JobTemplateSpec } from "./types/job-template-spec";
+
+export class CronJobApi extends KubeApi<CronJob> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts,
+      objectConstructor: CronJob,
+    });
+  }
+
+  suspend(params: { namespace: string; name: string }) {
+    return this.request.patch(this.getUrl(params), {
+      data: {
+        spec: {
+          suspend: true,
+        },
+      },
+    },
+    {
+      headers: {
+        "content-type": "application/strategic-merge-patch+json",
+      },
+    });
+  }
+
+  resume(params: { namespace: string; name: string }) {
+    return this.request.patch(this.getUrl(params), {
+      data: {
+        spec: {
+          suspend: false,
+        },
+      },
+    },
+    {
+      headers: {
+        "content-type": "application/strategic-merge-patch+json",
+      },
+    });
+  }
+}
+
+export interface CronJobSpec {
+  concurrencyPolicy?: string;
+  failedJobsHistoryLimit?: number;
+  jobTemplate?: JobTemplateSpec;
+  schedule: string;
+  startingDeadlineSeconds?: number;
+  successfulJobsHistoryLimit?: number;
+  suspend?: boolean;
+}
+
+export interface CronJobStatus {
+  lastScheduleTime?: string;
+  lastSuccessfulTime?: string;
+  active?: ObjectReference[];
+}
+
+export class CronJob extends KubeObject<
+  NamespaceScopedMetadata,
+  CronJobStatus,
+  CronJobSpec
+> {
+  static readonly kind = "CronJob";
+  static readonly namespaced = true;
+  static readonly apiBase = "/apis/batch/v1/cronjobs";
+
+  getSuspendFlag() {
+    return (this.spec.suspend ?? false).toString();
+  }
+
+  getLastScheduleTime() {
+    if (!this.status?.lastScheduleTime) return "-";
+    const diff = moment().diff(this.status.lastScheduleTime);
+
+    return formatDuration(diff, true);
+  }
+
+  getSchedule() {
+    return this.spec.schedule;
+  }
+
+  isNeverRun() {
+    const schedule = this.getSchedule();
+    const daysInMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+    const stamps = schedule.split(" ");
+    const day = Number(stamps[stamps.length - 3]);  // 1-31
+    const month = Number(stamps[stamps.length - 2]);  // 1-12
+
+    if (schedule.startsWith("@")) return false;
+
+    return day > daysInMonth[month - 1];
+  }
+
+  isSuspend() {
+    return this.spec.suspend;
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/custom-resource-definition.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/custom-resource-definition.api.injectable.ts
new file mode 100644
index 0000000000..cf8a6560a0
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/custom-resource-definition.api.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 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";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+import loggerInjectable from "../../logger.injectable";
+
+const customResourceDefinitionApiInjectable = getInjectable({
+  id: "custom-resource-definition-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "customResourceDefinitionApi is only available in certain environments");
+
+    return new CustomResourceDefinitionApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default customResourceDefinitionApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/custom-resource-definition.api.ts b/packages/core/src/common/k8s-api/endpoints/custom-resource-definition.api.ts
new file mode 100644
index 0000000000..b438f06b3a
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/custom-resource-definition.api.ts
@@ -0,0 +1,244 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+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, ClusterScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { JSONSchemaProps } from "./types/json-schema-props";
+
+interface AdditionalPrinterColumnsCommon {
+  name: string;
+  type: "integer" | "number" | "string" | "boolean" | "date";
+  priority?: number;
+  format?: "int32" | "int64" | "float" | "double" | "byte" | "binary" | "date" | "date-time" | "password";
+  description?: string;
+}
+
+export type AdditionalPrinterColumnsV1 = AdditionalPrinterColumnsCommon & {
+  jsonPath: string;
+};
+
+type AdditionalPrinterColumnsV1Beta = AdditionalPrinterColumnsCommon & {
+  JSONPath: string;
+};
+
+export interface CustomResourceValidation {
+  openAPIV3Schema?: JSONSchemaProps;
+}
+
+export interface CustomResourceDefinitionVersion {
+  name: string;
+  served: boolean;
+  storage: boolean;
+  schema?: CustomResourceValidation; // required in v1 but not present in v1beta
+  additionalPrinterColumns?: AdditionalPrinterColumnsV1[];
+}
+
+export interface CustomResourceDefinitionNames {
+  categories?: string[];
+  kind: string;
+  listKind?: string;
+  plural: string;
+  shortNames?: string[];
+  singular?: string;
+}
+
+export interface CustomResourceConversion {
+  strategy?: string;
+  webhook?: WebhookConversion;
+}
+
+export interface WebhookConversion {
+  clientConfig?: WebhookClientConfig[];
+  conversionReviewVersions: string[];
+}
+
+export interface WebhookClientConfig {
+  caBundle?: string;
+  url?: string;
+  service?: ServiceReference;
+}
+
+export interface ServiceReference {
+  name: string;
+  namespace: string;
+  path?: string;
+  port?: number;
+}
+
+export interface CustomResourceDefinitionSpec {
+  group: string;
+  /**
+   * @deprecated for apiextensions.k8s.io/v1 but used in v1beta1
+   */
+  version?: string;
+  names: CustomResourceDefinitionNames;
+  scope: "Namespaced" | "Cluster";
+  /**
+   * @deprecated for apiextensions.k8s.io/v1 but used in v1beta1
+   */
+  validation?: object;
+  versions?: CustomResourceDefinitionVersion[];
+  conversion?: CustomResourceConversion;
+  /**
+   * @deprecated for apiextensions.k8s.io/v1 but used in v1beta1
+   */
+  additionalPrinterColumns?: AdditionalPrinterColumnsV1Beta[];
+  preserveUnknownFields?: boolean;
+}
+
+export interface CustomResourceDefinitionConditionAcceptedNames {
+  plural: string;
+  singular: string;
+  kind: string;
+  shortNames: string[];
+  listKind: string;
+}
+
+export interface CustomResourceDefinitionStatus {
+  conditions?: BaseKubeObjectCondition[];
+  acceptedNames: CustomResourceDefinitionConditionAcceptedNames;
+  storedVersions: string[];
+}
+
+export class CustomResourceDefinition extends KubeObject<
+  ClusterScopedMetadata,
+  CustomResourceDefinitionStatus,
+  CustomResourceDefinitionSpec
+> {
+  static kind = "CustomResourceDefinition";
+  static namespaced = false;
+  static apiBase = "/apis/apiextensions.k8s.io/v1/customresourcedefinitions";
+
+  getResourceUrl() {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    const customResourcesRoute = di.inject(customResourcesRouteInjectable);
+
+    return buildURL(customResourcesRoute.path, {
+      params: {
+        group: this.getGroup(),
+        name: this.getPluralName(),
+      },
+    });
+  }
+
+  getResourceApiBase() {
+    const { group } = this.spec;
+
+    return `/apis/${group}/${this.getVersion()}/${this.getPluralName()}`;
+  }
+
+  getPluralName() {
+    return this.getNames().plural;
+  }
+
+  getResourceKind() {
+    return this.spec.names.kind;
+  }
+
+  getResourceTitle() {
+    const name = this.getPluralName();
+
+    return name[0].toUpperCase() + name.slice(1);
+  }
+
+  getGroup() {
+    return this.spec.group;
+  }
+
+  getScope() {
+    return this.spec.scope;
+  }
+
+  getPreferedVersion(): CustomResourceDefinitionVersion {
+    const { apiVersion } = this;
+
+    switch (apiVersion) {
+      case "apiextensions.k8s.io/v1":
+        for (const version of this.spec.versions ?? []) {
+          if (version.storage) {
+            return version;
+          }
+        }
+        break;
+
+      case "apiextensions.k8s.io/v1beta1": {
+        const { additionalPrinterColumns: apc } = this.spec;
+        const additionalPrinterColumns = apc?.map(({ JSONPath, ...apc }) => ({ ...apc, jsonPath: JSONPath }));
+
+        return {
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          name: this.spec.version!,
+          served: true,
+          storage: true,
+          schema: this.spec.validation,
+          additionalPrinterColumns,
+        };
+      }
+    }
+
+    throw new Error(`Unknown apiVersion=${apiVersion}: Failed to find a version for CustomResourceDefinition ${this.metadata.name}`);
+  }
+
+  getVersion() {
+    return this.getPreferedVersion().name;
+  }
+
+  isNamespaced() {
+    return this.getScope() === "Namespaced";
+  }
+
+  getStoredVersions() {
+    return this.status?.storedVersions.join(", ") ?? "";
+  }
+
+  getNames() {
+    return this.spec.names;
+  }
+
+  getConversion() {
+    return JSON.stringify(this.spec.conversion);
+  }
+
+  getPrinterColumns(ignorePriority = true): AdditionalPrinterColumnsV1[] {
+    const columns = this.getPreferedVersion().additionalPrinterColumns ?? [];
+
+    return columns
+      .filter(column => column.name.toLowerCase() != "age" && (ignorePriority || !column.priority));
+  }
+
+  getValidation() {
+    return JSON.stringify(this.getPreferedVersion().schema, null, 2);
+  }
+
+  getConditions() {
+    if (!this.status?.conditions) return [];
+
+    return this.status.conditions.map(condition => {
+      const { message, reason, lastTransitionTime, status } = condition;
+
+      return {
+        ...condition,
+        isReady: status === "True",
+        tooltip: `${message || reason} (${lastTransitionTime})`,
+      };
+    });
+  }
+}
+
+export class CustomResourceDefinitionApi extends KubeApi<CustomResourceDefinition> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      objectConstructor: CustomResourceDefinition,
+      checkPreferredVersion: true,
+      ...opts,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/daemon-set.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/daemon-set.api.injectable.ts
new file mode 100644
index 0000000000..8a904519b6
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/daemon-set.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const daemonSetApiInjectable = getInjectable({
+  id: "daemon-set-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "daemonSetApi is only available in certain environements");
+
+    return new DaemonSetApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default daemonSetApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/daemon-set.api.ts b/packages/core/src/common/k8s-api/endpoints/daemon-set.api.ts
new file mode 100644
index 0000000000..6661e2ff43
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/daemon-set.api.ts
@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import moment from "moment";
+
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeObjectStatus, LabelSelector, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { PodTemplateSpec } from "./types/pod-template-spec";
+
+export interface RollingUpdateDaemonSet {
+  maxUnavailable?: number | string;
+  maxSurge?: number | string;
+}
+
+export interface DaemonSetUpdateStrategy {
+  type: string;
+  rollingUpdate: RollingUpdateDaemonSet;
+}
+
+export interface DaemonSetSpec {
+  selector: LabelSelector;
+  template: PodTemplateSpec;
+  updateStrategy: DaemonSetUpdateStrategy;
+  minReadySeconds?: number;
+  revisionHistoryLimit?: number;
+}
+
+export interface DaemonSetStatus extends KubeObjectStatus {
+  collisionCount?: number;
+  currentNumberScheduled: number;
+  desiredNumberScheduled: number;
+  numberAvailable?: number;
+  numberMisscheduled: number;
+  numberReady: number;
+  numberUnavailable?: number;
+  observedGeneration?: number;
+  updatedNumberScheduled?: number;
+}
+
+export class DaemonSet extends KubeObject<
+  NamespaceScopedMetadata,
+  DaemonSetStatus,
+  DaemonSetSpec
+> {
+  static kind = "DaemonSet";
+  static namespaced = true;
+  static apiBase = "/apis/apps/v1/daemonsets";
+
+  getSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.selector.matchLabels);
+  }
+
+  getNodeSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template.spec?.nodeSelector);
+  }
+
+  getTemplateLabels(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template.metadata?.labels);
+  }
+
+  getTolerations() {
+    return this.spec.template.spec?.tolerations ?? [];
+  }
+
+  getAffinity() {
+    return this.spec.template.spec?.affinity;
+  }
+
+  getAffinityNumber() {
+    return Object.keys(this.getAffinity() ?? {}).length;
+  }
+
+  getImages() {
+    const containers = this.spec.template?.spec?.containers ?? [];
+    const initContainers = this.spec.template?.spec?.initContainers ?? [];
+
+    return [...containers, ...initContainers].map(container => container.image);
+  }
+}
+
+export class DaemonSetApi extends KubeApi<DaemonSet> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: DaemonSet,
+    });
+  }
+
+  restart(params: { namespace: string; name: string }) {
+    return this.request.patch(this.getUrl(params), {
+      data: {
+        spec: {
+          template: {
+            metadata: {
+              annotations: { "kubectl.kubernetes.io/restartedAt" : moment.utc().format() },
+            },
+          },
+        },
+      },
+    },
+    {
+      headers: {
+        "content-type": "application/strategic-merge-patch+json",
+      },
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/deployment.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/deployment.api.injectable.ts
new file mode 100644
index 0000000000..47236b1a6f
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/deployment.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const deploymentApiInjectable = getInjectable({
+  id: "deployment-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "deploymentApi is only available in certain environments");
+
+    return new DeploymentApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default deploymentApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/deployment.api.ts b/packages/core/src/common/k8s-api/endpoints/deployment.api.ts
new file mode 100644
index 0000000000..31bc55ae76
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/deployment.api.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 moment from "moment";
+
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { PodSpec } from "./pod.api";
+import type { KubeObjectStatus, LabelSelector, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import { hasTypedProperty, isNumber, isObject } from "../../utils";
+
+export class DeploymentApi extends KubeApi<Deployment> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: Deployment,
+    });
+  }
+
+  protected getScaleApiUrl(params: { namespace: string; name: string }) {
+    return `${this.getUrl(params)}/scale`;
+  }
+
+  async getReplicas(params: { namespace: string; name: string }): Promise<number> {
+    const { status } = await this.request.get(this.getScaleApiUrl(params));
+
+    if (isObject(status) && hasTypedProperty(status, "replicas", isNumber)) {
+      return status.replicas;
+    }
+
+    return 0;
+  }
+
+  scale(params: { namespace: string; name: string }, replicas: number) {
+    return this.request.patch(this.getScaleApiUrl(params), {
+      data: {
+        spec: {
+          replicas,
+        },
+      },
+    },
+    {
+      headers: {
+        "content-type": "application/merge-patch+json",
+      },
+    });
+  }
+
+  restart(params: { namespace: string; name: string }) {
+    return this.request.patch(this.getUrl(params), {
+      data: {
+        spec: {
+          template: {
+            metadata: {
+              annotations: { "kubectl.kubernetes.io/restartedAt" : moment.utc().format() },
+            },
+          },
+        },
+      },
+    },
+    {
+      headers: {
+        "content-type": "application/strategic-merge-patch+json",
+      },
+    });
+  }
+}
+
+export interface DeploymentSpec {
+  replicas: number;
+  selector: LabelSelector;
+  template: {
+    metadata: {
+      creationTimestamp?: string;
+      labels: Partial<Record<string, string>>;
+      annotations?: Partial<Record<string, string>>;
+    };
+    spec: PodSpec;
+  };
+  strategy: {
+    type: string;
+    rollingUpdate: {
+      maxUnavailable: number;
+      maxSurge: number;
+    };
+  };
+}
+
+export interface DeploymentStatus extends KubeObjectStatus {
+  observedGeneration: number;
+  replicas: number;
+  updatedReplicas: number;
+  readyReplicas: number;
+  availableReplicas?: number;
+  unavailableReplicas?: number;
+}
+
+export class Deployment extends KubeObject<
+  NamespaceScopedMetadata,
+  DeploymentStatus,
+  DeploymentSpec
+> {
+  static kind = "Deployment";
+  static namespaced = true;
+  static apiBase = "/apis/apps/v1/deployments";
+
+  getSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.selector.matchLabels);
+  }
+
+  getNodeSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template.spec.nodeSelector);
+  }
+
+  getTemplateLabels(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template.metadata.labels);
+  }
+
+  getTolerations() {
+    return this.spec.template.spec.tolerations ?? [];
+  }
+
+  getAffinity() {
+    return this.spec.template.spec.affinity;
+  }
+
+  getAffinityNumber() {
+    return Object.keys(this.getAffinity() ?? {}).length;
+  }
+
+  getConditions(activeOnly = false) {
+    const { conditions = [] } = this.status ?? {};
+
+    if (activeOnly) {
+      return conditions.filter(c => c.status === "True");
+    }
+
+    return conditions;
+  }
+
+  getConditionsText(activeOnly = true) {
+    return this.getConditions(activeOnly)
+      .map(({ type }) => type)
+      .join(" ");
+  }
+
+  getReplicas() {
+    return this.spec.replicas || 0;
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/endpoint.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/endpoint.api.injectable.ts
new file mode 100644
index 0000000000..6288dc2448
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/endpoint.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const endpointsApiInjectable = getInjectable({
+  id: "endpoints-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "endpointsApi is only available in certain environments");
+
+    return new EndpointsApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default endpointsApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/endpoint.api.ts b/packages/core/src/common/k8s-api/endpoints/endpoint.api.ts
new file mode 100644
index 0000000000..c60377a887
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/endpoint.api.ts
@@ -0,0 +1,121 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { autoBind } from "../../utils";
+import type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata, ObjectReference } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+
+export function formatEndpointSubset(subset: EndpointSubset): string {
+  const { addresses, ports } = subset;
+
+  if (!addresses || !ports) {
+    return "";
+  }
+
+  return addresses
+    .map(address => (
+      ports
+        .map(port => `${address.ip}:${port.port}`)
+        .join(", ")
+    ))
+    .join(", ");
+
+}
+
+export interface ForZone {
+  name: string;
+}
+
+export interface EndpointHints {
+  forZones?: ForZone[];
+}
+
+export interface EndpointConditions {
+  ready?: boolean;
+  serving?: boolean;
+  terminating?: boolean;
+}
+
+export interface EndpointData {
+  addresses: string[];
+  conditions?: EndpointConditions;
+  hints?: EndpointHints;
+  hostname?: string;
+  nodeName?: string;
+  targetRef?: ObjectReference;
+  zone?: string;
+}
+
+export interface EndpointPort {
+  appProtocol?: string;
+  name?: string;
+  protocol?: string;
+  port: number;
+}
+
+export interface EndpointAddress {
+  hostname?: string;
+  ip: string;
+  nodeName?: string;
+  targetRef?: ObjectReference;
+}
+
+export interface EndpointSubset {
+  addresses?: EndpointAddress[];
+  notReadyAddresses?: EndpointAddress[];
+  ports?: EndpointPort[];
+}
+
+export interface EndpointsData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Namespace>, void, void> {
+  subsets?: EndpointSubset[];
+}
+
+export class Endpoints extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
+  static kind = "Endpoints";
+  static namespaced = true;
+  static apiBase = "/api/v1/endpoints";
+
+  subsets?: EndpointSubset[];
+
+  constructor({ subsets, ...rest }: EndpointsData) {
+    super(rest);
+    autoBind(this);
+    this.subsets = subsets;
+  }
+
+  getEndpointSubsets(): Required<EndpointSubset>[] {
+    return this.subsets?.map(({
+      addresses = [],
+      notReadyAddresses = [],
+      ports = [],
+    }) => ({
+      addresses,
+      notReadyAddresses,
+      ports,
+    })) ?? [];
+  }
+
+  toString(): string {
+    return this.getEndpointSubsets()
+      .map(formatEndpointSubset)
+      .join(", ") || "<none>";
+  }
+}
+
+export class EndpointsApi extends KubeApi<Endpoints, EndpointsData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      objectConstructor: Endpoints,
+      ...opts,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/events.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/events.api.injectable.ts
new file mode 100644
index 0000000000..a64afb877e
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/events.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const kubeEventApiInjectable = getInjectable({
+  id: "kube-event-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "kubeEventApi is only available in certain environments");
+
+    return new KubeEventApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default kubeEventApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/events.api.ts b/packages/core/src/common/k8s-api/endpoints/events.api.ts
new file mode 100644
index 0000000000..aca77712c8
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/events.api.ts
@@ -0,0 +1,141 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import moment from "moment";
+import type { KubeObjectMetadata, KubeObjectScope, ObjectReference } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import { formatDuration } from "../../utils/formatDuration";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+
+export interface EventSeries {
+  count?: number;
+  lastObservedTime?: string;
+}
+
+export interface EventSource {
+  component?: string;
+  host?: string;
+}
+
+export interface KubeEventData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Namespace>, void, void> {
+  action?: string;
+  count?: number;
+  eventTime?: string;
+  firstTimestamp?: string;
+  involvedObject: Required<ObjectReference>;
+  lastTimestamp?: string;
+  message?: string;
+  reason?: string;
+  related?: ObjectReference;
+  reportingComponent?: string;
+  reportingInstance?: string;
+  series?: EventSeries;
+  source?: EventSource;
+  type?: string;
+}
+
+export class KubeEvent extends KubeObject<KubeObjectMetadata<KubeObjectScope.Namespace>, void, void> {
+  static kind = "Event";
+  static namespaced = true;
+  static apiBase = "/api/v1/events";
+
+  action?: string;
+  count?: number;
+  eventTime?: string;
+  firstTimestamp?: string;
+  involvedObject: Required<ObjectReference>;
+  lastTimestamp?: string;
+  message?: string;
+  reason?: string;
+  related?: ObjectReference;
+  reportingComponent?: string;
+  reportingInstance?: string;
+  series?: EventSeries;
+  source?: EventSource;
+
+  /**
+   * Current supported values are:
+   * - "Normal"
+   * - "Warning"
+   */
+  type?: string;
+
+  constructor({
+    action,
+    count,
+    eventTime,
+    firstTimestamp,
+    involvedObject,
+    lastTimestamp,
+    message,
+    reason,
+    related,
+    reportingComponent,
+    reportingInstance,
+    series,
+    source,
+    type,
+    ...rest
+  }: KubeEventData) {
+    super(rest);
+    this.action = action;
+    this.count = count;
+    this.eventTime = eventTime;
+    this.firstTimestamp = firstTimestamp;
+    this.involvedObject = involvedObject;
+    this.lastTimestamp = lastTimestamp;
+    this.message = message;
+    this.reason = reason;
+    this.related = related;
+    this.reportingComponent = reportingComponent;
+    this.reportingInstance = reportingInstance;
+    this.series = series;
+    this.source = source;
+    this.type = type;
+  }
+
+  isWarning() {
+    return this.type === "Warning";
+  }
+
+  getSource() {
+    if (!this.source?.component) {
+      return "<unknown>";
+    }
+
+    const { component, host = "" } = this.source;
+
+    return `${component} ${host}`;
+  }
+
+  /**
+   * @deprecated This function is not reactive to changing of time. If rendering use `<ReactiveDuration />` instead
+   */
+  getFirstSeenTime() {
+    const diff = moment().diff(this.firstTimestamp);
+
+    return formatDuration(diff, true);
+  }
+
+  /**
+   * @deprecated This function is not reactive to changing of time. If rendering use `<ReactiveDuration />` instead
+   */
+  getLastSeenTime() {
+    const diff = moment().diff(this.lastTimestamp);
+
+    return formatDuration(diff, true);
+  }
+}
+
+export class KubeEventApi extends KubeApi<KubeEvent, KubeEventData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      objectConstructor: KubeEvent,
+      ...opts,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-charts.api.ts b/packages/core/src/common/k8s-api/endpoints/helm-charts.api.ts
new file mode 100644
index 0000000000..26da740830
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-charts.api.ts
@@ -0,0 +1,334 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { autoBind, bifurcateArray } from "../../utils";
+import Joi from "joi";
+
+export interface RawHelmChart {
+  apiVersion: string;
+  name: string;
+  version: string;
+  repo: string;
+  created: string;
+  digest?: string;
+  kubeVersion?: string;
+  description?: string;
+  home?: string;
+  engine?: string;
+  icon?: string;
+  appVersion?: string;
+  type?: string;
+  tillerVersion?: string;
+  deprecated?: boolean;
+  keywords?: string[];
+  sources?: string[];
+  urls?: string[];
+  maintainers?: HelmChartMaintainer[];
+  dependencies?: RawHelmChartDependency[];
+  annotations?: Record<string, string>;
+}
+
+const helmChartMaintainerValidator = Joi.object<HelmChartMaintainer>({
+  name: Joi
+    .string()
+    .required(),
+  email: Joi
+    .string()
+    .required(),
+  url: Joi
+    .string()
+    .optional(),
+});
+
+const helmChartDependencyValidator = Joi.object<HelmChartDependency, true, RawHelmChartDependency>({
+  name: Joi
+    .string()
+    .required(),
+  repository: Joi
+    .string()
+    .required(),
+  condition: Joi
+    .string()
+    .optional(),
+  version: Joi
+    .string()
+    .required(),
+  tags: Joi
+    .array()
+    .items(Joi.string())
+    .default(() => ([])),
+});
+
+const helmChartValidator = Joi.object<HelmChart, true, RawHelmChart>({
+  apiVersion: Joi
+    .string()
+    .required(),
+  name: Joi
+    .string()
+    .required(),
+  version: Joi
+    .string()
+    .required(),
+  repo: Joi
+    .string()
+    .required(),
+  created: Joi
+    .string()
+    .required(),
+  digest: Joi
+    .string()
+    .optional(),
+  kubeVersion: Joi
+    .string()
+    .optional(),
+  description: Joi
+    .string()
+    .default(""),
+  home: Joi
+    .string()
+    .optional(),
+  engine: Joi
+    .string()
+    .optional(),
+  icon: Joi
+    .string()
+    .optional(),
+  appVersion: Joi
+    .string()
+    .optional(),
+  tillerVersion: Joi
+    .string()
+    .optional(),
+  type: Joi
+    .string()
+    .optional(),
+  deprecated: Joi
+    .boolean()
+    .default(false),
+  keywords: Joi
+    .array()
+    .items(Joi.string())
+    .options({
+      stripUnknown: {
+        arrays: true,
+      },
+    })
+    .default(() => ([])),
+  sources: Joi
+    .array()
+    .items(Joi.string())
+    .options({
+      stripUnknown: {
+        arrays: true,
+      },
+    })
+    .default(() => ([])),
+  urls: Joi
+    .array()
+    .items(Joi.string())
+    .options({
+      stripUnknown: {
+        arrays: true,
+      },
+    })
+    .default(() => ([])),
+  maintainers: Joi
+    .array()
+    .items(helmChartMaintainerValidator)
+    .options({
+      stripUnknown: {
+        arrays: true,
+      },
+    })
+    .default(() => ([])),
+  dependencies: Joi
+    .array()
+    .items(helmChartDependencyValidator)
+    .options({
+      stripUnknown: {
+        arrays: true,
+      },
+    })
+    .default(() => ([])),
+  annotations: Joi
+    .object({})
+    .pattern(/.*/, Joi.string())
+    .default(() => ({})),
+});
+
+export interface HelmChartCreateOpts {
+  onError?: "throw" | "log";
+}
+
+export interface HelmChartMaintainer {
+  name: string;
+  email: string;
+  url?: string;
+}
+
+export interface RawHelmChartDependency {
+  name: string;
+  repository: string;
+  condition?: string;
+  version: string;
+  tags?: string[];
+}
+
+export type HelmChartDependency = Required<Omit<RawHelmChartDependency, "condition">>
+  & Pick<RawHelmChartDependency, "condition">;
+
+export interface HelmChartData {
+  apiVersion: string;
+  name: string;
+  version: string;
+  repo: string;
+  created: string;
+  description: string;
+  keywords: string[];
+  sources: string[];
+  urls: string[];
+  annotations: Record<string, string>;
+  dependencies: HelmChartDependency[];
+  maintainers: HelmChartMaintainer[];
+  deprecated: boolean;
+  kubeVersion?: string;
+  digest?: string;
+  home?: string;
+  engine?: string;
+  icon?: string;
+  appVersion?: string;
+  type?: string;
+  tillerVersion?: string;
+}
+
+export class HelmChart implements HelmChartData {
+  apiVersion: string;
+  name: string;
+  version: string;
+  repo: string;
+  created: string;
+  description: string;
+  keywords: string[];
+  sources: string[];
+  urls: string[];
+  annotations: Record<string, string>;
+  dependencies: HelmChartDependency[];
+  maintainers: HelmChartMaintainer[];
+  deprecated: boolean;
+  kubeVersion?: string;
+  digest?: string;
+  home?: string;
+  engine?: string;
+  icon?: string;
+  appVersion?: string;
+  type?: string;
+  tillerVersion?: string;
+
+  private constructor(value: HelmChart | HelmChartData) {
+    this.apiVersion = value.apiVersion;
+    this.name = value.name;
+    this.version = value.version;
+    this.repo = value.repo;
+    this.kubeVersion = value.kubeVersion;
+    this.created = value.created;
+    this.description = value.description;
+    this.digest = value.digest;
+    this.keywords = value.keywords;
+    this.home = value.home;
+    this.sources = value.sources;
+    this.maintainers = value.maintainers;
+    this.engine = value.engine;
+    this.icon = value.icon;
+    this.apiVersion = value.apiVersion;
+    this.deprecated = value.deprecated;
+    this.tillerVersion = value.tillerVersion;
+    this.annotations = value.annotations;
+    this.urls = value.urls;
+    this.dependencies = value.dependencies;
+    this.type = value.type;
+
+    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,
+    });
+
+    if (!result.error) {
+      return new HelmChart(result.value);
+    }
+
+    const [actualErrors, unknownDetails] = bifurcateArray(result.error.details, ({ type }) => type === "object.unknown");
+
+    if (unknownDetails.length > 0) {
+      console.warn("HelmChart data has unexpected fields", { original: data, unknownFields: unknownDetails.flatMap(d => d.path) });
+    }
+
+    if (actualErrors.length === 0) {
+      return new HelmChart(result.value as unknown as HelmChartData);
+    }
+
+    const validationError = new Joi.ValidationError(actualErrors.map(er => er.message).join(". "), actualErrors, result.error._original);
+
+    if (onError === "throw") {
+      throw validationError;
+    }
+
+    console.warn("[HELM-CHART]: failed to validate data", data, validationError);
+
+    return undefined;
+  }
+
+  getId(): string {
+    const digestPart = this.digest
+      ? `+${this.digest}`
+      : "";
+
+    return `${this.repo}:${this.apiVersion}/${this.name}@${this.getAppVersion()}${digestPart}`;
+  }
+
+  getName(): string {
+    return this.name;
+  }
+
+  getFullName(seperator = "/"): string {
+    return [this.getRepository(), this.getName()].join(seperator);
+  }
+
+  getDescription(): string {
+    return this.description;
+  }
+
+  getIcon(): string | undefined {
+    return this.icon;
+  }
+
+  getHome(): string | undefined {
+    return this.home;
+  }
+
+  getMaintainers(): HelmChartMaintainer[] {
+    return this.maintainers;
+  }
+
+  getVersion(): string {
+    return this.version;
+  }
+
+  getRepository(): string {
+    return this.repo;
+  }
+
+  getAppVersion(): string | undefined {
+    return this.appVersion;
+  }
+
+  getKeywords(): string[] {
+    return this.keywords;
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-charts.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-charts.injectable.ts
new file mode 100644
index 0000000000..4d9bfc55b1
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-charts.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 type { RawHelmChart } from "../helm-charts.api";
+import { HelmChart } from "../helm-charts.api";
+import { isDefined } from "../../../utils";
+import apiBaseInjectable from "../../api-base.injectable";
+
+export type RequestHelmCharts = () => Promise<HelmChart[]>;
+export type RepoHelmChartList = Record<string, RawHelmChart[]>;
+
+/**
+ * Get a list of all helm charts from all saved helm repos
+ */
+const requestHelmChartsInjectable = getInjectable({
+  id: "request-helm-charts",
+  instantiate: (di) => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return async () => {
+      const data = await apiBase.get<Record<string, RepoHelmChartList>>("/v2/charts");
+
+      return Object
+        .values(data)
+        .reduce((allCharts, repoCharts) => allCharts.concat(Object.values(repoCharts)), new Array<RawHelmChart[]>())
+        .map(([chart]) => HelmChart.create(chart, { onError: "log" }))
+        .filter(isDefined);
+    };
+  },
+});
+
+export default requestHelmChartsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-readme.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-readme.injectable.ts
new file mode 100644
index 0000000000..fb8eaafa10
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-readme.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 { AsyncResult } from "../../../utils/async-result";
+import { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+
+const requestReadmeEndpoint = urlBuilderFor("/v2/charts/:repo/:name/readme");
+
+export type RequestHelmChartReadme = (repo: string, name: string, version?: string) => Promise<AsyncResult<string>>;
+
+const requestHelmChartReadmeInjectable = getInjectable({
+  id: "request-helm-chart-readme",
+  instantiate: (di): RequestHelmChartReadme => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return (repo, name, version) => (
+      apiBase.get(requestReadmeEndpoint.compile({ name, repo }, { version }))
+    );
+  },
+});
+
+export default requestHelmChartReadmeInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-values.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-values.injectable.ts
new file mode 100644
index 0000000000..71105c9ff9
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-values.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 { AsyncResult } from "../../../utils/async-result";
+import { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+
+const requestValuesEndpoint = urlBuilderFor("/v2/charts/:repo/:name/values");
+
+export type RequestHelmChartValues = (repo: string, name: string, version: string) => Promise<AsyncResult<string>>;
+
+const requestHelmChartValuesInjectable = getInjectable({
+  id: "request-helm-chart-values",
+  instantiate: (di): RequestHelmChartValues => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return (repo, name, version) => (
+      apiBase.get(requestValuesEndpoint.compile({ repo, name }, { version }))
+    );
+  },
+});
+
+export default requestHelmChartValuesInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-versions.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-versions.injectable.ts
new file mode 100644
index 0000000000..ab85594ec6
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-charts.api/request-versions.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 { urlBuilderFor } from "../../../utils/buildUrl";
+import { HelmChart } from "../helm-charts.api";
+import type { RawHelmChart } from "../helm-charts.api";
+import { isDefined } from "../../../utils";
+import apiBaseInjectable from "../../api-base.injectable";
+
+const requestVersionsEndpoint = urlBuilderFor("/v2/charts/:repo/:name/versions");
+
+export type RequestHelmChartVersions = (repo: string, chartName: string) => Promise<HelmChart[]>;
+
+const requestHelmChartVersionsInjectable = getInjectable({
+  id: "request-helm-chart-versions",
+  instantiate: (di): RequestHelmChartVersions => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return async (repo, name) => {
+      const rawVersions = await apiBase.get(requestVersionsEndpoint.compile({ name, repo })) as RawHelmChart[];
+
+      return rawVersions
+        .map(version => HelmChart.create(version, { onError: "log" }))
+        .filter(isDefined);
+    };
+  },
+});
+
+export default requestHelmChartVersionsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api.ts
new file mode 100644
index 0000000000..3460378e59
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api.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 type { ItemObject } from "../../item.store";
+import type { HelmReleaseDetails } from "./helm-releases.api/request-details.injectable";
+
+export interface HelmReleaseUpdateDetails {
+  log: string;
+  release: HelmReleaseDetails;
+}
+
+export interface HelmReleaseDto {
+  appVersion: string;
+  name: string;
+  namespace: string;
+  chart: string;
+  status: string;
+  updated: string;
+  revision: string;
+}
+
+export interface HelmRelease extends HelmReleaseDto, ItemObject {
+  getNs: () => string;
+  getChart: (withVersion?: boolean) => string;
+  getRevision: () => number;
+  getStatus: () => string;
+  getVersion: () => string;
+  getUpdated: (humanize?: boolean, compact?: boolean) => string | number;
+  getRepo: () => Promise<string>;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-configuration.global-override-for-injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-configuration.global-override-for-injectable.ts
new file mode 100644
index 0000000000..18b3bd0ec0
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-configuration.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 "../../../test-utils/get-global-override";
+import requestHelmReleaseConfigurationInjectable from "./request-configuration.injectable";
+
+export default getGlobalOverride(requestHelmReleaseConfigurationInjectable, () => () => {
+  throw new Error("Tried to call requestHelmReleaseConfiguration with no override");
+});
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-configuration.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-configuration.injectable.ts
new file mode 100644
index 0000000000..e1581c5d76
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-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 { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+
+export type RequestHelmReleaseConfiguration = (
+  name: string,
+  namespace: string,
+  all: boolean
+) => Promise<string>;
+
+const requestConfigurationEnpoint = urlBuilderFor("/v2/releases/:namespace/:name/values");
+
+const requestHelmReleaseConfigurationInjectable = getInjectable({
+  id: "request-helm-release-configuration",
+
+  instantiate: (di): RequestHelmReleaseConfiguration => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return (name, namespace, all: boolean) => (
+      apiBase.get(requestConfigurationEnpoint.compile({ name, namespace }, { all }))
+    );
+  },
+});
+
+export default requestHelmReleaseConfigurationInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-create.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-create.injectable.ts
new file mode 100644
index 0000000000..c1cd09d40f
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-create.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 "../helm-releases.api";
+import { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+
+interface HelmReleaseCreatePayload {
+  name?: string;
+  repo: string;
+  chart: string;
+  namespace: string;
+  version: string;
+  values: string;
+}
+
+export type RequestCreateHelmRelease = (payload: HelmReleaseCreatePayload) => Promise<HelmReleaseUpdateDetails>;
+
+const requestCreateEndpoint = urlBuilderFor("/v2/releases");
+
+const requestCreateHelmReleaseInjectable = getInjectable({
+  id: "request-create-helm-release",
+
+  instantiate: (di): RequestCreateHelmRelease => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return ({ repo, chart, values, ...data }) => {
+      return apiBase.post(requestCreateEndpoint.compile({}), {
+        data: {
+          chart: `${repo}/${chart}`,
+          values: yaml.load(values),
+          ...data,
+        },
+      });
+    };
+  },
+});
+
+export default requestCreateHelmReleaseInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-delete.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-delete.injectable.ts
new file mode 100644
index 0000000000..44af4311a9
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-delete.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 { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+
+export type RequestDeleteHelmRelease = (name: string, namespace: string) => Promise<void>;
+
+const requestDeleteEndpoint = urlBuilderFor("/v2/releases/:namespace/:name");
+
+const requestDeleteHelmReleaseInjectable = getInjectable({
+  id: "request-delete-helm-release",
+  instantiate: (di): RequestDeleteHelmRelease => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return (name, namespace) => apiBase.del(requestDeleteEndpoint.compile({ name, namespace }));
+  },
+});
+
+export default requestDeleteHelmReleaseInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-details.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-details.injectable.ts
new file mode 100644
index 0000000000..37f2287377
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-details.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 { KubeJsonApiData } from "../../kube-json-api";
+import { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+
+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 requestDetailsEnpoint = urlBuilderFor("/v2/releases/:namespace/:name");
+
+const requestHelmReleaseDetailsInjectable = getInjectable({
+  id: "call-for-helm-release-details",
+
+  instantiate: (di): CallForHelmReleaseDetails => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return (name, namespace) => apiBase.get(requestDetailsEnpoint.compile({ name, namespace }));
+  },
+});
+
+export default requestHelmReleaseDetailsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-history.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-history.injectable.ts
new file mode 100644
index 0000000000..58b6a37dbb
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-history.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 { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+
+export interface HelmReleaseRevision {
+  revision: number;
+  updated: string;
+  status: string;
+  chart: string;
+  app_version: string;
+  description: string;
+}
+
+export type RequestHelmReleaseHistory = (name: string, namespace: string) => Promise<HelmReleaseRevision[]>;
+
+const requestHistoryEnpoint = urlBuilderFor("/v2/releases/:namespace/:name/history");
+
+const requestHelmReleaseHistoryInjectable = getInjectable({
+  id: "request-helm-release-history",
+  instantiate: (di): RequestHelmReleaseHistory => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return (name, namespace) => apiBase.get(requestHistoryEnpoint.compile({ name, namespace }));
+  },
+});
+
+export default requestHelmReleaseHistoryInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-releases.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-releases.injectable.ts
new file mode 100644
index 0000000000..ee6503ca99
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-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 { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+import type { HelmReleaseDto } from "../helm-releases.api";
+
+export type RequestHelmReleases = (namespace?: string) => Promise<HelmReleaseDto[]>;
+
+const requestHelmReleasesEndpoint = urlBuilderFor("/v2/releases/:namespace?");
+
+const requestHelmReleasesInjectable = getInjectable({
+  id: "request-helm-releases",
+
+  instantiate: (di): RequestHelmReleases => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return (namespace) => apiBase.get(requestHelmReleasesEndpoint.compile({ namespace }));
+  },
+});
+
+export default requestHelmReleasesInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-rollback.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-rollback.injectable.ts
new file mode 100644
index 0000000000..036b399ef2
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-rollback.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 { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+
+export type RequestHelmReleaseRollback = (name: string, namespace: string, revision: number) => Promise<void>;
+
+const requestRollbackEndpoint = urlBuilderFor("/v2/releases/:namespace/:name");
+
+const requestHelmReleaseRollbackInjectable = getInjectable({
+  id: "request-helm-release-rollback",
+  instantiate: (di): RequestHelmReleaseRollback => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return async (name, namespace, revision) => {
+      await apiBase.put(
+        requestRollbackEndpoint.compile({ name, namespace }),
+        { data: { revision }},
+      );
+    };
+  },
+});
+
+export default requestHelmReleaseRollbackInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-update.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-update.injectable.ts
new file mode 100644
index 0000000000..715a21cea9
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-update.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 { urlBuilderFor } from "../../../utils/buildUrl";
+import type { AsyncResult } from "../../../utils/async-result";
+import apiBaseInjectable from "../../api-base.injectable";
+
+interface HelmReleaseUpdatePayload {
+  repo: string;
+  chart: string;
+  version: string;
+  values: string;
+}
+
+export type RequestHelmReleaseUpdate = (
+  name: string,
+  namespace: string,
+  payload: HelmReleaseUpdatePayload
+) => Promise<AsyncResult<void, unknown>>;
+
+const requestUpdateEndpoint = urlBuilderFor("/v2/releases/:namespace/:name");
+
+const requestHelmReleaseUpdateInjectable = getInjectable({
+  id: "request-helm-release-update",
+
+  instantiate: (di): RequestHelmReleaseUpdate => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return async (name, namespace, { repo, chart, values, version }) => {
+      try {
+        await apiBase.put(requestUpdateEndpoint.compile({ name, namespace }), {
+          data: {
+            chart: `${repo}/${chart}`,
+            values,
+            version,
+          },
+        });
+      } catch (e) {
+        return { callWasSuccessful: false, error: e };
+      }
+
+      return { callWasSuccessful: true };
+    };
+  },
+});
+
+export default requestHelmReleaseUpdateInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-values.injectable.ts b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-values.injectable.ts
new file mode 100644
index 0000000000..99f1cc17d0
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/helm-releases.api/request-values.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 { urlBuilderFor } from "../../../utils/buildUrl";
+import apiBaseInjectable from "../../api-base.injectable";
+
+export type RequestHelmReleaseValues = (name: string, namespace: string, all?: boolean) => Promise<string>;
+
+const requestValuesEndpoint = urlBuilderFor("/v2/release/:namespace/:name/values");
+
+const requestHelmReleaseValuesInjectable = getInjectable({
+  id: "request-helm-release-values",
+  instantiate: (di): RequestHelmReleaseValues => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return (name, namespace, all) => apiBase.get(requestValuesEndpoint.compile({ name, namespace }, { all }));
+  },
+});
+
+export default requestHelmReleaseValuesInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.injectable.ts
new file mode 100644
index 0000000000..d891e45e0f
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const horizontalPodAutoscalerApiInjectable = getInjectable({
+  id: "horizontal-pod-autoscaler-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "horizontalPodAutoscalerApi is only available in certain environments");
+
+    return new HorizontalPodAutoscalerApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default horizontalPodAutoscalerApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.ts b/packages/core/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.ts
new file mode 100644
index 0000000000..71863d65ad
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.ts
@@ -0,0 +1,313 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { BaseKubeObjectCondition, LabelSelector, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { OptionVarient } from "../../utils";
+
+export enum HpaMetricType {
+  Resource = "Resource",
+  Pods = "Pods",
+  Object = "Object",
+  External = "External",
+  ContainerResource = "ContainerResource",
+}
+
+export interface HorizontalPodAutoscalerMetricTarget {
+  kind: string;
+  name: string;
+  apiVersion: string;
+}
+
+export interface ContainerResourceMetricSource {
+  container: string;
+  name: string;
+  targetAverageUtilization?: number;
+  targetAverageValue?: string;
+}
+
+export interface ExternalMetricSource {
+  metricName: string;
+  metricSelector?: LabelSelector;
+  targetAverageValue?: string;
+  targetValue?: string;
+}
+
+export interface ObjectMetricSource {
+  averageValue?: string;
+  metricName: string;
+  selector?: LabelSelector;
+  target: CrossVersionObjectReference;
+  targetValue: string;
+}
+
+export interface PodsMetricSource {
+  metricName: string;
+  selector?: LabelSelector;
+  targetAverageValue: string;
+}
+
+export interface ResourceMetricSource {
+  name: string;
+  targetAverageUtilization?: number;
+  targetAverageValue?: string;
+}
+
+export interface BaseHorizontalPodAutoscalerMetricSpec {
+  containerResource: ContainerResourceMetricSource;
+  external: ExternalMetricSource;
+  object: ObjectMetricSource;
+  pods: PodsMetricSource;
+  resource: ResourceMetricSource;
+}
+
+export type HorizontalPodAutoscalerMetricSpec =
+  | OptionVarient<HpaMetricType.Resource, BaseHorizontalPodAutoscalerMetricSpec, "resource">
+  | OptionVarient<HpaMetricType.External, BaseHorizontalPodAutoscalerMetricSpec, "external">
+  | OptionVarient<HpaMetricType.Object, BaseHorizontalPodAutoscalerMetricSpec, "object">
+  | 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;
+  apiVersion: string;
+}
+
+export interface HorizontalPodAutoscalerSpec {
+  scaleTargetRef: CrossVersionObjectReference;
+  minReplicas?: number;
+  maxReplicas: number;
+  metrics?: HorizontalPodAutoscalerMetricSpec[];
+}
+
+export interface HorizontalPodAutoscalerStatus {
+  conditions?: BaseKubeObjectCondition[];
+  currentReplicas: number;
+  desiredReplicas: number;
+  currentMetrics?: HorizontalPodAutoscalerMetricStatus[];
+}
+
+interface MetricCurrentTarget {
+  current?: string;
+  target?: string;
+}
+
+export class HorizontalPodAutoscaler extends KubeObject<
+  NamespaceScopedMetadata,
+  HorizontalPodAutoscalerStatus,
+  HorizontalPodAutoscalerSpec
+> {
+  static readonly kind = "HorizontalPodAutoscaler";
+  static readonly namespaced = true;
+  static readonly apiBase = "/apis/autoscaling/v2beta1/horizontalpodautoscalers";
+
+  getMaxPods() {
+    return this.spec.maxReplicas ?? 0;
+  }
+
+  getMinPods() {
+    return this.spec.minReplicas ?? 0;
+  }
+
+  getReplicas() {
+    return this.status?.currentReplicas ?? 0;
+  }
+
+  getReadyConditions() {
+    return this.getConditions().filter(({ isReady }) => isReady);
+  }
+
+  getConditions() {
+    return this.status?.conditions?.map(condition => {
+      const { message, reason, lastTransitionTime, status } = condition;
+
+      return {
+        ...condition,
+        isReady: status === "True",
+        tooltip: `${message || reason} (${lastTransitionTime})`,
+      };
+    }) ?? [];
+  }
+
+  getMetrics() {
+    return this.spec.metrics ?? [];
+  }
+
+  getCurrentMetrics() {
+    return this.status?.currentMetrics ?? [];
+  }
+
+  getMetricValues(metric: HorizontalPodAutoscalerMetricSpec): string {
+    const {
+      current = "unknown",
+      target = "unknown",
+    } = getMetricCurrentTarget(metric, this.getCurrentMetrics());
+
+    return `${current} / ${target}`;
+  }
+}
+
+export class HorizontalPodAutoscalerApi extends KubeApi<HorizontalPodAutoscaler> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      objectConstructor: HorizontalPodAutoscaler,
+      ...opts ?? {},
+    });
+  }
+}
+
+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/packages/core/src/common/k8s-api/endpoints/index.ts b/packages/core/src/common/k8s-api/endpoints/index.ts
new file mode 100644
index 0000000000..9d3fa94815
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/index.ts
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Kubernetes apis
+// Docs: https://kubernetes.io/docs/reference/generated/kubernetes-api/v1.10/
+
+export * from "./cluster.api";
+export * from "./cluster-role.api";
+export * from "./cluster-role-binding.api";
+export * from "./config-map.api";
+export * from "./custom-resource-definition.api";
+export * from "./cron-job.api";
+export * from "./daemon-set.api";
+export * from "./deployment.api";
+export * from "./endpoint.api";
+export * from "./events.api";
+export * from "./horizontal-pod-autoscaler.api";
+export * from "./ingress.api";
+export * from "./ingress-class.api";
+export * from "./job.api";
+export * from "./lease.api";
+export * from "./limit-range.api";
+export * from "./namespace.api";
+export * from "./network-policy.api";
+export * from "./node.api";
+export * from "./persistent-volume.api";
+export * from "./persistent-volume-claim.api";
+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";
+export * from "./role-binding.api";
+export * from "./runtime-class.api";
+export * from "./secret.api";
+export * from "./self-subject-rules-reviews.api";
+export * from "./service.api";
+export * from "./service-account.api";
+export * from "./stateful-set.api";
+export * from "./storage-class.api";
+export * from "./types";
diff --git a/packages/core/src/common/k8s-api/endpoints/ingress-class.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/ingress-class.api.injectable.ts
new file mode 100644
index 0000000000..d7d9bf32b9
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/ingress-class.api.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 { IngressClassApi } from "./ingress-class.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const ingressClassApiInjectable = getInjectable({
+  id: "ingress-class-api",
+  instantiate: (di) => new IngressClassApi({
+    logger: di.inject(loggerInjectable),
+    maybeKubeApi: di.inject(maybeKubeApiInjectable),
+  }),
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default ingressClassApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/ingress-class.api.ts b/packages/core/src/common/k8s-api/endpoints/ingress-class.api.ts
new file mode 100644
index 0000000000..5950192179
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/ingress-class.api.ts
@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { KubeApiDependencies, ResourceDescriptor } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export class IngressClassApi extends KubeApi<IngressClass> {
+  constructor(dependencies: KubeApiDependencies) {
+    super(dependencies, {
+      objectConstructor: IngressClass,
+      checkPreferredVersion: true,
+      fallbackApiBases: ["/apis/extensions/v1beta1/ingressclasses"],
+    });
+  }
+
+  setAsDefault({ name }: ResourceDescriptor, isDefault = true) {
+    const reqUrl = this.formatUrlForNotListing({ name });
+
+    return this.request.patch(reqUrl, {
+      data: {
+        metadata: {
+          annotations: {
+            [IngressClass.ANNOTATION_IS_DEFAULT]: JSON.stringify(isDefault),
+          },
+        },
+      },
+    }, {
+      headers: {
+        "content-type": "application/strategic-merge-patch+json",
+      },
+    });
+  }
+}
+
+// API docs: https://kubernetes.io/docs/reference/generated/kubernetes-api/v1.22/#ingressclass-v1-networking-k8s-io
+export type IngressClassMetadata = KubeObjectMetadata<KubeObjectScope.Cluster> & {
+  "name": string;
+  "labels"?: {
+    [name: string]: string | undefined;
+    "app.kubernetes.io/component"?: "controller";
+  };
+  "annotations"?: {
+    [name: string]: string | undefined;
+    "ingressclass.kubernetes.io/is-default-class"?: "true";
+  };
+};
+
+export interface IngressClassParametersReference {
+  "apiGroup": string; // k8s.example.net
+  "scope": "Namespace" | "Cluster";
+  "kind": "ClusterIngressParameter" | "IngressParameter";
+  "name": string; // external-config-1
+  "namespace"?: string; // namespaced for IngressClass must be defined in `spec.parameters.namespace` instead of `metadata.namespace` (!)
+}
+
+export interface IngressClassSpec {
+  controller: string; // "example.com/ingress-controller"
+  parameters?: IngressClassParametersReference;
+}
+
+export interface IngressClassStatus {
+}
+
+export class IngressClass extends KubeObject<IngressClassMetadata, IngressClassStatus, IngressClassSpec> {
+  static readonly kind = "IngressClass";
+  static readonly namespaced = false;
+  static readonly apiBase = "/apis/networking.k8s.io/v1/ingressclasses";
+  static readonly ANNOTATION_IS_DEFAULT = "ingressclass.kubernetes.io/is-default-class";
+
+  getController(): string {
+    return this.spec.controller;
+  }
+
+  getCtrlApiGroup() {
+    return this.spec?.parameters?.apiGroup;
+  }
+
+  getCtrlScope() {
+    return this.spec?.parameters?.scope;
+  }
+
+  getCtrlNs() {
+    return this.spec?.parameters?.namespace;
+  }
+
+  getCtrlKind() {
+    return this.spec?.parameters?.kind;
+  }
+
+  getCtrlName() {
+    return this.spec?.parameters?.name as string;
+  }
+
+  get isDefault() {
+    return this.metadata.annotations?.[IngressClass.ANNOTATION_IS_DEFAULT] === "true";
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/ingress.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/ingress.api.injectable.ts
new file mode 100644
index 0000000000..ec25b199b0
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/ingress.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const ingressApiInjectable = getInjectable({
+  id: "ingress-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "ingressApi is only available in certain environments");
+
+    return new IngressApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default ingressApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/ingress.api.ts b/packages/core/src/common/k8s-api/endpoints/ingress.api.ts
new file mode 100644
index 0000000000..d35cd77c0b
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/ingress.api.ts
@@ -0,0 +1,213 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { NamespaceScopedMetadata, TypedLocalObjectReference } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import { hasTypedProperty, isString, iter } from "../../utils";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { RequireExactlyOne } from "type-fest";
+
+export class IngressApi extends KubeApi<Ingress> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: Ingress,
+      // Add fallback for Kubernetes <1.19
+      checkPreferredVersion: true,
+      fallbackApiBases: ["/apis/extensions/v1beta1/ingresses"],
+    });
+  }
+}
+
+export interface ILoadBalancerIngress {
+  hostname?: string;
+  ip?: string;
+}
+
+// extensions/v1beta1
+export interface ExtensionsBackend {
+  serviceName?: string;
+  servicePort?: number | string;
+}
+
+// networking.k8s.io/v1
+export interface NetworkingBackend {
+  service?: IngressService;
+}
+
+export type IngressBackend = (ExtensionsBackend | NetworkingBackend) & {
+  resource?: TypedLocalObjectReference;
+};
+
+export interface IngressService {
+  name: string;
+  port: RequireExactlyOne<{
+    name: string;
+    number: number;
+  }>;
+}
+
+function isExtensionsBackend(backend: IngressBackend): backend is ExtensionsBackend {
+  return hasTypedProperty(backend, "serviceName", isString);
+}
+
+/**
+ * Format an ingress backend into the name of the service and port
+ * @param backend The ingress target
+ */
+export function getBackendServiceNamePort(backend: IngressBackend | undefined): string {
+  if (!backend) {
+    return "<unknown>";
+  }
+
+  if (isExtensionsBackend(backend)) {
+    return `${backend.serviceName}:${backend.servicePort}`;
+  }
+
+  if (backend.service) {
+    const { name, port } = backend.service;
+
+    return `${name}:${port.number ?? port.name}`;
+  }
+
+  return "<unknown>";
+}
+
+export interface HTTPIngressPath {
+  pathType: "Exact" | "Prefix" | "ImplementationSpecific";
+  path?: string;
+  backend?: IngressBackend;
+}
+
+export interface HTTPIngressRuleValue {
+  paths: HTTPIngressPath[];
+}
+
+export interface IngressRule {
+  host?: string;
+  http?: HTTPIngressRuleValue;
+}
+
+export interface IngressSpec {
+  tls: {
+    secretName: string;
+  }[];
+  rules?: IngressRule[];
+  // extensions/v1beta1
+  backend?: ExtensionsBackend;
+  /**
+   * The default backend which is exactly on of:
+   * - service
+   * - resource
+   */
+  defaultBackend?: RequireExactlyOne<NetworkingBackend & {
+    resource: {
+      apiGroup: string;
+      kind: string;
+      name: string;
+    };
+  }>;
+}
+
+export interface IngressStatus {
+  loadBalancer: {
+    ingress?: ILoadBalancerIngress[];
+  };
+}
+
+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";
+
+  getRules() {
+    return this.spec.rules ?? [];
+  }
+
+  getRoutes(): string[] {
+    return computeRouteDeclarations(this).map(({ url, service }) => `${url} ⇢ ${service}`);
+  }
+
+  getServiceNamePort(): ExtensionsBackend | undefined {
+    const { spec: { backend, defaultBackend } = {}} = this;
+
+    const serviceName = defaultBackend?.service?.name ?? backend?.serviceName;
+    const servicePort = defaultBackend?.service?.port.number ?? defaultBackend?.service?.port.name ?? backend?.servicePort;
+
+    if (!serviceName || !servicePort) {
+      return undefined;
+    }
+
+    return {
+      serviceName,
+      servicePort,
+    };
+  }
+
+  getHosts() {
+    const { spec: { rules = [] }} = this;
+
+    return [...iter.filterMap(rules, rule => rule.host)];
+  }
+
+  getPorts() {
+    const ports: number[] = [];
+    const { spec: { tls, rules = [], backend, defaultBackend }} = this;
+    const httpPort = 80;
+    const tlsPort = 443;
+    // Note: not using the port name (string)
+    const servicePort = defaultBackend?.service?.port.number ?? backend?.servicePort;
+
+    if (rules.length > 0) {
+      if (rules.some(rule => rule.http)) {
+        ports.push(httpPort);
+      }
+    } else if (servicePort !== undefined) {
+      ports.push(Number(servicePort));
+    }
+
+    if (tls && tls.length > 0) {
+      ports.push(tlsPort);
+    }
+
+    return ports.join(", ");
+  }
+
+  getLoadBalancers() {
+    return this.status?.loadBalancer?.ingress?.map(address => (
+      address.hostname || address.ip
+    )) ?? [];
+  }
+}
+
+export interface ComputedIngressRoute {
+  displayAsLink: boolean;
+  pathname: string;
+  url: string;
+  service: string;
+}
+
+export function computeRuleDeclarations(ingress: Ingress, rule: IngressRule): ComputedIngressRoute[] {
+  const { host = "*", http: { paths } = { paths: [] }} = rule;
+  const protocol = (ingress.spec?.tls?.length ?? 0) === 0
+    ? "http"
+    : "https";
+
+  return paths.map(({ path = "/", backend }) => ({
+    displayAsLink: !host.includes("*"),
+    pathname: path,
+    url: `${protocol}://${host}${path}`,
+    service: getBackendServiceNamePort(backend),
+  }));
+}
+
+export function computeRouteDeclarations(ingress: Ingress): ComputedIngressRoute[] {
+  return ingress.getRules().flatMap(rule => computeRuleDeclarations(ingress, rule));
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/job.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/job.api.injectable.ts
new file mode 100644
index 0000000000..923b96a2eb
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/job.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const jobApiInjectable = getInjectable({
+  id: "job-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "jobApi is only available in certain environments");
+
+    return new JobApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    }, {
+      checkPreferredVersion: true,
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default jobApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/job.api.ts b/packages/core/src/common/k8s-api/endpoints/job.api.ts
new file mode 100644
index 0000000000..ef47419e80
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/job.api.ts
@@ -0,0 +1,104 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { 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 {
+  parallelism?: number;
+  completions?: number;
+  backoffLimit?: number;
+  selector?: LabelSelector;
+  template: {
+    metadata: {
+      creationTimestamp?: string;
+      labels?: Partial<Record<string, string>>;
+      annotations?: Partial<Record<string, string>>;
+    };
+    spec: PodSpec;
+  };
+  containers?: Container[];
+  restartPolicy?: string;
+  terminationGracePeriodSeconds?: number;
+  dnsPolicy?: string;
+  serviceAccountName?: string;
+  serviceAccount?: string;
+  schedulerName?: string;
+}
+
+export interface JobStatus extends KubeObjectStatus {
+  startTime: string;
+  completionTime: string;
+  succeeded: number;
+}
+
+export class Job extends KubeObject<
+  NamespaceScopedMetadata,
+  JobStatus,
+  JobSpec
+> {
+  static readonly kind = "Job";
+  static readonly namespaced = true;
+  static readonly apiBase = "/apis/batch/v1/jobs";
+
+  getSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.selector?.matchLabels);
+  }
+
+  getNodeSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template.spec.nodeSelector);
+  }
+
+  getTemplateLabels(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template.metadata.labels);
+  }
+
+  getTolerations() {
+    return this.spec.template.spec.tolerations ?? [];
+  }
+
+  getAffinity() {
+    return this.spec.template.spec.affinity;
+  }
+
+  getAffinityNumber() {
+    return Object.keys(this.getAffinity() ?? {}).length;
+  }
+
+  getDesiredCompletions() {
+    return this.spec.completions ?? 0;
+  }
+
+  getCompletions() {
+    return this.status?.succeeded ?? 0;
+  }
+
+  getParallelism() {
+    return this.spec.parallelism;
+  }
+
+  getCondition() {
+    // Type of Job condition could be only Complete or Failed
+    // https://kubernetes.io/docs/reference/generated/kubernetes-api/v1.21/#jobcondition-v1-batch
+    return this.status?.conditions?.find(({ status }) => status === "True");
+  }
+
+  getImages() {
+    return this.spec.template.spec.containers?.map(container => container.image) ?? [];
+  }
+}
+
+export class JobApi extends KubeApi<Job> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: Job,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/lease.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/lease.api.injectable.ts
new file mode 100644
index 0000000000..f5d8e73b55
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/lease.api.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 assert from "assert";
+import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
+import { LeaseApi } from "./lease.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const leaseApiInjectable = getInjectable({
+  id: "lease-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "leaseApi is only available in certain environments");
+
+    return new LeaseApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default leaseApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/lease.api.ts b/packages/core/src/common/k8s-api/endpoints/lease.api.ts
new file mode 100644
index 0000000000..25f636dcfb
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/lease.api.ts
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+
+export interface LeaseSpec {
+  acquireTime?: string;
+  holderIdentity: string;
+  leaseDurationSeconds: number;
+  leaseTransitions?: number;
+  renewTime: string;
+}
+
+export class Lease extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  LeaseSpec
+> {
+  static readonly kind = "Lease";
+  static readonly namespaced = true;
+  static readonly apiBase = "/apis/coordination.k8s.io/v1/leases";
+
+  getAcquireTime(): string {
+    return this.spec.acquireTime || "";
+  }
+
+  getHolderIdentity(): string {
+    return this.spec.holderIdentity;
+  }
+
+  getLeaseDurationSeconds(): number {
+    return this.spec.leaseDurationSeconds;
+  }
+
+  getLeaseTransitions(): number | undefined {
+    return this.spec.leaseTransitions;
+  }
+
+  getRenewTime(): string {
+    return this.spec.renewTime;
+  }
+}
+
+export class LeaseApi extends KubeApi<Lease> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: Lease,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/limit-range.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/limit-range.api.injectable.ts
new file mode 100644
index 0000000000..7f50e2df92
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/limit-range.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const limitRangeApiInjectable = getInjectable({
+  id: "limit-range-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "limitRangeApi is only available in certain environments");
+
+    return new LimitRangeApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default limitRangeApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/limit-range.api.ts b/packages/core/src/common/k8s-api/endpoints/limit-range.api.ts
new file mode 100644
index 0000000000..eec533993c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/limit-range.api.ts
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export enum LimitType {
+  CONTAINER = "Container",
+  POD = "Pod",
+  PVC = "PersistentVolumeClaim",
+}
+
+export enum Resource {
+  MEMORY = "memory",
+  CPU = "cpu",
+  STORAGE = "storage",
+  EPHEMERAL_STORAGE = "ephemeral-storage",
+}
+
+export enum LimitPart {
+  MAX = "max",
+  MIN = "min",
+  DEFAULT = "default",
+  DEFAULT_REQUEST = "defaultRequest",
+  MAX_LIMIT_REQUEST_RATIO = "maxLimitRequestRatio",
+}
+
+type LimitRangeParts = Partial<Record<LimitPart, Record<string, string>>>;
+
+export interface LimitRangeItem extends LimitRangeParts {
+  type: string;
+}
+
+export interface LimitRangeSpec {
+  limits: LimitRangeItem[];
+}
+
+export class LimitRange extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  LimitRangeSpec
+> {
+  static readonly kind = "LimitRange";
+  static readonly namespaced = true;
+  static readonly apiBase = "/api/v1/limitranges";
+
+  getContainerLimits() {
+    return this.spec.limits.filter(limit => limit.type === LimitType.CONTAINER);
+  }
+
+  getPodLimits() {
+    return this.spec.limits.filter(limit => limit.type === LimitType.POD);
+  }
+
+  getPVCLimits() {
+    return this.spec.limits.filter(limit => limit.type === LimitType.PVC);
+  }
+}
+
+export class LimitRangeApi extends KubeApi<LimitRange> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      objectConstructor: LimitRange,
+      ...opts ?? {},
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api.ts
new file mode 100644
index 0000000000..406ab1d0b2
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api.ts
@@ -0,0 +1,124 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Metrics api
+
+import moment from "moment";
+import { isDefined, object } from "../../utils";
+
+export interface MetricData {
+  status: string;
+  data: {
+    resultType: string;
+    result: MetricResult[];
+  };
+}
+
+export interface MetricResult {
+  metric: {
+    [name: string]: string | undefined;
+    instance?: string;
+    node?: string;
+    pod?: string;
+    kubernetes?: string;
+    kubernetes_node?: string;
+    kubernetes_namespace?: string;
+  };
+  values: [number, string][];
+}
+
+export function normalizeMetrics(metrics: MetricData | undefined | null, frames = 60): MetricData {
+  if (!metrics?.data?.result) {
+    return {
+      data: {
+        resultType: "",
+        result: [{
+          metric: {},
+          values: [],
+        }],
+      },
+      status: "",
+    };
+  }
+
+  const { result } = metrics.data;
+
+  if (result.length) {
+    if (frames > 0) {
+      // fill the gaps
+      result.forEach(res => {
+        if (!res.values || !res.values.length) return;
+
+        let now = moment().startOf("minute").subtract(1, "minute").unix();
+        let timestamp = res.values[0][0];
+
+        while (timestamp <= now) {
+          timestamp = moment.unix(timestamp).add(1, "minute").unix();
+
+          if (!res.values.find((value) => value[0] === timestamp)) {
+            res.values.push([timestamp, "0"]);
+          }
+        }
+
+        while (res.values.length < frames) {
+          const timestamp = moment.unix(res.values[0][0]).subtract(1, "minute").unix();
+
+          if (!res.values.find((value) => value[0] === timestamp)) {
+            res.values.unshift([timestamp, "0"]);
+          }
+          now = timestamp;
+        }
+      });
+    }
+  }
+  else {
+    // always return at least empty values array
+    result.push({
+      metric: {},
+      values: [],
+    } as MetricResult);
+  }
+
+  return metrics;
+}
+
+export function isMetricsEmpty(metrics: Partial<Record<string, MetricData>>) {
+  return Object.values(metrics).every(metric => !metric?.data?.result?.length);
+}
+
+export function getItemMetrics<Keys extends string>(metrics: Partial<Record<Keys, MetricData>> | null | undefined, itemName: string): Partial<Record<Keys, MetricData>> | undefined {
+  if (!metrics) {
+    return undefined;
+  }
+
+  const itemMetrics = { ...metrics };
+
+  for (const metric in metrics) {
+    if (!metrics[metric]?.data?.result) {
+      continue;
+    }
+    const results = metrics[metric]?.data.result;
+    const result = results?.find(res => Object.values(res.metric)[0] == itemName);
+
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    itemMetrics[metric]!.data.result = result ? [result] : [];
+  }
+
+  return itemMetrics;
+}
+
+export function getMetricLastPoints<Keys extends string>(metrics: Partial<Record<Keys, MetricData>>): Partial<Record<Keys, number>> {
+  return object.fromEntries(
+    object.entries(metrics)
+      .map(([metricName, metric]) => {
+        try {
+          return [metricName, +metric.data.result[0].values.slice(-1)[0][1]] as const;
+        } catch {
+          return undefined;
+        }
+      })
+      .filter(isDefined),
+  );
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-cluster-metrics-by-node-names.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-cluster-metrics-by-node-names.injectable.ts
new file mode 100644
index 0000000000..84268e3f6a
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-cluster-metrics-by-node-names.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 type { MetricData } from "../metrics.api";
+import type { RequestMetricsParams } from "./request-metrics.injectable";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface ClusterMetricData {
+  memoryUsage: MetricData;
+  memoryRequests: MetricData;
+  memoryLimits: MetricData;
+  memoryCapacity: MetricData;
+  memoryAllocatableCapacity: MetricData;
+  cpuUsage: MetricData;
+  cpuRequests: MetricData;
+  cpuLimits: MetricData;
+  cpuCapacity: MetricData;
+  cpuAllocatableCapacity: MetricData;
+  podUsage: MetricData;
+  podCapacity: MetricData;
+  podAllocatableCapacity: MetricData;
+  fsSize: MetricData;
+  fsUsage: MetricData;
+}
+
+export type RequestClusterMetricsByNodeNames = (nodeNames: string[], params?: RequestMetricsParams) => Promise<ClusterMetricData>;
+
+const requestClusterMetricsByNodeNamesInjectable = getInjectable({
+  id: "get-cluster-metrics-by-node-names",
+  instantiate: (di): RequestClusterMetricsByNodeNames => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (nodeNames, params) => {
+      const opts = {
+        category: "cluster",
+        nodes: nodeNames.join("|"),
+      };
+
+      return requestMetrics({
+        memoryUsage: opts,
+        workloadMemoryUsage: opts,
+        memoryRequests: opts,
+        memoryLimits: opts,
+        memoryCapacity: opts,
+        memoryAllocatableCapacity: opts,
+        cpuUsage: opts,
+        cpuRequests: opts,
+        cpuLimits: opts,
+        cpuCapacity: opts,
+        cpuAllocatableCapacity: opts,
+        podUsage: opts,
+        podCapacity: opts,
+        podAllocatableCapacity: opts,
+        fsSize: opts,
+        fsUsage: opts,
+      }, params);
+    };
+  },
+});
+
+export default requestClusterMetricsByNodeNamesInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-ingress-metrics.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-ingress-metrics.injectable.ts
new file mode 100644
index 0000000000..8167a6bef4
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-ingress-metrics.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 type { MetricData } from "../metrics.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface IngressMetricData {
+  bytesSentSuccess: MetricData;
+  bytesSentFailure: MetricData;
+  requestDurationSeconds: MetricData;
+  responseDurationSeconds: MetricData;
+}
+
+export type RequestIngressMetrics = (ingress: string, namespace: string) => Promise<IngressMetricData>;
+
+const requestIngressMetricsInjectable = getInjectable({
+  id: "request-ingress-metrics",
+  instantiate: (di): RequestIngressMetrics => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (ingress, namespace) => {
+      const opts = { category: "ingress", ingress, namespace };
+
+      return requestMetrics({
+        bytesSentSuccess: opts,
+        bytesSentFailure: opts,
+        requestDurationSeconds: opts,
+        responseDurationSeconds: opts,
+      }, {
+        namespace,
+      });
+    };
+  },
+});
+
+export default requestIngressMetricsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-metrics-for-all-nodes.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-metrics-for-all-nodes.injectable.ts
new file mode 100644
index 0000000000..6789d6debc
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-metrics-for-all-nodes.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 { getInjectable } from "@ogre-tools/injectable";
+import type { MetricData } from "../metrics.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface NodeMetricData {
+  memoryUsage: MetricData;
+  workloadMemoryUsage: MetricData;
+  memoryCapacity: MetricData;
+  memoryAllocatableCapacity: MetricData;
+  cpuUsage: MetricData;
+  cpuCapacity: MetricData;
+  fsUsage: MetricData;
+  fsSize: MetricData;
+}
+
+export type RequestAllNodeMetrics = () => Promise<NodeMetricData>;
+
+const requestAllNodeMetricsInjectable = getInjectable({
+  id: "request-all-node-metrics",
+  instantiate: (di): RequestAllNodeMetrics => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return () => {
+      const opts = { category: "nodes" };
+
+      return requestMetrics({
+        memoryUsage: opts,
+        workloadMemoryUsage: opts,
+        memoryCapacity: opts,
+        memoryAllocatableCapacity: opts,
+        cpuUsage: opts,
+        cpuCapacity: opts,
+        fsSize: opts,
+        fsUsage: opts,
+      });
+    };
+  },
+});
+
+export default requestAllNodeMetricsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-metrics.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-metrics.injectable.ts
new file mode 100644
index 0000000000..e83c52b9aa
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-metrics.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 { getSecondsFromUnixEpoch } from "../../../utils/date/get-current-date-time";
+import apiBaseInjectable from "../../api-base.injectable";
+import type { MetricData } from "../metrics.api";
+
+
+export interface RequestMetricsParams {
+  /**
+   * timestamp in seconds or valid date-string
+   */
+  start?: number | string;
+
+  /**
+   * timestamp in seconds or valid date-string
+   */
+  end?: number | string;
+
+  /**
+   * step in seconds
+   * @default 60 (1 minute)
+   */
+  step?: number;
+
+  /**
+   * time-range in seconds for data aggregation
+   * @default 3600 (1 hour)
+   */
+  range?: number;
+
+  /**
+   * rbac-proxy validation param
+   */
+  namespace?: string;
+}
+
+export interface RequestMetrics {
+  (query: string, params?: RequestMetricsParams): Promise<MetricData>;
+  (query: string[], params?: RequestMetricsParams): Promise<MetricData[]>;
+  <Keys extends string>(query: Record<Keys, Partial<Record<string, string>>>, params?: RequestMetricsParams): Promise<Record<Keys, MetricData>>;
+}
+
+const requestMetricsInjectable = getInjectable({
+  id: "request-metrics",
+  instantiate: (di) => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return (async (query: object, params: RequestMetricsParams = {}) => {
+      const { range = 3600, step = 60, namespace } = params;
+      let { start, end } = params;
+
+      if (!start && !end) {
+        const now = getSecondsFromUnixEpoch();
+
+        start = now - range;
+        end = now;
+      }
+
+      return apiBase.post("/metrics", {
+        data: query,
+        query: {
+          start, end, step,
+          "kubernetes_namespace": namespace,
+        },
+      });
+    }) as RequestMetrics;
+  },
+});
+
+export default requestMetricsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-persistent-volume-claim-metrics.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-persistent-volume-claim-metrics.injectable.ts
new file mode 100644
index 0000000000..5cafb5ade0
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-persistent-volume-claim-metrics.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 type { MetricData } from "../metrics.api";
+import type { PersistentVolumeClaim } from "../persistent-volume-claim.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface PersistentVolumeClaimMetricData {
+  diskUsage: MetricData;
+  diskCapacity: MetricData;
+}
+
+export type RequestPersistentVolumeClaimMetrics = (claim: PersistentVolumeClaim) => Promise<PersistentVolumeClaimMetricData>;
+
+const requestPersistentVolumeClaimMetricsInjectable = getInjectable({
+  id: "request-persistent-volume-claim-metrics",
+  instantiate: (di): RequestPersistentVolumeClaimMetrics => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (claim) => {
+      const opts = { category: "pvc", pvc: claim.getName(), namespace: claim.getNs() };
+
+      return requestMetrics({
+        diskUsage: opts,
+        diskCapacity: opts,
+      }, {
+        namespace: opts.namespace,
+      });
+    };
+  },
+});
+
+export default requestPersistentVolumeClaimMetricsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-daemon-sets.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-daemon-sets.injectable.ts
new file mode 100644
index 0000000000..d5653574ff
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-daemon-sets.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 { DaemonSet } from "../daemon-set.api";
+import type { MetricData } from "../metrics.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface DaemonSetPodMetricData {
+  cpuUsage: MetricData;
+  memoryUsage: MetricData;
+  fsUsage: MetricData;
+  fsWrites: MetricData;
+  fsReads: MetricData;
+  networkReceive: MetricData;
+  networkTransmit: MetricData;
+}
+
+export type RequestPodMetricsForDaemonSets = (daemonsets: DaemonSet[], namespace: string, selector?: string) => Promise<DaemonSetPodMetricData>;
+
+const requestPodMetricsForDaemonSetsInjectable = getInjectable({
+  id: "request-pod-metrics-for-daemon-sets",
+  instantiate: (di): RequestPodMetricsForDaemonSets => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (daemonSets, namespace, selector = "") => {
+      const podSelector = daemonSets.map(daemonSet => `${daemonSet.getName()}-[[:alnum:]]{5}`).join("|");
+      const opts = { category: "pods", pods: podSelector, namespace, selector };
+
+      return requestMetrics({
+        cpuUsage: opts,
+        memoryUsage: opts,
+        fsUsage: opts,
+        fsWrites: opts,
+        fsReads: opts,
+        networkReceive: opts,
+        networkTransmit: opts,
+      }, {
+        namespace,
+      });
+    };
+  },
+});
+
+export default requestPodMetricsForDaemonSetsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-deployments.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-deployments.injectable.ts
new file mode 100644
index 0000000000..ced8ccd7fe
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-deployments.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 { Deployment } from "../deployment.api";
+import type { MetricData } from "../metrics.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface DeploymentPodMetricData {
+  cpuUsage: MetricData;
+  memoryUsage: MetricData;
+  fsUsage: MetricData;
+  fsWrites: MetricData;
+  fsReads: MetricData;
+  networkReceive: MetricData;
+  networkTransmit: MetricData;
+}
+
+export type RequestPodMetricsForDeployments = (deployments: Deployment[], namespace: string, selector?: string) => Promise<DeploymentPodMetricData>;
+
+const requestPodMetricsForDeploymentsInjectable = getInjectable({
+  id: "request-pod-metrics-for-deployments",
+  instantiate: (di): RequestPodMetricsForDeployments => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (deployments, namespace, selector = "") => {
+      const podSelector = deployments.map(deployment => `${deployment.getName()}-[[:alnum:]]{9,}-[[:alnum:]]{5}`).join("|");
+      const opts = { category: "pods", pods: podSelector, namespace, selector };
+
+      return requestMetrics({
+        cpuUsage: opts,
+        memoryUsage: opts,
+        fsUsage: opts,
+        fsWrites: opts,
+        fsReads: opts,
+        networkReceive: opts,
+        networkTransmit: opts,
+      }, {
+        namespace,
+      });
+    };
+  },
+});
+
+export default requestPodMetricsForDeploymentsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-jobs.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-jobs.injectable.ts
new file mode 100644
index 0000000000..d52f028cf0
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-jobs.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 { Job } from "../job.api";
+import type { MetricData } from "../metrics.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface JobPodMetricData {
+  cpuUsage: MetricData;
+  memoryUsage: MetricData;
+  fsUsage: MetricData;
+  fsWrites: MetricData;
+  fsReads: MetricData;
+  networkReceive: MetricData;
+  networkTransmit: MetricData;
+}
+
+export type RequestPodMetricsForJobs = (jobs: Job[], namespace: string, selector?: string) => Promise<JobPodMetricData>;
+
+const requestPodMetricsForJobsInjectable = getInjectable({
+  id: "request-pod-metrics-for-jobs",
+  instantiate: (di): RequestPodMetricsForJobs => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (jobs, namespace, selector = "") => {
+      const podSelector = jobs.map(job => `${job.getName()}-[[:alnum:]]{5}`).join("|");
+      const opts = { category: "pods", pods: podSelector, namespace, selector };
+
+      return requestMetrics({
+        cpuUsage: opts,
+        memoryUsage: opts,
+        fsUsage: opts,
+        fsWrites: opts,
+        fsReads: opts,
+        networkReceive: opts,
+        networkTransmit: opts,
+      }, {
+        namespace,
+      });
+    };
+  },
+});
+
+export default requestPodMetricsForJobsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-replica-sets.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-replica-sets.injectable.ts
new file mode 100644
index 0000000000..4186cba7b4
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-replica-sets.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 { MetricData } from "../metrics.api";
+import type { ReplicaSet } from "../replica-set.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface ReplicaSetPodMetricData {
+  cpuUsage: MetricData;
+  memoryUsage: MetricData;
+  fsUsage: MetricData;
+  fsWrites: MetricData;
+  fsReads: MetricData;
+  networkReceive: MetricData;
+  networkTransmit: MetricData;
+}
+
+export type RequestPodMetricsForReplicaSets = (replicaSets: ReplicaSet[], namespace: string, selector?: string) => Promise<ReplicaSetPodMetricData>;
+
+const requestPodMetricsForReplicaSetsInjectable = getInjectable({
+  id: "request-pod-metrics-for-replica-sets",
+  instantiate: (di): RequestPodMetricsForReplicaSets => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (replicaSets, namespace, selector = "") => {
+      const podSelector = replicaSets.map(replicaSet => `${replicaSet.getName()}-[[:alnum:]]{5}`).join("|");
+      const opts = { category: "pods", pods: podSelector, namespace, selector };
+
+      return requestMetrics({
+        cpuUsage: opts,
+        memoryUsage: opts,
+        fsUsage: opts,
+        fsWrites: opts,
+        fsReads: opts,
+        networkReceive: opts,
+        networkTransmit: opts,
+      }, {
+        namespace,
+      });
+    };
+  },
+});
+
+export default requestPodMetricsForReplicaSetsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-stateful-sets.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-stateful-sets.injectable.ts
new file mode 100644
index 0000000000..227961bc02
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-stateful-sets.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 { MetricData } from "../metrics.api";
+import type { StatefulSet } from "../stateful-set.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface StatefulSetPodMetricData {
+  cpuUsage: MetricData;
+  memoryUsage: MetricData;
+  fsUsage: MetricData;
+  fsWrites: MetricData;
+  fsReads: MetricData;
+  networkReceive: MetricData;
+  networkTransmit: MetricData;
+}
+
+export type RequestPodMetricsForStatefulSets = (statefulSets: StatefulSet[], namespace: string, selector?: string) => Promise<StatefulSetPodMetricData>;
+
+const requestPodMetricsForStatefulSetsInjectable = getInjectable({
+  id: "request-pod-metrics-for-stateful-sets",
+  instantiate: (di): RequestPodMetricsForStatefulSets => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (statefulSets, namespace, selector = "") => {
+      const podSelector = statefulSets.map(statefulset => `${statefulset.getName()}-[[:digit:]]+`).join("|");
+      const opts = { category: "pods", pods: podSelector, namespace, selector };
+
+      return requestMetrics({
+        cpuUsage: opts,
+        memoryUsage: opts,
+        fsUsage: opts,
+        fsWrites: opts,
+        fsReads: opts,
+        networkReceive: opts,
+        networkTransmit: opts,
+      }, {
+        namespace,
+      });
+    };
+  },
+});
+
+export default requestPodMetricsForStatefulSetsInjectable;
+
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-in-namespace.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-in-namespace.injectable.ts
new file mode 100644
index 0000000000..872ffd740e
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics-in-namespace.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 { getInjectable } from "@ogre-tools/injectable";
+import type { MetricData } from "../metrics.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface PodMetricInNamespaceData {
+  cpuUsage: MetricData;
+  memoryUsage: MetricData;
+  fsUsage: MetricData;
+  fsWrites: MetricData;
+  fsReads: MetricData;
+  networkReceive: MetricData;
+  networkTransmit: MetricData;
+}
+
+export type RequestPodMetricsInNamespace = (namespace: string, selector?: string) => Promise<PodMetricInNamespaceData>;
+
+const requestPodMetricsInNamespaceInjectable = getInjectable({
+  id: "request-pod-metrics-in-namespace",
+  instantiate: (di): RequestPodMetricsInNamespace => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (namespace, selector) => {
+      const opts = { category: "pods", pods: ".*", namespace, selector };
+
+      return requestMetrics({
+        cpuUsage: opts,
+        memoryUsage: opts,
+        fsUsage: opts,
+        fsWrites: opts,
+        fsReads: opts,
+        networkReceive: opts,
+        networkTransmit: opts,
+      }, {
+        namespace,
+      });
+    };
+  },
+});
+
+export default requestPodMetricsInNamespaceInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics.injectable.ts
new file mode 100644
index 0000000000..e14e5dc293
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-pod-metrics.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import type { MetricData } from "../metrics.api";
+import type { Pod } from "../pod.api";
+import requestMetricsInjectable from "./request-metrics.injectable";
+
+export interface PodMetricData {
+  cpuUsage: MetricData;
+  memoryUsage: MetricData;
+  fsUsage: MetricData;
+  fsWrites: MetricData;
+  fsReads: MetricData;
+  networkReceive: MetricData;
+  networkTransmit: MetricData;
+  cpuRequests: MetricData;
+  cpuLimits: MetricData;
+  memoryRequests: MetricData;
+  memoryLimits: MetricData;
+}
+
+export type RequestPodMetrics = (pods: Pod[], namespace: string, selector?: string) => Promise<PodMetricData>;
+
+const requestPodMetricsInjectable = getInjectable({
+  id: "request-pod-metrics",
+  instantiate: (di): RequestPodMetrics => {
+    const requestMetrics = di.inject(requestMetricsInjectable);
+
+    return (pods, namespace, selector = "pod, namespace") => {
+      const podSelector = pods.map(pod => pod.getName()).join("|");
+      const opts = { category: "pods", pods: podSelector, namespace, selector };
+
+      return requestMetrics({
+        cpuUsage: opts,
+        cpuRequests: opts,
+        cpuLimits: opts,
+        memoryUsage: opts,
+        memoryRequests: opts,
+        memoryLimits: opts,
+        fsUsage: opts,
+        fsWrites: opts,
+        fsReads: opts,
+        networkReceive: opts,
+        networkTransmit: opts,
+      }, {
+        namespace,
+      });
+    };
+  },
+});
+
+export default requestPodMetricsInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/metrics.api/request-providers.injectable.ts b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-providers.injectable.ts
new file mode 100644
index 0000000000..0c74c4d58d
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/metrics.api/request-providers.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 apiBaseInjectable from "../../api-base.injectable";
+
+export interface MetricProviderInfo {
+  name: string;
+  id: string;
+  isConfigurable: boolean;
+}
+
+export type RequestMetricsProviders = () => Promise<MetricProviderInfo[]>;
+
+const requestMetricsProvidersInjectable = getInjectable({
+  id: "request-metrics-providers",
+  instantiate: (di): RequestMetricsProviders => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return () => apiBase.get("/metrics/providers");
+  },
+});
+
+export default requestMetricsProvidersInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/namespace.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/namespace.api.injectable.ts
new file mode 100644
index 0000000000..fe722433c1
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/namespace.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const namespaceApiInjectable = getInjectable({
+  id: "namespace-api",
+
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "namespaceApi is only available in certain environments");
+
+    return new NamespaceApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default namespaceApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/namespace.api.ts b/packages/core/src/common/k8s-api/endpoints/namespace.api.ts
new file mode 100644
index 0000000000..3de24d3df9
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/namespace.api.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 type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { ClusterScopedMetadata, KubeObjectStatus } from "../kube-object";
+import { KubeObject } from "../kube-object";
+
+export enum NamespaceStatusKind {
+  ACTIVE = "Active",
+  TERMINATING = "Terminating",
+}
+
+export interface NamespaceSpec {
+  finalizers?: string[];
+}
+
+export interface NamespaceStatus extends KubeObjectStatus {
+  phase?: string;
+}
+
+export class Namespace extends KubeObject<
+  ClusterScopedMetadata,
+  NamespaceStatus,
+  NamespaceSpec
+> {
+  static readonly kind = "Namespace";
+  static readonly namespaced = false;
+  static readonly apiBase = "/api/v1/namespaces";
+
+  getStatus() {
+    return this.status?.phase ?? "-";
+  }
+}
+
+export class NamespaceApi extends KubeApi<Namespace> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: Namespace,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/network-policy.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/network-policy.api.injectable.ts
new file mode 100644
index 0000000000..66c6a95732
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/network-policy.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const networkPolicyApiInjectable = getInjectable({
+  id: "network-policy-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "networkPolicyApi is only available in certain environments");
+
+    return new NetworkPolicyApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default networkPolicyApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/network-policy.api.ts b/packages/core/src/common/k8s-api/endpoints/network-policy.api.ts
new file mode 100644
index 0000000000..78520d5539
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/network-policy.api.ts
@@ -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 { LabelSelector, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export interface IPolicyIpBlock {
+  cidr: string;
+  except?: string[];
+}
+
+/**
+ * @deprecated Use `LabelSelector` instead
+ */
+export type IPolicySelector = LabelSelector;
+
+export interface NetworkPolicyPort {
+  /**
+   * The protocol which network traffic must match.
+   *
+   * One of:
+   * - `"TCP"`
+   * - `"UDP"`
+   * - `"SCTP"`
+   *
+   * @default "TCP"
+   */
+  protocol?: string;
+
+  /**
+   * The port on the given protocol. This can either be a numerical or named
+   * port on a pod. If this field is not provided, this matches all port names and
+   * numbers.
+   *
+   * If present, only traffic on the specified protocol AND port will be matched.
+   */
+  port?: number | string;
+
+  /**
+   * If set, indicates that the range of ports from port to endPort, inclusive,
+   * should be allowed by the policy. This field cannot be defined if the port field
+   * is not defined or if the port field is defined as a named (string) port.
+   *
+   * The endPort must be equal or greater than port.
+   */
+  endPort?: number;
+}
+
+export interface NetworkPolicyPeer {
+  /**
+   * IPBlock defines policy on a particular IPBlock. If this field is set then
+   * neither of the other fields can be.
+   */
+  ipBlock?: IPolicyIpBlock;
+
+  /**
+   * Selects Namespaces using cluster-scoped labels. This field follows standard label
+   * selector semantics; if present but empty, it selects all namespaces.
+   *
+   * If PodSelector is also set, then the NetworkPolicyPeer as a whole selects
+   * the Pods matching PodSelector in the Namespaces selected by NamespaceSelector.
+   *
+   * Otherwise it selects all Pods in the Namespaces selected by NamespaceSelector.
+   */
+  namespaceSelector?: LabelSelector;
+
+  /**
+   * This is a label selector which selects Pods. This field follows standard label
+   * selector semantics; if present but empty, it selects all pods.
+   *
+   * If NamespaceSelector is also set, then the NetworkPolicyPeer as a whole selects
+   * the Pods matching PodSelector in the Namespaces selected by NamespaceSelector.
+   *
+   * Otherwise it selects the Pods matching PodSelector in the policy's own Namespace.
+   */
+  podSelector?: LabelSelector;
+}
+
+export interface IPolicyIngress {
+  from?: NetworkPolicyPeer[];
+  ports?: NetworkPolicyPort[];
+}
+
+export interface IPolicyEgress {
+  to?: NetworkPolicyPeer[];
+  ports?: NetworkPolicyPort[];
+}
+
+export type PolicyType = "Ingress" | "Egress";
+
+export interface NetworkPolicySpec {
+  podSelector: LabelSelector;
+  policyTypes?: PolicyType[];
+  ingress?: IPolicyIngress[];
+  egress?: IPolicyEgress[];
+}
+
+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";
+
+  getMatchLabels(): string[] {
+    if (!this.spec.podSelector || !this.spec.podSelector.matchLabels) return [];
+
+    return Object
+      .entries(this.spec.podSelector.matchLabels)
+      .map(data => data.join(":"));
+  }
+
+  getTypes(): string[] {
+    if (!this.spec.policyTypes) return [];
+
+    return this.spec.policyTypes;
+  }
+}
+
+export class NetworkPolicyApi extends KubeApi<NetworkPolicy> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      objectConstructor: NetworkPolicy,
+      ...opts,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/node.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/node.api.injectable.ts
new file mode 100644
index 0000000000..b780d69ee7
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/node.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const nodeApiInjectable = getInjectable({
+  id: "node-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "nodeApi is only available in certain environments");
+
+    return new NodeApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default nodeApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/node.api.ts b/packages/core/src/common/k8s-api/endpoints/node.api.ts
new file mode 100644
index 0000000000..158f359a57
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/node.api.ts
@@ -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 { BaseKubeObjectCondition, ClusterScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import { cpuUnitsToNumber, unitsToBytes, isObject } from "../../../renderer/utils";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import { TypedRegEx } from "typed-regex";
+
+export class NodeApi extends KubeApi<Node> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: Node,
+    });
+  }
+}
+
+export interface NodeTaint {
+  key: string;
+  value?: string;
+  effect: string;
+  timeAdded: string;
+}
+
+export function formatNodeTaint(taint: NodeTaint): string {
+  if (taint.value) {
+    return `${taint.key}=${taint.value}:${taint.effect}`;
+  }
+
+  return `${taint.key}:${taint.effect}`;
+}
+
+export interface NodeCondition extends BaseKubeObjectCondition {
+  /**
+   * Last time we got an update on a given condition.
+   */
+  lastHeartbeatTime?: string;
+}
+
+/**
+ * These role label prefixs are the ones that are for master nodes
+ *
+ * The `master` label has been deprecated in Kubernetes 1.20, and will be removed in 1.25 so we
+ * have to also use the newer `control-plane` label
+ */
+const masterNodeLabels = [
+  "master",
+  "control-plane",
+];
+
+/**
+ * This regex is used in the `getRoleLabels()` method bellow, but placed here
+ * as factoring out regexes is best practice.
+ */
+const nodeRoleLabelKeyMatcher = TypedRegEx("^.*node-role.kubernetes.io/+(?<role>.+)$");
+
+export interface NodeSpec {
+  podCIDR?: string;
+  podCIDRs?: string[];
+  providerID?: string;
+  /**
+   * @deprecated see https://issues.k8s.io/61966
+   */
+  externalID?: string;
+  taints?: NodeTaint[];
+  unschedulable?: boolean;
+}
+
+export interface NodeAddress {
+  type: "Hostname" | "ExternalIP" | "InternalIP";
+  address: string;
+}
+
+export interface NodeStatusResources extends Partial<Record<string, string>> {
+  cpu?: string;
+  "ephemeral-storage"?: string;
+  "hugepages-1Gi"?: string;
+  "hugepages-2Mi"?: string;
+  memory?: string;
+  pods?: string;
+}
+
+export interface ConfigMapNodeConfigSource {
+  kubeletConfigKey: string;
+  name: string;
+  namespace: string;
+  resourceVersion?: string;
+  uid?: string;
+}
+
+export interface NodeConfigSource {
+  configMap?: ConfigMapNodeConfigSource;
+}
+
+export interface NodeConfigStatus {
+  active?: NodeConfigSource;
+  assigned?: NodeConfigSource;
+  lastKnownGood?: NodeConfigSource;
+  error?: string;
+}
+
+export interface DaemonEndpoint {
+  Port: number; //it must be uppercase for backwards compatibility
+}
+
+export interface NodeDaemonEndpoints {
+  kubeletEndpoint?: DaemonEndpoint;
+}
+
+export interface ContainerImage {
+  names?: string[];
+  sizeBytes?: number;
+}
+
+export interface NodeSystemInfo {
+  architecture: string;
+  bootID: string;
+  containerRuntimeVersion: string;
+  kernelVersion: string;
+  kubeProxyVersion: string;
+  kubeletVersion: string;
+  machineID: string;
+  operatingSystem: string;
+  osImage: string;
+  systemUUID: string;
+}
+
+export interface AttachedVolume {
+  name: string;
+  devicePath: string;
+}
+
+export interface NodeStatus {
+  capacity?: NodeStatusResources;
+  allocatable?: NodeStatusResources;
+  conditions?: NodeCondition[];
+  addresses?: NodeAddress[];
+  config?: NodeConfigStatus;
+  daemonEndpoints?: NodeDaemonEndpoints;
+  images?: ContainerImage[];
+  nodeInfo?: NodeSystemInfo;
+  phase?: string;
+  volumesInUse?: string[];
+  volumesAttached?: AttachedVolume[];
+}
+
+export class Node extends KubeObject<
+  ClusterScopedMetadata,
+  NodeStatus,
+  NodeSpec
+> {
+  static readonly kind = "Node";
+  static readonly namespaced = false;
+  static readonly apiBase = "/api/v1/nodes";
+
+  /**
+   * Returns the concatination of all current condition types which have a status
+   * of `"True"`
+   */
+  getNodeConditionText(): string {
+    if (!this.status?.conditions) {
+      return "";
+    }
+
+    return this.status.conditions
+      .filter(condition => condition.status === "True")
+      .map(condition => condition.type)
+      .join(" ");
+  }
+
+  getTaints() {
+    return this.spec.taints || [];
+  }
+
+  isMasterNode(): boolean {
+    return this.getRoleLabelItems()
+      .some(roleLabel => masterNodeLabels.includes(roleLabel));
+  }
+
+  getRoleLabelItems(): string[] {
+    const { labels } = this.metadata;
+    const roleLabels: string[] = [];
+
+    if (!isObject(labels)) {
+      return roleLabels;
+    }
+
+    for (const labelKey of Object.keys(labels)) {
+      const match = nodeRoleLabelKeyMatcher.match(labelKey);
+
+      if (match?.groups) {
+        roleLabels.push(match.groups.role);
+      }
+    }
+
+    if (typeof labels["kubernetes.io/role"] === "string") {
+      roleLabels.push(labels["kubernetes.io/role"]);
+    }
+
+    if (typeof labels["node.kubernetes.io/role"] === "string") {
+      roleLabels.push(labels["node.kubernetes.io/role"]);
+    }
+
+    return roleLabels;
+  }
+
+  getRoleLabels(): string {
+    return this.getRoleLabelItems().join(", ");
+  }
+
+  getCpuCapacity() {
+    if (!this.status?.capacity || !this.status.capacity.cpu) return 0;
+
+    return cpuUnitsToNumber(this.status.capacity.cpu);
+  }
+
+  getMemoryCapacity() {
+    if (!this.status?.capacity || !this.status.capacity.memory) return 0;
+
+    return unitsToBytes(this.status.capacity.memory);
+  }
+
+  getConditions(): NodeCondition[] {
+    const conditions = this.status?.conditions || [];
+
+    if (this.isUnschedulable()) {
+      return [{ type: "SchedulingDisabled", status: "True" }, ...conditions];
+    }
+
+    return conditions;
+  }
+
+  getActiveConditions() {
+    return this.getConditions().filter(c => c.status === "True");
+  }
+
+  getWarningConditions() {
+    const goodConditions = ["Ready", "HostUpgrades", "SchedulingDisabled"];
+
+    return this.getActiveConditions().filter(condition => {
+      return !goodConditions.includes(condition.type);
+    });
+  }
+
+  getKubeletVersion() {
+    return this.status?.nodeInfo?.kubeletVersion ?? "<unknown>";
+  }
+
+  getOperatingSystem(): string {
+    return this.metadata?.labels?.["kubernetes.io/os"]
+      || this.metadata?.labels?.["beta.kubernetes.io/os"]
+      || this.status?.nodeInfo?.operatingSystem
+      || "linux";
+  }
+
+  isUnschedulable() {
+    return this.spec.unschedulable;
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/persistent-volume-claim.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/persistent-volume-claim.api.injectable.ts
new file mode 100644
index 0000000000..5d21ba9587
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/persistent-volume-claim.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const persistentVolumeClaimApiInjectable = getInjectable({
+  id: "persistent-volume-claim-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "persistentVolumeClaimApi is only available in certain environments");
+
+    return new PersistentVolumeClaimApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default persistentVolumeClaimApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/persistent-volume-claim.api.ts b/packages/core/src/common/k8s-api/endpoints/persistent-volume-claim.api.ts
new file mode 100644
index 0000000000..947d9139a3
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/persistent-volume-claim.api.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 type { LabelSelector, NamespaceScopedMetadata, TypedLocalObjectReference } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { Pod } from "./pod.api";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import { object } from "../../utils";
+import type { ResourceRequirements } from "./types/resource-requirements";
+
+export class PersistentVolumeClaimApi extends KubeApi<PersistentVolumeClaim> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: PersistentVolumeClaim,
+    });
+  }
+}
+
+export interface PersistentVolumeClaimSpec {
+  accessModes?: string[];
+  dataSource?: TypedLocalObjectReference;
+  dataSourceRef?: TypedLocalObjectReference;
+  resources?: ResourceRequirements;
+  selector?: LabelSelector;
+  storageClassName?: string;
+  volumeMode?: string;
+  volumeName?: string;
+}
+
+export interface PersistentVolumeClaimStatus {
+  phase: string; // Pending
+}
+
+export class PersistentVolumeClaim extends KubeObject<
+  NamespaceScopedMetadata,
+  PersistentVolumeClaimStatus,
+  PersistentVolumeClaimSpec
+> {
+  static readonly kind = "PersistentVolumeClaim";
+  static readonly namespaced = true;
+  static readonly apiBase = "/api/v1/persistentvolumeclaims";
+
+  getPods(pods: Pod[]): Pod[] {
+    return pods
+      .filter(pod => pod.getNs() === this.getNs())
+      .filter(pod => (
+        pod.getVolumes()
+          .filter(volume => volume.persistentVolumeClaim?.claimName === this.getName())
+          .length > 0
+      ));
+  }
+
+  getStorage(): string {
+    return this.spec.resources?.requests?.storage ?? "-";
+  }
+
+  getMatchLabels(): string[] {
+    return object.entries(this.spec.selector?.matchLabels)
+      .map(([name, val]) => `${name}:${val}`);
+  }
+
+  getMatchExpressions() {
+    return this.spec.selector?.matchExpressions ?? [];
+  }
+
+  getStatus(): string {
+    return this.status?.phase ?? "-";
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/persistent-volume.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/persistent-volume.api.injectable.ts
new file mode 100644
index 0000000000..cde587942c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/persistent-volume.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const persistentVolumeApiInjectable = getInjectable({
+  id: "persistent-volume-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "persistentVolumeApi is only available in certain environments");
+
+    return new PersistentVolumeApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default persistentVolumeApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/persistent-volume.api.ts b/packages/core/src/common/k8s-api/endpoints/persistent-volume.api.ts
new file mode 100644
index 0000000000..f4d80a82eb
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/persistent-volume.api.ts
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ClusterScopedMetadata, LabelSelector, ObjectReference, TypedLocalObjectReference } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import { unitsToBytes } from "../../utils";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { ResourceRequirements } from "./types/resource-requirements";
+
+export interface PersistentVolumeSpec {
+  /**
+   * AccessModes contains the desired access modes the volume should have.
+   *
+   * More info: https://kubernetes.io/docs/concepts/storage/persistent-volumes#access-modes-1
+   */
+  accessModes?: string[];
+  dataSource?: TypedLocalObjectReference;
+  dataSourceRef?: TypedLocalObjectReference;
+  resources?: ResourceRequirements;
+  selector?: LabelSelector;
+
+  /**
+   * Name of the StorageClass required by the claim.
+   *
+   * More info: https://kubernetes.io/docs/concepts/storage/persistent-volumes#class-1
+   */
+  storageClassName?: string;
+
+  /**
+   * Defines what type of volume is required by the claim. Value of Filesystem is implied when not
+   * included in claim spec.
+   */
+  volumeMode?: string;
+
+  /**
+   * A description of the persistent volume\'s resources and capacity.
+   *
+   * More info: https://kubernetes.io/docs/concepts/storage/persistent-volumes#capacity
+   */
+  capacity?: Partial<Record<string, string>>;
+  flexVolume?: {
+    driver: string; // ceph.rook.io/rook-ceph-system,
+    options?: {
+      clusterNamespace: string; // rook-ceph,
+      image: string; // pvc-c5d7c485-9f1b-11e8-b0ea-9600000e54fb,
+      pool: string; // replicapool,
+      storageClass: string; // rook-ceph-block
+    };
+  };
+  mountOptions?: string[];
+  claimRef?: ObjectReference;
+  persistentVolumeReclaimPolicy?: string; // Delete,
+  nfs?: {
+    path: string;
+    server: string;
+  };
+}
+
+export interface PersistentVolumeStatus {
+  phase: string;
+  reason?: string;
+}
+
+export class PersistentVolume extends KubeObject<
+  ClusterScopedMetadata,
+  PersistentVolumeStatus,
+  PersistentVolumeSpec
+> {
+  static kind = "PersistentVolume";
+  static namespaced = false;
+  static apiBase = "/api/v1/persistentvolumes";
+
+  getCapacity(inBytes = false) {
+    const capacity = this.spec.capacity;
+
+    if (capacity?.storage) {
+      if (inBytes) return unitsToBytes(capacity.storage);
+
+      return capacity.storage;
+    }
+
+    return 0;
+  }
+
+  getStatus() {
+    return this.status?.phase || "-";
+  }
+
+  getStorageClass(): string {
+    return this.spec.storageClassName ?? "";
+  }
+
+  getClaimRefName(): string {
+    return this.spec.claimRef?.name ?? "";
+  }
+
+  getStorageClassName() {
+    return this.spec.storageClassName || "";
+  }
+}
+
+export class PersistentVolumeApi extends KubeApi<PersistentVolume> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: PersistentVolume,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/pod-disruption-budget.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/pod-disruption-budget.api.injectable.ts
new file mode 100644
index 0000000000..28ecff01b1
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/pod-disruption-budget.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const podDisruptionBudgetApiInjectable = getInjectable({
+  id: "pod-disruption-budget-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "podDisruptionBudgetApi is only available in certain environments");
+
+    return new PodDisruptionBudgetApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default podDisruptionBudgetApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/pod-disruption-budget.api.ts b/packages/core/src/common/k8s-api/endpoints/pod-disruption-budget.api.ts
new file mode 100644
index 0000000000..0010bbb642
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/pod-disruption-budget.api.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 { LabelSelector, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export interface PodDisruptionBudgetSpec {
+  minAvailable: string;
+  maxUnavailable: string;
+  selector: LabelSelector;
+}
+
+export interface PodDisruptionBudgetStatus {
+  currentHealthy: number;
+  desiredHealthy: number;
+  disruptionsAllowed: number;
+  expectedPods: number;
+}
+
+export class PodDisruptionBudget extends KubeObject<
+  NamespaceScopedMetadata,
+  PodDisruptionBudgetStatus,
+  PodDisruptionBudgetSpec
+> {
+  static readonly kind = "PodDisruptionBudget";
+  static readonly namespaced = true;
+  static readonly apiBase = "/apis/policy/v1beta1/poddisruptionbudgets";
+
+  getSelectors() {
+    return KubeObject.stringifyLabels(this.spec.selector.matchLabels);
+  }
+
+  getMinAvailable() {
+    return this.spec.minAvailable || "N/A";
+  }
+
+  getMaxUnavailable() {
+    return this.spec.maxUnavailable || "N/A";
+  }
+
+  getCurrentHealthy() {
+    return this.status?.currentHealthy ?? 0;
+  }
+
+  getDesiredHealthy() {
+    return this.status?.desiredHealthy ?? 0;
+  }
+}
+
+export class PodDisruptionBudgetApi extends KubeApi<PodDisruptionBudget> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      objectConstructor: PodDisruptionBudget,
+      ...opts,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/pod-metrics.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/pod-metrics.api.injectable.ts
new file mode 100644
index 0000000000..ddd2b109ef
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/pod-metrics.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const podMetricsApiInjectable = getInjectable({
+  id: "pod-metrics-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "podMetricsApi is only available in certain environments");
+
+    return new PodMetricsApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default podMetricsApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/pod-metrics.api.ts b/packages/core/src/common/k8s-api/endpoints/pod-metrics.api.ts
new file mode 100644
index 0000000000..84a58026d5
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/pod-metrics.api.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 { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+
+export interface PodMetricsData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Namespace>, void, void> {
+  timestamp: string;
+  window: string;
+  containers: PodMetricsContainer[];
+}
+
+export interface PodMetricsContainerUsage {
+  cpu: string;
+  memory: string;
+}
+
+export interface PodMetricsContainer {
+  name: string;
+  usage: PodMetricsContainerUsage;
+}
+
+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";
+
+  timestamp: string;
+  window: string;
+  containers: PodMetricsContainer[];
+
+  constructor({
+    timestamp,
+    window,
+    containers,
+    ...rest
+  }: PodMetricsData) {
+    super(rest);
+    this.timestamp = timestamp;
+    this.window = window;
+    this.containers = containers;
+  }
+}
+
+export class PodMetricsApi extends KubeApi<PodMetrics, PodMetricsData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: PodMetrics,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/pod-security-policy.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/pod-security-policy.api.injectable.ts
new file mode 100644
index 0000000000..c62b568e87
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/pod-security-policy.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const podSecurityPolicyApiInjectable = getInjectable({
+  id: "pod-security-policy-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "podSecurityPolicyApi is only available in certain environments");
+
+    return new PodSecurityPolicyApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default podSecurityPolicyApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/pod-security-policy.api.ts b/packages/core/src/common/k8s-api/endpoints/pod-security-policy.api.ts
new file mode 100644
index 0000000000..f0e9e1110c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/pod-security-policy.api.ts
@@ -0,0 +1,121 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ClusterScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export interface PodSecurityPolicySpec {
+  allowPrivilegeEscalation?: boolean;
+  allowedCSIDrivers?: {
+    name: string;
+  }[];
+  allowedCapabilities: string[];
+  allowedFlexVolumes?: {
+    driver: string;
+  }[];
+  allowedHostPaths?: {
+    pathPrefix: string;
+    readOnly: boolean;
+  }[];
+  allowedProcMountTypes?: string[];
+  allowedUnsafeSysctls?: string[];
+  defaultAddCapabilities?: string[];
+  defaultAllowPrivilegeEscalation?: boolean;
+  forbiddenSysctls?: string[];
+  fsGroup?: {
+    rule: string;
+    ranges: {
+      max: number;
+      min: number;
+    }[];
+  };
+  hostIPC?: boolean;
+  hostNetwork?: boolean;
+  hostPID?: boolean;
+  hostPorts?: {
+    max: number;
+    min: number;
+  }[];
+  privileged?: boolean;
+  readOnlyRootFilesystem?: boolean;
+  requiredDropCapabilities?: string[];
+  runAsGroup?: {
+    ranges: {
+      max: number;
+      min: number;
+    }[];
+    rule: string;
+  };
+  runAsUser?: {
+    rule: string;
+    ranges: {
+      max: number;
+      min: number;
+    }[];
+  };
+  runtimeClass?: {
+    allowedRuntimeClassNames: string[];
+    defaultRuntimeClassName: string;
+  };
+  seLinux?: {
+    rule: string;
+    seLinuxOptions: {
+      level: string;
+      role: string;
+      type: string;
+      user: string;
+    };
+  };
+  supplementalGroups?: {
+    rule: string;
+    ranges: {
+      max: number;
+      min: number;
+    }[];
+  };
+  volumes?: string[];
+}
+
+export class PodSecurityPolicy extends KubeObject<
+  ClusterScopedMetadata,
+  void,
+  PodSecurityPolicySpec
+> {
+  static readonly kind = "PodSecurityPolicy";
+  static readonly namespaced = false;
+  static readonly apiBase = "/apis/policy/v1beta1/podsecuritypolicies";
+
+  isPrivileged() {
+    return !!this.spec.privileged;
+  }
+
+  getVolumes() {
+    return this.spec.volumes || [];
+  }
+
+  getRules() {
+    const { fsGroup, runAsGroup, runAsUser, supplementalGroups, seLinux } = this.spec;
+
+    return {
+      fsGroup: fsGroup ? fsGroup.rule : "",
+      runAsGroup: runAsGroup ? runAsGroup.rule : "",
+      runAsUser: runAsUser ? runAsUser.rule : "",
+      supplementalGroups: supplementalGroups ? supplementalGroups.rule : "",
+      seLinux: seLinux ? seLinux.rule : "",
+    };
+  }
+}
+
+export class PodSecurityPolicyApi extends KubeApi<PodSecurityPolicy> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: PodSecurityPolicy,
+
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/pod.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/pod.api.injectable.ts
new file mode 100644
index 0000000000..f2c1635b14
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/pod.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const podApiInjectable = getInjectable({
+  id: "pod-api",
+
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "podApi is only available in certain environments");
+
+    return new PodApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default podApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/pod.api.ts b/packages/core/src/common/k8s-api/endpoints/pod.api.ts
new file mode 100644
index 0000000000..3a0bed57cd
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/pod.api.ts
@@ -0,0 +1,853 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { DerivedKubeApiOptions, KubeApiDependencies, ResourceDescriptor } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { RequireExactlyOne } from "type-fest";
+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(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: Pod,
+    });
+  }
+
+  async getLogs(params: ResourceDescriptor, query?: PodLogsQuery): Promise<string> {
+    const path = `${this.getUrl(params)}/log`;
+
+    return this.request.get(path, { query });
+  }
+}
+
+// Reference: https://kubernetes.io/docs/reference/generated/kubernetes-api/v1.19/#read-log-pod-v1-core
+export interface PodLogsQuery {
+  container?: string;
+  tailLines?: number;
+  timestamps?: boolean;
+  sinceTime?: string; // Date.toISOString()-format
+  follow?: boolean;
+  previous?: boolean;
+}
+
+export enum PodStatusPhase {
+  TERMINATED = "Terminated",
+  FAILED = "Failed",
+  PENDING = "Pending",
+  RUNNING = "Running",
+  SUCCEEDED = "Succeeded",
+  EVICTED = "Evicted",
+}
+
+export interface ContainerStateRunning {
+  startedAt: string;
+}
+
+export interface ContainerStateWaiting {
+  reason: string;
+  message: string;
+}
+
+export interface ContainerStateTerminated {
+  startedAt: string;
+  finishedAt: string;
+  exitCode: number;
+  reason: string;
+  containerID?: string;
+  message?: string;
+  signal?: number;
+}
+
+/**
+ * ContainerState holds a possible state of container. Only one of its members
+ * may be specified. If none of them is specified, the default one is
+ * `ContainerStateWaiting`.
+ */
+export interface ContainerState {
+  running?: ContainerStateRunning;
+  waiting?: ContainerStateWaiting;
+  terminated?: ContainerStateTerminated;
+}
+
+export interface PodContainerStatus {
+  name: string;
+  state?: ContainerState;
+  lastState?: ContainerState;
+  ready: boolean;
+  restartCount: number;
+  image: string;
+  imageID: string;
+  containerID?: string;
+  started?: boolean;
+}
+
+export interface AwsElasticBlockStoreSource {
+  volumeID: string;
+  fsType: string;
+}
+
+export interface AzureDiskSource {
+  /**
+   * The name of the VHD blob object OR the name of an Azure managed data disk if `kind` is `"Managed"`.
+   */
+  diskName: string;
+  /**
+   * The URI of the vhd blob object OR the `resourceID` of an Azure managed data disk if `kind` is `"Managed"`.
+   */
+  diskURI: string;
+  /**
+   * Kind of disk
+   * @default "Shared"
+   */
+  kind?: "Shared" | "Dedicated" | "Managed";
+  /**
+   * Disk caching mode.
+   * @default "None"
+   */
+  cachingMode?: "None" | "ReadOnly" | "ReadWrite";
+  /**
+   * The filesystem type to mount.
+   * @default "ext4"
+   */
+  fsType?: string;
+  /**
+   * Whether the filesystem is used as readOnly.
+   * @default false
+   */
+  readonly?: boolean;
+}
+
+export interface AzureFileSource {
+  /**
+   * The name of the secret that contains both Azure storage account name and key.
+   */
+  secretName: string;
+  /**
+   * The share name to be used.
+   */
+  shareName: string;
+  /**
+   * In case the secret is stored in a different namespace.
+   * @default "default"
+   */
+  secretNamespace?: string;
+  /**
+   * Whether the filesystem is used as readOnly.
+   */
+  readOnly: boolean;
+}
+
+export interface CephfsSource {
+  /**
+   * List of Ceph monitors
+   */
+  monitors: string[];
+  /**
+   * Used as the mounted root, rather than the full Ceph tree.
+   * @default "/"
+   */
+  path?: string;
+  /**
+   * The RADOS user name.
+   * @default "admin"
+   */
+  user?: string;
+  /**
+   * The path to the keyring file.
+   * @default "/etc/ceph/user.secret"
+   */
+  secretFile?: string;
+  /**
+   * Reference to Ceph authentication secrets. If provided, then the secret overrides `secretFile`
+   */
+  secretRef?: SecretReference;
+  /**
+   * Whether the filesystem is used as readOnly.
+   *
+   * @default false
+   */
+  readOnly?: boolean;
+}
+
+export interface CinderSource {
+  volumeID: string;
+  fsType: string;
+  /**
+   * @default false
+   */
+  readOnly?: boolean;
+  secretRef?: SecretReference;
+}
+
+export interface ConfigMapSource {
+  name: string;
+  items: {
+    key: string;
+    path: string;
+  }[];
+}
+
+export interface DownwardApiSource {
+  items: {
+    path: string;
+    fieldRef: {
+      fieldPath: string;
+    };
+  }[];
+}
+
+export interface EphemeralSource {
+  volumeClaimTemplate: {
+    /**
+     * All the rest of the fields are ignored and rejected during validation
+     */
+    metadata?: Pick<KubeObjectMetadata, "labels" | "annotations">;
+    spec: PersistentVolumeClaimSpec;
+  };
+}
+
+export interface EmptyDirSource {
+  medium?: string;
+  sizeLimit?: string;
+}
+
+export interface FiberChannelSource {
+  /**
+   * A list of World Wide Names
+   */
+  targetWWNs: string[];
+  /**
+   * Logical Unit number
+   */
+  lun: number;
+  /**
+   * The type of filesystem
+   * @default "ext4"
+   */
+  fsType?: string;
+  readOnly: boolean;
+}
+
+export interface FlockerSource {
+  datasetName: string;
+}
+
+export interface FlexVolumeSource {
+  driver: string;
+  fsType?: string;
+  secretRef?: LocalObjectReference;
+  /**
+   * @default false
+   */
+  readOnly?: boolean;
+  options?: Record<string, string>;
+}
+
+export interface GcePersistentDiskSource {
+  pdName: string;
+  fsType: string;
+}
+
+export interface GitRepoSource {
+  repository: string;
+  revision: string;
+}
+
+export interface GlusterFsSource {
+  /**
+   * The name of the Endpoints object that represents a Gluster cluster configuration.
+   */
+  endpoints: string;
+  /**
+   * The Glusterfs volume name.
+   */
+  path: string;
+  /**
+   * The boolean that sets the mountpoint readOnly or readWrite.
+   */
+  readOnly: boolean;
+}
+
+export interface HostPathSource {
+  path: string;
+  /**
+   * Determines the sorts of checks that will be done
+   * @default ""
+   */
+  type?: "" | "DirectoryOrCreate" | "Directory" | "FileOrCreate" | "File" | "Socket" | "CharDevice" | "BlockDevice";
+}
+
+export interface IScsiSource {
+  targetPortal: string;
+  iqn: string;
+  lun: number;
+  fsType: string;
+  readOnly: boolean;
+  chapAuthDiscovery?: boolean;
+  chapAuthSession?: boolean;
+  secretRef?: SecretReference;
+}
+
+export interface LocalSource {
+  path: string;
+}
+
+export interface NetworkFsSource {
+  server: string;
+  path: string;
+  readOnly?: boolean;
+}
+
+export interface PersistentVolumeClaimSource {
+  claimName: string;
+}
+
+export interface PhotonPersistentDiskSource {
+  pdID: string;
+  /**
+   * @default "ext4"
+   */
+  fsType?: string;
+}
+
+export interface PortworxVolumeSource {
+  volumeID: string;
+  fsType?: string;
+  readOnly?: boolean;
+}
+
+export interface KeyToPath {
+  key: string;
+  path: string;
+  mode?: number;
+}
+
+export interface ConfigMapProjection {
+  name: string;
+  items?: KeyToPath[];
+  optional?: boolean;
+}
+
+export interface DownwardAPIVolumeFile {
+  path: string;
+  fieldRef?: ObjectFieldSelector;
+  resourceFieldRef?: ResourceFieldSelector;
+  mode?: number;
+}
+
+export interface DownwardAPIProjection {
+  items?: DownwardAPIVolumeFile[];
+}
+
+export interface SecretProjection {
+  name: string;
+  items?: KeyToPath[];
+  optional?: boolean;
+}
+
+export interface ServiceAccountTokenProjection {
+  audience?: string;
+  expirationSeconds?: number;
+  path: string;
+}
+
+export interface VolumeProjection {
+  secret?: SecretProjection;
+  downwardAPI?: DownwardAPIProjection;
+  configMap?: ConfigMapProjection;
+  serviceAccountToken?: ServiceAccountTokenProjection;
+}
+
+export interface ProjectedSource {
+  sources?: VolumeProjection[];
+  defaultMode?: number;
+}
+
+export interface QuobyteSource {
+  registry: string;
+  volume: string;
+  /**
+   * @default false
+   */
+  readOnly?: boolean;
+  /**
+   * @default "serivceaccount"
+   */
+  user?: string;
+  group?: string;
+  tenant?: string;
+}
+
+export interface RadosBlockDeviceSource {
+  monitors: string[];
+  image: string;
+  /**
+   * @default "ext4"
+   */
+  fsType?: string;
+  /**
+   * @default "rbd"
+   */
+  pool?: string;
+  /**
+   * @default "admin"
+   */
+  user?: string;
+  /**
+   * @default "/etc/ceph/keyring"
+   */
+  keyring?: string;
+  secretRef?: SecretReference;
+  /**
+   * @default false
+   */
+  readOnly?: boolean;
+}
+
+export interface ScaleIoSource {
+  gateway: string;
+  system: string;
+  secretRef?: LocalObjectReference;
+  /**
+   * @default false
+   */
+  sslEnabled?: boolean;
+  protectionDomain?: string;
+  storagePool?: string;
+  /**
+   * @default "ThinProvisioned"
+   */
+  storageMode?: "ThickProvisioned" | "ThinProvisioned";
+  volumeName: string;
+  /**
+   * @default "xfs"
+   */
+  fsType?: string;
+  /**
+   * @default false
+   */
+  readOnly?: boolean;
+}
+
+export interface SecretSource {
+  secretName: string;
+  items?: {
+    key: string;
+    path: string;
+    mode?: number;
+  }[];
+  defaultMode?: number;
+  optional?: boolean;
+}
+
+export interface StorageOsSource {
+  volumeName: string;
+  /**
+   * @default Pod.metadata.namespace
+   */
+  volumeNamespace?: string;
+  /**
+   * @default "ext4"
+   */
+  fsType?: string;
+  /**
+   * @default false
+   */
+  readOnly?: boolean;
+  secretRef?: LocalObjectReference;
+}
+
+export interface VsphereVolumeSource {
+  volumePath: string;
+  /**
+   * @default "ext4"
+   */
+  fsType?: string;
+  storagePolicyName?: string;
+  storagePolicyID?: string;
+}
+
+export interface ContainerStorageInterfaceSource {
+  driver: string;
+  /**
+   * @default false
+   */
+  readOnly?: boolean;
+  /**
+   * @default "ext4"
+   */
+  fsType?: string;
+  volumeAttributes?: Record<string, string>;
+  controllerPublishSecretRef?: SecretReference;
+  nodeStageSecretRef?: SecretReference;
+  nodePublishSecretRef?: SecretReference;
+  controllerExpandSecretRef?: SecretReference;
+}
+
+export interface PodVolumeVariants {
+  awsElasticBlockStore: AwsElasticBlockStoreSource;
+  azureDisk: AzureDiskSource;
+  azureFile: AzureFileSource;
+  cephfs: CephfsSource;
+  cinder: CinderSource;
+  configMap: ConfigMapSource;
+  csi: ContainerStorageInterfaceSource;
+  downwardAPI: DownwardApiSource;
+  emptyDir: EmptyDirSource;
+  ephemeral: EphemeralSource;
+  fc: FiberChannelSource;
+  flexVolume: FlexVolumeSource;
+  flocker: FlockerSource;
+  gcePersistentDisk: GcePersistentDiskSource;
+  gitRepo: GitRepoSource;
+  glusterfs: GlusterFsSource;
+  hostPath: HostPathSource;
+  iscsi: IScsiSource;
+  local: LocalSource;
+  nfs: NetworkFsSource;
+  persistentVolumeClaim: PersistentVolumeClaimSource;
+  photonPersistentDisk: PhotonPersistentDiskSource;
+  portworxVolume: PortworxVolumeSource;
+  projected: ProjectedSource;
+  quobyte: QuobyteSource;
+  rbd: RadosBlockDeviceSource;
+  scaleIO: ScaleIoSource;
+  secret: SecretSource;
+  storageos: StorageOsSource;
+  vsphereVolume: VsphereVolumeSource;
+}
+
+/**
+ * The valid kinds of volume
+ */
+export type PodVolumeKind = keyof PodVolumeVariants;
+
+export type PodSpecVolume = RequireExactlyOne<PodVolumeVariants> & {
+  name: string;
+};
+
+
+export interface HostAlias {
+  ip: string;
+  hostnames: string[];
+}
+
+export interface Sysctl {
+  name: string;
+  value: string;
+}
+
+export interface TopologySpreadConstraint {
+
+}
+
+export interface PodSpec {
+  activeDeadlineSeconds?: number;
+  affinity?: Affinity;
+  automountServiceAccountToken?: boolean;
+  containers?: Container[];
+  dnsPolicy?: string;
+  enableServiceLinks?: boolean;
+  ephemeralContainers?: unknown[];
+  hostAliases?: HostAlias[];
+  hostIPC?: boolean;
+  hostname?: string;
+  hostNetwork?: boolean;
+  hostPID?: boolean;
+  imagePullSecrets?: LocalObjectReference[];
+  initContainers?: Container[];
+  nodeName?: string;
+  nodeSelector?: Partial<Record<string, string>>;
+  overhead?: Partial<Record<string, string>>;
+  preemptionPolicy?: string;
+  priority?: number;
+  priorityClassName?: string;
+  readinessGates?: unknown[];
+  restartPolicy?: string;
+  runtimeClassName?: string;
+  schedulerName?: string;
+  securityContext?: PodSecurityContext;
+  serviceAccount?: string;
+  serviceAccountName?: string;
+  setHostnameAsFQDN?: boolean;
+  shareProcessNamespace?: boolean;
+  subdomain?: string;
+  terminationGracePeriodSeconds?: number;
+  tolerations?: Toleration[];
+  topologySpreadConstraints?: TopologySpreadConstraint[];
+  volumes?: PodSpecVolume[];
+}
+
+export interface PodCondition {
+  lastProbeTime?: number;
+  lastTransitionTime?: string;
+  message?: string;
+  reason?: string;
+  type: string;
+  status: string;
+}
+
+export interface PodStatus {
+  phase: string;
+  conditions: PodCondition[];
+  hostIP: string;
+  podIP: string;
+  podIPs?: {
+    ip: string;
+  }[];
+  startTime: string;
+  initContainerStatuses?: PodContainerStatus[];
+  containerStatuses?: PodContainerStatus[];
+  qosClass?: string;
+  reason?: string;
+}
+
+export class Pod extends KubeObject<
+  NamespaceScopedMetadata,
+  PodStatus,
+  PodSpec
+> {
+  static kind = "Pod";
+  static namespaced = true;
+  static apiBase = "/api/v1/pods";
+
+  getAffinityNumber() {
+    return Object.keys(this.getAffinity()).length;
+  }
+
+  getInitContainers() {
+    return this.spec?.initContainers ?? [];
+  }
+
+  getContainers() {
+    return this.spec?.containers ?? [];
+  }
+
+  getAllContainers() {
+    return [...this.getContainers(), ...this.getInitContainers()];
+  }
+
+  getRunningContainers() {
+    const runningContainerNames = new Set(
+      this.getContainerStatuses()
+        .filter(({ state }) => state?.running)
+        .map(({ name }) => name),
+    );
+
+    return this.getAllContainers()
+      .filter(({ name }) => runningContainerNames.has(name));
+  }
+
+  getContainerStatuses(includeInitContainers = true) {
+    const { containerStatuses = [], initContainerStatuses = [] } = this.status ?? {};
+
+    if (includeInitContainers) {
+      return [...containerStatuses, ...initContainerStatuses];
+    }
+
+    return [...containerStatuses];
+  }
+
+  getRestartsCount(): number {
+    const { containerStatuses = [] } = this.status ?? {};
+
+    return containerStatuses.reduce((totalCount, { restartCount }) => totalCount + restartCount, 0);
+  }
+
+  getQosClass() {
+    return this.status?.qosClass || "";
+  }
+
+  getReason() {
+    return this.status?.reason || "";
+  }
+
+  getPriorityClassName() {
+    return this.spec?.priorityClassName || "";
+  }
+
+  getRuntimeClassName() {
+    return this.spec?.runtimeClassName || "";
+  }
+
+  getServiceAccountName() {
+    return this.spec?.serviceAccountName || "";
+  }
+
+  getStatus(): PodStatusPhase {
+    const phase = this.getStatusPhase();
+    const reason = this.getReason();
+    const trueConditionTypes = new Set(this.getConditions()
+      .filter(({ status }) => status === "True")
+      .map(({ type }) => type));
+    const isInGoodCondition = ["Initialized", "Ready"].every(condition => trueConditionTypes.has(condition));
+
+    if (reason === PodStatusPhase.EVICTED) {
+      return PodStatusPhase.EVICTED;
+    }
+
+    if (phase === PodStatusPhase.FAILED) {
+      return PodStatusPhase.FAILED;
+    }
+
+    if (phase === PodStatusPhase.SUCCEEDED) {
+      return PodStatusPhase.SUCCEEDED;
+    }
+
+    if (phase === PodStatusPhase.RUNNING && isInGoodCondition) {
+      return PodStatusPhase.RUNNING;
+    }
+
+    return PodStatusPhase.PENDING;
+  }
+
+  // Returns pod phase or container error if occurred
+  getStatusMessage(): string {
+    if (this.getReason() === PodStatusPhase.EVICTED) {
+      return "Evicted";
+    }
+
+    if (this.metadata.deletionTimestamp) {
+      return "Terminating";
+    }
+
+    return this.getStatusPhase() || "Waiting";
+  }
+
+  getStatusPhase() {
+    return this.status?.phase;
+  }
+
+  getConditions() {
+    return this.status?.conditions ?? [];
+  }
+
+  getVolumes() {
+    return this.spec?.volumes ?? [];
+  }
+
+  getSecrets(): string[] {
+    return this.getVolumes()
+      .map(vol => vol.secret?.secretName)
+      .filter(isDefined);
+  }
+
+  getNodeSelectors(): string[] {
+    return Object.entries(this.spec?.nodeSelector ?? {})
+      .map(values => values.join(": "));
+  }
+
+  getTolerations() {
+    return this.spec?.tolerations ?? [];
+  }
+
+  getAffinity(): Affinity {
+    return this.spec?.affinity ?? {};
+  }
+
+  hasIssues() {
+    for (const { type, status } of this.getConditions()) {
+      if (type === "Ready" && status !== "True") {
+        return true;
+      }
+    }
+
+    for (const { state } of this.getContainerStatuses()) {
+      if (state?.waiting?.reason === "CrashLookBackOff") {
+        return true;
+      }
+    }
+
+    return this.getStatusPhase() !== "Running";
+  }
+
+  getLivenessProbe(container: Container) {
+    return this.getProbe(container, container.livenessProbe);
+  }
+
+  getReadinessProbe(container: Container) {
+    return this.getProbe(container, container.readinessProbe);
+  }
+
+  getStartupProbe(container: Container) {
+    return this.getProbe(container, container.startupProbe);
+  }
+
+  private getProbe(container: Container, probe: Probe | undefined): string[] {
+    const probeItems: string[] = [];
+
+    if (!probe) {
+      return probeItems;
+    }
+
+    const {
+      httpGet,
+      exec,
+      tcpSocket,
+      initialDelaySeconds = 0,
+      timeoutSeconds = 0,
+      periodSeconds = 0,
+      successThreshold = 0,
+      failureThreshold = 0,
+    } = probe;
+
+    // HTTP Request
+    if (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;
+
+      probeItems.push(
+        "http-get",
+        `${scheme.toLowerCase()}://${host}:${resolvedPort}${path}`,
+      );
+    }
+
+    // Command
+    if (exec?.command) {
+      probeItems.push(`exec [${exec.command.join(" ")}]`);
+    }
+
+    // TCP Probe
+    if (tcpSocket?.port) {
+      probeItems.push(`tcp-socket :${tcpSocket.port}`);
+    }
+
+    probeItems.push(
+      `delay=${initialDelaySeconds}s`,
+      `timeout=${timeoutSeconds}s`,
+      `period=${periodSeconds}s`,
+      `#success=${successThreshold}`,
+      `#failure=${failureThreshold}`,
+    );
+
+    return probeItems;
+  }
+
+  getNodeName(): string | undefined {
+    return this.spec?.nodeName;
+  }
+
+  getSelectedNodeOs(): string | undefined {
+    return this.spec?.nodeSelector?.["kubernetes.io/os"] || this.spec?.nodeSelector?.["beta.kubernetes.io/os"];
+  }
+
+  getIPs(): string[] {
+    const podIPs = this.status?.podIPs ?? [];
+
+    return podIPs.map(value => value.ip);
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/priority-class.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/priority-class.api.injectable.ts
new file mode 100644
index 0000000000..e21a85a290
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/priority-class.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const priorityClassApiInjectable = getInjectable({
+  id: "priority-class-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "PriorityClassApi is only available in certain environments");
+
+    return new PriorityClassApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default priorityClassApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/priority-class.api.ts b/packages/core/src/common/k8s-api/endpoints/priority-class.api.ts
new file mode 100644
index 0000000000..1d181b6038
--- /dev/null
+++ b/packages/core/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, KubeApiDependencies } 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(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      objectConstructor: PriorityClass,
+      ...opts,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/replica-set.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/replica-set.api.injectable.ts
new file mode 100644
index 0000000000..c6c75d8192
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/replica-set.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const replicaSetApiInjectable = getInjectable({
+  id: "replica-set-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "replicaSetApi is only available in certain environments");
+
+    return new ReplicaSetApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default replicaSetApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/replica-set.api.ts b/packages/core/src/common/k8s-api/endpoints/replica-set.api.ts
new file mode 100644
index 0000000000..1fee553b8d
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/replica-set.api.ts
@@ -0,0 +1,107 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeObjectStatus, LabelSelector, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { PodTemplateSpec } from "./types/pod-template-spec";
+
+export class ReplicaSetApi extends KubeApi<ReplicaSet> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: ReplicaSet,
+    });
+  }
+
+  protected getScaleApiUrl(params: { namespace: string; name: string }) {
+    return `${this.getUrl(params)}/scale`;
+  }
+
+  async getReplicas(params: { namespace: string; name: string }): Promise<number> {
+    const { status } = await this.request.get(this.getScaleApiUrl(params));
+
+    return (status as { replicas: number })?.replicas;
+  }
+
+  scale(params: { namespace: string; name: string }, replicas: number) {
+    return this.request.put(this.getScaleApiUrl(params), {
+      data: {
+        metadata: params,
+        spec: {
+          replicas,
+        },
+      },
+    });
+  }
+}
+
+export interface ReplicaSetSpec {
+  replicas?: number;
+  selector: LabelSelector;
+  template?: PodTemplateSpec;
+  minReadySeconds?: number;
+}
+
+export interface ReplicaSetStatus extends KubeObjectStatus {
+  replicas: number;
+  fullyLabeledReplicas?: number;
+  readyReplicas?: number;
+  availableReplicas?: number;
+  observedGeneration?: number;
+}
+
+export class ReplicaSet extends KubeObject<
+  NamespaceScopedMetadata,
+  ReplicaSetStatus,
+  ReplicaSetSpec
+> {
+  static kind = "ReplicaSet";
+  static namespaced = true;
+  static apiBase = "/apis/apps/v1/replicasets";
+
+  getSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.selector.matchLabels);
+  }
+
+  getNodeSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template?.spec?.nodeSelector);
+  }
+
+  getTemplateLabels(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template?.metadata?.labels);
+  }
+
+  getTolerations() {
+    return this.spec.template?.spec?.tolerations ?? [];
+  }
+
+  getAffinity() {
+    return this.spec.template?.spec?.affinity;
+  }
+
+  getAffinityNumber() {
+    return Object.keys(this.getAffinity() ?? {}).length;
+  }
+
+  getDesired() {
+    return this.spec.replicas ?? 0;
+  }
+
+  getCurrent() {
+    return this.status?.availableReplicas ?? 0;
+  }
+
+  getReady() {
+    return this.status?.readyReplicas ?? 0;
+  }
+
+  getImages() {
+    const containers = this.spec.template?.spec?.containers ?? [];
+
+    return containers.map(container => container.image);
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/resource-applier.api/request-patch.injectable.ts b/packages/core/src/common/k8s-api/endpoints/resource-applier.api/request-patch.injectable.ts
new file mode 100644
index 0000000000..49271fb6d2
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/resource-applier.api/request-patch.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 { Patch } from "rfc6902";
+import apiBaseInjectable from "../../api-base.injectable";
+import type { AsyncResult } from "../../../utils/async-result";
+import type { KubeJsonApiData } from "../../kube-json-api";
+
+export type RequestKubeObjectPatch = (name: string, kind: string, ns: string | undefined, patch: Patch) => Promise<AsyncResult<KubeJsonApiData, string>>;
+
+const requestKubeObjectPatchInjectable = getInjectable({
+  id: "request-kube-object-patch",
+  instantiate: (di): RequestKubeObjectPatch => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return async (name, kind, ns, patch) => {
+      const result = await apiBase.patch("/stack", {
+        data: {
+          name,
+          kind,
+          ns,
+          patch,
+        },
+      }) as AsyncResult<string, string>;
+
+      if (!result.callWasSuccessful) {
+        return result;
+      }
+
+      try {
+        const response = JSON.parse(result.response);
+
+        return {
+          callWasSuccessful: true,
+          response,
+        };
+      } catch (error) {
+        return {
+          callWasSuccessful: false,
+          error: String(error),
+        };
+      }
+    };
+  },
+});
+
+export default requestKubeObjectPatchInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/resource-applier.api/request-update.injectable.ts b/packages/core/src/common/k8s-api/endpoints/resource-applier.api/request-update.injectable.ts
new file mode 100644
index 0000000000..1891a779cf
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/resource-applier.api/request-update.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 apiBaseInjectable from "../../api-base.injectable";
+import type { AsyncResult } from "../../../utils/async-result";
+import type { KubeJsonApiData } from "../../kube-json-api";
+
+export type RequestKubeObjectCreation = (resourceDescriptor: string) => Promise<AsyncResult<KubeJsonApiData, string>>;
+
+const requestKubeObjectCreationInjectable = getInjectable({
+  id: "request-kube-object-creation",
+  instantiate: (di): RequestKubeObjectCreation => {
+    const apiBase = di.inject(apiBaseInjectable);
+
+    return async (data) => {
+      const result = await apiBase.post("/stack", { data }) as AsyncResult<string, string>;
+
+      if (!result.callWasSuccessful) {
+        return result;
+      }
+
+      try {
+        const response = JSON.parse(result.response);
+
+        return {
+          callWasSuccessful: true,
+          response,
+        };
+      } catch (error) {
+        return {
+          callWasSuccessful: false,
+          error: String(error),
+        };
+      }
+    };
+  },
+});
+
+export default requestKubeObjectCreationInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/resource-quota.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/resource-quota.api.injectable.ts
new file mode 100644
index 0000000000..a82fa3abd9
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/resource-quota.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const resourceQuotaApiInjectable = getInjectable({
+  id: "resource-quota-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "resourceQuotaApi is only available in certain environments");
+
+    return new ResourceQuotaApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default resourceQuotaApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/resource-quota.api.ts b/packages/core/src/common/k8s-api/endpoints/resource-quota.api.ts
new file mode 100644
index 0000000000..9316f9d932
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/resource-quota.api.ts
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export type IResourceQuotaValues = Partial<Record<string, string>> & {
+  // Compute Resource Quota
+  "limits.cpu"?: string;
+  "limits.memory"?: string;
+  "requests.cpu"?: string;
+  "requests.memory"?: string;
+
+  // Storage Resource Quota
+  "requests.storage"?: string;
+  "persistentvolumeclaims"?: string;
+
+  // Object Count Quota
+  "count/pods"?: string;
+  "count/persistentvolumeclaims"?: string;
+  "count/services"?: string;
+  "count/secrets"?: string;
+  "count/configmaps"?: string;
+  "count/replicationcontrollers"?: string;
+  "count/deployments.apps"?: string;
+  "count/replicasets.apps"?: string;
+  "count/statefulsets.apps"?: string;
+  "count/jobs.batch"?: string;
+  "count/cronjobs.batch"?: string;
+  "count/deployments.extensions"?: string;
+};
+
+export interface ResourceQuotaSpec {
+  hard: IResourceQuotaValues;
+  scopeSelector?: {
+    matchExpressions: {
+      operator: string;
+      scopeName: string;
+      values: string[];
+    }[];
+  };
+}
+
+export interface ResourceQuotaStatus {
+  hard: IResourceQuotaValues;
+  used: IResourceQuotaValues;
+}
+
+export class ResourceQuota extends KubeObject<
+  NamespaceScopedMetadata,
+  ResourceQuotaStatus,
+  ResourceQuotaSpec
+> {
+  static readonly kind = "ResourceQuota";
+  static readonly namespaced = true;
+  static readonly apiBase = "/api/v1/resourcequotas";
+
+  getScopeSelector() {
+    return this.spec.scopeSelector?.matchExpressions ?? [];
+  }
+}
+
+export class ResourceQuotaApi extends KubeApi<ResourceQuota> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      objectConstructor: ResourceQuota,
+      ...opts,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/role-binding.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/role-binding.api.injectable.ts
new file mode 100644
index 0000000000..489b20401a
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/role-binding.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const roleBindingApiInjectable = getInjectable({
+  id: "role-binding-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "roleBindingApi is only available in certain environments");
+
+    return new RoleBindingApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default roleBindingApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/role-binding.api.ts b/packages/core/src/common/k8s-api/endpoints/role-binding.api.ts
new file mode 100644
index 0000000000..3923efee89
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/role-binding.api.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 type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+import type { RoleRef } from "./types/role-ref";
+import type { Subject } from "./types/subject";
+
+export interface RoleBindingData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Namespace>, void, void> {
+  subjects?: Subject[];
+  roleRef: RoleRef;
+}
+
+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";
+
+  subjects?: Subject[];
+  roleRef: RoleRef;
+
+  constructor({ subjects, roleRef, ...rest }: RoleBindingData) {
+    super(rest);
+    this.subjects = subjects;
+    this.roleRef = roleRef;
+  }
+
+  getSubjects() {
+    return this.subjects || [];
+  }
+
+  getSubjectNames(): string {
+    return this.getSubjects().map(subject => subject.name).join(", ");
+  }
+}
+
+export class RoleBindingApi extends KubeApi<RoleBinding, RoleBindingData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: RoleBinding,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/role.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/role.api.injectable.ts
new file mode 100644
index 0000000000..d91d6a1fb8
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/role.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const roleApiInjectable = getInjectable({
+  id: "role-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "roleApi is only available in certain environments");
+
+    return new RoleApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default roleApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/role.api.ts b/packages/core/src/common/k8s-api/endpoints/role.api.ts
new file mode 100644
index 0000000000..d6bd0e79d3
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/role.api.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 type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+import type { PolicyRule } from "./types/policy-rule";
+
+export interface RoleData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Namespace>, void, void> {
+  rules?: PolicyRule[];
+}
+
+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";
+  rules?: PolicyRule[];
+
+  constructor({ rules, ...rest }: RoleData) {
+    super(rest);
+    this.rules = rules;
+  }
+
+  getRules() {
+    return this.rules || [];
+  }
+}
+
+export class RoleApi extends KubeApi<Role, RoleData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: Role,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/runtime-class.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/runtime-class.api.injectable.ts
new file mode 100644
index 0000000000..3fbeab9a09
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/runtime-class.api.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 assert from "assert";
+import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
+import { RuntimeClassApi } from "./runtime-class.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const runtimeClassApiInjectable = getInjectable({
+  id: "runtime-class-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "RuntimeClassApi is only available in certain environments");
+
+    return new RuntimeClassApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default runtimeClassApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/runtime-class.api.ts b/packages/core/src/common/k8s-api/endpoints/runtime-class.api.ts
new file mode 100644
index 0000000000..16e3cefab5
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/runtime-class.api.ts
@@ -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 { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+import type { ClusterScopedMetadata, KubeObjectMetadata, KubeObjectScope, Toleration } from "../kube-object";
+import { KubeObject } from "../kube-object";
+
+export interface RuntimeClassData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Cluster>, void, void> {
+  handler: string;
+  overhead?: RuntimeClassOverhead;
+  scheduling?: RuntimeClassScheduling;
+}
+
+export interface RuntimeClassOverhead {
+  podFixed?: string;
+}
+
+export interface RuntimeClassScheduling {
+  nodeSelector?: Partial<Record<string, string>>;
+  tolerations?: Toleration[];
+}
+
+export class RuntimeClass extends KubeObject<
+  ClusterScopedMetadata,
+  void,
+  void
+> {
+  static readonly kind = "RuntimeClass";
+  static readonly namespaced = false;
+  static readonly apiBase = "/apis/node.k8s.io/v1/runtimeclasses";
+
+  handler: string;
+  overhead?: RuntimeClassOverhead;
+  scheduling?: RuntimeClassScheduling;
+
+  constructor({ handler, overhead, scheduling, ...rest }: RuntimeClassData) {
+    super(rest);
+    this.handler = handler;
+    this.overhead = overhead;
+    this.scheduling = scheduling;
+  }
+
+  getHandler() {
+    return this.handler;
+  }
+
+  getPodFixed() {
+    return this.overhead?.podFixed ?? "";
+  }
+
+  getNodeSelectors(): string[] {
+    return Object.entries(this.scheduling?.nodeSelector ?? {})
+      .map(values => values.join(": "));
+  }
+
+  getTolerations() {
+    return this.scheduling?.tolerations ?? [];
+  }
+}
+
+export class RuntimeClassApi extends KubeApi<RuntimeClass, RuntimeClassData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      objectConstructor: RuntimeClass,
+      ...opts,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/secret.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/secret.api.injectable.ts
new file mode 100644
index 0000000000..c4173987da
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/secret.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const secretApiInjectable = getInjectable({
+  id: "secret-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "secretApi is only available in certain environments");
+
+    return new SecretApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default secretApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/secret.api.ts b/packages/core/src/common/k8s-api/endpoints/secret.api.ts
new file mode 100644
index 0000000000..a5a3b5eb1c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/secret.api.ts
@@ -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 { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { KubeJsonApiData } from "../kube-json-api";
+import { autoBind } from "../../utils";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export enum SecretType {
+  Opaque = "Opaque",
+  ServiceAccountToken = "kubernetes.io/service-account-token",
+  Dockercfg = "kubernetes.io/dockercfg",
+  DockerConfigJson = "kubernetes.io/dockerconfigjson",
+  BasicAuth = "kubernetes.io/basic-auth",
+  SSHAuth = "kubernetes.io/ssh-auth",
+  TLS = "kubernetes.io/tls",
+  BootstrapToken = "bootstrap.kubernetes.io/token",
+}
+
+export const reverseSecretTypeMap = {
+  [SecretType.Opaque]: "Opaque",
+  [SecretType.ServiceAccountToken]: "ServiceAccountToken",
+  [SecretType.Dockercfg]: "Dockercfg",
+  [SecretType.DockerConfigJson]: "DockerConfigJson",
+  [SecretType.BasicAuth]: "BasicAuth",
+  [SecretType.SSHAuth]: "SSHAuth",
+  [SecretType.TLS]: "TLS",
+  [SecretType.BootstrapToken]: "BootstrapToken",
+};
+
+export interface SecretReference {
+  name: string;
+  namespace?: string;
+}
+
+export interface SecretData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Namespace>, void, void> {
+  type: SecretType;
+  data?: Partial<Record<string, string>>;
+}
+
+export class Secret extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
+  static readonly kind = "Secret";
+  static readonly namespaced = true;
+  static readonly apiBase = "/api/v1/secrets";
+
+  type: SecretType;
+  data: Partial<Record<string, string>>;
+
+  constructor({ data = {}, type, ...rest }: SecretData) {
+    super(rest);
+    autoBind(this);
+
+    this.data = data;
+    this.type = type;
+  }
+
+  getKeys(): string[] {
+    return Object.keys(this.data);
+  }
+
+  getToken() {
+    return this.data.token;
+  }
+}
+
+export class SecretApi extends KubeApi<Secret, SecretData> {
+  constructor(deps: KubeApiDependencies, options: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...options,
+      objectConstructor: Secret,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.injectable.ts
new file mode 100644
index 0000000000..8034b9d47f
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const selfSubjectRulesReviewApiInjectable = getInjectable({
+  id: "self-subject-rules-review-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "selfSubjectRulesReviewApi is only available in certain environments");
+
+    return new SelfSubjectRulesReviewApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default selfSubjectRulesReviewApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.ts b/packages/core/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.ts
new file mode 100644
index 0000000000..2c73d89e77
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.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 { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export class SelfSubjectRulesReviewApi extends KubeApi<SelfSubjectRulesReview> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: SelfSubjectRulesReview,
+    });
+  }
+
+  create({ namespace = "default" }) {
+    return super.create({}, {
+      spec: {
+        namespace,
+      },
+    });
+  }
+}
+
+export interface ISelfSubjectReviewRule {
+  verbs: string[];
+  apiGroups?: string[];
+  resources?: string[];
+  resourceNames?: string[];
+  nonResourceURLs?: string[];
+}
+
+export interface SelfSubjectRulesReview {
+  spec: {
+    namespace?: string;
+  };
+  status: {
+    resourceRules: ISelfSubjectReviewRule[];
+    nonResourceRules: ISelfSubjectReviewRule[];
+    incomplete: boolean;
+  };
+}
+
+export class SelfSubjectRulesReview extends KubeObject {
+  static kind = "SelfSubjectRulesReview";
+  static namespaced = false;
+  static apiBase = "/apis/authorization.k8s.io/v1/selfsubjectrulesreviews";
+
+  getResourceRules() {
+    const rules = this.status && this.status.resourceRules || [];
+
+    return rules.map(rule => this.normalize(rule));
+  }
+
+  getNonResourceRules() {
+    const rules = this.status && this.status.nonResourceRules || [];
+
+    return rules.map(rule => this.normalize(rule));
+  }
+
+  protected normalize(rule: ISelfSubjectReviewRule): ISelfSubjectReviewRule {
+    const { apiGroups = [], resourceNames = [], verbs = [], nonResourceURLs = [], resources = [] } = rule;
+
+    return {
+      apiGroups,
+      nonResourceURLs,
+      resourceNames,
+      verbs,
+      resources: resources.map((resource, index) => {
+        const apiGroup = apiGroups.length >= index + 1 ? apiGroups[index] : apiGroups.slice(-1)[0];
+        const separator = apiGroup == "" ? "" : ".";
+
+        return resource + separator + apiGroup;
+      }),
+    };
+  }
+}
+
diff --git a/packages/core/src/common/k8s-api/endpoints/service-account.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/service-account.api.injectable.ts
new file mode 100644
index 0000000000..70a477ac54
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/service-account.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const serviceAccountApiInjectable = getInjectable({
+  id: "service-account-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "serviceAccountApi is only available in certain environments");
+
+    return new ServiceAccountApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default serviceAccountApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/service-account.api.ts b/packages/core/src/common/k8s-api/endpoints/service-account.api.ts
new file mode 100644
index 0000000000..e92ea667d9
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/service-account.api.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 type { KubeObjectMetadata, KubeObjectScope, LocalObjectReference, NamespaceScopedMetadata, ObjectReference } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+
+export interface ServiceAccountData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Namespace>, void, void> {
+  automountServiceAccountToken?: boolean;
+  imagePullSecrets?: LocalObjectReference[];
+  secrets?: ObjectReference[];
+}
+
+export class ServiceAccount extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
+  static readonly kind = "ServiceAccount";
+  static readonly namespaced = true;
+  static readonly apiBase = "/api/v1/serviceaccounts";
+
+  automountServiceAccountToken?: boolean;
+  imagePullSecrets?: LocalObjectReference[];
+  secrets?: ObjectReference[];
+
+  constructor({
+    automountServiceAccountToken,
+    imagePullSecrets,
+    secrets,
+    ...rest
+  }: ServiceAccountData) {
+    super(rest);
+    this.automountServiceAccountToken = automountServiceAccountToken;
+    this.imagePullSecrets = imagePullSecrets;
+    this.secrets = secrets;
+  }
+
+  getSecrets() {
+    return this.secrets || [];
+  }
+
+  getImagePullSecrets() {
+    return this.imagePullSecrets || [];
+  }
+}
+
+export class ServiceAccountApi extends KubeApi<ServiceAccount, ServiceAccountData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: ServiceAccount,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/service.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/service.api.injectable.ts
new file mode 100644
index 0000000000..78a0f744de
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/service.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const serviceApiInjectable = getInjectable({
+  id: "service-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "serviceApi is only available in certain environments");
+
+    return new ServiceApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default serviceApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/service.api.ts b/packages/core/src/common/k8s-api/endpoints/service.api.ts
new file mode 100644
index 0000000000..f574bea53d
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/service.api.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 type { NamespaceScopedMetadata } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+
+export interface ServicePort {
+  name?: string;
+  protocol: string;
+  port: number;
+  targetPort: number;
+  nodePort?: number;
+}
+
+export class ServicePort {
+  constructor(data: ServicePort) {
+    Object.assign(this, data);
+  }
+
+  toString() {
+    if (this.nodePort) {
+      return `${this.port}:${this.nodePort}/${this.protocol}`;
+    } else {
+      return `${this.port}${this.port === this.targetPort ? "" : `:${this.targetPort}`}/${this.protocol}`;
+    }
+  }
+}
+
+export interface ServiceSpec {
+  type: string;
+  clusterIP: string;
+  clusterIPs?: string[];
+  externalTrafficPolicy?: string;
+  externalName?: string;
+  loadBalancerIP?: string;
+  loadBalancerSourceRanges?: string[];
+  sessionAffinity: string;
+  selector: Partial<Record<string, string>>;
+  ports: ServicePort[];
+  healthCheckNodePort?: number;
+  externalIPs?: string[]; // https://kubernetes.io/docs/concepts/services-networking/service/#external-ips
+  topologyKeys?: string[];
+  ipFamilies?: string[];
+  ipFamilyPolicy?: string;
+  allocateLoadBalancerNodePorts?: boolean;
+  loadBalancerClass?: string;
+  internalTrafficPolicy?: string;
+}
+
+export interface ServiceStatus {
+  loadBalancer?: {
+    ingress?: {
+      ip?: string;
+      hostname?: string;
+    }[];
+  };
+}
+
+export class Service extends KubeObject<
+  NamespaceScopedMetadata,
+  ServiceStatus,
+  ServiceSpec
+> {
+  static readonly kind = "Service";
+  static readonly namespaced = true;
+  static readonly apiBase = "/api/v1/services";
+
+  getClusterIp() {
+    return this.spec.clusterIP;
+  }
+
+  getClusterIps() {
+    return this.spec.clusterIPs || [];
+  }
+
+  getExternalIps() {
+    const lb = this.getLoadBalancer();
+
+    if (lb?.ingress) {
+      return lb.ingress.map(val => val.ip || val.hostname);
+    }
+
+    if (Array.isArray(this.spec?.externalIPs)) {
+      return this.spec.externalIPs;
+    }
+
+    return [];
+  }
+
+  getType() {
+    return this.spec.type || "-";
+  }
+
+  getSelector(): string[] {
+    if (!this.spec.selector) return [];
+
+    return Object.entries(this.spec.selector).map(val => val.join("="));
+  }
+
+  getPorts(): ServicePort[] {
+    const ports = this.spec.ports || [];
+
+    return ports.map(p => new ServicePort(p));
+  }
+
+  getLoadBalancer() {
+    return this.status?.loadBalancer;
+  }
+
+  isActive() {
+    return this.getType() !== "LoadBalancer" || this.getExternalIps().length > 0;
+  }
+
+  getStatus() {
+    return this.isActive() ? "Active" : "Pending";
+  }
+
+  getIpFamilies() {
+    return this.spec.ipFamilies || [];
+  }
+
+  getIpFamilyPolicy() {
+    return this.spec.ipFamilyPolicy || "";
+  }
+}
+
+export class ServiceApi extends KubeApi<Service> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: Service,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/stateful-set.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/stateful-set.api.injectable.ts
new file mode 100644
index 0000000000..1dd58fde3c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/stateful-set.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const statefulSetApiInjectable = getInjectable({
+  id: "stateful-set-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "statefulSetApi is only available in certain environments");
+
+    return new StatefulSetApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default statefulSetApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/stateful-set.api.ts b/packages/core/src/common/k8s-api/endpoints/stateful-set.api.ts
new file mode 100644
index 0000000000..e91a856262
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/stateful-set.api.ts
@@ -0,0 +1,128 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import moment from "moment";
+
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+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";
+
+export class StatefulSetApi extends KubeApi<StatefulSet> {
+  constructor(deps: KubeApiDependencies, opts?: DerivedKubeApiOptions) {
+    super(deps, {
+      ...opts ?? {},
+      objectConstructor: StatefulSet,
+    });
+  }
+
+  protected getScaleApiUrl(params: { namespace: string; name: string }) {
+    return `${this.getUrl(params)}/scale`;
+  }
+
+  getReplicas(params: { namespace: string; name: string }): Promise<number> {
+    return this.request
+      .get(this.getScaleApiUrl(params))
+      .then(({ status }: any) => status?.replicas);
+  }
+
+  scale(params: { namespace: string; name: string }, replicas: number) {
+    return this.request.patch(this.getScaleApiUrl(params), {
+      data: {
+        spec: {
+          replicas,
+        },
+      },
+    },
+    {
+      headers: {
+        "content-type": "application/merge-patch+json",
+      },
+    });
+  }
+
+  restart(params: { namespace: string; name: string }) {
+    return this.request.patch(this.getUrl(params), {
+      data: {
+        spec: {
+          template: {
+            metadata: {
+              annotations: { "kubectl.kubernetes.io/restartedAt" : moment.utc().format() },
+            },
+          },
+        },
+      },
+    },
+    {
+      headers: {
+        "content-type": "application/strategic-merge-patch+json",
+      },
+    });
+  }
+}
+
+export interface StatefulSetSpec {
+  serviceName: string;
+  replicas: number;
+  selector: LabelSelector;
+  template: PodTemplateSpec;
+  volumeClaimTemplates: PersistentVolumeClaimTemplateSpec[];
+}
+
+export interface StatefulSetStatus {
+  observedGeneration: number;
+  replicas: number;
+  currentReplicas: number;
+  readyReplicas: number;
+  currentRevision: string;
+  updateRevision: string;
+  collisionCount: number;
+}
+
+export class StatefulSet extends KubeObject<
+  NamespaceScopedMetadata,
+  StatefulSetStatus,
+  StatefulSetSpec
+> {
+  static readonly kind = "StatefulSet";
+  static readonly namespaced = true;
+  static readonly apiBase = "/apis/apps/v1/statefulsets";
+
+  getSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.selector.matchLabels);
+  }
+
+  getNodeSelectors(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template.spec?.nodeSelector);
+  }
+
+  getTemplateLabels(): string[] {
+    return KubeObject.stringifyLabels(this.spec.template.metadata?.labels);
+  }
+
+  getTolerations() {
+    return this.spec.template.spec?.tolerations ?? [];
+  }
+
+  getAffinity() {
+    return this.spec.template.spec?.affinity ?? {};
+  }
+
+  getAffinityNumber() {
+    return Object.keys(this.getAffinity()).length;
+  }
+
+  getReplicas() {
+    return this.spec.replicas || 0;
+  }
+
+  getImages() {
+    const containers = this.spec.template?.spec?.containers ?? [];
+
+    return containers.map(container => container.image);
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/storage-class.api.injectable.ts b/packages/core/src/common/k8s-api/endpoints/storage-class.api.injectable.ts
new file mode 100644
index 0000000000..e65247aa8d
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/storage-class.api.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 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";
+import loggerInjectable from "../../logger.injectable";
+import maybeKubeApiInjectable from "../maybe-kube-api.injectable";
+
+const storageClassApiInjectable = getInjectable({
+  id: "storage-class-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "storageClassApi is only available in certain environments");
+
+    return new StorageClassApi({
+      logger: di.inject(loggerInjectable),
+      maybeKubeApi: di.inject(maybeKubeApiInjectable),
+    });
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default storageClassApiInjectable;
diff --git a/packages/core/src/common/k8s-api/endpoints/storage-class.api.ts b/packages/core/src/common/k8s-api/endpoints/storage-class.api.ts
new file mode 100644
index 0000000000..bf121e47db
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/storage-class.api.ts
@@ -0,0 +1,95 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { autoBind } from "../../utils";
+import type { ClusterScopedMetadata, KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+
+export interface TopologySelectorLabelRequirement {
+  key: string;
+  values: string[];
+}
+
+export interface TopologySelectorTerm {
+  matchLabelExpressions?: TopologySelectorLabelRequirement[];
+}
+
+export interface StorageClassData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Cluster>, void, void> {
+  allowVolumeExpansion?: boolean;
+  allowedTopologies?: TopologySelectorTerm[];
+  mountOptions?: string[];
+  parameters?: Partial<Record<string, string>>;
+  provisioner: string;
+  reclaimPolicy?: string;
+  volumeBindingMode?: string;
+}
+
+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";
+
+  allowVolumeExpansion?: boolean;
+  allowedTopologies: TopologySelectorTerm[];
+  mountOptions: string[];
+  parameters: Partial<Record<string, string>>;
+  provisioner: string;
+  reclaimPolicy: string;
+  volumeBindingMode?: string;
+
+  constructor({
+    allowVolumeExpansion,
+    allowedTopologies = [],
+    mountOptions = [],
+    parameters = {},
+    provisioner,
+    reclaimPolicy = "Delete",
+    volumeBindingMode,
+    ...rest
+  }: StorageClassData) {
+    super(rest);
+    autoBind(this);
+    this.allowVolumeExpansion = allowVolumeExpansion;
+    this.allowedTopologies = allowedTopologies;
+    this.mountOptions = mountOptions;
+    this.parameters = parameters;
+    this.provisioner = provisioner;
+    this.reclaimPolicy = reclaimPolicy;
+    this.volumeBindingMode = volumeBindingMode;
+  }
+
+  isDefault() {
+    const annotations = this.metadata.annotations || {};
+
+    return (
+      annotations["storageclass.kubernetes.io/is-default-class"] === "true" ||
+      annotations["storageclass.beta.kubernetes.io/is-default-class"] === "true"
+    );
+  }
+
+  getVolumeBindingMode() {
+    return this.volumeBindingMode || "-";
+  }
+
+  getReclaimPolicy() {
+    return this.reclaimPolicy || "-";
+  }
+}
+
+export class StorageClassApi extends KubeApi<StorageClass, StorageClassData> {
+  constructor(deps: KubeApiDependencies, opts: DerivedKubeApiOptions = {}) {
+    super(deps, {
+      ...opts,
+      objectConstructor: StorageClass,
+    });
+  }
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/aggregation-rule.ts b/packages/core/src/common/k8s-api/endpoints/types/aggregation-rule.ts
new file mode 100644
index 0000000000..57ebe32264
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/aggregation-rule.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 { LabelSelector } from "../../kube-object";
+
+export interface AggregationRule {
+  clusterRoleSelectors?: LabelSelector;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/capabilities.ts b/packages/core/src/common/k8s-api/endpoints/types/capabilities.ts
new file mode 100644
index 0000000000..baea13c688
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/container-port.ts b/packages/core/src/common/k8s-api/endpoints/types/container-port.ts
new file mode 100644
index 0000000000..9ccb635e98
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/container.ts b/packages/core/src/common/k8s-api/endpoints/types/container.ts
new file mode 100644
index 0000000000..bccf45eb64
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/env-from-source.ts b/packages/core/src/common/k8s-api/endpoints/types/env-from-source.ts
new file mode 100644
index 0000000000..fa87b2fac8
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/env-source.ts b/packages/core/src/common/k8s-api/endpoints/types/env-source.ts
new file mode 100644
index 0000000000..2a16ee2ada
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/env-var-key-selector.ts b/packages/core/src/common/k8s-api/endpoints/types/env-var-key-selector.ts
new file mode 100644
index 0000000000..3aca6d79bd
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/env-var-key-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 EnvVarKeySelector {
+  key: string;
+  name?: string;
+  optional?: boolean;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/env-var-source.ts b/packages/core/src/common/k8s-api/endpoints/types/env-var-source.ts
new file mode 100644
index 0000000000..c47c839d18
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/env-var.ts b/packages/core/src/common/k8s-api/endpoints/types/env-var.ts
new file mode 100644
index 0000000000..4a60b69129
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/exec-action.ts b/packages/core/src/common/k8s-api/endpoints/types/exec-action.ts
new file mode 100644
index 0000000000..abfd1947cb
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/external-documentation.ts b/packages/core/src/common/k8s-api/endpoints/types/external-documentation.ts
new file mode 100644
index 0000000000..b433785323
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/external-documentation.ts
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export interface ExternalDocumentation {
+  description?: string;
+  url?: string;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/handler.ts b/packages/core/src/common/k8s-api/endpoints/types/handler.ts
new file mode 100644
index 0000000000..d30e6cd181
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/http-get-action.ts b/packages/core/src/common/k8s-api/endpoints/types/http-get-action.ts
new file mode 100644
index 0000000000..1077ea13e1
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/http-header.ts b/packages/core/src/common/k8s-api/endpoints/types/http-header.ts
new file mode 100644
index 0000000000..d70b42afdb
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/index.ts b/packages/core/src/common/k8s-api/endpoints/types/index.ts
new file mode 100644
index 0000000000..6fb52e7403
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/job-template-spec.ts b/packages/core/src/common/k8s-api/endpoints/types/job-template-spec.ts
new file mode 100644
index 0000000000..b3ae5cceca
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/job-template-spec.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 { KubeObjectScope, KubeTemplateObjectMetadata } from "../../kube-object";
+import type { JobSpec } from "../job.api";
+
+export interface JobTemplateSpec {
+  metadata?: KubeTemplateObjectMetadata<KubeObjectScope.Namespace>;
+  spec?: JobSpec;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/json-schema-props.ts b/packages/core/src/common/k8s-api/endpoints/types/json-schema-props.ts
new file mode 100644
index 0000000000..1c0f18a7d2
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/json-schema-props.ts
@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { JsonValue } from "type-fest";
+import type { ExternalDocumentation } from "./external-documentation";
+
+export interface JSONSchemaProps {
+  $ref?: string;
+  $schema?: string;
+  additionalItems?: JSONSchemaProps | boolean;
+  additionalProperties?: JSONSchemaProps | boolean;
+  allOf?: JSONSchemaProps[];
+  anyOf?: JSONSchemaProps[];
+
+  /**
+   * default is a default value for undefined object fields.
+   * Defaulting is a beta feature under the CustomResourceDefaulting feature gate.
+   * Defaulting requires spec.preserveUnknownFields to be false.
+   */
+  _default?: object;
+
+  definitions?: Partial<Record<string, JSONSchemaProps>>;
+  dependencies?: Partial<Record<string, object>>;
+  description?: string;
+  _enum?: object[];
+  example?: JsonValue;
+
+  exclusiveMaximum?: boolean;
+  exclusiveMinimum?: boolean;
+  externalDocs?: ExternalDocumentation;
+
+  /**
+   * format is an OpenAPI v3 format string.
+   * Unknown formats are ignored.
+   *
+   * The following formats are validated:
+   * - bsonobjectid: a bson object ID, i.e. a 24 characters hex string
+   * - uri: an URI as parsed by Golang net/url.ParseRequestURI
+   * - email: an email address as parsed by Golang net/mail.ParseAddress
+   * - hostname: a valid representation for an Internet host name, as defined by RFC 1034, section 3.1 [RFC1034].
+   * - ipv4: an IPv4 IP as parsed by Golang net.ParseIP
+   * - ipv6: an IPv6 IP as parsed by Golang net.ParseIP
+   * - cidr: a CIDR as parsed by Golang net.ParseCIDR
+   * - mac: a MAC address as parsed by Golang net.ParseMAC
+   * - uuid: an UUID that allows uppercase defined by the regex (?i)^[0-9a-f]{8}-?[0-9a-f]{4}-?[0-9a-f]{4}-?[0-9a-f]{4}-?[0-9a-f]{12}$
+   * - uuid3: an UUID3 that allows uppercase defined by the regex (?i)^[0-9a-f]{8}-?[0-9a-f]{4}-?3[0-9a-f]{3}-?[0-9a-f]{4}-?[0-9a-f]{12}$
+   * - uuid4: an UUID4 that allows uppercase defined by the regex (?i)^[0-9a-f]{8}-?[0-9a-f]{4}-?4[0-9a-f]{3}-?[89ab][0-9a-f]{3}-?[0-9a-f]{12}$
+   * - uuid5: an UUID5 that allows uppercase defined by the regex (?i)^[0-9a-f]{8}-?[0-9a-f]{4}-?5[0-9a-f]{3}-?[89ab][0-9a-f]{3}-?[0-9a-f]{12}$
+   * - isbn: an ISBN10 or ISBN13 number string like "0321751043" or "978-0321751041"
+   * - isbn10: an ISBN10 number string like "0321751043"
+   * - isbn13: an ISBN13 number string like "978-0321751041"
+   * - creditcard: a credit card number defined by the regex ^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$ with any non digit characters mixed in
+   * - ssn: a U.S. social security number following the regex ^\\d{3}[- ]?\\d{2}[- ]?\\d{4}$
+   * - hexcolor: an hexadecimal color code like "#FFFFFF: following the regex ^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$
+   * - rgbcolor: an RGB color code like rgb like "rgb(255,255,2559"
+   * - byte: base64 encoded binary data
+   * - password: any kind of string
+   * - date: a date string like "2006-01-02" as defined by full-date in RFC3339
+   * - duration: a duration string like "22 ns" as parsed by Golang time.ParseDuration or compatible with Scala duration format
+   * - datetime: a date time string like "2014-12-15T19:30:20.000Z" as defined by date-time in RFC3339.
+   */
+  format?: string;
+
+  id?: string;
+  items?: JSONSchemaProps | JSONSchemaProps[];
+  maxItems?: number;
+  maxLength?: number;
+  maxProperties?: number;
+  maximum?: number;
+  minItems?: number;
+  minLength?: number;
+  minProperties?: number;
+  minimum?: number;
+  multipleOf?: number;
+  not?: JSONSchemaProps;
+  nullable?: boolean;
+  oneOf?: JSONSchemaProps[];
+  pattern?: string;
+  patternProperties?: Partial<Record<string, JSONSchemaProps>>;
+  properties?: Partial<Record<string, JSONSchemaProps>>;
+  required?: Array<string>;
+  title?: string;
+  type?: string;
+  uniqueItems?: boolean;
+  x_kubernetes_embedded_resource?: boolean;
+  x_kubernetes_int_or_string?: boolean;
+  x_kubernetes_list_map_keys?: string[];
+  x_kubernetes_list_type?: string;
+  x_kubernetes_map_type?: string;
+  x_kubernetes_preserve_unknown_fields?: boolean;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/lifecycle.ts b/packages/core/src/common/k8s-api/endpoints/types/lifecycle.ts
new file mode 100644
index 0000000000..2e459958c4
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/object-field-selector.ts b/packages/core/src/common/k8s-api/endpoints/types/object-field-selector.ts
new file mode 100644
index 0000000000..8593456ff1
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/object-field-selector.ts
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export interface ObjectFieldSelector {
+  apiVersion?: string;
+  fieldPath: string;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/persistent-volume-claim-template-spec.ts b/packages/core/src/common/k8s-api/endpoints/types/persistent-volume-claim-template-spec.ts
new file mode 100644
index 0000000000..5461c81807
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/persistent-volume-claim-template-spec.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 { KubeObjectScope, KubeTemplateObjectMetadata } from "../../kube-object";
+import type { PersistentVolumeSpec } from "../persistent-volume.api";
+
+export interface PersistentVolumeClaimTemplateSpec {
+  metadata?: KubeTemplateObjectMetadata<KubeObjectScope.Cluster>;
+  spec?: PersistentVolumeSpec;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/pod-security-context.ts b/packages/core/src/common/k8s-api/endpoints/types/pod-security-context.ts
new file mode 100644
index 0000000000..983ae86262
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/pod-template-spec.ts b/packages/core/src/common/k8s-api/endpoints/types/pod-template-spec.ts
new file mode 100644
index 0000000000..ba0df4aec7
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/pod-template-spec.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 { KubeObjectScope, KubeTemplateObjectMetadata } from "../../kube-object";
+import type { PodSpec } from "../pod.api";
+
+export interface PodTemplateSpec {
+  metadata?: KubeTemplateObjectMetadata<KubeObjectScope.Namespace>;
+  spec?: PodSpec;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/policy-rule.ts b/packages/core/src/common/k8s-api/endpoints/types/policy-rule.ts
new file mode 100644
index 0000000000..b84e556223
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/policy-rule.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 PolicyRule {
+  verbs: string[];
+  apiGroups?: string[];
+  resources?: string[];
+  resourceNames?: string[];
+  nonResourceURLs?: string[];
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/preemption-policy.ts b/packages/core/src/common/k8s-api/endpoints/types/preemption-policy.ts
new file mode 100644
index 0000000000..32d37b93a3
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/preemption-policy.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export type PreemptionPolicy = "Never" | "PreemptLowerPriority";
diff --git a/packages/core/src/common/k8s-api/endpoints/types/probe.ts b/packages/core/src/common/k8s-api/endpoints/types/probe.ts
new file mode 100644
index 0000000000..4251be5e2c
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/resource-field-selector.ts b/packages/core/src/common/k8s-api/endpoints/types/resource-field-selector.ts
new file mode 100644
index 0000000000..9727506183
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/resource-requirements.ts b/packages/core/src/common/k8s-api/endpoints/types/resource-requirements.ts
new file mode 100644
index 0000000000..eb3b6caffa
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/resource-requirements.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * ResourceRequirements describes the compute resource requirements.
+ */
+export interface ResourceRequirements {
+  /**
+    * Limits describes the maximum amount of compute resources allowed.
+    *
+    * More info: https://kubernetes.io/docs/concepts/configuration/manage-resources-containers/
+    */
+  limits?: Partial<Record<string, string>>;
+
+  /**
+   * Requests describes the minimum amount of compute resources required. If Requests is omitted
+   * for a container, it defaults to Limits if that is explicitly specified, otherwise to an
+   * implementation-defined value.
+   *
+   * More info: https://kubernetes.io/docs/concepts/configuration/manage-resources-containers/
+   */
+  requests?: Partial<Record<string, string>>;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/role-ref.ts b/packages/core/src/common/k8s-api/endpoints/types/role-ref.ts
new file mode 100644
index 0000000000..60e9bdda77
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/role-ref.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 RoleRef {
+  apiGroup: string;
+  kind: string;
+  name: string;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/se-linux-options.ts b/packages/core/src/common/k8s-api/endpoints/types/se-linux-options.ts
new file mode 100644
index 0000000000..9e3c629192
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/seccomp-profile.ts b/packages/core/src/common/k8s-api/endpoints/types/seccomp-profile.ts
new file mode 100644
index 0000000000..20eddbf94d
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/security-context.ts b/packages/core/src/common/k8s-api/endpoints/types/security-context.ts
new file mode 100644
index 0000000000..ce5cf60e40
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/subject.ts b/packages/core/src/common/k8s-api/endpoints/types/subject.ts
new file mode 100644
index 0000000000..ba4e37f1a4
--- /dev/null
+++ b/packages/core/src/common/k8s-api/endpoints/types/subject.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 type SubjectKind = "Group" | "ServiceAccount" | "User";
+
+export interface Subject {
+  apiGroup?: string;
+  kind: SubjectKind;
+  name: string;
+  namespace?: string;
+}
diff --git a/packages/core/src/common/k8s-api/endpoints/types/tcp-socket-action.ts b/packages/core/src/common/k8s-api/endpoints/types/tcp-socket-action.ts
new file mode 100644
index 0000000000..02f1805823
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/volume-device.ts b/packages/core/src/common/k8s-api/endpoints/types/volume-device.ts
new file mode 100644
index 0000000000..1dacaafe21
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/volume-mount.ts b/packages/core/src/common/k8s-api/endpoints/types/volume-mount.ts
new file mode 100644
index 0000000000..0066d8896d
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/endpoints/types/windows-security-context-options.ts b/packages/core/src/common/k8s-api/endpoints/types/windows-security-context-options.ts
new file mode 100644
index 0000000000..07daf48731
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/json-api.ts b/packages/core/src/common/k8s-api/json-api.ts
new file mode 100644
index 0000000000..988378641c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/json-api.ts
@@ -0,0 +1,258 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Base http-service / json-api class
+
+import { Agent as HttpAgent } from "http";
+import { Agent as HttpsAgent } from "https";
+import { merge } from "lodash";
+import type { Response, RequestInit } from "node-fetch";
+import { stringify } from "querystring";
+import type { Patch } from "rfc6902";
+import type { PartialDeep, ValueOf } from "type-fest";
+import { EventEmitter } from "../../common/event-emitter";
+import type { Logger } from "../../common/logger";
+import type { Fetch } from "../fetch/fetch.injectable";
+import type { Defaulted } from "../utils";
+import { json } from "../utils";
+
+export interface JsonApiData {}
+
+export interface JsonApiError {
+  code?: number;
+  message?: string;
+  errors?: { id: string; title: string; status?: number }[];
+}
+
+export interface JsonApiParams<D> {
+  data?: PartialDeep<D>; // request body
+}
+
+export interface JsonApiLog {
+  method: string;
+  reqUrl: string;
+  reqInit: RequestInit;
+  data?: any;
+  error?: any;
+}
+
+export type GetRequestOptions = () => Promise<RequestInit>;
+
+export interface JsonApiConfig {
+  apiBase: string;
+  serverAddress: string;
+  debug?: boolean;
+  getRequestOptions?: GetRequestOptions;
+}
+
+const httpAgent = new HttpAgent({ keepAlive: true });
+const httpsAgent = new HttpsAgent({ keepAlive: true });
+
+export type QueryParam = string | number | boolean | null | undefined | readonly string[] | readonly  number[] | readonly boolean[];
+export type QueryParams = Partial<Record<string, QueryParam | undefined>>;
+
+export type ParamsAndQuery<Params, Query> = (
+  ValueOf<Query> extends QueryParam
+    ? Params & { query?: Query }
+    : Params & { query?: undefined }
+);
+
+export interface JsonApiDependencies {
+  fetch: Fetch;
+  readonly logger: Logger;
+}
+
+export class JsonApi<Data = JsonApiData, Params extends JsonApiParams<Data> = JsonApiParams<Data>> {
+  static readonly reqInitDefault = {
+    headers: {
+      "content-type": "application/json",
+    },
+  };
+  protected readonly reqInit: Defaulted<RequestInit, keyof typeof JsonApi["reqInitDefault"]>;
+
+  static readonly configDefault: Partial<JsonApiConfig> = {
+    debug: false,
+  };
+
+  constructor(protected readonly dependencies: JsonApiDependencies, public readonly config: JsonApiConfig, reqInit?: RequestInit) {
+    this.config = Object.assign({}, JsonApi.configDefault, config);
+    this.reqInit = merge({}, JsonApi.reqInitDefault, reqInit);
+    this.parseResponse = this.parseResponse.bind(this);
+    this.getRequestOptions = config.getRequestOptions ?? (() => Promise.resolve({}));
+  }
+
+  public readonly onData = new EventEmitter<[Data, Response]>();
+  public readonly onError = new EventEmitter<[JsonApiErrorParsed, Response]>();
+  private readonly getRequestOptions: GetRequestOptions;
+
+  async getResponse<Query>(
+    path: string,
+    params?: ParamsAndQuery<Params, Query>,
+    init: RequestInit = {},
+  ): Promise<Response> {
+    let reqUrl = `${this.config.serverAddress}${this.config.apiBase}${path}`;
+    const reqInit = merge(
+      {
+        method: "get",
+        agent: reqUrl.startsWith("https:") ? httpsAgent : httpAgent,
+      },
+      this.reqInit,
+      await this.getRequestOptions(),
+      init,
+    );
+    const { query } = params ?? {};
+
+    if (query && Object.keys(query).length > 0) {
+      const queryString = stringify(query as unknown as QueryParams);
+
+      reqUrl += (reqUrl.includes("?") ? "&" : "?") + queryString;
+    }
+
+    return this.dependencies.fetch(reqUrl, reqInit);
+  }
+
+  get<OutData = Data, Query = QueryParams>(
+    path: string,
+    params?: ParamsAndQuery<Params, Query>,
+    reqInit: RequestInit = {},
+  ) {
+    return this.request<OutData, Query>(path, params, { ...reqInit, method: "get" });
+  }
+
+  post<OutData = Data, Query = QueryParams>(
+    path: string,
+    params?: ParamsAndQuery<Params, Query>,
+    reqInit: RequestInit = {},
+  ) {
+    return this.request<OutData, Query>(path, params, { ...reqInit, method: "post" });
+  }
+
+  put<OutData = Data, Query = QueryParams>(
+    path: string,
+    params?: ParamsAndQuery<Params, Query>,
+    reqInit: RequestInit = {},
+  ) {
+    return this.request<OutData, Query>(path, params, { ...reqInit, method: "put" });
+  }
+
+  patch<OutData = Data, Query = QueryParams>(
+    path: string,
+    params?: (ParamsAndQuery<Omit<Params, "data">, Query> & { data?: Patch | PartialDeep<Data> }),
+    reqInit: RequestInit = {},
+  ) {
+    return this.request<OutData, Query>(path, params, { ...reqInit, method: "patch" });
+  }
+
+  del<OutData = Data, Query = QueryParams>(
+    path: string,
+    params?: ParamsAndQuery<Params, Query>,
+    reqInit: RequestInit = {},
+  ) {
+    return this.request<OutData, Query>(path, params, { ...reqInit, method: "delete" });
+  }
+
+  protected async request<OutData, Query = QueryParams>(
+    path: string,
+    params: (ParamsAndQuery<Omit<Params, "data">, Query> & { data?: unknown }) | undefined,
+    init: Defaulted<RequestInit, "method">,
+  ) {
+    let reqUrl = `${this.config.serverAddress}${this.config.apiBase}${path}`;
+    const reqInit = merge(
+      {},
+      this.reqInit,
+      await this.getRequestOptions(),
+      init,
+    );
+    const { data, query } = params || {};
+
+    if (data && !reqInit.body) {
+      reqInit.body = JSON.stringify(data);
+    }
+
+    if (query && Object.keys(query).length > 0) {
+      const queryString = stringify(query as unknown as QueryParams);
+
+      reqUrl += (reqUrl.includes("?") ? "&" : "?") + queryString;
+    }
+    const infoLog: JsonApiLog = {
+      method: reqInit.method.toUpperCase(),
+      reqUrl,
+      reqInit,
+    };
+
+    const res = await this.dependencies.fetch(reqUrl, reqInit);
+
+    return this.parseResponse<OutData>(res, infoLog);
+  }
+
+  protected async parseResponse<OutData>(res: Response, log: JsonApiLog): Promise<OutData> {
+    const { status } = res;
+
+    const text = await res.text();
+    let data: any;
+
+    try {
+      data = text ? json.parse(text) : ""; // DELETE-requests might not have response-body
+    } catch (e) {
+      data = text;
+    }
+
+    if (status >= 200 && status < 300) {
+      this.onData.emit(data, res);
+      this.writeLog({ ...log, data });
+
+      return data;
+    }
+
+    if (log.method === "GET" && res.status === 403) {
+      this.writeLog({ ...log, error: data });
+      throw data;
+    }
+
+    const error = new JsonApiErrorParsed(data, this.parseError(data, res));
+
+    this.onError.emit(error, res);
+    this.writeLog({ ...log, error });
+
+    throw error;
+  }
+
+  protected parseError(error: JsonApiError | string, res: Response): string[] {
+    if (typeof error === "string") {
+      return [error];
+    }
+
+    if (Array.isArray(error.errors)) {
+      return error.errors.map(error => error.title);
+    }
+
+    if (error.message) {
+      return [error.message];
+    }
+
+    return [res.statusText || "Error!"];
+  }
+
+  protected writeLog(log: JsonApiLog) {
+    const { method, reqUrl, ...params } = log;
+
+    this.dependencies.logger.debug(`[JSON-API] request ${method} ${reqUrl}`, params);
+  }
+}
+
+export class JsonApiErrorParsed {
+  isUsedForNotification = false;
+
+  constructor(private error: JsonApiError | DOMException, private messages: string[]) {
+  }
+
+  get isAborted() {
+    return this.error.code === DOMException.ABORT_ERR;
+  }
+
+  toString() {
+    return this.messages.join("\n");
+  }
+}
diff --git a/packages/core/src/common/k8s-api/kube-api-parse.ts b/packages/core/src/common/k8s-api/kube-api-parse.ts
new file mode 100644
index 0000000000..cb5315b50c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/kube-api-parse.ts
@@ -0,0 +1,126 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Parse kube-api path and get api-version, group, etc.
+
+import { splitArray } from "../utils";
+
+export interface IKubeApiLinkRef {
+  apiPrefix?: string;
+  apiVersion: string;
+  resource: string;
+  name?: string;
+  namespace?: string;
+}
+
+export interface IKubeApiParsed extends IKubeApiLinkRef {
+  apiBase: string;
+  apiPrefix: string;
+  apiGroup: string;
+  apiVersionWithGroup: string;
+}
+
+export function parseKubeApi(path: string): IKubeApiParsed {
+  const apiPath = new URL(path, "https://localhost").pathname;
+  const [, prefix, ...parts] = apiPath.split("/");
+  const apiPrefix = `/${prefix}`;
+  const [left, right, namespaced] = splitArray(parts, "namespaces");
+  let apiGroup!: string;
+  let apiVersion!: string;
+  let namespace!: string;
+  let resource!: string;
+  let name!: string;
+
+  if (namespaced) {
+    switch (right.length) {
+      case 1:
+        name = right[0];
+        // fallthrough
+      case 0:
+        resource = "namespaces"; // special case this due to `split` removing namespaces
+        break;
+      default:
+        [namespace, resource, name] = right;
+        break;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    apiVersion = left.pop()!;
+    apiGroup = left.join("/");
+  } else {
+    switch (left.length) {
+      case 0:
+        throw new Error(`invalid apiPath: ${apiPath}`);
+      case 4:
+        [apiGroup, apiVersion, resource, name] = left;
+        break;
+      case 2:
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        resource = left.pop()!;
+        // fallthrough
+      case 1:
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        apiVersion = left.pop()!;
+        apiGroup = "";
+        break;
+      default:
+      /**
+       * Given that
+       *  - `apiVersion` is `GROUP/VERSION` and
+       *  - `VERSION` is `DNS_LABEL` which is /^[a-z0-9]((-[a-z0-9])|[a-z0-9])*$/i
+       *     where length <= 63
+       *  - `GROUP` is /^D(\.D)*$/ where D is `DNS_LABEL` and length <= 253
+       *
+       * There is no well defined selection from an array of items that were
+       * separated by '/'
+       *
+       * Solution is to create a heuristic. Namely:
+       * 1. if '.' in left[0] then apiGroup <- left[0]
+       * 2. if left[1] matches /^v[0-9]/ then apiGroup, apiVersion <- left[0], left[1]
+       * 3. otherwise assume apiVersion <- left[0]
+       * 4. always resource, name <- left[(0 or 1)+1..]
+       */
+        if (left[0].includes(".") || left[1].match(/^v[0-9]/)) {
+          [apiGroup, apiVersion] = left;
+          resource = left.slice(2).join("/");
+        } else {
+          apiGroup = "";
+          apiVersion = left[0];
+          [resource, name] = left.slice(1);
+        }
+        break;
+    }
+  }
+
+  const apiVersionWithGroup = [apiGroup, apiVersion].filter(v => v).join("/");
+  const apiBase = [apiPrefix, apiGroup, apiVersion, resource].filter(v => v).join("/");
+
+  if (!apiBase) {
+    throw new Error(`invalid apiPath: ${apiPath}`);
+  }
+
+  return {
+    apiBase,
+    apiPrefix, apiGroup,
+    apiVersion, apiVersionWithGroup,
+    namespace, resource, name,
+  };
+}
+
+export function createKubeApiURL({ apiPrefix = "/apis", resource, apiVersion, name, namespace }: IKubeApiLinkRef): string {
+  const parts = [apiPrefix, apiVersion];
+
+  if (namespace) {
+    parts.push("namespaces", namespace);
+  }
+
+  parts.push(resource);
+
+  if (name) {
+    parts.push(name);
+  }
+
+  return parts.join("/");
+}
diff --git a/packages/core/src/common/k8s-api/kube-api.ts b/packages/core/src/common/k8s-api/kube-api.ts
new file mode 100644
index 0000000000..c2a8906400
--- /dev/null
+++ b/packages/core/src/common/k8s-api/kube-api.ts
@@ -0,0 +1,745 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Base class for building all kubernetes apis
+
+import { merge } from "lodash";
+import { stringify } from "querystring";
+import { createKubeApiURL, parseKubeApi } from "./kube-api-parse";
+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";
+import type { KubeJsonApiData, KubeJsonApi } from "./kube-json-api";
+import type { Disposer } from "../utils";
+import { isDefined, noop, WrappedAbortController } from "../utils";
+import type { RequestInit, Response } from "node-fetch";
+import type { Patch } from "rfc6902";
+import assert from "assert";
+import type { PartialDeep } from "type-fest";
+import type { 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";
+import { matches } from "lodash/fp";
+
+/**
+ * The options used for creating a `KubeApi`
+ */
+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"
+   *
+   * Must be provided either here or under `objectConstructor.apiBase`
+   * @deprecated should be specified by `objectConstructor`
+   */
+  apiBase?: string;
+
+  /**
+   * The constructor for the kube objects returned from the API
+   */
+  objectConstructor: KubeObjectConstructor<T, Data>;
+
+  /**
+   * Must be provided either here or under `objectConstructor.namespaced`
+   * @deprecated should be specified by `objectConstructor`
+   */
+  isNamespaced?: boolean;
+
+  /**
+   * Must be provided either here or under `objectConstructor.kind`
+   * @deprecated should be specified by `objectConstructor`
+   */
+  kind?: string;
+}
+
+export interface DerivedKubeApiOptions {
+  /**
+   * If the API uses a different API endpoint (e.g. apiBase) depending on the cluster version,
+   * fallback API bases can be listed individually.
+   * The first (existing) API base is used in the requests, if apiBase is not found.
+   * This option only has effect if checkPreferredVersion is true.
+   */
+  fallbackApiBases?: string[];
+
+  /**
+   * If `true` then will check all declared apiBases against the kube api server
+   * for the first accepted one.
+   */
+  checkPreferredVersion?: boolean;
+
+  /**
+   * The api instance to use for making requests
+   *
+   * @default apiKube
+   */
+  request?: KubeJsonApi;
+}
+
+export interface KubeApiQueryParams {
+  watch?: boolean | number;
+  resourceVersion?: string;
+  timeoutSeconds?: number;
+  limit?: number; // doesn't work with ?watch
+  continue?: string; // might be used with ?limit from second request
+  labelSelector?: string | string[]; // restrict list of objects by their labels, e.g. labelSelector: ["label=value"]
+  fieldSelector?: string | string[]; // restrict list of objects by their fields, e.g. fieldSelector: "field=name"
+}
+
+export interface KubeApiListOptions {
+  namespace?: string;
+  reqInit?: RequestInit;
+}
+
+export interface IKubePreferredVersion {
+  preferredVersion?: {
+    version: string;
+  };
+}
+
+export interface KubeApiResource {
+  categories?: string[];
+  group?: string;
+  kind: string;
+  name: string;
+  namespaced: boolean;
+  shortNames?: string[];
+  singularName: string;
+  storageVersionHash?: string;
+  verbs: string[];
+  version?: string;
+}
+
+export interface KubeApiResourceList {
+  apiVersion?: string;
+  groupVersion?: string;
+  kind?: string;
+  resources: KubeApiResource[];
+}
+
+export interface KubeApiResourceVersion {
+  groupVersion: string;
+  version: string;
+}
+
+export interface KubeApiResourceVersionList {
+  apiVersion: string;
+  kind: string;
+  name: string;
+  preferredVersion: KubeApiResourceVersion;
+  versions: KubeApiResourceVersion[];
+}
+
+const not = <T>(fn: (val: T) => boolean) => (val: T) => !(fn(val));
+
+const getOrderedVersions = (list: KubeApiResourceVersionList): KubeApiResourceVersion[] => [
+  list.preferredVersion,
+  ...list.versions.filter(not(matches(list.preferredVersion))),
+];
+
+export type PropagationPolicy = undefined | "Orphan" | "Foreground" | "Background";
+
+export type KubeApiWatchCallback<T extends KubeJsonApiData = KubeJsonApiData> = (data: IKubeWatchEvent<T> | null, error: KubeStatus | Response | null | any) => void;
+
+export interface KubeApiWatchOptions<Object extends KubeObject, Data extends KubeJsonApiDataFor<Object>> {
+  /**
+   * If the resource is namespaced then the default is `"default"`
+   */
+  namespace?: string;
+
+  /**
+   * This will be called when either an error occurs or some data is received
+   */
+  callback?: KubeApiWatchCallback<Data>;
+
+  /**
+   * This is a way of aborting the request
+   */
+  abortController?: AbortController;
+
+  /**
+   * The ID used for tracking within logs
+   */
+  watchId?: string;
+
+  /**
+   * @default false
+   */
+  retry?: boolean;
+
+  /**
+   * timeout in seconds
+   */
+  timeout?: number;
+}
+
+export type KubeApiPatchType = "merge" | "json" | "strategic";
+
+const patchTypeHeaders: Record<KubeApiPatchType, string> = {
+  "merge": "application/merge-patch+json",
+  "json": "application/json-patch+json",
+  "strategic": "application/strategic-merge-patch+json",
+};
+
+export interface ResourceDescriptor {
+  /**
+   * The name of the kubernetes resource
+   */
+  name: string;
+
+  /**
+   * The namespace that the resource lives in (if the resource is namespaced)
+   *
+   * Note: if not provided and the resource kind is namespaced, then this defaults to `"default"`
+   */
+  namespace?: string;
+}
+
+export interface DeleteResourceDescriptor extends ResourceDescriptor {
+  /**
+   * This determinines how child resources should be handled by kubernetes
+   *
+   * @default "Background"
+   */
+  propagationPolicy?: PropagationPolicy;
+}
+
+/**
+ * @deprecated In the new extension API, don't expose `KubeApi`'s constructor
+ */
+function legacyRegisterApi(api: KubeApi<any, any>): void {
+  try {
+    /**
+     * This function throws if called in `main`, so the `try..catch` is to make sure that doesn't
+     * leak.
+     *
+     * However, we need this code to be run in `renderer` so that the auto registering of `KubeApi`
+     * instances still works. That auto registering never worked or was applicable in `main` because
+     * there is no "single cluster" on `main`.
+     *
+     * TODO: rearchitect this design pattern in the new extension API
+     */
+    const di = getEnvironmentSpecificLegacyGlobalDiForExtensionApi(Environments.renderer);
+    const autoRegistrationEmitter = di.inject(autoRegistrationEmitterInjectable);
+
+    setImmediate(() => autoRegistrationEmitter.emit("kubeApi", api));
+  } catch {
+    // ignore error
+  }
+}
+
+export interface KubeApiDependencies {
+  readonly logger: Logger;
+  readonly maybeKubeApi: KubeJsonApi | undefined;
+}
+
+export class KubeApi<
+  Object extends KubeObject = KubeObject,
+  Data extends KubeJsonApiDataFor<Object> = KubeJsonApiDataFor<Object>,
+> {
+  readonly kind: string;
+  readonly apiVersion: string;
+  apiBase: string;
+  apiPrefix: string;
+  apiGroup: string;
+  apiVersionPreferred: string | undefined;
+  readonly apiResource: string;
+  readonly isNamespaced: boolean;
+
+  public readonly objectConstructor: KubeObjectConstructor<Object, Data>;
+  protected readonly request: KubeJsonApi;
+  protected readonly resourceVersions = new Map<string, string>();
+  protected readonly watchDisposer: Disposer | undefined;
+  private watchId = 1;
+  protected readonly doCheckPreferredVersion: boolean;
+  protected readonly fullApiPathname: string;
+  protected readonly fallbackApiBases: string[] | undefined;
+
+  constructor(protected readonly dependencies: KubeApiDependencies, opts: KubeApiOptions<Object, Data>) {
+    const {
+      objectConstructor,
+      request = this.dependencies.maybeKubeApi,
+      kind = objectConstructor.kind,
+      isNamespaced,
+      apiBase: fullApiPathname = objectConstructor.apiBase,
+      checkPreferredVersion: doCheckPreferredVersion = false,
+      fallbackApiBases,
+    } = opts;
+
+    assert(fullApiPathname, "apiBase MUST be provied either via KubeApiOptions.apiBase or KubeApiOptions.objectConstructor.apiBase");
+    assert(request, "request MUST be provided if not in a cluster page frame context");
+
+    const { apiBase, apiPrefix, apiGroup, apiVersion, resource } = parseKubeApi(fullApiPathname);
+
+    assert(kind, "kind MUST be provied either via KubeApiOptions.kind or KubeApiOptions.objectConstructor.kind");
+    assert(apiPrefix, "apiBase MUST be parsable as a kubeApi selfLink style string");
+
+    this.doCheckPreferredVersion = doCheckPreferredVersion;
+    this.fallbackApiBases = fallbackApiBases;
+    this.fullApiPathname = fullApiPathname;
+    this.kind = kind;
+    this.isNamespaced = isNamespaced ?? objectConstructor.namespaced ?? false;
+    this.apiBase = apiBase;
+    this.apiPrefix = apiPrefix;
+    this.apiGroup = apiGroup;
+    this.apiVersion = apiVersion;
+    this.apiResource = resource;
+    this.request = request;
+    this.objectConstructor = objectConstructor;
+    legacyRegisterApi(this);
+  }
+
+  get apiVersionWithGroup() {
+    return [this.apiGroup, this.apiVersionPreferred ?? this.apiVersion]
+      .filter(Boolean)
+      .join("/");
+  }
+
+  /**
+   * Returns the latest API prefix/group that contains the required resource.
+   * First tries fullApiPathname, then urls in order from fallbackApiBases.
+   */
+  private async getLatestApiPrefixGroup() {
+    // Note that this.fullApiPathname is the "full" url, whereas this.apiBase is parsed
+    const rawApiBases = [
+      this.fullApiPathname,
+      this.objectConstructor.apiBase,
+      ...this.fallbackApiBases ?? [],
+    ].filter(isDefined);
+    const apiBases = new Set(rawApiBases);
+
+    for (const apiUrl of apiBases) {
+      try {
+        const { apiPrefix, apiGroup, resource } = parseKubeApi(apiUrl);
+        const list = await this.request.get(`${apiPrefix}/${apiGroup}`) as KubeApiResourceVersionList;
+        const resourceVersions = getOrderedVersions(list);
+
+        for (const resourceVersion of resourceVersions) {
+          const { resources } = await this.request.get(`${apiPrefix}/${resourceVersion.groupVersion}`) as KubeApiResourceList;
+
+          if (resources.some(({ name }) => name === resource)) {
+            return {
+              apiPrefix,
+              apiGroup,
+              apiVersionPreferred: resourceVersion.version,
+            };
+          }
+        }
+      } catch (error) {
+        // Exception is ignored as we can try the next url
+      }
+    }
+
+    throw new Error(`Can't find working API for the Kubernetes resource ${this.apiResource}`);
+  }
+
+  protected async checkPreferredVersion() {
+    if (this.fallbackApiBases && !this.doCheckPreferredVersion) {
+      throw new Error("checkPreferredVersion must be enabled if fallbackApiBases is set in KubeApi");
+    }
+
+    if (this.doCheckPreferredVersion && this.apiVersionPreferred === undefined) {
+      const { apiPrefix, apiGroup, apiVersionPreferred } = await this.getLatestApiPrefixGroup();
+
+      this.apiPrefix = apiPrefix;
+      this.apiGroup = apiGroup;
+      this.apiVersionPreferred = apiVersionPreferred;
+      this.apiBase = this.computeApiBase();
+      legacyRegisterApi(this);
+    }
+  }
+
+  setResourceVersion(namespace = "", newVersion: string) {
+    this.resourceVersions.set(namespace, newVersion);
+  }
+
+  getResourceVersion(namespace = "") {
+    return this.resourceVersions.get(namespace);
+  }
+
+  async refreshResourceVersion(params?: KubeApiListOptions) {
+    return this.list(params, { limit: 1 });
+  }
+
+  private computeApiBase(): string {
+    return createKubeApiURL({
+      apiPrefix: this.apiPrefix,
+      apiVersion: this.apiVersionWithGroup,
+      resource: this.apiResource,
+    });
+  }
+
+  /**
+   * This method differs from {@link formatUrlForNotListing} because this treats `""` as "all namespaces"
+   * NOTE: This is also useful for watching
+   * @param namespace The namespace to list in or `""` for all namespaces
+   */
+  formatUrlForListing(namespace: string | undefined, query?: Partial<KubeApiQueryParams>) {
+    const resourcePath = createKubeApiURL({
+      apiPrefix: this.apiPrefix,
+      apiVersion: this.apiVersionWithGroup,
+      resource: this.apiResource,
+      namespace: this.isNamespaced
+        ? namespace ?? "default"
+        : undefined,
+    });
+
+    return resourcePath + (query ? `?${stringify(this.normalizeQuery(query))}` : "");
+  }
+
+  /**
+   * Format a URL pathname and query for acting upon a specific resource.
+   */
+  formatUrlForNotListing({ name, namespace }: Partial<ResourceDescriptor> = {}) {
+    return createKubeApiURL({
+      apiPrefix: this.apiPrefix,
+      apiVersion: this.apiVersionWithGroup,
+      resource: this.apiResource,
+      namespace: this.isNamespaced
+        ? namespace || "default"
+        : undefined,
+      name,
+    });
+  }
+
+  /**
+   * @deprecated use {@link formatUrlForNotListing} or {@link formatUrlForListing} instead
+   */
+  getUrl(resource?: Partial<ResourceDescriptor>, query?: Partial<KubeApiQueryParams>) {
+    if (query) {
+      return this.formatUrlForListing(resource?.namespace, query);
+    }
+
+    return this.formatUrlForNotListing(resource);
+  }
+
+  protected normalizeQuery(query: Partial<KubeApiQueryParams> = {}) {
+    if (query.labelSelector) {
+      query.labelSelector = [query.labelSelector].flat().join(",");
+    }
+
+    if (query.fieldSelector) {
+      query.fieldSelector = [query.fieldSelector].flat().join(",");
+    }
+
+    return query;
+  }
+
+  protected parseResponse(data: unknown, namespace?: string): Object | Object[] | null {
+    if (!data) {
+      return null;
+    }
+
+    const KubeObjectConstructor = this.objectConstructor;
+
+    // process items list response, check before single item since there is overlap
+    if (KubeObject.isJsonApiDataList(data, KubeObject.isPartialJsonApiData)) {
+      const { apiVersion, items, metadata } = data;
+
+      this.setResourceVersion(namespace, metadata.resourceVersion);
+      this.setResourceVersion("", metadata.resourceVersion);
+
+      return items
+        .map((item) => {
+          if (item.metadata) {
+            this.ensureMetadataSelfLink(item.metadata);
+          } else {
+            return undefined;
+          }
+
+          const object = new KubeObjectConstructor({
+            ...(item as Data),
+            kind: this.kind,
+            apiVersion,
+          });
+
+          return object;
+        })
+        .filter(isDefined);
+    }
+
+    // process a single item
+    if (KubeObject.isJsonApiData(data)) {
+      this.ensureMetadataSelfLink(data.metadata);
+
+      return new KubeObjectConstructor(data as never);
+    }
+
+    // custom apis might return array for list response, e.g. users, groups, etc.
+    if (Array.isArray(data)) {
+      return data.map(data => {
+        this.ensureMetadataSelfLink(data.metadata);
+
+        return new KubeObjectConstructor(data);
+      });
+    }
+
+    return null;
+  }
+
+  private ensureMetadataSelfLink<T extends { selfLink?: string; namespace?: string; name: string }>(metadata: T): asserts metadata is T & { selfLink: string } {
+    metadata.selfLink ||= createKubeApiURL({
+      apiPrefix: this.apiPrefix,
+      apiVersion: this.apiVersionWithGroup,
+      resource: this.apiResource,
+      namespace: metadata.namespace,
+      name: metadata.name,
+    });
+  }
+
+  async list({ namespace = "", reqInit }: KubeApiListOptions = {}, query?: KubeApiQueryParams): Promise<Object[] | null> {
+    await this.checkPreferredVersion();
+
+    const url = this.formatUrlForListing(namespace);
+    const res = await this.request.get(url, { query }, reqInit);
+    const parsed = this.parseResponse(res, namespace);
+
+    if (Array.isArray(parsed)) {
+      return parsed;
+    }
+
+    if (!parsed) {
+      return null;
+    }
+
+    throw new Error(`GET multiple request to ${url} returned not an array: ${JSON.stringify(parsed)}`);
+  }
+
+  async get(desc: ResourceDescriptor, query?: KubeApiQueryParams): Promise<Object | null> {
+    await this.checkPreferredVersion();
+
+    const url = this.formatUrlForNotListing(desc);
+    const res = await this.request.get(url, { query });
+    const parsed = this.parseResponse(res);
+
+    if (Array.isArray(parsed)) {
+      throw new Error(`GET single request to ${url} returned an array: ${JSON.stringify(parsed)}`);
+    }
+
+    return parsed;
+  }
+
+  async create({ name, namespace }: Partial<ResourceDescriptor>, partialData?: PartialDeep<Object>): Promise<Object | null> {
+    await this.checkPreferredVersion();
+
+    const apiUrl = this.formatUrlForNotListing({ namespace });
+    const data = merge(partialData, {
+      kind: this.kind,
+      apiVersion: this.apiVersionWithGroup,
+      metadata: {
+        name,
+        namespace,
+      },
+    });
+    const res = await this.request.post(apiUrl, { data });
+    const parsed = this.parseResponse(res);
+
+    if (Array.isArray(parsed)) {
+      throw new Error(`POST request to ${apiUrl} returned an array: ${JSON.stringify(parsed)}`);
+    }
+
+    return parsed;
+  }
+
+  async update({ name, namespace }: ResourceDescriptor, data: PartialDeep<Object>): Promise<Object | null> {
+    await this.checkPreferredVersion();
+    const apiUrl = this.formatUrlForNotListing({ namespace, name });
+
+    const res = await this.request.put(apiUrl, {
+      data: merge(data, {
+        metadata: {
+          name,
+          namespace,
+        },
+      }),
+    });
+    const parsed = this.parseResponse(res);
+
+    if (Array.isArray(parsed)) {
+      throw new Error(`PUT request to ${apiUrl} returned an array: ${JSON.stringify(parsed)}`);
+    }
+
+    return parsed;
+  }
+
+  async patch(desc: ResourceDescriptor, data: PartialDeep<Object>): Promise<Object | null>;
+  async patch(desc: ResourceDescriptor, data: PartialDeep<Object>, strategy: "strategic" | "merge"): Promise<Object | null>;
+  async patch(desc: ResourceDescriptor, data: Patch, strategy: "json"): Promise<Object | null>;
+  async patch(desc: ResourceDescriptor, data: PartialDeep<Object> | Patch, strategy: KubeApiPatchType): Promise<Object | null>;
+  async patch(desc: ResourceDescriptor, data: PartialDeep<Object> | Patch, strategy: KubeApiPatchType = "strategic"): Promise<Object | null> {
+    await this.checkPreferredVersion();
+    const apiUrl = this.formatUrlForNotListing(desc);
+
+    const res = await this.request.patch(apiUrl, { data }, {
+      headers: {
+        "content-type": patchTypeHeaders[strategy],
+      },
+    });
+    const parsed = this.parseResponse(res);
+
+    if (Array.isArray(parsed)) {
+      throw new Error(`PATCH request to ${apiUrl} returned an array: ${JSON.stringify(parsed)}`);
+    }
+
+    return parsed;
+  }
+
+  async delete({ propagationPolicy = "Background", ...desc }: DeleteResourceDescriptor) {
+    await this.checkPreferredVersion();
+    const apiUrl = this.formatUrlForNotListing(desc);
+
+    return this.request.del(apiUrl, {
+      query: {
+        propagationPolicy,
+      },
+    });
+  }
+
+  getWatchUrl(namespace?: string, query: KubeApiQueryParams = {}) {
+    return this.formatUrlForListing(namespace, {
+      watch: 1,
+      resourceVersion: this.getResourceVersion(namespace),
+      ...query,
+    });
+  }
+
+  watch(opts?: KubeApiWatchOptions<Object, Data>): Disposer {
+    let errorReceived = false;
+    let timedRetry: NodeJS.Timeout;
+    const {
+      namespace,
+      callback = noop as KubeApiWatchCallback<Data>,
+      retry = false,
+      timeout = 600,
+      watchId = `${this.kind.toLowerCase()}-${this.watchId++}`,
+    } = opts ?? {};
+
+    // Create AbortController for this request
+    const abortController = new WrappedAbortController(opts?.abortController);
+
+    abortController.signal.addEventListener("abort", () => {
+      this.dependencies.logger.info(`[KUBE-API] watch (${watchId}) aborted ${watchUrl}`);
+      clearTimeout(timedRetry);
+    });
+
+    const requestParams = timeout ? { query: { timeoutSeconds: timeout }} : {};
+    const watchUrl = this.getWatchUrl(namespace);
+    const responsePromise = this.request.getResponse(watchUrl, requestParams, {
+      signal: abortController.signal,
+    });
+
+    this.dependencies.logger.info(`[KUBE-API] watch (${watchId}) ${retry === true ? "retried" : "started"} ${watchUrl}`);
+
+    responsePromise
+      .then(response => {
+        // True if the current watch request was retried
+        let requestRetried = false;
+
+        if (!response.ok) {
+          this.dependencies.logger.warn(`[KUBE-API] watch (${watchId}) error response ${watchUrl}`, { status: response.status });
+
+          return callback(null, response);
+        }
+
+        // Add mechanism to retry in case timeoutSeconds is set but the watch wasn't timed out.
+        // This can happen if e.g. network is offline and AWS NLB is used.
+        if (timeout) {
+          setTimeout(() => {
+            // We only retry if we haven't retried, haven't aborted and haven't received k8s error
+            if (requestRetried || abortController.signal.aborted || errorReceived) {
+              return;
+            }
+
+            // Close current request
+            abortController.abort();
+
+            this.dependencies.logger.info(`[KUBE-API] Watch timeout set, but not retried, retrying now`);
+
+            requestRetried = true;
+
+            // Clearing out any possible timeout, although we don't expect this to be set
+            clearTimeout(timedRetry);
+            this.watch({ ...opts, namespace, callback, watchId, retry: true });
+            // We wait longer than the timeout, as we expect the request to be retried with timeoutSeconds
+          }, timeout * 1000 * 1.1);
+        }
+
+        if (!response.body || !response.body.readable) {
+          if (!response.body) {
+            this.dependencies.logger.warn(`[KUBE-API]: watch (${watchId}) did not return a body`);
+          }
+          requestRetried = true;
+
+          clearTimeout(timedRetry);
+          timedRetry = setTimeout(() => { // we did not get any kubernetes errors so let's retry
+            this.watch({ ...opts, namespace, callback, watchId, retry: true });
+          }, 1000);
+
+          return;
+        }
+
+        for (const eventName of ["end", "close", "error"]) {
+          response.body.on(eventName, () => {
+            // We only retry if we haven't retried, haven't aborted and haven't received k8s error
+            // kubernetes errors (=errorReceived set) should be handled in a callback
+            if (requestRetried || abortController.signal.aborted || errorReceived) {
+              return;
+            }
+
+            this.dependencies.logger.info(`[KUBE-API] watch (${watchId}) ${eventName} ${watchUrl}`);
+
+            requestRetried = true;
+
+            clearTimeout(timedRetry);
+            timedRetry = setTimeout(() => { // we did not get any kubernetes errors so let's retry
+              this.watch({ ...opts, namespace, callback, watchId, retry: true });
+            }, 1000);
+          });
+        }
+
+        byline(response.body).on("data", (line) => {
+          try {
+            const event = JSON.parse(line) as IKubeWatchEvent<Data>;
+
+            if (event.type === "ERROR" && isKubeStatusData(event.object)) {
+              errorReceived = true;
+
+              return callback(null, new KubeStatus(event.object));
+            }
+
+            this.modifyWatchEvent(event);
+            callback(event, null);
+          } catch (ignore) {
+            // ignore parse errors
+          }
+        });
+      })
+      .catch(error => {
+        if (!abortController.signal.aborted) {
+          this.dependencies.logger.error(`[KUBE-API] watch (${watchId}) threw ${watchUrl}`, error);
+        }
+        callback(null, error);
+      });
+
+    return () => {
+      abortController.abort();
+    };
+  }
+
+  protected modifyWatchEvent(event: IKubeWatchEvent<KubeJsonApiData<KubeObjectMetadata>>) {
+    if (event.type === "ERROR") {
+      return;
+    }
+
+    this.ensureMetadataSelfLink(event.object.metadata);
+
+    const { namespace, resourceVersion } = event.object.metadata;
+
+    assert(resourceVersion, "watch events failed to return resourceVersion from kube api");
+
+    this.setResourceVersion(namespace, resourceVersion);
+    this.setResourceVersion("", resourceVersion);
+  }
+}
diff --git a/packages/core/src/common/k8s-api/kube-api/get-kube-api-from-path.injectable.ts b/packages/core/src/common/k8s-api/kube-api/get-kube-api-from-path.injectable.ts
new file mode 100644
index 0000000000..669185684f
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/kube-api/kube-api-injection-token.ts b/packages/core/src/common/k8s-api/kube-api/kube-api-injection-token.ts
new file mode 100644
index 0000000000..92b6636274
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/k8s-api/kube-json-api.ts b/packages/core/src/common/k8s-api/kube-json-api.ts
new file mode 100644
index 0000000000..16ca5cda70
--- /dev/null
+++ b/packages/core/src/common/k8s-api/kube-json-api.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 { JsonApiData, JsonApiError } from "./json-api";
+import { JsonApi } from "./json-api";
+import type { Response } from "node-fetch";
+import type { KubeJsonApiObjectMetadata } from "./kube-object";
+
+export interface KubeJsonApiListMetadata {
+  resourceVersion: string;
+  selfLink?: string;
+}
+
+export interface KubeJsonApiDataList<T = KubeJsonApiData> {
+  kind: string;
+  apiVersion: string;
+  items: T[];
+  metadata: KubeJsonApiListMetadata;
+}
+
+export interface KubeJsonApiData<
+  Metadata extends KubeJsonApiObjectMetadata = KubeJsonApiObjectMetadata,
+  Status = unknown,
+  Spec = unknown,
+> extends JsonApiData {
+  kind: string;
+  apiVersion: string;
+  metadata: Metadata;
+  status?: Status;
+  spec?: Spec;
+  [otherKeys: string]: unknown;
+}
+
+export interface KubeJsonApiError extends JsonApiError {
+  code: number;
+  status: string;
+  message?: string;
+  reason: string;
+  details: {
+    name: string;
+    kind: string;
+  };
+}
+
+export class KubeJsonApi extends JsonApi<KubeJsonApiData> {
+  protected parseError(error: KubeJsonApiError | string, res: Response): string[] {
+    if (typeof error === "string") {
+      return [error];
+    }
+
+    const { status, reason, message } = error;
+
+    if (status && reason) {
+      return [message || `${status}: ${reason}`];
+    }
+
+    return super.parseError(error, res);
+  }
+}
diff --git a/packages/core/src/common/k8s-api/kube-object-status.ts b/packages/core/src/common/k8s-api/kube-object-status.ts
new file mode 100644
index 0000000000..200bf35b5d
--- /dev/null
+++ b/packages/core/src/common/k8s-api/kube-object-status.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export interface KubeObjectStatus {
+  level: KubeObjectStatusLevel;
+  text: string;
+  timestamp?: string;
+}
+
+export enum KubeObjectStatusLevel {
+  INFO = 1,
+  WARNING = 2,
+  CRITICAL = 3,
+}
diff --git a/packages/core/src/common/k8s-api/kube-object.store.ts b/packages/core/src/common/k8s-api/kube-object.store.ts
new file mode 100644
index 0000000000..ee6a32265e
--- /dev/null
+++ b/packages/core/src/common/k8s-api/kube-object.store.ts
@@ -0,0 +1,539 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, computed, makeObservable, observable, reaction } from "mobx";
+import type { Disposer } from "../utils";
+import { waitUntilDefined, autoBind, includes, rejectPromiseBy } from "../utils";
+import type { KubeJsonApiDataFor, KubeObject } from "./kube-object";
+import { KubeStatus } from "./kube-object";
+import type { IKubeWatchEvent } from "./kube-watch-event";
+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 type { Patch } from "rfc6902";
+import type { Logger } from "../logger";
+import assert from "assert";
+import type { PartialDeep } from "type-fest";
+import { entries } from "../utils/objects";
+import AbortController from "abort-controller";
+import type { ClusterContext } from "../../renderer/cluster-frame-context/cluster-frame-context";
+
+export type OnLoadFailure = (error: unknown) => void;
+
+export interface KubeObjectStoreLoadingParams {
+  namespaces: string[];
+  reqInit?: RequestInit;
+
+  /**
+   * A function that is called when listing fails. If set then blocks errors
+   * being rejected with
+   */
+  onLoadFailure?: OnLoadFailure;
+}
+
+export interface KubeObjectStoreLoadAllParams {
+  namespaces?: string[];
+  merge?: boolean;
+  reqInit?: RequestInit;
+
+  /**
+   * A function that is called when listing fails. If set then blocks errors
+   * being rejected with
+   */
+  onLoadFailure?: OnLoadFailure;
+}
+
+export interface KubeObjectStoreSubscribeParams {
+  /**
+   * A function that is called when listing fails. If set then blocks errors
+   * being rejected with
+   */
+  onLoadFailure?: OnLoadFailure;
+
+  /**
+   * An optional parent abort controller
+   */
+  abortController?: AbortController;
+}
+
+export interface MergeItemsOptions {
+  merge?: boolean;
+  updateStore?: boolean;
+  sort?: boolean;
+  filter?: boolean;
+  namespaces: string[];
+}
+
+export interface StatusProvider<K> {
+  getStatuses(items: K[]): Record<string, number>;
+}
+
+export interface KubeObjectStoreOptions {
+  limit?: number;
+  bufferSize?: number;
+}
+
+export type KubeApiDataFrom<K extends KubeObject, A> = A extends KubeApi<K, infer D>
+  ? D extends KubeJsonApiDataFor<K>
+    ? D
+    : never
+  : never;
+
+export type JsonPatch = Patch;
+
+export interface KubeObjectStoreDependencies {
+  readonly context: ClusterContext;
+  readonly logger: Logger;
+}
+
+export abstract class KubeObjectStore<
+  K extends KubeObject = KubeObject,
+  A extends KubeApi<K, D> = KubeApi<K, KubeJsonApiDataFor<K>>,
+  D extends KubeJsonApiDataFor<K> = KubeApiDataFrom<K, A>,
+> extends ItemStore<K> {
+  public readonly limit: number | undefined;
+  public readonly bufferSize: number;
+
+  private readonly loadedNamespaces = observable.box<string[]>();
+
+  constructor(
+    protected readonly dependencies: KubeObjectStoreDependencies,
+    public readonly api: A,
+    opts?: KubeObjectStoreOptions,
+  ) {
+    super();
+    this.limit = opts?.limit;
+    this.bufferSize = opts?.bufferSize ?? 50_000;
+
+    makeObservable(this);
+    autoBind(this);
+    this.bindWatchEventsUpdater();
+  }
+
+  // TODO: Circular dependency: KubeObjectStore -> ClusterFrameContext -> NamespaceStore -> KubeObjectStore
+  @computed get contextItems(): K[] {
+    const namespaces = this.dependencies.context.contextNamespaces;
+
+    return this.items.filter(item => {
+      const itemNamespace = item.getNs();
+
+      return !itemNamespace /* cluster-wide */ || namespaces.includes(itemNamespace);
+    });
+  }
+
+  getTotalCount(): number {
+    return this.contextItems.length;
+  }
+
+  get query(): KubeApiQueryParams {
+    const { limit } = this;
+
+    if (!limit) {
+      return {};
+    }
+
+    return { limit };
+  }
+
+  getAllByNs(namespace: string | string[], strict = false): K[] {
+    const namespaces = [namespace].flat();
+
+    if (namespaces.length) {
+      return this.items.filter(item => includes(namespaces, item.getNs()));
+    }
+
+    if (!strict) {
+      return this.items;
+    }
+
+    return [];
+  }
+
+  getById(id: string): K | undefined {
+    return this.items.find(item => item.getId() === id);
+  }
+
+  getByName(name: string, namespace?: string): K | undefined {
+    return this.items.find(item => {
+      return item.getName() === name && (
+        namespace ? item.getNs() === namespace : true
+      );
+    });
+  }
+
+  getByPath(path: string): K | undefined {
+    return this.items.find(item => item.selfLink === path);
+  }
+
+  getByLabel(labels: string[] | Partial<Record<string, string>>): K[] {
+    if (Array.isArray(labels)) {
+      return this.items.filter((item: K) => {
+        const itemLabels = item.getLabels();
+
+        return labels.every(label => itemLabels.includes(label));
+      });
+    } else {
+      return this.items.filter((item: K) => {
+        const itemLabels = item.metadata.labels || {};
+
+        return entries(labels)
+          .every(([key, value]) => itemLabels[key] === value);
+      });
+    }
+  }
+
+  protected async loadItems({ namespaces, reqInit, onLoadFailure }: KubeObjectStoreLoadingParams): Promise<K[]> {
+    const isLoadingAll = this.dependencies.context.isLoadingAll(namespaces);
+
+    if (!this.api.isNamespaced || isLoadingAll) {
+      if (this.api.isNamespaced) {
+        this.loadedNamespaces.set([]);
+      }
+
+      const res = this.api.list({ reqInit }, this.query);
+
+      if (onLoadFailure) {
+        try {
+          return await res ?? [];
+        } catch (error) {
+          onLoadFailure(new Error(`Failed to load ${this.api.apiBase}`, { cause: error }));
+
+          // reset the store because we are loading all, so that nothing is displayed
+          this.items.clear();
+          this.selectedItemsIds.clear();
+
+          return [];
+        }
+      }
+
+      return await res ?? [];
+    }
+
+    this.loadedNamespaces.set(namespaces);
+
+    const results = await Promise.allSettled(
+      namespaces.map(namespace => this.api.list({ namespace, reqInit }, this.query)),
+    );
+    const res: K[] = [];
+
+    for (const result of results) {
+      switch (result.status) {
+        case "fulfilled":
+          res.push(...result.value ?? []);
+          break;
+
+        case "rejected":
+          if (onLoadFailure) {
+            onLoadFailure(new Error(`Failed to load ${this.api.apiBase}`, { cause: result.reason }));
+          } else {
+            // if onLoadFailure is not provided then preserve old behaviour
+            throw result.reason;
+          }
+      }
+    }
+
+    return res;
+  }
+
+  protected filterItemsOnLoad(items: K[]) {
+    return items;
+  }
+
+  @action
+  async loadAll({ namespaces, merge = true, reqInit, onLoadFailure }: KubeObjectStoreLoadAllParams = {}): Promise<undefined | K[]> {
+    namespaces ??= this.dependencies.context.contextNamespaces;
+    this.isLoading = true;
+
+    try {
+      const items = await this.loadItems({ namespaces, reqInit, onLoadFailure });
+
+      this.mergeItems(items, { merge, namespaces });
+
+      this.isLoaded = true;
+      this.failedLoading = false;
+
+      return items;
+    } catch (error) {
+      console.warn("[KubeObjectStore] loadAll failed", this.api.apiBase, error);
+      this.resetOnError(error);
+      this.failedLoading = true;
+    } finally {
+      this.isLoading = false;
+    }
+
+    return undefined;
+  }
+
+  @action
+  async reloadAll(opts: { force?: boolean; namespaces?: string[]; merge?: boolean } = {}): Promise<undefined | K[]> {
+    const { force = false, ...loadingOptions } = opts;
+
+    if (this.isLoading || (this.isLoaded && !force)) {
+      return undefined;
+    }
+
+    return this.loadAll(loadingOptions);
+  }
+
+  @action
+  protected mergeItems(partialItems: K[], { merge = true, updateStore = true, sort = true, filter = true, namespaces }: MergeItemsOptions): K[] {
+    let items = partialItems;
+
+    // update existing items
+    if (merge && this.api.isNamespaced) {
+      const ns = new Set(namespaces);
+
+      items = [
+        ...this.items.filter(item => !ns.has(item.getNs() as string)),
+        ...partialItems,
+      ];
+    }
+
+    if (filter) items = this.filterItemsOnLoad(items);
+    if (sort) items = this.sortItems(items);
+    if (updateStore) this.items.replace(items);
+
+    return items;
+  }
+
+  protected resetOnError(error: any) {
+    if (error) this.reset();
+  }
+
+  protected async loadItem(params: { name: string; namespace?: string }): Promise<K | null> {
+    return this.api.get(params);
+  }
+
+  @action
+  async load(params: { name: string; namespace?: string }): Promise<K> {
+    const { name, namespace } = params;
+    let item: K | null | undefined = this.getByName(name, namespace);
+
+    if (!item) {
+      item = await this.loadItem(params);
+      assert(item, "Failed to load item from kube");
+      const newItems = this.sortItems([...this.items, item]);
+
+      this.items.replace(newItems);
+    }
+
+    return item;
+  }
+
+  @action
+  async loadFromPath(resourcePath: string) {
+    const { namespace, name } = parseKubeApi(resourcePath);
+
+    assert(name, "name must be part of resourcePath");
+
+    return this.load({ name, namespace });
+  }
+
+  protected async createItem(params: { name: string; namespace?: string }, data?: PartialDeep<K>): Promise<K | null> {
+    return this.api.create(params, data);
+  }
+
+  async create(params: { name: string; namespace?: string }, data?: PartialDeep<K>): Promise<K> {
+    const newItem = await this.createItem(params, data);
+
+    assert(newItem, "Failed to create item from kube");
+    const items = this.sortItems([...this.items, newItem]);
+
+    this.items.replace(items);
+
+    return newItem;
+  }
+
+  private postUpdate(newItem: K): K {
+    const index = this.items.findIndex(item => item.getId() === newItem.getId());
+
+    if (index < 0) {
+      this.items.push(newItem);
+    } else {
+      this.items[index] = newItem;
+    }
+
+    return newItem;
+  }
+
+  async patch(item: K, patch: JsonPatch): Promise<K> {
+    const rawItem = await this.api.patch(
+      {
+        name: item.getName(), namespace: item.getNs(),
+      },
+      patch,
+      "json",
+    );
+
+    assert(rawItem, `Failed to patch ${item.getScopedName()} of ${item.kind} ${item.apiVersion}`);
+
+    return this.postUpdate(rawItem);
+  }
+
+  async update(item: K, data: PartialDeep<K>): Promise<K> {
+    const rawItem = await this.api.update(
+      {
+        name: item.getName(),
+        namespace: item.getNs(),
+      },
+      data,
+    );
+
+    assert(rawItem, `Failed to update ${item.getScopedName()} of ${item.kind} ${item.apiVersion}`);
+
+    return this.postUpdate(rawItem);
+  }
+
+  async remove(item: K) {
+    await this.api.delete({ name: item.getName(), namespace: item.getNs() });
+    this.selectedItemsIds.delete(item.getId());
+  }
+
+  async removeSelectedItems() {
+    await Promise.all(this.selectedItems.map(this.remove));
+  }
+
+  async removeItems(items: K[]) {
+    await Promise.all(items.map(this.remove));
+  }
+
+  // collect items from watch-api events to avoid UI blowing up with huge streams of data
+  protected readonly eventsBuffer = observable.array<IKubeWatchEvent<D>>([], { deep: false });
+
+  protected bindWatchEventsUpdater(delay = 1000) {
+    reaction(() => [...this.eventsBuffer], this.updateFromEventsBuffer, {
+      delay,
+    });
+  }
+
+  subscribe({ onLoadFailure, abortController = new AbortController() }: KubeObjectStoreSubscribeParams = {}): Disposer {
+    if (this.api.isNamespaced) {
+      void (async () => {
+        try {
+          const loadedNamespaces = await Promise.race([
+            rejectPromiseBy(abortController.signal),
+            waitUntilDefined(() => this.loadedNamespaces.get()),
+          ]);
+
+          if (this.dependencies.context.isGlobalWatchEnabled() && loadedNamespaces.length === 0) {
+            this.watchNamespace("", abortController, { onLoadFailure });
+          } else {
+            for (const namespace of loadedNamespaces) {
+              this.watchNamespace(namespace, abortController, { onLoadFailure });
+            }
+          }
+        } catch (error) {
+          console.error(`[KUBE-OBJECT-STORE]: failed to subscribe to ${this.api.apiBase}`, error);
+        }
+      })();
+    } else {
+      this.watchNamespace("", abortController, { onLoadFailure });
+    }
+
+    return () => abortController.abort();
+  }
+
+  private watchNamespace(namespace: string, abortController: AbortController, opts: KubeObjectStoreSubscribeParams) {
+    if (!this.api.getResourceVersion(namespace)) {
+      return;
+    }
+
+    let timedRetry: NodeJS.Timeout;
+    const startNewWatch = () => this.api.watch({
+      namespace,
+      abortController,
+      callback,
+    });
+
+    const signal = abortController.signal;
+
+    const callback: KubeApiWatchCallback<D> = (data, error) => {
+      if (!this.isLoaded || error?.type === "aborted") return;
+
+      if (error instanceof Response) {
+        if (error.status === 404 || error.status === 401) {
+          // api has gone, or credentials are not permitted, let's not retry
+          return;
+        }
+
+        // not sure what to do, best to retry
+        clearTimeout(timedRetry);
+        timedRetry = setTimeout(startNewWatch, 5000);
+      } else if (error instanceof KubeStatus && error.code === 410) {
+        clearTimeout(timedRetry);
+        // resourceVersion has gone, let's try to reload
+        timedRetry = setTimeout(() => {
+          (
+            namespace
+              ? this.loadAll({ namespaces: [namespace], reqInit: { signal }, ...opts })
+              : this.loadAll({ merge: false, reqInit: { signal }, ...opts })
+          ).then(startNewWatch);
+        }, 1000);
+      } else if (error) { // not sure what to do, best to retry
+        clearTimeout(timedRetry);
+        timedRetry = setTimeout(startNewWatch, 5000);
+      }
+
+      if (data) {
+        this.eventsBuffer.push(data);
+      }
+    };
+
+    signal.addEventListener("abort", () => clearTimeout(timedRetry));
+    startNewWatch();
+  }
+
+  @action
+  protected updateFromEventsBuffer() {
+    const items = this.getItems();
+
+    for (const event of this.eventsBuffer.clear()) {
+      if (event.type === "ERROR") {
+        continue;
+      }
+
+      try {
+        const { type, object } = event;
+
+        if (!object.metadata?.uid) {
+          this.dependencies.logger.warn("[KUBE-STORE]: watch event did not have defined .metadata.uid, skipping", { event });
+          // Other parts of the code will break if this happens
+          continue;
+        }
+
+        const index = items.findIndex(item => item.getId() === object.metadata.uid);
+        const item = items[index];
+
+        switch (type) {
+          case "ADDED":
+
+            // fallthrough
+          case "MODIFIED": {
+            const newItem = new this.api.objectConstructor(object);
+
+            if (!item) {
+              items.push(newItem);
+            } else {
+              items[index] = newItem;
+            }
+
+            break;
+          }
+          case "DELETED":
+            if (item) {
+              items.splice(index, 1);
+            }
+            break;
+        }
+      } catch (error) {
+        this.dependencies.logger.error("[KUBE-STORE]: failed to handle event from watch buffer", { error, event });
+      }
+    }
+
+    // update items
+    this.items.replace(this.sortItems(items.slice(-this.bufferSize)));
+  }
+}
diff --git a/packages/core/src/common/k8s-api/kube-object.ts b/packages/core/src/common/k8s-api/kube-object.ts
new file mode 100644
index 0000000000..d88c19db89
--- /dev/null
+++ b/packages/core/src/common/k8s-api/kube-object.ts
@@ -0,0 +1,694 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Base class for all kubernetes objects
+
+import moment from "moment";
+import type { KubeJsonApiData, KubeJsonApiDataList, KubeJsonApiListMetadata } from "./kube-json-api";
+import { autoBind, formatDuration, hasOptionalTypedProperty, hasTypedProperty, isObject, isString, isNumber, bindPredicate, isTypedArray, isRecord, json } from "../utils";
+import type { ItemObject } from "../item.store";
+import type { Patch } from "rfc6902";
+import assert from "assert";
+import type { JsonObject } from "type-fest";
+import requestKubeObjectPatchInjectable from "./endpoints/resource-applier.api/request-patch.injectable";
+import { apiKubeInjectionToken } from "./api-kube";
+import requestKubeObjectCreationInjectable from "./endpoints/resource-applier.api/request-update.injectable";
+import { dump } from "js-yaml";
+import { getLegacyGlobalDiForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+
+export type KubeJsonApiDataFor<K> = K extends KubeObject<infer Metadata, infer Status, infer Spec>
+  ? KubeJsonApiData<Metadata, Status, Spec>
+  : never;
+
+export interface KubeObjectConstructorData {
+  readonly kind?: string;
+  readonly namespaced?: boolean;
+  readonly apiBase?: string;
+}
+
+export type KubeObjectConstructor<K extends KubeObject, Data> = (new (data: Data) => K) & KubeObjectConstructorData;
+
+export interface OwnerReference {
+  apiVersion: string;
+  kind: string;
+  name: string;
+  uid: string;
+  controller?: boolean;
+  blockOwnerDeletion?: boolean;
+}
+
+export type KubeTemplateObjectMetadata<Namespaced extends KubeObjectScope> = Pick<KubeJsonApiObjectMetadata<KubeObjectScope>, "annotations" | "finalizers" | "generateName" | "labels" | "ownerReferences"> & {
+  name?: string;
+  namespace?: ScopedNamespace<Namespaced>;
+};
+
+export interface BaseKubeJsonApiObjectMetadata<Namespaced extends KubeObjectScope> {
+  /**
+   * Annotations is an unstructured key value map stored with a resource that may be set by
+   * external tools to store and retrieve arbitrary metadata. They are not queryable and should be
+   * preserved when modifying objects.
+   *
+   * More info: http://kubernetes.io/docs/user-guide/annotations
+   */
+  annotations?: Partial<Record<string, string>>;
+
+  /**
+   * The name of the cluster which the object belongs to. This is used to distinguish resources
+   * with same name and namespace in different clusters. This field is not set anywhere right now
+   * and apiserver is going to ignore it if set in create or update request.
+   */
+  clusterName?: string;
+
+  /**
+   * CreationTimestamp is a timestamp representing the server time when this object was created. It
+   * is not guaranteed to be set in happens-before order across separate operations. Clients may
+   * not set this value. It is represented in RFC3339 form and is in UTC.  Populated by the system.
+   *
+   * More info: https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#metadata
+   */
+  readonly creationTimestamp?: string;
+
+  /**
+   * Number of seconds allowed for this object to gracefully terminate before it will be removed
+   * from the system. Only set when deletionTimestamp is also set. May only be shortened.
+   */
+  readonly deletionGracePeriodSeconds?: number;
+
+  /**
+   * DeletionTimestamp is RFC 3339 date and time at which this resource will be deleted. This field
+   * is set by the server when a graceful deletion is requested by the user, and is not directly
+   * settable by a client. The resource is expected to be deleted (no longer visible from resource
+   * lists, and not reachable by name) after the time in this field, once the finalizers list is
+   * empty. As long as the finalizers list contains items, deletion is blocked. Once the
+   * `deletionTimestamp` is set, this value may not be unset or be set further into the future,
+   * although it may be shortened or the resource may be deleted prior to this time. For example,
+   * a user may request that a pod is deleted in 30 seconds. The Kubelet will react by sending a
+   * graceful termination signal to the containers in the pod. After that 30 seconds, the Kubelet
+   * will send a hard termination signal (SIGKILL) to the container and after cleanup, remove the
+   * pod from the API. In the presence of network partitions, this object may still exist after
+   * this timestamp, until an administrator or automated process can determine the resource is
+   * fully terminated. If not set, graceful deletion of the object has not been requested.
+   * Populated by the system when a graceful deletion is requested.
+   *
+   * More info: https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#metadata
+   */
+  readonly deletionTimestamp?: string;
+
+  /**
+   * Must be empty before the object is deleted from the registry. Each entry is an identifier for
+   * the responsible component that will remove the entry from the list. If the deletionTimestamp
+   * of the object is non-nil, entries in this list can only be removed. Finalizers may be
+   * processed and removed in any order.  Order is NOT enforced because it introduces significant
+   * risk of stuck finalizers. finalizers is a shared field, any actor with permission can reorder
+   * it. If the finalizer list is processed in order, then this can lead to a situation in which
+   * the component responsible for the first finalizer in the list is waiting for a signal (field
+   * value, external system, or other) produced by a component responsible for a finalizer later in
+   * the list, resulting in a deadlock. Without enforced ordering finalizers are free to order
+   * amongst themselves and are not vulnerable to ordering changes in the list.
+   */
+  finalizers?: string[];
+
+  /**
+   * GenerateName is an optional prefix, used by the server, to generate a unique name ONLY IF the
+   * Name field has not been provided. If this field is used, the name returned to the client will
+   * be different than the name passed. This value will also be combined with a unique suffix. The
+   * provided value has the same validation rules as the Name field, and may be truncated by the
+   * length of the suffix required to make the value unique on the server.  If this field is
+   * specified and the generated name exists, the server will NOT return a 409 - instead, it will
+   * either return 201 Created or 500 with Reason ServerTimeout indicating a unique name could not
+   * be found in the time allotted, and the client should retry (optionally after the time indicated
+   * in the Retry-After header). Applied only if Name is not specified.
+   *
+   * More info: https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#idempotency
+   */
+  generateName?: string;
+
+  /**
+   * A sequence number representing a specific generation of the desired state. Populated by the
+   * system.
+   */
+  readonly generation?: number;
+
+  /**
+   * Map of string keys and values that can be used to organize and categorize (scope and select)
+   * objects. May match selectors of replication controllers and services.
+   *
+   * More info: http://kubernetes.io/docs/user-guide/labels
+   */
+  labels?: Partial<Record<string, string>>;
+
+  /**
+   * ManagedFields maps workflow-id and version to the set of fields that are managed by that
+   * workflow. This is mostly for internal housekeeping, and users typically shouldn't need to set
+   * or understand this field. A workflow can be the user's name, a controller's name, or the name
+   * of a specific apply path like "ci-cd". The set of fields is always in the version that the
+   * workflow used when modifying the object.
+   */
+  managedFields?: unknown[];
+
+  /**
+   * Name must be unique within a namespace. Is required when creating resources, although some
+   * resources may allow a client to request the generation of an appropriate name automatically.
+   * Name is primarily intended for creation idempotence and configuration definition.
+   *
+   * More info: http://kubernetes.io/docs/user-guide/identifiers#names
+   */
+  readonly name: string;
+
+  /**
+   * Namespace defines the space within which each name must be unique. An empty namespace is
+   * equivalent to the "default" namespace, but "default" is the canonical representation. Not all
+   * objects are required to be scoped to a namespace - the value of this field for those objects
+   * will be empty.  Must be a DNS_LABEL. Cannot be updated. More info: http://kubernetes.io/docs/user-guide/namespaces
+   */
+  readonly namespace?: ScopedNamespace<Namespaced>;
+
+  /**
+   * List of objects depended by this object. If ALL objects in the list have been deleted, this
+   * object will be garbage collected. If this object is managed by a controller, then an entry in
+   * this list will point to this controller, with the controller field set to true. There cannot
+   * be more than one managing controller.
+   */
+  ownerReferences?: OwnerReference[];
+
+  /**
+   * An opaque value that represents the internal version of this object that can be used by
+   * clients to determine when objects have changed. May be used for optimistic concurrency, change
+   * detection, and the watch operation on a resource or set of resources. Clients must treat these
+   * values as opaque and passed unmodified back to the server. They may only be valid for a
+   * particular resource or set of resources. Populated by the system. Value must be treated as
+   * opaque by clients.
+   *
+   * More info: https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#concurrency-control-and-consistency
+   */
+  readonly resourceVersion?: string;
+
+  /**
+   * SelfLink is a URL representing this object. Populated by the system.
+   */
+  readonly selfLink?: string;
+
+  /**
+   * UID is the unique in time and space value for this object. It is typically generated by the
+   * server on successful creation of a resource and is not allowed to change on PUT operations.
+   * Populated by the system.
+   *
+   * More info: http://kubernetes.io/docs/user-guide/identifiers#uids
+   */
+  readonly uid?: string;
+
+  [key: string]: unknown;
+}
+
+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;
+  readonly uid: string;
+  readonly name: string;
+  readonly resourceVersion: string;
+};
+
+export type NamespaceScopedMetadata = KubeObjectMetadata<KubeObjectScope.Namespace>;
+export type ClusterScopedMetadata = KubeObjectMetadata<KubeObjectScope.Cluster>;
+
+export interface KubeStatusData {
+  kind: string;
+  apiVersion: string;
+  code: number;
+  message?: string;
+  reason?: string;
+}
+
+export function isKubeStatusData(object: unknown): object is KubeStatusData {
+  return isObject(object)
+    && hasTypedProperty(object, "kind", isString)
+    && hasTypedProperty(object, "apiVersion", isString)
+    && hasTypedProperty(object, "code", isNumber)
+    && hasOptionalTypedProperty(object, "message", isString)
+    && hasOptionalTypedProperty(object, "reason", isString)
+    && object.kind === "Status";
+}
+
+export class KubeStatus {
+  public readonly kind = "Status";
+  public readonly apiVersion: string;
+  public readonly code: number;
+  public readonly message: string;
+  public readonly reason: string;
+
+  constructor(data: KubeStatusData) {
+    this.apiVersion = data.apiVersion;
+    this.code = data.code;
+    this.message = data.message || "";
+    this.reason = data.reason || "";
+  }
+}
+
+export interface BaseKubeObjectCondition {
+  /**
+   * Last time the condition transit from one status to another.
+   *
+   * @type Date
+   */
+  lastTransitionTime?: string;
+  /**
+   * A human readable message indicating details about last transition.
+   */
+  message?: string;
+  /**
+   * brief (usually one word) readon for the condition's last transition.
+   */
+  reason?: string;
+  /**
+   * Status of the condition
+   */
+  status: "True" | "False" | "Unknown";
+  /**
+   * Type of the condition
+   */
+  type: string;
+}
+
+export interface KubeObjectStatus {
+  conditions?: BaseKubeObjectCondition[];
+}
+
+export type KubeMetaField = keyof KubeJsonApiObjectMetadata;
+
+export class KubeCreationError extends Error {
+  constructor(message: string, public data: any) {
+    super(message);
+  }
+}
+
+export type LabelMatchExpression = {
+  /**
+   * The label key that the selector applies to.
+   */
+  key: string;
+} & (
+  {
+    /**
+     * This represents the key's relationship to a set of values.
+     */
+    operator: "Exists" | "DoesNotExist";
+    values?: undefined;
+  }
+  |
+  {
+    operator: "In" | "NotIn";
+    /**
+     * The set of values for to match according to the operator for the label.
+     */
+    values: string[];
+  }
+);
+
+export interface Toleration {
+  key?: string;
+  operator?: string;
+  effect?: string;
+  value?: string;
+  tolerationSeconds?: number;
+}
+
+export interface ObjectReference {
+  apiVersion?: string;
+  fieldPath?: string;
+  kind?: string;
+  name: string;
+  namespace?: string;
+  resourceVersion?: string;
+  uid?: string;
+}
+
+export interface LocalObjectReference {
+  name: string;
+}
+
+export interface TypedLocalObjectReference {
+  apiGroup?: string;
+  kind: string;
+  name: string;
+}
+
+export interface NodeAffinity {
+  nodeSelectorTerms?: LabelSelector[];
+  weight: number;
+  preference: LabelSelector;
+}
+
+export interface PodAffinity {
+  labelSelector: LabelSelector;
+  topologyKey: string;
+}
+
+export interface SpecificAffinity<T> {
+  requiredDuringSchedulingIgnoredDuringExecution?: T[];
+  preferredDuringSchedulingIgnoredDuringExecution?: T[];
+}
+
+export interface Affinity {
+  nodeAffinity?: SpecificAffinity<NodeAffinity>;
+  podAffinity?: SpecificAffinity<PodAffinity>;
+  podAntiAffinity?: SpecificAffinity<PodAffinity>;
+}
+
+export interface LabelSelector {
+  matchLabels?: Partial<Record<string, string>>;
+  matchExpressions?: LabelMatchExpression[];
+}
+
+export enum KubeObjectScope {
+  Namespace,
+  Cluster,
+}
+export type ScopedNamespace<Namespaced extends KubeObjectScope> = (
+  Namespaced extends KubeObjectScope.Namespace
+    ? string
+    : Namespaced extends KubeObjectScope.Cluster
+      ? undefined
+      : string | undefined
+);
+
+const resourceApplierAnnotationsForFiltering = [
+  "kubectl.kubernetes.io/last-applied-configuration",
+];
+
+const filterOutResourceApplierAnnotations = (label: string) => !resourceApplierAnnotationsForFiltering.some(key => label.startsWith(key));
+
+export class KubeObject<
+  Metadata extends KubeObjectMetadata<KubeObjectScope> = KubeObjectMetadata<KubeObjectScope>,
+  Status = unknown,
+  Spec = unknown,
+> implements ItemObject {
+  static readonly kind?: string;
+  static readonly namespaced?: boolean;
+  static readonly apiBase?: string;
+
+  apiVersion!: string;
+  kind!: string;
+  metadata!: Metadata;
+  status?: Status;
+  spec!: Spec;
+
+  static create<
+    Metadata extends KubeObjectMetadata = KubeObjectMetadata,
+    Status = unknown,
+    Spec = unknown,
+  >(data: KubeJsonApiData<Metadata, Status, Spec>) {
+    return new KubeObject(data);
+  }
+
+  static isNonSystem(item: KubeJsonApiData | KubeObject<KubeObjectMetadata<KubeObjectScope>, unknown, unknown>) {
+    return !item.metadata.name?.startsWith("system:");
+  }
+
+  static isJsonApiData(object: unknown): object is KubeJsonApiData {
+    return (
+      isObject(object)
+      && hasTypedProperty(object, "kind", isString)
+      && hasTypedProperty(object, "apiVersion", isString)
+      && hasTypedProperty(object, "metadata", KubeObject.isKubeJsonApiMetadata)
+    );
+  }
+
+  static isKubeJsonApiListMetadata(object: unknown): object is KubeJsonApiListMetadata {
+    return (
+      isObject(object)
+      && hasOptionalTypedProperty(object, "resourceVersion", isString)
+      && hasOptionalTypedProperty(object, "selfLink", isString)
+    );
+  }
+
+  static isKubeJsonApiMetadata(object: unknown): object is KubeJsonApiObjectMetadata {
+    return (
+      isObject(object)
+      && hasTypedProperty(object, "uid", isString)
+      && hasTypedProperty(object, "name", isString)
+      && hasTypedProperty(object, "resourceVersion", isString)
+      && hasOptionalTypedProperty(object, "selfLink", isString)
+      && hasOptionalTypedProperty(object, "namespace", isString)
+      && hasOptionalTypedProperty(object, "creationTimestamp", isString)
+      && hasOptionalTypedProperty(object, "continue", isString)
+      && hasOptionalTypedProperty(object, "finalizers", bindPredicate(isTypedArray, isString))
+      && hasOptionalTypedProperty(object, "labels", bindPredicate(isRecord, isString, isString))
+      && hasOptionalTypedProperty(object, "annotations", bindPredicate(isRecord, isString, isString))
+    );
+  }
+
+  static isPartialJsonApiMetadata(object: unknown): object is Partial<KubeJsonApiObjectMetadata> {
+    return (
+      isObject(object)
+      && hasOptionalTypedProperty(object, "uid", isString)
+      && hasOptionalTypedProperty(object, "name", isString)
+      && hasOptionalTypedProperty(object, "resourceVersion", isString)
+      && hasOptionalTypedProperty(object, "selfLink", isString)
+      && hasOptionalTypedProperty(object, "namespace", isString)
+      && hasOptionalTypedProperty(object, "creationTimestamp", isString)
+      && hasOptionalTypedProperty(object, "continue", isString)
+      && hasOptionalTypedProperty(object, "finalizers", bindPredicate(isTypedArray, isString))
+      && hasOptionalTypedProperty(object, "labels", bindPredicate(isRecord, isString, isString))
+      && hasOptionalTypedProperty(object, "annotations", bindPredicate(isRecord, isString, isString))
+    );
+  }
+
+  static isPartialJsonApiData(object: unknown): object is Partial<KubeJsonApiData> {
+    return (
+      isObject(object)
+      && hasOptionalTypedProperty(object, "kind", isString)
+      && hasOptionalTypedProperty(object, "apiVersion", isString)
+      && hasOptionalTypedProperty(object, "metadata", KubeObject.isPartialJsonApiMetadata)
+    );
+  }
+
+  static isJsonApiDataList<T>(object: unknown, verifyItem: (val: unknown) => val is T): object is KubeJsonApiDataList<T> {
+    return (
+      isObject(object)
+      && hasTypedProperty(object, "kind", isString)
+      && hasTypedProperty(object, "apiVersion", isString)
+      && hasTypedProperty(object, "metadata", KubeObject.isKubeJsonApiListMetadata)
+      && hasTypedProperty(object, "items", bindPredicate(isTypedArray, verifyItem))
+    );
+  }
+
+  static stringifyLabels(labels?: Partial<Record<string, string>>): string[] {
+    if (!labels) return [];
+
+    return Object.entries(labels).map(([name, value]) => `${name}=${value}`);
+  }
+
+  /**
+   * These must be RFC6902 compliant paths
+   */
+  private static readonly nonEditablePathPrefixes = [
+    "/metadata/managedFields",
+    "/status",
+  ];
+  private static readonly nonEditablePaths = new Set([
+    "/apiVersion",
+    "/kind",
+    "/metadata/name",
+    "/metadata/selfLink",
+    "/metadata/resourceVersion",
+    "/metadata/uid",
+    ...KubeObject.nonEditablePathPrefixes,
+  ]);
+
+  constructor(data: KubeJsonApiData<Metadata, Status, Spec>) {
+    if (typeof data !== "object") {
+      throw new TypeError(`Cannot create a KubeObject from ${typeof data}`);
+    }
+
+    if (!data.metadata || typeof data.metadata !== "object") {
+      throw new KubeCreationError(`Cannot create a KubeObject from an object without metadata`, data);
+    }
+
+    Object.assign(this, data);
+    autoBind(this);
+  }
+
+  get selfLink() {
+    return this.metadata.selfLink;
+  }
+
+  getId() {
+    return this.metadata.uid;
+  }
+
+  getResourceVersion() {
+    return this.metadata.resourceVersion;
+  }
+
+  getScopedName() {
+    const ns = this.getNs();
+    const res = ns ? `${ns}/` : "";
+
+    return res + this.getName();
+  }
+
+  getName() {
+    return this.metadata.name;
+  }
+
+  getNs(): Metadata["namespace"] {
+    // avoid "null" serialization via JSON.stringify when post data
+    return (this.metadata.namespace || undefined) as never;
+  }
+
+  /**
+   * This function computes the number of milliseconds from the UNIX EPOCH to the
+   * creation timestamp of this object.
+   */
+  getCreationTimestamp() {
+    if (!this.metadata.creationTimestamp) {
+      return Date.now();
+    }
+
+    return new Date(this.metadata.creationTimestamp).getTime();
+  }
+
+  /**
+   * @deprecated This function computes a new "now" on every call which might cause subtle issues if called multiple times
+   *
+   * NOTE: Generally you can use `getCreationTimestamp` instead.
+   */
+  getTimeDiffFromNow(): number {
+    if (!this.metadata.creationTimestamp) {
+      return 0;
+    }
+
+    return Date.now() - new Date(this.metadata.creationTimestamp).getTime();
+  }
+
+  /**
+   * @deprecated This function computes a new "now" on every call might cause subtle issues if called multiple times
+   *
+   * NOTE: this function also is not reactive to updates in the current time so it should not be used for renderering
+   */
+  getAge(humanize = true, compact = true, fromNow = false): string | number {
+    if (fromNow) {
+      return moment(this.metadata.creationTimestamp).fromNow(); // "string", getTimeDiffFromNow() cannot be used
+    }
+    const diff = this.getTimeDiffFromNow();
+
+    if (humanize) {
+      return formatDuration(diff, compact);
+    }
+
+    return diff;
+  }
+
+  getFinalizers(): string[] {
+    return this.metadata.finalizers || [];
+  }
+
+  getLabels(): string[] {
+    return KubeObject.stringifyLabels(this.metadata.labels);
+  }
+
+  getAnnotations(filter = false): string[] {
+    const labels = KubeObject.stringifyLabels(this.metadata.annotations);
+
+    if (!filter) {
+      return labels;
+    }
+
+    return labels.filter(filterOutResourceApplierAnnotations);
+  }
+
+  getOwnerRefs() {
+    const refs = this.metadata.ownerReferences || [];
+    const namespace = this.getNs();
+
+    return refs.map(ownerRef => ({ ...ownerRef, namespace }));
+  }
+
+  getSearchFields() {
+    const { getName, getId, getNs, getAnnotations, getLabels } = this;
+
+    return [
+      getName(),
+      getNs(),
+      getId(),
+      ...getLabels(),
+      ...getAnnotations(true),
+    ];
+  }
+
+  toPlainObject() {
+    return json.parse(JSON.stringify(this)) as JsonObject;
+  }
+
+  /**
+   * @deprecated use KubeApi.patch instead
+   */
+  async patch(patch: Patch): Promise<KubeJsonApiData | null> {
+    for (const op of patch) {
+      if (KubeObject.nonEditablePaths.has(op.path)) {
+        throw new Error(`Failed to update ${this.kind}: JSON pointer ${op.path} has been modified`);
+      }
+
+      for (const pathPrefix of KubeObject.nonEditablePathPrefixes) {
+        if (op.path.startsWith(`${pathPrefix}/`)) {
+          throw new Error(`Failed to update ${this.kind}: Child JSON pointer of ${op.path} has been modified`);
+        }
+      }
+    }
+
+    const di = getLegacyGlobalDiForExtensionApi();
+    const requestKubeObjectPatch = di.inject(requestKubeObjectPatchInjectable);
+    const result = await requestKubeObjectPatch(this.getName(), this.kind, this.getNs(), patch);
+
+    if (!result.callWasSuccessful) {
+      throw new Error(result.error);
+    }
+
+    return result.response;
+  }
+
+  /**
+   * Perform a full update (or more specifically a replace)
+   *
+   * Note: this is brittle if `data` is not actually partial (but instead whole).
+   * As fields such as `resourceVersion` will probably out of date. This is a
+   * common race condition.
+   *
+   * @deprecated use KubeApi.update instead
+   */
+  async update(data: Partial<this>): Promise<KubeJsonApiData | null> {
+    const di = getLegacyGlobalDiForExtensionApi();
+    const requestKubeObjectCreation = di.inject(requestKubeObjectCreationInjectable);
+    const descriptor = dump({
+      ...this.toPlainObject(),
+      ...data,
+    });
+
+    const result = await requestKubeObjectCreation(descriptor);
+
+    if (!result.callWasSuccessful) {
+      throw new Error(result.error);
+    }
+
+    return result.response;
+  }
+
+  /**
+   * @deprecated use KubeApi.delete instead
+   */
+  delete(params?: object) {
+    assert(this.selfLink, "selfLink must be present to delete self");
+
+    const di = getLegacyGlobalDiForExtensionApi();
+    const apiKube = di.inject(apiKubeInjectionToken);
+
+    return apiKube.del(this.selfLink, params);
+  }
+}
diff --git a/packages/core/src/common/k8s-api/kube-watch-event.ts b/packages/core/src/common/k8s-api/kube-watch-event.ts
new file mode 100644
index 0000000000..0f42bf4054
--- /dev/null
+++ b/packages/core/src/common/k8s-api/kube-watch-event.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 { KubeStatusData } from "./kube-object";
+
+export type IKubeWatchEvent<T> = {
+  readonly type: "ADDED" | "MODIFIED" | "DELETED";
+  readonly object: T;
+} | {
+  readonly type: "ERROR";
+  readonly object?: KubeStatusData;
+};
+
diff --git a/packages/core/src/common/k8s-api/maybe-kube-api.injectable.ts b/packages/core/src/common/k8s-api/maybe-kube-api.injectable.ts
new file mode 100644
index 0000000000..6717c00881
--- /dev/null
+++ b/packages/core/src/common/k8s-api/maybe-kube-api.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 { apiKubeInjectionToken } from "./api-kube";
+
+const maybeKubeApiInjectable = getInjectable({
+  id: "maybe-kube-api",
+  instantiate: (di) => {
+    try {
+      return di.inject(apiKubeInjectionToken);
+    } catch {
+      return undefined;
+    }
+  },
+});
+
+export default maybeKubeApiInjectable;
diff --git a/packages/core/src/common/k8s-api/selected-filter-namespaces.injectable.ts b/packages/core/src/common/k8s-api/selected-filter-namespaces.injectable.ts
new file mode 100644
index 0000000000..6c70a665a4
--- /dev/null
+++ b/packages/core/src/common/k8s-api/selected-filter-namespaces.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 namespaceStoreInjectable from "../../renderer/components/+namespaces/store.injectable";
+import { storesAndApisCanBeCreatedInjectionToken } from "./stores-apis-can-be-created.token";
+
+const selectedFilterNamespacesInjectable = getInjectable({
+  id: "selected-filter-namespaces",
+  instantiate: (di) => {
+    if (!di.inject(storesAndApisCanBeCreatedInjectionToken)) {
+      // Dummy value so that this works in all environments
+      return computed(() => []);
+    }
+
+    const store = di.inject(namespaceStoreInjectable);
+
+    return computed(() => [...store.contextNamespaces]);
+  },
+});
+
+export default selectedFilterNamespacesInjectable;
diff --git a/packages/core/src/common/k8s-api/stores-apis-can-be-created.token.ts b/packages/core/src/common/k8s-api/stores-apis-can-be-created.token.ts
new file mode 100644
index 0000000000..746f822c0c
--- /dev/null
+++ b/packages/core/src/common/k8s-api/stores-apis-can-be-created.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";
+
+export const storesAndApisCanBeCreatedInjectionToken = getInjectionToken<boolean>({
+  id: "stores-and-apis-can-be-created-token",
+});
diff --git a/packages/core/src/common/k8s-api/window-location.global-override-for-injectable.ts b/packages/core/src/common/k8s-api/window-location.global-override-for-injectable.ts
new file mode 100644
index 0000000000..616e110c88
--- /dev/null
+++ b/packages/core/src/common/k8s-api/window-location.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 "../test-utils/get-global-override";
+import windowLocationInjectable from "./window-location.injectable";
+
+export default getGlobalOverride(windowLocationInjectable, () => ({
+  host: "localhost",
+  port: "12345",
+}));
diff --git a/packages/core/src/common/k8s-api/window-location.injectable.ts b/packages/core/src/common/k8s-api/window-location.injectable.ts
new file mode 100644
index 0000000000..80bcd44be6
--- /dev/null
+++ b/packages/core/src/common/k8s-api/window-location.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";
+
+const windowLocationInjectable = getInjectable({
+  id: "window-location",
+  instantiate: () => {
+    const { host, port } = window.location;
+
+    return { host, port };
+  },
+  causesSideEffects: true,
+});
+
+export default windowLocationInjectable;
diff --git a/packages/core/src/common/k8s/create-resource-stack.injectable.ts b/packages/core/src/common/k8s/create-resource-stack.injectable.ts
new file mode 100644
index 0000000000..083d240b3a
--- /dev/null
+++ b/packages/core/src/common/k8s/create-resource-stack.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 type { KubernetesCluster } from "../catalog-entities";
+import readDirectoryInjectable from "../fs/read-directory.injectable";
+import readFileInjectable from "../fs/read-file.injectable";
+import { kubectlApplyAllInjectionToken, kubectlDeleteAllInjectionToken } from "../kube-helpers/channels";
+import loggerInjectable from "../logger.injectable";
+import joinPathsInjectable from "../path/join-paths.injectable";
+import type { ResourceApplyingStack, ResourceStackDependencies } from "./resource-stack";
+import { ResourceStack } from "./resource-stack";
+
+export type CreateResourceStack = (cluster: KubernetesCluster, name: string) => ResourceApplyingStack;
+
+const createResourceStackInjectable = getInjectable({
+  id: "create-resource-stack",
+  instantiate: (di): CreateResourceStack => {
+    const deps: ResourceStackDependencies = {
+      joinPaths: di.inject(joinPathsInjectable),
+      kubectlApplyAll: di.inject(kubectlApplyAllInjectionToken),
+      kubectlDeleteAll: di.inject(kubectlDeleteAllInjectionToken),
+      logger: di.inject(loggerInjectable),
+      readDirectory: di.inject(readDirectoryInjectable),
+      readFile: di.inject(readFileInjectable),
+    };
+
+    return (cluster, name) => new ResourceStack(deps, cluster, name);
+  },
+});
+
+export default createResourceStackInjectable;
diff --git a/packages/core/src/common/k8s/resource-stack.ts b/packages/core/src/common/k8s/resource-stack.ts
new file mode 100644
index 0000000000..771b48b413
--- /dev/null
+++ b/packages/core/src/common/k8s/resource-stack.ts
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import hb from "handlebars";
+import type { KubernetesCluster } from "../catalog-entities";
+import yaml from "js-yaml";
+import { getLegacyGlobalDiForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import productNameInjectable from "../vars/product-name.injectable";
+import type { AsyncResult } from "../utils/async-result";
+import type { Logger } from "../logger";
+import type { KubectlApplyAll, KubectlDeleteAll } from "../kube-helpers/channels";
+import type { ReadDirectory } from "../fs/read-directory.injectable";
+import type { JoinPaths } from "../path/join-paths.injectable";
+import type { ReadFile } from "../fs/read-file.injectable";
+import { hasTypedProperty, isObject } from "../utils";
+
+export interface ResourceApplyingStack {
+  kubectlApplyFolder(folderPath: string, templateContext?: any, extraArgs?: string[]): Promise<string>;
+  kubectlDeleteFolder(folderPath: string, templateContext?: any, extraArgs?: string[]): Promise<string>;
+}
+
+export interface ResourceStackDependencies {
+  readonly logger: Logger;
+  kubectlApplyAll: KubectlApplyAll;
+  kubectlDeleteAll: KubectlDeleteAll;
+  readDirectory: ReadDirectory;
+  joinPaths: JoinPaths;
+  readFile: ReadFile;
+}
+
+export class ResourceStack {
+  constructor(
+    protected readonly dependencies: ResourceStackDependencies,
+    protected readonly cluster: KubernetesCluster,
+    protected readonly name: string,
+  ) {}
+
+  /**
+   *
+   * @param folderPath folder path that is searched for files defining kubernetes resources.
+   * @param templateContext sets the template parameters that are to be applied to any templated kubernetes resources that are to be applied.
+   */
+  async kubectlApplyFolder(folderPath: string, templateContext?: any, extraArgs?: string[]): Promise<string> {
+    const resources = await this.renderTemplates(folderPath, templateContext);
+    const result = await this.applyResources(resources, extraArgs);
+
+    if (result.callWasSuccessful) {
+      return result.response;
+    }
+
+    this.dependencies.logger.warn(`[RESOURCE-STACK]: failed to apply resources: ${result.error}`);
+
+    return "";
+  }
+
+  /**
+   *
+   * @param folderPath folder path that is searched for files defining kubernetes resources.
+   * @param templateContext sets the template parameters that are to be applied to any templated kubernetes resources that are to be applied.
+   */
+  async kubectlDeleteFolder(folderPath: string, templateContext?: any, extraArgs?: string[]): Promise<string> {
+    const resources = await this.renderTemplates(folderPath, templateContext);
+    const result = await this.deleteResources(resources, extraArgs);
+
+    if (result.callWasSuccessful) {
+      return result.response;
+    }
+
+    this.dependencies.logger.warn(`[RESOURCE-STACK]: failed to delete resources: ${result.error}`);
+
+    return "";
+  }
+
+  protected async applyResources(resources: string[], extraArgs: string[] = []): Promise<AsyncResult<string, string>> {
+    const kubectlArgs = [...extraArgs, ...this.getAdditionalArgs(extraArgs)];
+
+    return this.dependencies.kubectlApplyAll({
+      clusterId: this.cluster.getId(),
+      resources,
+      extraArgs: kubectlArgs,
+    });
+  }
+
+  protected async deleteResources(resources: string[], extraArgs: string[] = []): Promise<AsyncResult<string, string>> {
+    const kubectlArgs = [...extraArgs, ...this.getAdditionalArgs(extraArgs)];
+
+    return this.dependencies.kubectlDeleteAll({
+      clusterId: this.cluster.getId(),
+      resources,
+      extraArgs: kubectlArgs,
+    });
+  }
+
+  protected getAdditionalArgs(kubectlArgs: string[]): string[] {
+    if (!kubectlArgs.includes("-l") && !kubectlArgs.includes("--label")) {
+      return ["-l", `app.kubernetes.io/name=${this.name}`];
+    }
+
+    return [];
+  }
+
+  protected async renderTemplates(folderPath: string, templateContext: any): Promise<string[]> {
+    const resources: string[] = [];
+    const di = getLegacyGlobalDiForExtensionApi();
+    const productName = di.inject(productNameInjectable);
+
+    this.dependencies.logger.info(`[RESOURCE-STACK]: render templates from ${folderPath}`);
+    const files = await this.dependencies.readDirectory(folderPath);
+
+    for (const filename of files) {
+      const file = this.dependencies.joinPaths(folderPath, filename);
+      const raw = await this.dependencies.readFile(file);
+      const data = (
+        filename.endsWith(".hb")
+          ? hb.compile(raw)(templateContext)
+          : raw
+      ).trim();
+
+      if (!data) {
+        continue;
+      }
+
+      for (const entry of yaml.loadAll(data)) {
+        if (typeof entry !== "object" || !entry) {
+          continue;
+        }
+
+        if (hasTypedProperty(entry, "metadata", isObject)) {
+          const labels = (entry.metadata.labels ??= {}) as Partial<Record<string, string>>;
+
+          labels["app.kubernetes.io/name"] = this.name;
+          labels["app.kubernetes.io/managed-by"] = productName;
+          labels["app.kubernetes.io/created-by"] = "resource-stack";
+        }
+
+        resources.push(yaml.dump(entry));
+      }
+    }
+
+    return resources;
+  }
+}
diff --git a/packages/core/src/common/kube-helpers.ts b/packages/core/src/common/kube-helpers.ts
new file mode 100644
index 0000000000..c439c29d16
--- /dev/null
+++ b/packages/core/src/common/kube-helpers.ts
@@ -0,0 +1,266 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { KubeConfig } from "@kubernetes/client-node";
+import yaml from "js-yaml";
+import type { Cluster, Context, User } from "@kubernetes/client-node/dist/config_types";
+import { newClusters, newContexts, newUsers } from "@kubernetes/client-node/dist/config_types";
+import { isDefined } from "./utils";
+import Joi from "joi";
+import type { PartialDeep } from "type-fest";
+
+const clusterSchema = Joi.object({
+  name: Joi
+    .string()
+    .min(1)
+    .required(),
+  cluster: Joi
+    .object({
+      server: Joi
+        .string()
+        .min(1)
+        .required(),
+    })
+    .required(),
+});
+
+const userSchema = Joi.object({
+  name: Joi.string()
+    .min(1)
+    .required(),
+});
+
+const contextSchema = Joi.object({
+  name: Joi.string()
+    .min(1)
+    .required(),
+  context: Joi.object({
+    cluster: Joi.string()
+      .min(1)
+      .required(),
+    user: Joi.string()
+      .min(1)
+      .required(),
+  }),
+});
+
+const kubeConfigSchema = Joi.object({
+  users: Joi
+    .array()
+    .items(userSchema)
+    .optional(),
+  clusters: Joi
+    .array()
+    .items(clusterSchema)
+    .optional(),
+  contexts: Joi
+    .array()
+    .items(contextSchema)
+    .optional(),
+  "current-context": Joi
+    .string()
+    .min(1)
+    .optional(),
+})
+  .required();
+
+interface KubeConfigOptions {
+  clusters: Cluster[];
+  users: User[];
+  contexts: Context[];
+  currentContext?: string;
+}
+
+interface OptionsResult {
+  options: KubeConfigOptions;
+  error: Joi.ValidationError | undefined;
+}
+
+function loadToOptions(rawYaml: string): OptionsResult {
+  const parsed = yaml.load(rawYaml);
+  const { error } = kubeConfigSchema.validate(parsed, {
+    abortEarly: false,
+    allowUnknown: true,
+  });
+  const { value } = kubeConfigSchema.validate(parsed, {
+    abortEarly: false,
+    allowUnknown: true,
+    stripUnknown: {
+      arrays: true,
+    },
+  });
+  const {
+    clusters: rawClusters,
+    users: rawUsers,
+    contexts: rawContexts,
+    "current-context": currentContext,
+  } = value ?? {};
+  const clusters = newClusters(rawClusters);
+  const users = newUsers(rawUsers);
+  const contexts = newContexts(rawContexts);
+
+  return {
+    options: { clusters, users, contexts, currentContext },
+    error,
+  };
+}
+
+export function loadFromOptions(options: KubeConfigOptions): KubeConfig {
+  const kc = new KubeConfig();
+
+  // need to load using the kubernetes client to generate a kubeconfig object
+  kc.loadFromOptions(options);
+
+  return kc;
+}
+
+export interface ConfigResult {
+  config: KubeConfig;
+  error: Joi.ValidationError | undefined;
+}
+
+export function loadConfigFromString(content: string): ConfigResult {
+  const { options, error } = loadToOptions(content);
+
+  return {
+    config: loadFromOptions(options),
+    error,
+  };
+}
+
+export interface SplitConfigEntry {
+  config: KubeConfig;
+  validationResult: ValidateKubeConfigResult;
+}
+
+/**
+ * Breaks kube config into several configs. Each context as it own KubeConfig object
+ */
+export function splitConfig(kubeConfig: KubeConfig): SplitConfigEntry[] {
+  return kubeConfig.getContexts().map(ctx => {
+    const config = new KubeConfig();
+    const cluster = kubeConfig.getCluster(ctx.cluster);
+    const user = kubeConfig.getUser(ctx.user);
+    const context = kubeConfig.getContextObject(ctx.name);
+
+    if (cluster) {
+      config.addCluster(cluster);
+    }
+
+    if (user) {
+      config.addUser(user);
+    }
+
+    if (context) {
+      config.addContext(context);
+    }
+
+    config.setCurrentContext(ctx.name);
+
+    return {
+      config,
+      validationResult: validateKubeConfig(config, ctx.name),
+    };
+  });
+}
+
+/**
+ * Pretty format the object as human readable yaml, such as would be on the filesystem
+ * @param kubeConfig The kubeconfig object to format as pretty yaml
+ * @returns The yaml representation of the kubeconfig object
+ */
+export function dumpConfigYaml(kubeConfig: PartialDeep<KubeConfig>): string {
+  const clusters = kubeConfig.clusters
+    ?.filter(isDefined)
+    .map(cluster => ({
+      name: cluster.name,
+      cluster: {
+        "certificate-authority-data": cluster.caData,
+        "certificate-authority": cluster.caFile,
+        server: cluster.server,
+        "insecure-skip-tls-verify": cluster.skipTLSVerify,
+      },
+    }));
+  const contexts = kubeConfig.contexts
+    ?.filter(isDefined)
+    .map(context => ({
+      name: context.name,
+      context: {
+        cluster: context.cluster,
+        user: context.user,
+        namespace: context.namespace,
+      },
+    }));
+  const users = kubeConfig.users
+    ?.filter(isDefined)
+    .map(user => ({
+      name: user.name,
+      user: {
+        "client-certificate-data": user.certData,
+        "client-certificate": user.certFile,
+        "client-key-data": user.keyData,
+        "client-key": user.keyFile,
+        "auth-provider": user.authProvider,
+        exec: user.exec,
+        token: user.token,
+        username: user.username,
+        password: user.password,
+      },
+    }));
+  const config = {
+    apiVersion: "v1",
+    kind: "Config",
+    preferences: {},
+    "current-context": kubeConfig.currentContext,
+    clusters,
+    contexts,
+    users,
+  };
+
+  // skipInvalid: true makes dump ignore undefined values
+  return yaml.dump(config, { skipInvalid: true });
+}
+
+export type ValidateKubeConfigResult = {
+  error: Error;
+} | {
+  error?: undefined;
+  context: Context;
+  cluster: Cluster;
+  user: User;
+};
+
+/**
+ * Checks if `config` has valid `Context`, `User`, `Cluster`, and `exec` fields (if present when required)
+ *
+ * Note: This function returns an error instead of throwing it, returning `undefined` if the validation passes
+ */
+export function validateKubeConfig(config: KubeConfig, contextName: string): ValidateKubeConfigResult {
+  const context = config.getContextObject(contextName);
+
+  if (!context) {
+    return {
+      error: new Error(`No valid context object provided in kubeconfig for context '${contextName}'`),
+    };
+  }
+
+  const cluster = config.getCluster(context.cluster);
+
+  if (!cluster) {
+    return {
+      error: new Error(`No valid cluster object provided in kubeconfig for context '${contextName}'`),
+    };
+  }
+
+  const user = config.getUser(context.user);
+
+  if (!user) {
+    return {
+      error: new Error(`No valid user object provided in kubeconfig for context '${contextName}'`),
+    };
+  }
+
+  return { cluster, user, context };
+}
diff --git a/packages/core/src/common/kube-helpers/channels.ts b/packages/core/src/common/kube-helpers/channels.ts
new file mode 100644
index 0000000000..4782f64367
--- /dev/null
+++ b/packages/core/src/common/kube-helpers/channels.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { Asyncify } from "type-fest";
+import type { RequestChannelHandler } from "../../main/utils/channel/channel-listeners/listener-tokens";
+import type { ClusterId } from "../cluster-types";
+import type { AsyncResult } from "../utils/async-result";
+import type { RequestChannel } from "../utils/channel/request-channel-listener-injection-token";
+
+export interface KubectlApplyAllArgs {
+  clusterId: ClusterId;
+  resources: string[];
+  extraArgs: string[];
+}
+
+export const kubectlApplyAllChannel: RequestChannel<KubectlApplyAllArgs, AsyncResult<string, string>> = {
+  id: "kubectl-apply-all",
+};
+
+export type KubectlApplyAll = Asyncify<RequestChannelHandler<typeof kubectlApplyAllChannel>>;
+
+export const kubectlApplyAllInjectionToken = getInjectionToken<KubectlApplyAll>({
+  id: "kubectl-apply-all",
+});
+
+export interface KubectlDeleteAllArgs {
+  clusterId: ClusterId;
+  resources: string[];
+  extraArgs: string[];
+}
+
+export const kubectlDeleteAllChannel: RequestChannel<KubectlDeleteAllArgs, AsyncResult<string, string>> = {
+  id: "kubectl-delete-all",
+};
+
+export type KubectlDeleteAll = Asyncify<RequestChannelHandler<typeof kubectlDeleteAllChannel>>;
+
+export const kubectlDeleteAllInjectionToken = getInjectionToken<KubectlDeleteAll>({
+  id: "kubectl-delete-all",
+});
diff --git a/packages/core/src/common/kube-helpers/load-config-from-file.injectable.ts b/packages/core/src/common/kube-helpers/load-config-from-file.injectable.ts
new file mode 100644
index 0000000000..afa9d3c070
--- /dev/null
+++ b/packages/core/src/common/kube-helpers/load-config-from-file.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 readFileInjectable from "../fs/read-file.injectable";
+import type { ConfigResult } from "../kube-helpers";
+import { loadConfigFromString } from "../kube-helpers";
+import resolveTildeInjectable from "../path/resolve-tilde.injectable";
+
+export type LoadConfigfromFile = (filePath: string) => Promise<ConfigResult>;
+
+const loadConfigfromFileInjectable = getInjectable({
+  id: "load-configfrom-file",
+  instantiate: (di): LoadConfigfromFile => {
+    const readFile = di.inject(readFileInjectable);
+    const resolveTilde = di.inject(resolveTildeInjectable);
+
+    return async (filePath) => loadConfigFromString(await readFile(resolveTilde(filePath)));
+  },
+});
+
+export default loadConfigfromFileInjectable;
diff --git a/packages/core/src/common/library copy.ts b/packages/core/src/common/library copy.ts
new file mode 100644
index 0000000000..765f70edcb
--- /dev/null
+++ b/packages/core/src/common/library copy.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 applicationInformationToken from "./vars/application-information-token";
+import type { ApplicationInformation } from "./vars/application-information-token";
+import { bundledExtensionInjectionToken } from "../extensions/extension-discovery/bundled-extension-token";
+import * as extensionApi from "../extensions/common-api";
+
+// @experimental
+export {
+  applicationInformationToken,
+  ApplicationInformation,
+  bundledExtensionInjectionToken,
+  extensionApi,
+};
diff --git a/packages/core/src/common/library.ts b/packages/core/src/common/library.ts
new file mode 100644
index 0000000000..809f4ff666
--- /dev/null
+++ b/packages/core/src/common/library.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 applicationInformationToken from "./vars/application-information-token";
+import type { ApplicationInformation } from "./vars/application-information-token";
+import { bundledExtensionInjectionToken } from "../extensions/extension-discovery/bundled-extension-token";
+import * as extensionApi from "../extensions/common-api";
+
+// @experimental
+export {
+  applicationInformationToken,
+  ApplicationInformation,
+  bundledExtensionInjectionToken,
+  extensionApi
+};
diff --git a/packages/core/src/common/log-error.global-override-for-injectable.ts b/packages/core/src/common/log-error.global-override-for-injectable.ts
new file mode 100644
index 0000000000..e3a03c2802
--- /dev/null
+++ b/packages/core/src/common/log-error.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 { getGlobalOverrideForFunction } from "./test-utils/get-global-override-for-function";
+import logErrorInjectable from "./log-error.injectable";
+
+// Note: this should remain as it is, and throw if called. Logging error is something
+// that cannot happen without a unit test explicitly causing it. It cannot be allowed
+// to happen without author of unit test knowing it.
+export default getGlobalOverrideForFunction(logErrorInjectable);
diff --git a/packages/core/src/common/log-error.injectable.ts b/packages/core/src/common/log-error.injectable.ts
new file mode 100644
index 0000000000..4fab2cd546
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/logger.global-override-for-injectable.ts b/packages/core/src/common/logger.global-override-for-injectable.ts
new file mode 100644
index 0000000000..cad548cd22
--- /dev/null
+++ b/packages/core/src/common/logger.global-override-for-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 loggerInjectable from "./logger.injectable";
+import { getGlobalOverride } from "./test-utils/get-global-override";
+import { noop } from "./utils";
+
+export default getGlobalOverride(loggerInjectable, () => ({
+  warn: noop,
+  debug: noop,
+  error: noop,
+  info: noop,
+  silly: noop,
+}));
diff --git a/packages/core/src/common/logger.injectable.ts b/packages/core/src/common/logger.injectable.ts
new file mode 100644
index 0000000000..8e9dd2a6a7
--- /dev/null
+++ b/packages/core/src/common/logger.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 { createLogger, format } from "winston";
+import type { Logger } from "./logger";
+import { loggerTransportInjectionToken } from "./logger/transports";
+
+const loggerInjectable = getInjectable({
+  id: "logger",
+  instantiate: (di): Logger => {
+    const baseLogger = createLogger({
+      format: format.combine(
+        format.splat(),
+        format.simple(),
+      ),
+      transports: di.injectMany(loggerTransportInjectionToken),
+    });
+
+    return {
+      debug: (message, ...data) => baseLogger.debug(message, ...data),
+      info: (message, ...data) => baseLogger.info(message, ...data),
+      warn: (message, ...data) => baseLogger.warn(message, ...data),
+      error: (message, ...data) => baseLogger.error(message, ...data),
+      silly: (message, ...data) => baseLogger.silly(message, ...data),
+    };
+  },
+});
+
+export default loggerInjectable;
diff --git a/packages/core/src/common/logger.ts b/packages/core/src/common/logger.ts
new file mode 100644
index 0000000000..ad81271bfa
--- /dev/null
+++ b/packages/core/src/common/logger.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 Logger {
+  info: (message: string, ...args: any) => void;
+  error: (message: string, ...args: any) => void;
+  debug: (message: string, ...args: any) => void;
+  warn: (message: string, ...args: any) => void;
+  silly: (message: string, ...args: any) => void;
+}
diff --git a/packages/core/src/common/logger/prefixed-logger.injectable.ts b/packages/core/src/common/logger/prefixed-logger.injectable.ts
new file mode 100644
index 0000000000..36f86c532f
--- /dev/null
+++ b/packages/core/src/common/logger/prefixed-logger.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, lifecycleEnum } from "@ogre-tools/injectable";
+import type { Logger } from "../logger";
+import loggerInjectable from "../logger.injectable";
+
+const prefixedLoggerInjectable = getInjectable({
+  id: "prefixed-logger",
+  instantiate: (di, prefix): Logger => {
+    const logger = di.inject(loggerInjectable);
+
+    return {
+      debug: (message, ...args) => {
+        logger.debug(`[${prefix}]: ${message}`, ...args);
+      },
+      error: (message, ...args) => {
+        logger.error(`[${prefix}]: ${message}`, ...args);
+      },
+      info: (message, ...args) => {
+        logger.info(`[${prefix}]: ${message}`, ...args);
+      },
+      silly: (message, ...args) => {
+        logger.silly(`[${prefix}]: ${message}`, ...args);
+      },
+      warn: (message, ...args) => {
+        logger.warn(`[${prefix}]: ${message}`, ...args);
+      },
+    };
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, prefix: string) => prefix,
+  }),
+});
+
+export default prefixedLoggerInjectable;
diff --git a/packages/core/src/common/logger/transports.ts b/packages/core/src/common/logger/transports.ts
new file mode 100644
index 0000000000..1407eb91b8
--- /dev/null
+++ b/packages/core/src/common/logger/transports.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type TransportStream from "winston-transport";
+
+export const loggerTransportInjectionToken = getInjectionToken<TransportStream>({
+  id: "logger-transport",
+});
diff --git a/packages/core/src/common/os/home-directory-path.injectable.ts b/packages/core/src/common/os/home-directory-path.injectable.ts
new file mode 100644
index 0000000000..83b4b0cdff
--- /dev/null
+++ b/packages/core/src/common/os/home-directory-path.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 userInfoInjectable from "../user-store/user-info.injectable";
+
+const homeDirectoryPathInjectable = getInjectable({
+  id: "home-directory-path",
+  instantiate: (di) => di.inject(userInfoInjectable).homedir,
+});
+
+export default homeDirectoryPathInjectable;
diff --git a/packages/core/src/common/os/temp-directory-path.global-override-for-injectable.ts b/packages/core/src/common/os/temp-directory-path.global-override-for-injectable.ts
new file mode 100644
index 0000000000..05615644f9
--- /dev/null
+++ b/packages/core/src/common/os/temp-directory-path.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 tempDirectoryPathInjectable from "./temp-directory-path.injectable";
+
+export default getGlobalOverride(tempDirectoryPathInjectable, () => "/some-temp-directory");
diff --git a/packages/core/src/common/os/temp-directory-path.injectable.ts b/packages/core/src/common/os/temp-directory-path.injectable.ts
new file mode 100644
index 0000000000..46fc5db67d
--- /dev/null
+++ b/packages/core/src/common/os/temp-directory-path.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 { tmpdir } from "os";
+
+const tempDirectoryPathInjectable = getInjectable({
+  id: "temp-directory-path",
+  instantiate: () => tmpdir(),
+  causesSideEffects: true,
+});
+
+export default tempDirectoryPathInjectable;
diff --git a/packages/core/src/common/path/get-absolute-path.global-override-for-injectable.ts b/packages/core/src/common/path/get-absolute-path.global-override-for-injectable.ts
new file mode 100644
index 0000000000..15f377cb2c
--- /dev/null
+++ b/packages/core/src/common/path/get-absolute-path.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 path from "path";
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import getAbsolutePathInjectable from "./get-absolute-path.injectable";
+
+export default getGlobalOverride(getAbsolutePathInjectable, () => path.posix.resolve);
diff --git a/packages/core/src/common/path/get-absolute-path.injectable.ts b/packages/core/src/common/path/get-absolute-path.injectable.ts
new file mode 100644
index 0000000000..8919605942
--- /dev/null
+++ b/packages/core/src/common/path/get-absolute-path.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 path from "path";
+
+export type GetAbsolutePath = (...args: string[]) => string;
+
+const getAbsolutePathInjectable = getInjectable({
+  id: "get-absolute-path",
+
+  instantiate: (): GetAbsolutePath => path.resolve,
+
+  // This causes side effect e.g. Windows creates different kinds of
+  // absolute paths than linux
+  causesSideEffects: true,
+});
+
+export default getAbsolutePathInjectable;
diff --git a/packages/core/src/common/path/get-basename.global-override-for-injectable.ts b/packages/core/src/common/path/get-basename.global-override-for-injectable.ts
new file mode 100644
index 0000000000..913ec9c5c2
--- /dev/null
+++ b/packages/core/src/common/path/get-basename.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 path from "path";
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import getBasenameOfPathInjectable from "./get-basename.injectable";
+
+export default getGlobalOverride(getBasenameOfPathInjectable, () => path.posix.basename);
diff --git a/packages/core/src/common/path/get-basename.injectable.ts b/packages/core/src/common/path/get-basename.injectable.ts
new file mode 100644
index 0000000000..be92bde7f5
--- /dev/null
+++ b/packages/core/src/common/path/get-basename.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 path from "path";
+
+export type GetBasenameOfPath = (path: string) => string;
+
+const getBasenameOfPathInjectable = getInjectable({
+  id: "get-basename-of-path",
+  instantiate: (): GetBasenameOfPath => path.basename,
+  causesSideEffects: true,
+});
+
+export default getBasenameOfPathInjectable;
diff --git a/packages/core/src/common/path/get-dirname.global-override-for-injectable.ts b/packages/core/src/common/path/get-dirname.global-override-for-injectable.ts
new file mode 100644
index 0000000000..ed694de182
--- /dev/null
+++ b/packages/core/src/common/path/get-dirname.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 path from "path";
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import getDirnameOfPathInjectable from "./get-dirname.injectable";
+
+export default getGlobalOverride(getDirnameOfPathInjectable, () => path.posix.dirname);
diff --git a/packages/core/src/common/path/get-dirname.injectable.ts b/packages/core/src/common/path/get-dirname.injectable.ts
new file mode 100644
index 0000000000..93b4496767
--- /dev/null
+++ b/packages/core/src/common/path/get-dirname.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 path from "path";
+
+export type GetDirnameOfPath = (path: string) => string;
+
+const getDirnameOfPathInjectable = getInjectable({
+  id: "get-dirname-of-path",
+  instantiate: (): GetDirnameOfPath => path.dirname,
+  causesSideEffects: true,
+});
+
+export default getDirnameOfPathInjectable;
diff --git a/packages/core/src/common/path/get-relative-path.global-override-for-injectable.ts b/packages/core/src/common/path/get-relative-path.global-override-for-injectable.ts
new file mode 100644
index 0000000000..9e96b70301
--- /dev/null
+++ b/packages/core/src/common/path/get-relative-path.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 path from "path";
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import getRelativePathInjectable from "./get-relative-path.injectable";
+
+export default getGlobalOverride(getRelativePathInjectable, () => path.posix.relative);
diff --git a/packages/core/src/common/path/get-relative-path.injectable.ts b/packages/core/src/common/path/get-relative-path.injectable.ts
new file mode 100644
index 0000000000..18b5d832de
--- /dev/null
+++ b/packages/core/src/common/path/get-relative-path.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 path from "path";
+
+export type GetRelativePath = (from: string, to: string) => string;
+
+const getRelativePathInjectable = getInjectable({
+  id: "get-relative-path",
+  instantiate: (): GetRelativePath => path.relative,
+  causesSideEffects: true,
+});
+
+export default getRelativePathInjectable;
diff --git a/packages/core/src/common/path/is-logical-child-path.injectable.ts b/packages/core/src/common/path/is-logical-child-path.injectable.ts
new file mode 100644
index 0000000000..1a52b66c0f
--- /dev/null
+++ b/packages/core/src/common/path/is-logical-child-path.injectable.ts
@@ -0,0 +1,51 @@
+/**
+ * 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 "./get-absolute-path.injectable";
+import getDirnameOfPathInjectable from "./get-dirname.injectable";
+
+/**
+ * Checks if `testPath` represents a potential filesystem entry that would be
+ * logically "within" the `parentPath` directory.
+ *
+ * This function will return `true` in the above case, and `false` otherwise.
+ * It will return `false` if the two paths are the same (after resolving them).
+ *
+ * The function makes no FS calls and is platform dependant. Meaning that the
+ * results are only guaranteed to be correct for the platform you are running
+ * on.
+ * @param parentPath The known path of a directory
+ * @param testPath The path that is to be tested
+ */
+export type IsLogicalChildPath = (parentPath: string, testPath: string) => boolean;
+
+const isLogicalChildPathInjectable = getInjectable({
+  id: "is-logical-child-path",
+  instantiate: (di): IsLogicalChildPath => {
+    const getAbsolutePath = di.inject(getAbsolutePathInjectable);
+    const getDirnameOfPath = di.inject(getDirnameOfPathInjectable);
+
+    return (parentPath, testPath) => {
+      const resolvedParentPath = getAbsolutePath(parentPath);
+      let resolvedTestPath = getAbsolutePath(testPath);
+
+      if (resolvedParentPath === resolvedTestPath) {
+        return false;
+      }
+
+      while (resolvedTestPath.length >= resolvedParentPath.length) {
+        if (resolvedTestPath === resolvedParentPath) {
+          return true;
+        }
+
+        resolvedTestPath = getDirnameOfPath(resolvedTestPath);
+      }
+
+      return false;
+    };
+  },
+});
+
+export default isLogicalChildPathInjectable;
diff --git a/packages/core/src/common/path/join-paths.global-override-for-injectable.ts b/packages/core/src/common/path/join-paths.global-override-for-injectable.ts
new file mode 100644
index 0000000000..d3e9d5e4c2
--- /dev/null
+++ b/packages/core/src/common/path/join-paths.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 path from "path";
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import joinPathsInjectable from "./join-paths.injectable";
+
+export default getGlobalOverride(joinPathsInjectable, () => path.posix.join);
diff --git a/packages/core/src/common/path/join-paths.injectable.ts b/packages/core/src/common/path/join-paths.injectable.ts
new file mode 100644
index 0000000000..dc63b48307
--- /dev/null
+++ b/packages/core/src/common/path/join-paths.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 path from "path";
+
+export type JoinPaths = (...args: string[]) => string;
+
+const joinPathsInjectable = getInjectable({
+  id: "join-paths",
+  instantiate: (): JoinPaths => path.join,
+
+  // This causes side effect e.g. Windows uses different separator than e.g. linux
+  causesSideEffects: true,
+});
+
+export default joinPathsInjectable;
diff --git a/packages/core/src/common/path/parse.global-override-for-injectable.ts b/packages/core/src/common/path/parse.global-override-for-injectable.ts
new file mode 100644
index 0000000000..fad97db696
--- /dev/null
+++ b/packages/core/src/common/path/parse.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 path from "path";
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import parsePathInjectable from "./parse.injectable";
+
+export default getGlobalOverride(parsePathInjectable, () => path.posix.parse);
diff --git a/packages/core/src/common/path/parse.injectable.ts b/packages/core/src/common/path/parse.injectable.ts
new file mode 100644
index 0000000000..a32dfb3fa5
--- /dev/null
+++ b/packages/core/src/common/path/parse.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 path from "path";
+
+const parsePathInjectable = getInjectable({
+  id: "parse-path",
+  instantiate: () => path.parse,
+  causesSideEffects: true,
+});
+
+export default parsePathInjectable;
diff --git a/packages/core/src/common/path/resolve-path.injectable.ts b/packages/core/src/common/path/resolve-path.injectable.ts
new file mode 100644
index 0000000000..75a1e98c59
--- /dev/null
+++ b/packages/core/src/common/path/resolve-path.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 getAbsolutePathInjectable from "./get-absolute-path.injectable";
+import resolveTildeInjectable from "./resolve-tilde.injectable";
+
+export type ResolvePath = (path: string) => string;
+
+const resolvePathInjectable = getInjectable({
+  id: "resolve-path",
+  instantiate: (di): ResolvePath => {
+    const getAbsolutePath = di.inject(getAbsolutePathInjectable);
+    const resolveTilde = di.inject(resolveTildeInjectable);
+
+    return (filePath) => getAbsolutePath(resolveTilde(filePath));
+  },
+});
+
+export default resolvePathInjectable;
diff --git a/packages/core/src/common/path/resolve-tilde.injectable.ts b/packages/core/src/common/path/resolve-tilde.injectable.ts
new file mode 100644
index 0000000000..86d267aa4f
--- /dev/null
+++ b/packages/core/src/common/path/resolve-tilde.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 homeDirectoryPathInjectable from "../os/home-directory-path.injectable";
+import fileSystemSeparatorInjectable from "./separator.injectable";
+
+export type ResolveTilde = (path: string) => string;
+
+const resolveTildeInjectable = getInjectable({
+  id: "resolve-tilde",
+  instantiate: (di): ResolveTilde => {
+    const homeDirectoryPath = di.inject(homeDirectoryPathInjectable);
+    const fileSystemSeparator = di.inject(fileSystemSeparatorInjectable);
+
+    return (filePath) => {
+      if (filePath === "~") {
+        return homeDirectoryPath;
+      }
+
+      if (filePath === `~${fileSystemSeparator}`) {
+        return `${homeDirectoryPath}${filePath.slice(1)}`;
+      }
+
+      return filePath;
+    };
+  },
+});
+
+export default resolveTildeInjectable;
diff --git a/packages/core/src/common/path/separator.global-override-for-injectable.ts b/packages/core/src/common/path/separator.global-override-for-injectable.ts
new file mode 100644
index 0000000000..655f8908b0
--- /dev/null
+++ b/packages/core/src/common/path/separator.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 path from "path";
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import fileSystemSeparatorInjectable from "./separator.injectable";
+
+export default getGlobalOverride(fileSystemSeparatorInjectable, () => path.posix.sep);
diff --git a/packages/core/src/common/path/separator.injectable.ts b/packages/core/src/common/path/separator.injectable.ts
new file mode 100644
index 0000000000..5b0413b56f
--- /dev/null
+++ b/packages/core/src/common/path/separator.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 path from "path";
+
+const fileSystemSeparatorInjectable = getInjectable({
+  id: "file-system-separator",
+  instantiate: () => path.sep,
+  causesSideEffects: true,
+});
+
+export default fileSystemSeparatorInjectable;
diff --git a/packages/core/src/common/protocol-handler/error.ts b/packages/core/src/common/protocol-handler/error.ts
new file mode 100644
index 0000000000..707c8d420b
--- /dev/null
+++ b/packages/core/src/common/protocol-handler/error.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 type Url from "url-parse";
+
+export enum RoutingErrorType {
+  INVALID_PROTOCOL = "invalid-protocol",
+  INVALID_HOST = "invalid-host",
+  INVALID_PATHNAME = "invalid-pathname",
+  NO_HANDLER = "no-handler",
+  NO_EXTENSION_ID = "no-ext-id",
+  MISSING_EXTENSION = "missing-ext",
+}
+
+export class RoutingError<Query> extends Error {
+  /**
+   * Will be set if the routing error originated in an extension route table
+   */
+  public extensionName?: string;
+
+  constructor(public type: RoutingErrorType, public url: Url<Query>) {
+    super("routing error");
+  }
+
+  toString(): string {
+    switch (this.type) {
+      case RoutingErrorType.INVALID_HOST:
+        return "invalid host";
+      case RoutingErrorType.INVALID_PROTOCOL:
+        return "invalid protocol";
+      case RoutingErrorType.INVALID_PATHNAME:
+        return "invalid pathname";
+      case RoutingErrorType.NO_EXTENSION_ID:
+        return "no extension ID";
+      case RoutingErrorType.MISSING_EXTENSION:
+        return "extension not found";
+      default:
+        return `unknown error: ${this.type}`;
+    }
+  }
+}
diff --git a/packages/core/src/common/protocol-handler/index.ts b/packages/core/src/common/protocol-handler/index.ts
new file mode 100644
index 0000000000..b329c09046
--- /dev/null
+++ b/packages/core/src/common/protocol-handler/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 "./error";
+export * from "./router";
diff --git a/packages/core/src/common/protocol-handler/registration.ts b/packages/core/src/common/protocol-handler/registration.ts
new file mode 100644
index 0000000000..9fdf390bee
--- /dev/null
+++ b/packages/core/src/common/protocol-handler/registration.ts
@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * ProtocolHandlerRegistration is the data required for an extension to register
+ * a handler to a specific path or dynamic path.
+ */
+export interface ProtocolHandlerRegistration {
+  pathSchema: string;
+  handler: RouteHandler;
+}
+
+/**
+ * The collection of the dynamic parts of a URI which initiated a `lens://`
+ * protocol request
+ */
+export interface RouteParams {
+  /**
+   * the parts of the URI query string
+   */
+  search: Record<string, string | undefined>;
+
+  /**
+   * the matching parts of the path. The dynamic parts of the URI path.
+   */
+  pathname: Record<string, string | undefined>;
+
+  /**
+   * if the most specific path schema that is matched does not cover the whole
+   * of the URI's path. Then this field will be set to the remaining path
+   * segments.
+   *
+   * Example:
+   *
+   * If the path schema `/landing/:type` is the matched schema for the URI
+   * `/landing/soft/easy` then this field will be set to `"/easy"`.
+   */
+  tail?: string;
+}
+
+/**
+ * RouteHandler represents the function signature of the handler function for
+ * `lens://` protocol routing.
+ */
+export interface RouteHandler {
+  (params: RouteParams): void;
+}
diff --git a/packages/core/src/common/protocol-handler/router.ts b/packages/core/src/common/protocol-handler/router.ts
new file mode 100644
index 0000000000..8c9915b287
--- /dev/null
+++ b/packages/core/src/common/protocol-handler/router.ts
@@ -0,0 +1,277 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { match } from "react-router";
+import { matchPath } from "react-router";
+import { countBy } from "lodash";
+import { isDefined, iter } from "../utils";
+import { pathToRegexp } from "path-to-regexp";
+import type Url from "url-parse";
+import { RoutingError, RoutingErrorType } from "./error";
+import type { ExtensionsStore } from "../../extensions/extensions-store/extensions-store";
+import type { ExtensionLoader } from "../../extensions/extension-loader";
+import type { LensExtension } from "../../extensions/lens-extension";
+import type { RouteHandler, RouteParams } from "./registration";
+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";
+
+export const ProtocolHandlerInternal = `${ProtocolHandlerIpcPrefix}:internal`;
+export const ProtocolHandlerExtension = `${ProtocolHandlerIpcPrefix}:extension`;
+export const ProtocolHandlerInvalid = `${ProtocolHandlerIpcPrefix}:invalid`;
+
+/**
+ * These two names are long and cumbersome by design so as to decrease the chances
+ * of an extension using the same names.
+ *
+ * Though under the current (2021/01/18) implementation, these are never matched
+ * against in the final matching so their names are less of a concern.
+ */
+export const EXTENSION_PUBLISHER_MATCH = "LENS_INTERNAL_EXTENSION_PUBLISHER_MATCH";
+export const EXTENSION_NAME_MATCH = "LENS_INTERNAL_EXTENSION_NAME_MATCH";
+
+/**
+ * Returned from routing attempts
+ */
+export enum RouteAttempt {
+  /**
+   * A handler was found in the set of registered routes
+   */
+  MATCHED = "matched",
+  /**
+   * A handler was not found within the set of registered routes
+   */
+  MISSING = "missing",
+  /**
+   * The extension that was matched in the route was not activated
+   */
+  MISSING_EXTENSION = "no-extension",
+}
+
+export function foldAttemptResults(mainAttempt: RouteAttempt, rendererAttempt: RouteAttempt): RouteAttempt {
+  switch (mainAttempt) {
+    case RouteAttempt.MATCHED:
+      return RouteAttempt.MATCHED;
+    case RouteAttempt.MISSING:
+    case RouteAttempt.MISSING_EXTENSION:
+      return rendererAttempt;
+  }
+}
+
+export interface LensProtocolRouterDependencies {
+  readonly extensionLoader: ExtensionLoader;
+  readonly extensionsStore: ExtensionsStore;
+  readonly logger: Logger;
+}
+
+export abstract class LensProtocolRouter {
+  // Map between path schemas and the handlers
+  protected internalRoutes = new Map<string, RouteHandler>();
+
+  public static readonly LoggingPrefix = "[PROTOCOL ROUTER]";
+
+  static readonly ExtensionUrlSchema = `/:${EXTENSION_PUBLISHER_MATCH}(@[A-Za-z0-9_]+)?/:${EXTENSION_NAME_MATCH}`;
+
+  constructor(protected readonly dependencies: LensProtocolRouterDependencies) {}
+
+  /**
+   * Attempts to route the given URL to all internal routes that have been registered
+   * @param url the parsed URL that initiated the `lens://` protocol
+   * @returns true if a route has been found
+   */
+  protected _routeToInternal(url: Url<Record<string, string | undefined>>): RouteAttempt {
+    return this._route(this.internalRoutes.entries(), url);
+  }
+
+  /**
+   * match against all matched URIs, returning either the first exact match or
+   * the most specific match if none are exact.
+   * @param routes the array of path schemas, handler pairs to match against
+   * @param url the url (in its current state)
+   */
+  protected _findMatchingRoute(routes: Iterable<[string, RouteHandler]>, url: Url<Record<string, string | undefined>>): null | [match<Record<string, string>>, RouteHandler] {
+    const matches: [match<Record<string, string>>, RouteHandler][] = [];
+
+    for (const [schema, handler] of routes) {
+      const match = matchPath(url.pathname, { path: schema });
+
+      if (!match) {
+        continue;
+      }
+
+      // prefer an exact match
+      if (match.isExact) {
+        return [match, handler];
+      }
+
+      matches.push([match, handler]);
+    }
+
+    // if no exact match pick the one that is the most specific
+    return matches.sort(([a], [b]) => {
+      if (a.path === "/") {
+        return 1;
+      }
+
+      if (b.path === "/") {
+        return -1;
+      }
+
+      return countBy(b.path)["/"] - countBy(a.path)["/"];
+    })[0] ?? null;
+  }
+
+  /**
+   * find the most specific matching handler and call it
+   * @param routes the array of (path schemas, handler) pairs to match against
+   * @param url the url (in its current state)
+   */
+  protected _route(routes: Iterable<[string, RouteHandler]>, url: Url<Record<string, string | undefined>>, extensionName?: string): RouteAttempt {
+    const route = this._findMatchingRoute(routes, url);
+
+    if (!route) {
+      const data: Record<string, string> = { url: url.toString() };
+
+      if (extensionName) {
+        data.extensionName = extensionName;
+      }
+
+      this.dependencies.logger.info(`${LensProtocolRouter.LoggingPrefix}: No handler found`, data);
+
+      return RouteAttempt.MISSING;
+    }
+
+    const [match, handler] = route;
+
+    const params: RouteParams = {
+      pathname: match.params,
+      search: url.query,
+    };
+
+    if (!match.isExact) {
+      params.tail = url.pathname.slice(match.url.length);
+    }
+
+    handler(params);
+
+    return RouteAttempt.MATCHED;
+  }
+
+  /**
+   * Tries to find the matching LensExtension instance
+   *
+   * Note: this needs to be async so that `main`'s overloaded version can also be async
+   * @param url the protocol request URI that was "open"-ed
+   * @returns either the found name or the instance of `LensExtension`
+   */
+  protected async _findMatchingExtensionByName(url: Url<Record<string, string | undefined>>): Promise<LensExtension | string> {
+    interface ExtensionUrlMatch {
+      [EXTENSION_PUBLISHER_MATCH]: string;
+      [EXTENSION_NAME_MATCH]: string;
+    }
+
+    const match = matchPath<ExtensionUrlMatch>(url.pathname, LensProtocolRouter.ExtensionUrlSchema);
+
+    if (!match) {
+      throw new RoutingError(RoutingErrorType.NO_EXTENSION_ID, url);
+    }
+
+    const { [EXTENSION_PUBLISHER_MATCH]: publisher, [EXTENSION_NAME_MATCH]: partialName } = match.params;
+    const name = [publisher, partialName].filter(isDefined).join("/");
+
+    const extensionLoader = this.dependencies.extensionLoader;
+
+    try {
+      /**
+       * Note, if `getInstanceByName` returns `null` that means we won't be getting an instance
+       */
+      await when(() => extensionLoader.getInstanceByName(name) !== void 0, {
+        timeout: 5_000,
+      });
+    } catch (error) {
+      this.dependencies.logger.info(
+        `${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched, but not installed (${error})`,
+      );
+
+      return name;
+    }
+
+    const extension = extensionLoader.getInstanceByName(name);
+
+    if (!extension) {
+      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)) {
+      this.dependencies.logger.info(`${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched, but not enabled`);
+
+      return name;
+    }
+
+    this.dependencies.logger.info(`${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched`);
+
+    return extension;
+  }
+
+  /**
+   * Find a matching extension by the first one or two path segments of `url` and then try to `_route`
+   * its correspondingly registered handlers.
+   *
+   * If no handlers are found or the extension is not enabled then `_missingHandlers` is called before
+   * checking if more handlers have been added.
+   *
+   * Note: this function modifies its argument, do not reuse
+   * @param url the protocol request URI that was "open"-ed
+   */
+  protected async _routeToExtension(url: Url<Record<string, string | undefined>>): Promise<RouteAttempt> {
+    const extension = await this._findMatchingExtensionByName(url);
+
+    if (typeof extension === "string") {
+      // failed to find an extension, it returned its name
+      return RouteAttempt.MISSING_EXTENSION;
+    }
+
+    // remove the extension name from the path name so we don't need to match on it anymore
+    url.set("pathname", url.pathname.slice(extension.name.length + 1));
+
+    try {
+      const handlers = iter.map(extension.protocolHandlers, ({ pathSchema, handler }) => [pathSchema, handler] as [string, RouteHandler]);
+
+      return this._route(handlers, url, extension.name);
+    } catch (error) {
+      if (error instanceof RoutingError) {
+        error.extensionName = extension.name;
+      }
+
+      throw error;
+    }
+  }
+
+  /**
+   * Add a handler under the `lens://app` tree of routing.
+   * @param pathSchema the URI path schema to match against for this handler
+   * @param handler a function that will be called if a protocol path matches
+   */
+  public addInternalHandler(urlSchema: string, handler: RouteHandler): this {
+    pathToRegexp(urlSchema); // verify now that the schema is valid
+    this.dependencies.logger.info(`${LensProtocolRouter.LoggingPrefix}: internal registering ${urlSchema}`);
+    this.internalRoutes.set(urlSchema, handler);
+
+    return this;
+  }
+
+  /**
+   * Remove an internal protocol handler.
+   * @param pathSchema the path schema that the handler was registered under
+   */
+  public removeInternalHandler(urlSchema: string): void {
+    this.internalRoutes.delete(urlSchema);
+  }
+}
diff --git a/packages/core/src/common/rbac.ts b/packages/core/src/common/rbac.ts
new file mode 100644
index 0000000000..39edc49b60
--- /dev/null
+++ b/packages/core/src/common/rbac.ts
@@ -0,0 +1,205 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export type KubeResource =
+  "namespaces" | "nodes" | "events" | "resourcequotas" | "services" | "limitranges" | "leases" |
+  "secrets" | "configmaps" | "ingresses" | "ingressclasses" | "networkpolicies" | "persistentvolumeclaims" | "persistentvolumes" | "storageclasses" |
+  "pods" | "daemonsets" | "deployments" | "statefulsets" | "replicasets" | "jobs" | "cronjobs" |
+  "endpoints" | "customresourcedefinitions" | "horizontalpodautoscalers" | "podsecuritypolicies" | "poddisruptionbudgets" |
+  "priorityclasses" | "runtimeclasses" |
+  "roles" | "clusterroles" | "rolebindings" | "clusterrolebindings" | "serviceaccounts";
+
+export interface KubeApiResource {
+  kind: string;
+  group: string;
+  apiName: string;
+  namespaced: boolean;
+}
+
+export interface KubeApiResourceDescriptor {
+  apiName: string;
+  group: string;
+}
+
+export const formatKubeApiResource = (res: KubeApiResourceDescriptor) => `${res.group}/${res.apiName}`;
+
+export interface KubeApiResourceData {
+  kind: string; // resource type (e.g. "Namespace")
+  group: string; // api-group, if empty then "core"
+  namespaced: boolean;
+}
+
+export const apiResourceRecord: Record<KubeResource, KubeApiResourceData> = {
+  clusterroles: {
+    kind: "ClusterRole",
+    group: "rbac.authorization.k8s.io",
+    namespaced: false,
+  },
+  clusterrolebindings: {
+    kind: "ClusterRoleBinding",
+    group: "rbac.authorization.k8s.io",
+    namespaced: false,
+  },
+  configmaps: {
+    kind: "ConfigMap",
+    group: "v1",
+    namespaced: true,
+  },
+  cronjobs: {
+    kind: "CronJob",
+    group: "batch",
+    namespaced: true,
+  },
+  customresourcedefinitions: {
+    kind: "CustomResourceDefinition",
+    group: "apiextensions.k8s.io",
+    namespaced: false,
+  },
+  daemonsets: {
+    kind: "DaemonSet",
+    group: "apps",
+    namespaced: true,
+  },
+  deployments: {
+    kind: "Deployment",
+    group: "apps",
+    namespaced: true,
+  },
+  endpoints: {
+    kind: "Endpoint",
+    group: "v1",
+    namespaced: true,
+  },
+  events: {
+    kind: "Event",
+    group: "v1",
+    namespaced: true,
+  },
+  horizontalpodautoscalers: {
+    kind: "HorizontalPodAutoscaler",
+    group: "autoscaling",
+    namespaced: true,
+  },
+  ingresses: {
+    kind: "Ingress",
+    group: "networking.k8s.io",
+    namespaced: true,
+  },
+  ingressclasses: {
+    kind: "IngressClass",
+    group: "networking.k8s.io",
+    namespaced: false,
+  },
+  jobs: {
+    kind: "Job",
+    group: "batch",
+    namespaced: true,
+  },
+  namespaces: {
+    kind: "Namespace",
+    group: "v1",
+    namespaced: false,
+  },
+  limitranges: {
+    kind: "LimitRange",
+    group: "v1",
+    namespaced: true,
+  },
+  leases: {
+    kind: "Lease",
+    group: "v1",
+    namespaced: true,
+  },
+  networkpolicies: {
+    kind: "NetworkPolicy",
+    group: "networking.k8s.io",
+    namespaced: true,
+  },
+  nodes: {
+    kind: "Node",
+    group: "v1",
+    namespaced: false,
+  },
+  persistentvolumes: {
+    kind: "PersistentVolume",
+    group: "v1",
+    namespaced: false,
+  },
+  persistentvolumeclaims: {
+    kind: "PersistentVolumeClaim",
+    group: "v1",
+    namespaced: true,
+  },
+  pods: {
+    kind: "Pod",
+    group: "v1",
+    namespaced: true,
+  },
+  poddisruptionbudgets: {
+    kind: "PodDisruptionBudget",
+    group: "policy",
+    namespaced: true,
+  },
+  podsecuritypolicies: {
+    kind: "PodSecurityPolicy",
+    group: "policy",
+    namespaced: false,
+  },
+  priorityclasses: {
+    kind: "PriorityClass",
+    group: "scheduling.k8s.io",
+    namespaced: false,
+  },
+  runtimeclasses: {
+    kind: "RuntimeClass",
+    group: "node.k8s.io",
+    namespaced: false,
+  },
+  resourcequotas: {
+    kind: "ResourceQuota",
+    group: "v1",
+    namespaced: true,
+  },
+  replicasets: {
+    kind: "ReplicaSet",
+    group: "apps",
+    namespaced: true,
+  },
+  roles: {
+    kind: "Role",
+    group: "rbac.authorization.k8s.io",
+    namespaced: true,
+  },
+  rolebindings: {
+    kind: "RoleBinding",
+    group: "rbac.authorization.k8s.io",
+    namespaced: true,
+  },
+  secrets: {
+    kind: "Secret",
+    group: "v1",
+    namespaced: true,
+  },
+  serviceaccounts: {
+    kind: "ServiceAccount",
+    group: "v1",
+    namespaced: true,
+  },
+  services: {
+    kind: "Service",
+    group: "v1",
+    namespaced: true,
+  },
+  statefulsets: {
+    kind: "StatefulSet",
+    group: "apps",
+    namespaced: true,
+  },
+  storageclasses: {
+    kind: "StorageClass",
+    group: "storage.k8s.io",
+    namespaced: false,
+  },
+};
diff --git a/packages/core/src/common/root-frame/root-frame-rendered-channel.ts b/packages/core/src/common/root-frame/root-frame-rendered-channel.ts
new file mode 100644
index 0000000000..060ae8735c
--- /dev/null
+++ b/packages/core/src/common/root-frame/root-frame-rendered-channel.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 type { MessageChannel } from "../utils/channel/message-channel-listener-injection-token";
+
+export type RootFrameHasRenderedChannel = MessageChannel<void>;
+
+export const rootFrameHasRenderedChannel: RootFrameHasRenderedChannel = {
+  id: "root-frame-rendered",
+};
diff --git a/packages/core/src/common/runnable/run-many-for.test.ts b/packages/core/src/common/runnable/run-many-for.test.ts
new file mode 100644
index 0000000000..6002a149db
--- /dev/null
+++ b/packages/core/src/common/runnable/run-many-for.test.ts
@@ -0,0 +1,660 @@
+/**
+ * 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 { createContainer, getInjectable, getInjectionToken } from "@ogre-tools/injectable";
+import type { Runnable } from "./run-many-for";
+import { runManyFor } from "./run-many-for";
+import { getPromiseStatus } from "../test-utils/get-promise-status";
+import { runInAction } from "mobx";
+import { flushPromises } from "../test-utils/flush-promises";
+
+describe("runManyFor", () => {
+  describe("given no hierarchy, when running many", () => {
+    let runMock: AsyncFnMock<(...args: unknown[]) => Promise<void>>;
+    let actualPromise: Promise<void>;
+
+    beforeEach(() => {
+      const rootDi = createContainer("irrelevant");
+
+      runMock = asyncFn();
+
+      const someInjectionTokenForRunnables = getInjectionToken<Runnable>({
+        id: "some-injection-token",
+      });
+
+      const someInjectable = getInjectable({
+        id: "some-injectable",
+        instantiate: () => ({
+          id: "some-injectable",
+          run: () => runMock("some-call"),
+        }),
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      const someOtherInjectable = getInjectable({
+        id: "some-other-injectable",
+        instantiate: () => ({
+          id: "some-other-injectable",
+          run: () => runMock("some-other-call"),
+        }),
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      rootDi.register(someInjectable, someOtherInjectable);
+
+      const runMany = runManyFor(rootDi)(someInjectionTokenForRunnables);
+
+      actualPromise = runMany() as Promise<void>;
+    });
+
+    it("runs all runnables at the same time", () => {
+      expect(runMock.mock.calls).toEqual([
+        ["some-call"],
+        ["some-other-call"],
+      ]);
+    });
+
+    it("does not resolve yet", async () => {
+      const promiseStatus = await getPromiseStatus(actualPromise);
+
+      expect(promiseStatus.fulfilled).toBe(false);
+    });
+
+    it("when all runnables resolve, resolves", async () => {
+      await Promise.all([runMock.resolve(), runMock.resolve()]);
+
+      expect(await actualPromise).toBe(undefined);
+    });
+  });
+
+  describe("given hierarchy that is three levels deep, when running many", () => {
+    let runMock: AsyncFnMock<(...args: unknown[]) => Promise<void>>;
+    let actualPromise: Promise<void>;
+
+    beforeEach(() => {
+      const di = createContainer("irrelevant");
+
+      runMock = asyncFn();
+
+      const someInjectionTokenForRunnables = getInjectionToken<Runnable>({
+        id: "some-injection-token",
+      });
+
+      const someInjectable1 = getInjectable({
+        id: "some-injectable-1",
+
+        instantiate: (di) => ({
+          id: "some-injectable-1",
+          run: () => runMock("third-level-run"),
+          runAfter: di.inject(someInjectable2),
+        }),
+
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      const someInjectable2 = getInjectable({
+        id: "some-injectable-2",
+
+        instantiate: (di) => ({
+          id: "some-injectable-2",
+          run: () => runMock("second-level-run"),
+          runAfter: di.inject(someInjectable3),
+        }),
+
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      const someInjectable3 = getInjectable({
+        id: "some-injectable-3",
+        instantiate: () => ({
+          id: "some-injectable-3",
+          run: () => runMock("first-level-run"),
+        }),
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      di.register(someInjectable1, someInjectable2, someInjectable3);
+
+      const runMany = runManyFor(di)(someInjectionTokenForRunnables);
+
+      actualPromise = runMany() as Promise<void>;
+    });
+
+    it("runs first level runnables", () => {
+      expect(runMock.mock.calls).toEqual([["first-level-run"]]);
+    });
+
+    it("does not resolve yet", async () => {
+      const promiseStatus = await getPromiseStatus(actualPromise);
+
+      expect(promiseStatus.fulfilled).toBe(false);
+    });
+
+    describe("when first level runnables resolve", () => {
+      beforeEach(async () => {
+        runMock.mockClear();
+
+        await runMock.resolveSpecific(["first-level-run"]);
+      });
+
+      it("runs second level runnables", async () => {
+        expect(runMock.mock.calls).toEqual([["second-level-run"]]);
+      });
+
+      it("does not resolve yet", async () => {
+        const promiseStatus = await getPromiseStatus(actualPromise);
+
+        expect(promiseStatus.fulfilled).toBe(false);
+      });
+
+      describe("when second level runnables resolve", () => {
+        beforeEach(async () => {
+          runMock.mockClear();
+
+          await runMock.resolveSpecific(["second-level-run"]);
+        });
+
+        it("runs final third level runnables", async () => {
+          expect(runMock.mock.calls).toEqual([["third-level-run"]]);
+        });
+
+        it("does not resolve yet", async () => {
+          const promiseStatus = await getPromiseStatus(actualPromise);
+
+          expect(promiseStatus.fulfilled).toBe(false);
+        });
+
+        describe("when final third level runnables resolve", () => {
+          beforeEach(async () => {
+            await runMock.resolveSpecific(["third-level-run"]);
+          });
+
+          it("resolves", async () => {
+            const promiseStatus = await getPromiseStatus(actualPromise);
+
+            expect(promiseStatus.fulfilled).toBe(true);
+          });
+        });
+      });
+    });
+  });
+
+  it("given invalid hierarchy, when running runnables, throws", () => {
+    const rootDi = createContainer("irrelevant");
+
+    const runMock = asyncFn<(...args: unknown[]) => void>();
+
+    const someInjectionToken = getInjectionToken<Runnable>({
+      id: "some-injection-token",
+    });
+
+    const someOtherInjectionToken = getInjectionToken<Runnable>({
+      id: "some-other-injection-token",
+    });
+
+    const someInjectable = getInjectable({
+      id: "some-runnable-1",
+
+      instantiate: (di) => ({
+        id: "some-runnable-1",
+        run: () => runMock("some-runnable-1"),
+        runAfter: di.inject(someOtherInjectable),
+      }),
+
+      injectionToken: someInjectionToken,
+    });
+
+    const someOtherInjectable = getInjectable({
+      id: "some-runnable-2",
+
+      instantiate: () => ({
+        id: "some-runnable-2",
+        run: () => runMock("some-runnable-2"),
+      }),
+
+      injectionToken: someOtherInjectionToken,
+    });
+
+    rootDi.register(someInjectable, someOtherInjectable);
+
+    const runMany = runManyFor(rootDi)(
+      someInjectionToken,
+    );
+
+    return expect(() => runMany()).rejects.toThrow(
+      /Runnable "some-runnable-1" is unreachable for injection token "some-injection-token": run afters "some-runnable-2" are a part of different injection tokens./,
+    );
+  });
+
+  it("given partially incorrect hierarchy, when running runnables, throws", () => {
+    const rootDi = createContainer("irrelevant");
+
+    const runMock = asyncFn<(...args: unknown[]) => void>();
+
+    const someInjectionToken = getInjectionToken<Runnable>({
+      id: "some-injection-token",
+    });
+
+    const someOtherInjectionToken = getInjectionToken<Runnable>({
+      id: "some-other-injection-token",
+    });
+
+    const someInjectable = getInjectable({
+      id: "some-runnable-1",
+
+      instantiate: (di) => ({
+        id: "some-runnable-1",
+        run: () => runMock("some-runnable-1"),
+        runAfter: [
+          di.inject(someOtherInjectable),
+          di.inject(someSecondInjectable),
+        ],
+      }),
+
+      injectionToken: someInjectionToken,
+    });
+
+    const someSecondInjectable = getInjectable({
+      id: "some-runnable-2",
+
+      instantiate: () => ({
+        id: "some-runnable-2",
+        run: () => runMock("some-runnable-2"),
+      }),
+
+      injectionToken: someInjectionToken,
+    });
+
+    const someOtherInjectable = getInjectable({
+      id: "some-runnable-3",
+
+      instantiate: () => ({
+        id: "some-runnable-3",
+        run: () => runMock("some-runnable-3"),
+      }),
+
+      injectionToken: someOtherInjectionToken,
+    });
+
+    rootDi.register(someInjectable, someOtherInjectable, someSecondInjectable);
+
+    const runMany = runManyFor(rootDi)(
+      someInjectionToken,
+    );
+
+    return expect(() => runMany()).rejects.toThrow(
+      /Runnable "some-runnable-3" is not part of the injection token "some-injection-token"/,
+    );
+  });
+
+  describe("when running many with parameter", () => {
+    let runMock: AsyncFnMock<(...args: unknown[]) => Promise<void>>;
+
+    beforeEach(() => {
+      const rootDi = createContainer("irrelevant");
+
+      runMock = asyncFn();
+
+      const someInjectionTokenForRunnablesWithParameter = getInjectionToken<
+        Runnable<string>
+      >({
+        id: "some-injection-token",
+      });
+
+      const someInjectable = getInjectable({
+        id: "some-runnable-1",
+
+        instantiate: () => ({
+          id: "some-runnable-1",
+          run: (parameter) => runMock("run-of-some-runnable-1", parameter),
+        }),
+
+        injectionToken: someInjectionTokenForRunnablesWithParameter,
+      });
+
+      const someOtherInjectable = getInjectable({
+        id: "some-runnable-2",
+
+        instantiate: () => ({
+          id: "some-runnable-2",
+          run: (parameter) => runMock("run-of-some-runnable-2", parameter),
+        }),
+
+        injectionToken: someInjectionTokenForRunnablesWithParameter,
+      });
+
+      rootDi.register(someInjectable, someOtherInjectable);
+
+      const runMany = runManyFor(rootDi)(
+        someInjectionTokenForRunnablesWithParameter,
+      );
+
+      runMany("some-parameter");
+    });
+
+    it("runs all runnables using the parameter", () => {
+      expect(runMock.mock.calls).toEqual([
+        ["run-of-some-runnable-1", "some-parameter"],
+        ["run-of-some-runnable-2", "some-parameter"],
+      ]);
+    });
+  });
+
+  describe("given multiple runAfters", () => {
+    let runMock: AsyncFnMock<(...args: unknown[]) => void>;
+    let finishingPromise: Promise<void>;
+
+    beforeEach(async () => {
+      const rootDi = createContainer("irrelevant");
+
+      runMock = asyncFn<(...args: unknown[]) => void>();
+
+      const someInjectionToken = getInjectionToken<Runnable>({
+        id: "some-injection-token",
+      });
+
+      const runnableOneInjectable = getInjectable({
+        id: "runnable-1",
+        instantiate: () => ({
+          id: "runnable-1",
+          run: () => runMock("runnable-1"),
+        }),
+        injectionToken: someInjectionToken,
+      });
+
+      const runnableTwoInjectable = getInjectable({
+        id: "runnable-2",
+        instantiate: () => ({
+          id: "runnable-2",
+          run: () => runMock("runnable-2"),
+          runAfter: [], // shouldn't block being called
+        }),
+        injectionToken: someInjectionToken,
+      });
+
+      const runnableThreeInjectable = getInjectable({
+        id: "runnable-3",
+        instantiate: (di) => ({
+          id: "runnable-3",
+          run: () => runMock("runnable-3"),
+          runAfter: di.inject(runnableOneInjectable),
+        }),
+        injectionToken: someInjectionToken,
+      });
+
+      const runnableFourInjectable = getInjectable({
+        id: "runnable-4",
+        instantiate: (di) => ({
+          id: "runnable-4",
+          run: () => runMock("runnable-4"),
+          runAfter: [di.inject(runnableThreeInjectable)], // should be the same as an single item
+        }),
+        injectionToken: someInjectionToken,
+      });
+
+      const runnableFiveInjectable = getInjectable({
+        id: "runnable-5",
+        instantiate: (di) => ({
+          id: "runnable-5",
+          run: () => runMock("runnable-5"),
+          runAfter: di.inject(runnableThreeInjectable),
+        }),
+        injectionToken: someInjectionToken,
+      });
+
+      const runnableSixInjectable = getInjectable({
+        id: "runnable-6",
+        instantiate: (di) => ({
+          id: "runnable-6",
+          run: () => runMock("runnable-6"),
+          runAfter: [
+            di.inject(runnableFourInjectable),
+            di.inject(runnableFiveInjectable),
+          ],
+        }),
+        injectionToken: someInjectionToken,
+      });
+
+      const runnableSevenInjectable = getInjectable({
+        id: "runnable-7",
+        instantiate: (di) => ({
+          id: "runnable-7",
+          run: () => runMock("runnable-7"),
+          runAfter: [
+            di.inject(runnableFiveInjectable),
+            di.inject(runnableSixInjectable),
+          ],
+        }),
+        injectionToken: someInjectionToken,
+      });
+
+      runInAction(() => {
+        rootDi.register(
+          runnableOneInjectable,
+          runnableTwoInjectable,
+          runnableThreeInjectable,
+          runnableFourInjectable,
+          runnableFiveInjectable,
+          runnableSixInjectable,
+          runnableSevenInjectable,
+        );
+      });
+
+      const runMany = runManyFor(rootDi);
+      const runSome = runMany(someInjectionToken);
+
+      finishingPromise = runSome();
+
+      await flushPromises();
+    });
+
+    it("should run 'runnable-1'", () => {
+      expect(runMock).toBeCalledWith("runnable-1");
+    });
+
+    it("should run 'runnable-2'", () => {
+      expect(runMock).toBeCalledWith("runnable-2");
+    });
+
+    it("should not run 'runnable-3'", () => {
+      expect(runMock).not.toBeCalledWith("runnable-3");
+    });
+
+    describe("when 'runnable-1' resolves", () => {
+      beforeEach(async () => {
+        await runMock.resolveSpecific(["runnable-1"]);
+      });
+
+      it("should run 'runnable-3'", () => {
+        expect(runMock).toBeCalledWith("runnable-3");
+      });
+
+      describe("when 'runnable-2' resolves", () => {
+        beforeEach(async () => {
+          await runMock.resolveSpecific(["runnable-2"]);
+        });
+
+        it("shouldn't call any more runnables", () => {
+          expect(runMock).toBeCalledTimes(3);
+        });
+      });
+
+      describe("when 'runnable-3' resolves", () => {
+        beforeEach(async () => {
+          await runMock.resolveSpecific(["runnable-3"]);
+        });
+
+        it("should run 'runnable-4'", () => {
+          expect(runMock).toBeCalledWith("runnable-4");
+        });
+
+        it("should run 'runnable-5'", () => {
+          expect(runMock).toBeCalledWith("runnable-5");
+        });
+
+        describe("when 'runnable-2' resolves", () => {
+          beforeEach(async () => {
+            await runMock.resolveSpecific(["runnable-2"]);
+          });
+
+          it("shouldn't call any more runnables", () => {
+            expect(runMock).toBeCalledTimes(5);
+          });
+        });
+
+        describe("when 'runnable-4' resolves", () => {
+          beforeEach(async () => {
+            await runMock.resolveSpecific(["runnable-4"]);
+          });
+
+          it("shouldn't call any more runnables", () => {
+            expect(runMock).toBeCalledTimes(5);
+          });
+
+          describe("when 'runnable-2' resolves", () => {
+            beforeEach(async () => {
+              await runMock.resolveSpecific(["runnable-2"]);
+            });
+
+            it("shouldn't call any more runnables", () => {
+              expect(runMock).toBeCalledTimes(5);
+            });
+          });
+
+          describe("when 'runnable-5' resolves", () => {
+            beforeEach(async () => {
+              await runMock.resolveSpecific(["runnable-5"]);
+            });
+
+            it("should run 'runnable-6'", () => {
+              expect(runMock).toBeCalledWith("runnable-6");
+            });
+
+            describe("when 'runnable-2' resolves", () => {
+              beforeEach(async () => {
+                await runMock.resolveSpecific(["runnable-2"]);
+              });
+
+              it("shouldn't call any more runnables", () => {
+                expect(runMock).toBeCalledTimes(6);
+              });
+            });
+
+            describe("when 'runnable-6' resolves", () => {
+              beforeEach(async () => {
+                await runMock.resolveSpecific(["runnable-6"]);
+              });
+
+              it("should run 'runnable-7'", () => {
+                expect(runMock).toBeCalledWith("runnable-7");
+              });
+
+              describe("when 'runnable-2' resolves", () => {
+                beforeEach(async () => {
+                  await runMock.resolveSpecific(["runnable-2"]);
+                });
+
+                it("shouldn't call any more runnables", () => {
+                  expect(runMock).toBeCalledTimes(7);
+                });
+
+                describe("when 'runnable-7' resolves", () => {
+                  beforeEach(async () => {
+                    await runMock.resolveSpecific(["runnable-7"]);
+                  });
+
+                  it("should resolve the runMany promise call", async () => {
+                    await finishingPromise;
+                  });
+                });
+              });
+            });
+          });
+        });
+
+        describe("when 'runnable-5' resolves", () => {
+          beforeEach(async () => {
+            await runMock.resolveSpecific(["runnable-5"]);
+          });
+
+          it("shouldn't call any more runnables", () => {
+            expect(runMock).toBeCalledTimes(5);
+          });
+
+          describe("when 'runnable-2' resolves", () => {
+            beforeEach(async () => {
+              await runMock.resolveSpecific(["runnable-2"]);
+            });
+
+            it("shouldn't call any more runnables", () => {
+              expect(runMock).toBeCalledTimes(5);
+            });
+          });
+
+          describe("when 'runnable-4' resolves", () => {
+            beforeEach(async () => {
+              await runMock.resolveSpecific(["runnable-4"]);
+            });
+
+            it("should run 'runnable-6'", () => {
+              expect(runMock).toBeCalledWith("runnable-6");
+            });
+
+            describe("when 'runnable-2' resolves", () => {
+              beforeEach(async () => {
+                await runMock.resolveSpecific(["runnable-2"]);
+              });
+
+              it("shouldn't call any more runnables", () => {
+                expect(runMock).toBeCalledTimes(6);
+              });
+            });
+
+            describe("when 'runnable-6' resolves", () => {
+              beforeEach(async () => {
+                await runMock.resolveSpecific(["runnable-6"]);
+              });
+
+              it("should run 'runnable-7'", () => {
+                expect(runMock).toBeCalledWith("runnable-7");
+              });
+
+              describe("when 'runnable-2' resolves", () => {
+                beforeEach(async () => {
+                  await runMock.resolveSpecific(["runnable-2"]);
+                });
+
+                it("shouldn't call any more runnables", () => {
+                  expect(runMock).toBeCalledTimes(7);
+                });
+
+                describe("when 'runnable-7' resolves", () => {
+                  beforeEach(async () => {
+                    await runMock.resolveSpecific(["runnable-7"]);
+                  });
+
+                  it("should resolve the runMany promise call", async () => {
+                    await finishingPromise;
+                  });
+                });
+              });
+            });
+          });
+        });
+      });
+    });
+
+    describe("when 'runnable-2' resolves", () => {
+      beforeEach(async () => {
+        await runMock.resolveSpecific(["runnable-2"]);
+      });
+
+      it("shouldn't call any more runnables", () => {
+        expect(runMock).toBeCalledTimes(2);
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/runnable/run-many-for.ts b/packages/core/src/common/runnable/run-many-for.ts
new file mode 100644
index 0000000000..106cc74da1
--- /dev/null
+++ b/packages/core/src/common/runnable/run-many-for.ts
@@ -0,0 +1,140 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { DiContainerForInjection, InjectionToken } from "@ogre-tools/injectable";
+import type { SingleOrMany } from "../utils";
+import { getOrInsert, getOrInsertSetFor, isDefined } from "../utils";
+import * as uuid from "uuid";
+import assert from "assert";
+import type { Asyncify } from "type-fest";
+import type TypedEventEmitter from "typed-emitter";
+import EventEmitter from "events";
+
+export interface Runnable<TParameter = void> {
+  id: string;
+  run: Run<TParameter>;
+  runAfter?: SingleOrMany<Runnable<TParameter>>;
+}
+
+type Run<Param> = (parameter: Param) => Promise<void> | void;
+
+export type RunMany = <Param>(injectionToken: InjectionToken<Runnable<Param>, void>) => Asyncify<Run<Param>>;
+
+const computedNextEdge = (traversed: string[], graph: Map<string, Set<string>>, currentId: string, seenIds: Set<string>) => {
+  seenIds.add(currentId);
+  const currentNode = graph.get(currentId);
+
+  assert(currentNode, `Runnable graph does not contain node with id="${currentId}"`);
+
+  for (const nextId of currentNode.values()) {
+    if (traversed.includes(nextId)) {
+      throw new Error(`Cycle in runnable graph: "${traversed.join(`" -> "`)}" -> "${nextId}"`);
+    }
+
+    computedNextEdge([...traversed, nextId], graph, nextId, seenIds);
+  }
+};
+
+const verifyRunnablesAreDAG = <Param>(injectionToken: InjectionToken<Runnable<Param>, void>, runnables: Runnable<Param>[]) => {
+  const rootId = uuid.v4();
+  const runnableGraph = new Map<string, Set<string>>();
+  const seenIds = new Set<string>();
+  const addRunnableId = getOrInsertSetFor(runnableGraph);
+
+  // Build the Directed graph
+  for (const runnable of runnables) {
+    addRunnableId(runnable.id);
+
+    if (!runnable.runAfter || (Array.isArray(runnable.runAfter) && runnable.runAfter.length === 0)) {
+      addRunnableId(rootId).add(runnable.id);
+    } else if (Array.isArray(runnable.runAfter)) {
+      for (const parentRunnable of runnable.runAfter) {
+        addRunnableId(parentRunnable.id).add(runnable.id);
+      }
+    } else {
+      addRunnableId(runnable.runAfter.id).add(runnable.id);
+    }
+  }
+
+  addRunnableId(rootId);
+
+  // Do a DFS to find any cycles
+  computedNextEdge([], runnableGraph, rootId, seenIds);
+
+  for (const id of runnableGraph.keys()) {
+    if (!seenIds.has(id)) {
+      const runnable = runnables.find(runnable => runnable.id === id);
+
+      if (!runnable) {
+        throw new Error(`Runnable "${id}" is not part of the injection token "${injectionToken.id}"`);
+      }
+
+      const runAfters = [runnable.runAfter]
+        .flat()
+        .filter(isDefined)
+        .map(runnable => runnable.id)
+        .join('", "');
+
+      throw new Error(`Runnable "${id}" is unreachable for injection token "${injectionToken.id}": run afters "${runAfters}" are a part of different injection tokens.`);
+    }
+  }
+};
+
+interface BarrierEvent {
+  finish: (id: string) => void;
+}
+
+class DynamicBarrier {
+  private readonly finishedIds = new Map<string, Promise<void>>();
+  private readonly events: TypedEventEmitter<BarrierEvent> = new EventEmitter();
+
+  private initFinishingPromise(id: string): Promise<void> {
+    return getOrInsert(this.finishedIds, id, new Promise(resolve => {
+      const handler = (finishedId: string) => {
+        if (finishedId === id) {
+          resolve();
+          this.events.removeListener("finish", handler);
+        }
+      };
+
+      this.events.addListener("finish", handler);
+    }));
+  }
+
+  setFinished(id: string): void {
+    void this.initFinishingPromise(id);
+
+    this.events.emit("finish", id);
+  }
+
+  async blockOn(id: string): Promise<void> {
+    await this.initFinishingPromise(id);
+  }
+}
+
+const executeRunnableWith = <Param>(param: Param) => {
+  const barrier = new DynamicBarrier();
+
+  return async (runnable: Runnable<Param>): Promise<void> => {
+    const parentRunnables = [runnable.runAfter].flat().filter(isDefined);
+
+    for (const parentRunnable of parentRunnables) {
+      await barrier.blockOn(parentRunnable.id);
+    }
+
+    await runnable.run(param);
+    barrier.setFinished(runnable.id);
+  };
+};
+
+export function runManyFor(di: DiContainerForInjection): RunMany {
+  return <Param>(injectionToken: InjectionToken<Runnable<Param>, void>) => async (param: Param) => {
+    const executeRunnable = executeRunnableWith(param);
+    const allRunnables = di.injectMany(injectionToken);
+
+    verifyRunnablesAreDAG(injectionToken, allRunnables);
+
+    await Promise.all(allRunnables.map(executeRunnable));
+  };
+}
diff --git a/packages/core/src/common/runnable/run-many-sync-for.test.ts b/packages/core/src/common/runnable/run-many-sync-for.test.ts
new file mode 100644
index 0000000000..3aadcad0bf
--- /dev/null
+++ b/packages/core/src/common/runnable/run-many-sync-for.test.ts
@@ -0,0 +1,212 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { createContainer, getInjectable, getInjectionToken } from "@ogre-tools/injectable";
+import type { RunnableSync } from "./run-many-sync-for";
+import { runManySyncFor } from "./run-many-sync-for";
+
+describe("runManySyncFor", () => {
+  describe("given hierarchy, when running many", () => {
+    let runMock: jest.Mock;
+
+    beforeEach(() => {
+      const rootDi = createContainer("irrelevant");
+
+      runMock = jest.fn();
+
+      const someInjectionTokenForRunnables = getInjectionToken<RunnableSync>({
+        id: "some-injection-token",
+      });
+
+      const someInjectable = getInjectable({
+        id: "some-injectable",
+        instantiate: () => ({
+          id: "some-injectable",
+          run: () => runMock("some-call"),
+        }),
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      const someOtherInjectable = getInjectable({
+        id: "some-other-injectable",
+        instantiate: () => ({
+          id: "some-other-injectable",
+          run: () => runMock("some-other-call"),
+        }),
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      rootDi.register(someInjectable, someOtherInjectable);
+
+      const runMany = runManySyncFor(rootDi)(someInjectionTokenForRunnables);
+
+      runMany();
+    });
+
+    it("runs all runnables at the same time", () => {
+      expect(runMock.mock.calls).toEqual([
+        ["some-call"],
+        ["some-other-call"],
+      ]);
+    });
+  });
+
+  describe("given hierarchy that is three levels deep, when running many", () => {
+    let runMock: jest.Mock<(arg: string) => void>;
+
+    beforeEach(() => {
+      const di = createContainer("irrelevant");
+
+      runMock = jest.fn();
+
+      const someInjectionTokenForRunnables = getInjectionToken<RunnableSync>({
+        id: "some-injection-token",
+      });
+
+      const someInjectable1 = getInjectable({
+        id: "some-injectable-1",
+
+        instantiate: (di) => ({
+          id: "some-injectable-1",
+          run: () => void runMock("third-level-run"),
+          runAfter: di.inject(someInjectable2),
+        }),
+
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      const someInjectable2 = getInjectable({
+        id: "some-injectable-2",
+
+        instantiate: (di) => ({
+          id: "some-injectable-2",
+          run: () => void runMock("second-level-run"),
+          runAfter: di.inject(someInjectable3),
+        }),
+
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      const someInjectable3 = getInjectable({
+        id: "some-injectable-3",
+        instantiate: () => ({
+          id: "some-injectable-3",
+          run: () => void runMock("first-level-run"),
+        }),
+        injectionToken: someInjectionTokenForRunnables,
+      });
+
+      di.register(someInjectable1, someInjectable2, someInjectable3);
+
+      const runMany = runManySyncFor(di)(someInjectionTokenForRunnables);
+
+      runMany();
+    });
+
+    it("runs runnables in order", () => {
+      expect(runMock.mock.calls).toEqual([["first-level-run"], ["second-level-run"], ["third-level-run"]]);
+    });
+  });
+
+  it("given invalid hierarchy, when running runnables, throws", () => {
+    const rootDi = createContainer("irrelevant");
+
+    const runMock = jest.fn();
+
+    const someInjectionToken = getInjectionToken<RunnableSync>({
+      id: "some-injection-token",
+    });
+
+    const someOtherInjectionToken = getInjectionToken<RunnableSync>({
+      id: "some-other-injection-token",
+    });
+
+    const someInjectable = getInjectable({
+      id: "some-runnable-1",
+
+      instantiate: (di) => ({
+        id: "some-runnable-1",
+        run: () => runMock("some-runnable-1"),
+        runAfter: di.inject(someOtherInjectable),
+      }),
+
+      injectionToken: someInjectionToken,
+    });
+
+    const someOtherInjectable = getInjectable({
+      id: "some-runnable-2",
+
+      instantiate: () => ({
+        id: "some-runnable-2",
+        run: () => runMock("some-runnable-2"),
+      }),
+
+      injectionToken: someOtherInjectionToken,
+    });
+
+    rootDi.register(someInjectable, someOtherInjectable);
+
+    const runMany = runManySyncFor(rootDi)(
+      someInjectionToken,
+    );
+
+    return expect(() => runMany()).toThrow(
+      /Tried to get a composite but encountered missing parent ids: "some-runnable-2".\n\nAvailable parent ids are:\n"[0-9a-z-]+",\n"some-runnable-1"/,
+    );
+  });
+
+  describe("when running many with parameter", () => {
+    let runMock: jest.Mock<(arg: string, arg2: string) => undefined>;
+
+    beforeEach(() => {
+      const rootDi = createContainer("irrelevant");
+
+      runMock = jest.fn();
+
+      const someInjectionTokenForRunnablesWithParameter = getInjectionToken<
+        RunnableSync<string>
+      >({
+        id: "some-injection-token",
+      });
+
+      const someInjectable = getInjectable({
+        id: "some-runnable-1",
+
+        instantiate: () => ({
+          id: "some-runnable-1",
+          run: (parameter) => void runMock("run-of-some-runnable-1", parameter),
+        }),
+
+        injectionToken: someInjectionTokenForRunnablesWithParameter,
+      });
+
+      const someOtherInjectable = getInjectable({
+        id: "some-runnable-2",
+
+        instantiate: () => ({
+          id: "some-runnable-2",
+          run: (parameter) => void runMock("run-of-some-runnable-2", parameter),
+        }),
+
+        injectionToken: someInjectionTokenForRunnablesWithParameter,
+      });
+
+      rootDi.register(someInjectable, someOtherInjectable);
+
+      const runMany = runManySyncFor(rootDi)(
+        someInjectionTokenForRunnablesWithParameter,
+      );
+
+      runMany("some-parameter");
+    });
+
+    it("runs all runnables using the parameter", () => {
+      expect(runMock.mock.calls).toEqual([
+        ["run-of-some-runnable-1", "some-parameter"],
+        ["run-of-some-runnable-2", "some-parameter"],
+      ]);
+    });
+  });
+});
+
diff --git a/packages/core/src/common/runnable/run-many-sync-for.ts b/packages/core/src/common/runnable/run-many-sync-for.ts
new file mode 100644
index 0000000000..08dba2f72d
--- /dev/null
+++ b/packages/core/src/common/runnable/run-many-sync-for.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 { DiContainerForInjection, InjectionToken } from "@ogre-tools/injectable";
+import type { Composite } from "../utils/composite/get-composite/get-composite";
+import { getCompositeFor } from "../utils/composite/get-composite/get-composite";
+import * as uuid from "uuid";
+
+export interface RunnableSync<TParameter = void> {
+  id: string;
+  run: RunSync<TParameter>;
+  runAfter?: RunnableSync<TParameter>;
+}
+
+/**
+ * NOTE: this is the worse of two evils. This makes sure that `RunnableSync` always is sync.
+ * If the return type is `void` instead then async functions (those return `Promise<T>`) can
+ * coerce to it.
+ */
+type RunSync<Param> = (parameter: Param) => undefined;
+
+export type RunManySync = <Param>(injectionToken: InjectionToken<RunnableSync<Param>, void>) => RunSync<Param>;
+
+function runCompositeRunnableSyncs<Param>(param: Param, composite: Composite<RunnableSync<Param>>): undefined {
+  composite.value.run(param);
+  composite.children.map(composite => runCompositeRunnableSyncs(param, composite));
+
+  return undefined;
+}
+
+export function runManySyncFor(di: DiContainerForInjection): RunManySync {
+  return <Param>(injectionToken: InjectionToken<RunnableSync<Param>, void>) => (param: Param): undefined => {
+    const allRunnables = di.injectMany(injectionToken);
+    const rootId = uuid.v4();
+    const getCompositeRunnables = getCompositeFor<RunnableSync<Param>>({
+      getId: (runnable) => runnable.id,
+      getParentId: (runnable) => (
+        runnable.id === rootId
+          ? undefined
+          : runnable.runAfter?.id ?? rootId
+      ),
+    });
+    const composite = getCompositeRunnables([
+      // This is a dummy runnable to conform to the requirements of `getCompositeFor` to only have one root
+      {
+        id: rootId,
+        run: () => undefined,
+      },
+      ...allRunnables,
+    ]);
+
+    return runCompositeRunnableSyncs(param, composite);
+  };
+}
diff --git a/packages/core/src/common/terminal/channels.ts b/packages/core/src/common/terminal/channels.ts
new file mode 100644
index 0000000000..f958c9c696
--- /dev/null
+++ b/packages/core/src/common/terminal/channels.ts
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+export enum TerminalChannels {
+  STDIN = "stdin",
+  STDOUT = "stdout",
+  CONNECTED = "connected",
+  RESIZE = "resize",
+  PING = "ping",
+}
+
+export type TerminalMessage = {
+  type: TerminalChannels.STDIN;
+  data: string;
+} | {
+  type: TerminalChannels.STDOUT;
+  data: string;
+} | {
+  type: TerminalChannels.CONNECTED;
+} | {
+  type: TerminalChannels.RESIZE;
+  data: {
+    width: number;
+    height: number;
+  };
+} | {
+  type: TerminalChannels.PING;
+};
diff --git a/packages/core/src/common/test-utils/flush-promises.ts b/packages/core/src/common/test-utils/flush-promises.ts
new file mode 100644
index 0000000000..c2fdeff99e
--- /dev/null
+++ b/packages/core/src/common/test-utils/flush-promises.ts
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { setImmediate } from "timers";
+
+export const flushPromises = () => new Promise(setImmediate);
diff --git a/packages/core/src/common/test-utils/get-global-override-for-function.ts b/packages/core/src/common/test-utils/get-global-override-for-function.ts
new file mode 100644
index 0000000000..238ee5621a
--- /dev/null
+++ b/packages/core/src/common/test-utils/get-global-override-for-function.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 type { Injectable } from "@ogre-tools/injectable";
+import { getGlobalOverride } from "./get-global-override";
+import { camelCase } from "lodash/fp";
+
+export const getGlobalOverrideForFunction = (
+  injectable: Injectable<Function, any, any>,
+) =>
+  getGlobalOverride(injectable, () => (...args: any[]) => {
+    console.warn(
+      `Tried to invoke a function "${injectable.id}" without override. The args were:`,
+      args,
+    );
+
+    throw new Error(
+      `Tried to invoke a function "${
+        injectable.id
+      }" without override. Add eg. "di.override(${camelCase(
+        injectable.id,
+      )}Mock)" to the unit test interested in this.`,
+    );
+  });
diff --git a/packages/core/src/common/test-utils/get-global-override.ts b/packages/core/src/common/test-utils/get-global-override.ts
new file mode 100644
index 0000000000..ac3c86a33e
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/test-utils/get-promise-status.ts b/packages/core/src/common/test-utils/get-promise-status.ts
new file mode 100644
index 0000000000..8c171fbe54
--- /dev/null
+++ b/packages/core/src/common/test-utils/get-promise-status.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 { flushPromises } from "./flush-promises";
+
+export const getPromiseStatus = async (promise: Promise<unknown>) => {
+  const status = { fulfilled: false };
+
+  promise.finally(() => {
+    status.fulfilled = true;
+  });
+
+  await flushPromises();
+
+  return status;
+};
diff --git a/packages/core/src/common/test-utils/use-fake-time.ts b/packages/core/src/common/test-utils/use-fake-time.ts
new file mode 100644
index 0000000000..e455984861
--- /dev/null
+++ b/packages/core/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 testUsingFakeTime = (dateTime = "2015-10-21T07:28:00Z") => {
+  usingFakeTime = true;
+
+  jest.useFakeTimers();
+
+  jest.setSystemTime(new Date(dateTime));
+};
diff --git a/packages/core/src/common/user-store/current-timezone.global-override-for-injectable.ts b/packages/core/src/common/user-store/current-timezone.global-override-for-injectable.ts
new file mode 100644
index 0000000000..6056074d3c
--- /dev/null
+++ b/packages/core/src/common/user-store/current-timezone.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 currentTimezoneInjectable from "./current-timezone.injectable";
+
+export default getGlobalOverride(currentTimezoneInjectable, () => "Etc/GMT");
diff --git a/packages/core/src/common/user-store/current-timezone.injectable.ts b/packages/core/src/common/user-store/current-timezone.injectable.ts
new file mode 100644
index 0000000000..6a6043eaf9
--- /dev/null
+++ b/packages/core/src/common/user-store/current-timezone.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 moment from "moment-timezone";
+
+const currentTimezoneInjectable = getInjectable({
+  id: "current-timezone",
+  instantiate: () => moment.tz.guess(true),
+  causesSideEffects: true,
+});
+
+export default currentTimezoneInjectable;
diff --git a/packages/core/src/common/user-store/file-name-migration.global-override-for-injectable.ts b/packages/core/src/common/user-store/file-name-migration.global-override-for-injectable.ts
new file mode 100644
index 0000000000..bb0ac054f3
--- /dev/null
+++ b/packages/core/src/common/user-store/file-name-migration.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 userStoreFileNameMigrationInjectable from "./file-name-migration.injectable";
+
+export default getGlobalOverride(userStoreFileNameMigrationInjectable, () => async () => {});
diff --git a/packages/core/src/common/user-store/file-name-migration.injectable.ts b/packages/core/src/common/user-store/file-name-migration.injectable.ts
new file mode 100644
index 0000000000..106f559ef0
--- /dev/null
+++ b/packages/core/src/common/user-store/file-name-migration.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import fse from "fs-extra";
+import directoryForUserDataInjectable from "../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import { isErrnoException } from "../utils";
+import { getInjectable } from "@ogre-tools/injectable";
+import joinPathsInjectable from "../path/join-paths.injectable";
+
+export type UserStoreFileNameMigration = () => Promise<void>;
+
+const userStoreFileNameMigrationInjectable = getInjectable({
+  id: "user-store-file-name-migration",
+  instantiate: (di): UserStoreFileNameMigration => {
+    const userDataPath = di.inject(directoryForUserDataInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const configJsonPath = joinPaths(userDataPath, "config.json");
+    const lensUserStoreJsonPath = joinPaths(userDataPath, "lens-user-store.json");
+
+    return async () => {
+      try {
+        await fse.move(configJsonPath, lensUserStoreJsonPath);
+      } catch (error) {
+        if (error instanceof Error && error.message === "dest already exists.") {
+          await fse.remove(configJsonPath);
+        } else if (isErrnoException(error) && error.code === "ENOENT" && error.path === configJsonPath) {
+          // (No such file or directory)
+          return; // file already moved
+        } else {
+          // pass other errors along
+          throw error;
+        }
+      }
+    };
+  },
+  causesSideEffects: true,
+});
+
+export default userStoreFileNameMigrationInjectable;
diff --git a/packages/core/src/common/user-store/https-proxy.injectable.ts b/packages/core/src/common/user-store/https-proxy.injectable.ts
new file mode 100644
index 0000000000..30569d4e77
--- /dev/null
+++ b/packages/core/src/common/user-store/https-proxy.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 userStoreInjectable from "./user-store.injectable";
+
+const httpsProxyConfigurationInjectable = getInjectable({
+  id: "https-proxy-configuration",
+  instantiate: (di) => {
+    const userStore = di.inject(userStoreInjectable);
+
+    return computed(() => userStore.httpsProxy);
+  },
+});
+
+export default httpsProxyConfigurationInjectable;
diff --git a/packages/core/src/common/user-store/index.ts b/packages/core/src/common/user-store/index.ts
new file mode 100644
index 0000000000..026167519b
--- /dev/null
+++ b/packages/core/src/common/user-store/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 "./user-store";
+export type { KubeconfigSyncEntry, KubeconfigSyncValue, UserPreferencesModel } from "./preferences-helpers";
diff --git a/packages/core/src/common/user-store/kubeconfig-syncs.injectable.ts b/packages/core/src/common/user-store/kubeconfig-syncs.injectable.ts
new file mode 100644
index 0000000000..7327b9d8e4
--- /dev/null
+++ b/packages/core/src/common/user-store/kubeconfig-syncs.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 userStoreInjectable from "./user-store.injectable";
+
+const kubeconfigSyncsInjectable = getInjectable({
+  id: "kubeconfig-syncs",
+  instantiate: (di) => di.inject(userStoreInjectable).syncKubeconfigEntries,
+});
+
+export default kubeconfigSyncsInjectable;
diff --git a/packages/core/src/common/user-store/lens-color-theme.injectable.ts b/packages/core/src/common/user-store/lens-color-theme.injectable.ts
new file mode 100644
index 0000000000..5b48de1a37
--- /dev/null
+++ b/packages/core/src/common/user-store/lens-color-theme.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 { computed } from "mobx";
+import userStoreInjectable from "./user-store.injectable";
+
+export type LensColorThemePreference = {
+  useSystemTheme: true;
+} | {
+  useSystemTheme: false;
+  lensThemeId: string;
+};
+
+const lensColorThemePreferenceInjectable = getInjectable({
+  id: "lens-color-theme-preference",
+  instantiate: (di) => {
+    const userStore = di.inject(userStoreInjectable);
+
+    return computed((): LensColorThemePreference => {
+      // TODO: remove magic strings
+      if (userStore.colorTheme === "system") {
+        return {
+          useSystemTheme: true,
+        };
+      }
+
+      return {
+        useSystemTheme: false,
+        lensThemeId: userStore.colorTheme,
+      };
+    });
+  },
+});
+
+export default lensColorThemePreferenceInjectable;
diff --git a/packages/core/src/common/user-store/migrations-token.ts b/packages/core/src/common/user-store/migrations-token.ts
new file mode 100644
index 0000000000..f3959beb3a
--- /dev/null
+++ b/packages/core/src/common/user-store/migrations-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { MigrationDeclaration } from "../base-store/migrations.injectable";
+
+export const userStoreMigrationInjectionToken = getInjectionToken<MigrationDeclaration>({
+  id: "user-store-migration-token",
+});
diff --git a/packages/core/src/common/user-store/preference-descriptors.injectable.ts b/packages/core/src/common/user-store/preference-descriptors.injectable.ts
new file mode 100644
index 0000000000..35815dbbea
--- /dev/null
+++ b/packages/core/src/common/user-store/preference-descriptors.injectable.ts
@@ -0,0 +1,143 @@
+/**
+ * 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 { merge } from "lodash";
+import type { ObservableMap } from "mobx";
+import { observable } from "mobx";
+import homeDirectoryPathInjectable from "../os/home-directory-path.injectable";
+import joinPathsInjectable from "../path/join-paths.injectable";
+import { defaultThemeId } from "../vars";
+import currentTimezoneInjectable from "./current-timezone.injectable";
+import type { EditorConfiguration, ExtensionRegistry, KubeconfigSyncEntry, KubeconfigSyncValue, TerminalConfig } from "./preferences-helpers";
+import { defaultExtensionRegistryUrlLocation, defaultEditorConfig, defaultTerminalConfig, defaultPackageMirror, getPreferenceDescriptor, packageMirrors } from "./preferences-helpers";
+
+export type PreferenceDescriptors = ReturnType<typeof userStorePreferenceDescriptorsInjectable["instantiate"]>;
+
+const userStorePreferenceDescriptorsInjectable = getInjectable({
+  id: "user-store-preference-descriptors",
+  instantiate: (di) => {
+    const currentTimezone = di.inject(currentTimezoneInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const homeDirectoryPath = di.inject(homeDirectoryPathInjectable);
+
+    const mainKubeFolderPath = joinPaths(homeDirectoryPath, ".kube");
+
+    return ({
+      httpsProxy: getPreferenceDescriptor<string | undefined>({
+        fromStore: val => val,
+        toStore: val => val || undefined,
+      }),
+      shell: getPreferenceDescriptor<string | undefined>({
+        fromStore: val => val,
+        toStore: val => val || undefined,
+      }),
+      colorTheme: getPreferenceDescriptor<string>({
+        fromStore: val => val || defaultThemeId,
+        toStore: val => !val || val === defaultThemeId
+          ? undefined
+          : val,
+      }),
+      terminalTheme: getPreferenceDescriptor<string>({
+        fromStore: val => val || "",
+        toStore: val => val || undefined,
+      }),
+      localeTimezone: getPreferenceDescriptor<string>({
+        fromStore: val => val || currentTimezone,
+        toStore: val => !val || val === currentTimezone
+          ? undefined
+          : val,
+      }),
+      allowUntrustedCAs: getPreferenceDescriptor<boolean>({
+        fromStore: val => val ?? false,
+        toStore: val => !val
+          ? undefined
+          : val,
+      }),
+      allowErrorReporting: getPreferenceDescriptor<boolean>({
+        fromStore: val => val ?? true,
+        toStore: val => val
+          ? undefined
+          : val,
+      }),
+      downloadMirror: getPreferenceDescriptor<string>({
+        fromStore: val => !val || !packageMirrors.has(val)
+          ? defaultPackageMirror
+          : val,
+        toStore: val => val === defaultPackageMirror
+          ? undefined
+          : val,
+      }),
+      downloadKubectlBinaries: getPreferenceDescriptor<boolean>({
+        fromStore: val => val ?? true,
+        toStore: val => val
+          ? undefined
+          : val,
+      }),
+      downloadBinariesPath: getPreferenceDescriptor<string | undefined>({
+        fromStore: val => val,
+        toStore: val => val || undefined,
+      }),
+      kubectlBinariesPath: getPreferenceDescriptor<string | undefined>({
+        fromStore: val => val,
+        toStore: val => val || undefined,
+      }),
+      openAtLogin: getPreferenceDescriptor<boolean>({
+        fromStore: val => val ?? false,
+        toStore: val => !val
+          ? undefined
+          : val,
+      }),
+      terminalCopyOnSelect: getPreferenceDescriptor<boolean>({
+        fromStore: val => val ?? false,
+        toStore: val => !val
+          ? undefined
+          : val,
+      }),
+      hiddenTableColumns: getPreferenceDescriptor<[string, string[]][], Map<string, Set<string>>>({
+        fromStore: (val = []) => new Map(
+          val.map(([tableId, columnIds]) => [tableId, new Set(columnIds)]),
+        ),
+        toStore: (val) => {
+          const res: [string, string[]][] = [];
+
+          for (const [table, columns] of val) {
+            if (columns.size) {
+              res.push([table, Array.from(columns)]);
+            }
+          }
+
+          return res.length ? res : undefined;
+        },
+      }),
+      syncKubeconfigEntries: getPreferenceDescriptor<KubeconfigSyncEntry[], ObservableMap<string, KubeconfigSyncValue>>({
+        fromStore: val => observable.map(
+          val?.map(({ filePath, ...rest }) => [filePath, rest])
+          ?? [[mainKubeFolderPath, {}]],
+        ),
+        toStore: val => val.size === 1 && val.has(mainKubeFolderPath)
+          ? undefined
+          : Array.from(val, ([filePath, rest]) => ({ filePath, ...rest })),
+      }),
+      editorConfiguration: getPreferenceDescriptor<Partial<EditorConfiguration>, EditorConfiguration>({
+        fromStore: val => merge(defaultEditorConfig, val),
+        toStore: val => val,
+      }),
+      terminalConfig: getPreferenceDescriptor<Partial<TerminalConfig>, TerminalConfig>({
+        fromStore: val => merge(defaultTerminalConfig, val),
+        toStore: val => val,
+      }),
+      extensionRegistryUrl: getPreferenceDescriptor<ExtensionRegistry>({
+        fromStore: val => val ?? {
+          location: defaultExtensionRegistryUrlLocation,
+        },
+        toStore: val => val.location === defaultExtensionRegistryUrlLocation
+          ? undefined
+          : val,
+      }),
+    }) as const;
+  },
+});
+
+export default userStorePreferenceDescriptorsInjectable;
diff --git a/packages/core/src/common/user-store/preferences-helpers.ts b/packages/core/src/common/user-store/preferences-helpers.ts
new file mode 100644
index 0000000000..5bdc2a3852
--- /dev/null
+++ b/packages/core/src/common/user-store/preferences-helpers.ts
@@ -0,0 +1,99 @@
+/**
+ * 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 { defaultEditorFontFamily, defaultFontSize, defaultTerminalFontFamily } from "../vars";
+import type { PreferenceDescriptors } from "./preference-descriptors.injectable";
+
+export interface KubeconfigSyncEntry extends KubeconfigSyncValue {
+  filePath: string;
+}
+
+export interface KubeconfigSyncValue {
+}
+export interface TerminalConfig {
+  fontSize: number;
+  fontFamily: string;
+}
+
+export const defaultTerminalConfig: TerminalConfig = {
+  fontSize: defaultFontSize,
+  fontFamily: defaultTerminalFontFamily,
+};
+
+interface BaseEditorConfiguration extends Required<Pick<editor.IStandaloneEditorConstructionOptions, "minimap" | "tabSize" | "fontSize" | "fontFamily">> {
+  lineNumbers: NonNullable<Exclude<editor.IStandaloneEditorConstructionOptions["lineNumbers"], Function>>;
+}
+
+export type EditorConfiguration = Required<BaseEditorConfiguration>;
+
+export const defaultEditorConfig: EditorConfiguration = {
+  tabSize: 2,
+  lineNumbers: "on",
+  fontSize: defaultFontSize,
+  fontFamily: defaultEditorFontFamily,
+  minimap: {
+    enabled: true,
+    side: "right",
+  },
+};
+
+export type StoreType<P> = P extends PreferenceDescription<unknown, infer Store>
+  ? Store
+  : never;
+
+export interface PreferenceDescription<T, R = T> {
+  fromStore(val: T | undefined): R;
+  toStore(val: R): T | undefined;
+}
+
+export const getPreferenceDescriptor = <T, R = T>(desc: PreferenceDescription<T, R>) => desc;
+
+
+export interface DownloadMirror {
+  url: string;
+  label: string;
+  platforms: Set<NodeJS.Platform>;
+}
+
+export const defaultPackageMirror = "default";
+const defaultDownloadMirrorData: DownloadMirror = {
+  url: "https://storage.googleapis.com/kubernetes-release/release",
+  label: "Default (Google)",
+  platforms: new Set(["darwin", "win32", "linux"]),
+};
+
+export const packageMirrors = new Map<string, DownloadMirror>([
+  [defaultPackageMirror, defaultDownloadMirrorData],
+  ["china", {
+    url: "https://mirror.azure.cn/kubernetes/kubectl",
+    label: "China (Azure)",
+    platforms: new Set(["win32", "linux"]),
+  }],
+]);
+
+export type ExtensionRegistryLocation = "default" | "npmrc" | "custom";
+
+export type ExtensionRegistry = {
+  location: "default" | "npmrc";
+  customUrl?: undefined;
+} | {
+  location: "custom";
+  customUrl: string;
+};
+
+export const defaultExtensionRegistryUrlLocation = "default";
+export const defaultExtensionRegistryUrl = "https://registry.npmjs.org";
+
+type PreferencesModelType<field extends keyof PreferenceDescriptors> = PreferenceDescriptors[field] extends PreferenceDescription<infer T, any> ? T : never;
+type UserStoreModelType<field extends keyof PreferenceDescriptors> = PreferenceDescriptors[field] extends PreferenceDescription<any, infer T> ? T : never;
+
+export type UserStoreFlatModel = {
+  [field in keyof PreferenceDescriptors]: UserStoreModelType<field>;
+};
+
+export type UserPreferencesModel = {
+  [field in keyof PreferenceDescriptors]: PreferencesModelType<field>;
+} & { updateChannel: string };
diff --git a/packages/core/src/common/user-store/shell-setting.injectable.ts b/packages/core/src/common/user-store/shell-setting.injectable.ts
new file mode 100644
index 0000000000..f93a4e5874
--- /dev/null
+++ b/packages/core/src/common/user-store/shell-setting.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 userInfoInjectable from "./user-info.injectable";
+import userStoreInjectable from "./user-store.injectable";
+
+const userShellSettingInjectable = getInjectable({
+  id: "user-shell-setting",
+  instantiate: (di) => {
+    const userStore = di.inject(userStoreInjectable);
+    const userInfo = di.inject(userInfoInjectable);
+
+    return computed(() => userStore.shell || userInfo.shell);
+  },
+});
+
+export default userShellSettingInjectable;
diff --git a/packages/core/src/common/user-store/terminal-config.injectable.ts b/packages/core/src/common/user-store/terminal-config.injectable.ts
new file mode 100644
index 0000000000..6f5be75eaf
--- /dev/null
+++ b/packages/core/src/common/user-store/terminal-config.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 { computed } from "mobx";
+import { toJS } from "../utils";
+import userStoreInjectable from "./user-store.injectable";
+
+const terminalConfigInjectable = getInjectable({
+  id: "terminal-config",
+  instantiate: (di) => {
+    const store = di.inject(userStoreInjectable);
+
+    return computed(() => toJS(store.terminalConfig));
+  },
+});
+
+export default terminalConfigInjectable;
diff --git a/packages/core/src/common/user-store/terminal-copy-on-select.injectable.ts b/packages/core/src/common/user-store/terminal-copy-on-select.injectable.ts
new file mode 100644
index 0000000000..543a4f73b9
--- /dev/null
+++ b/packages/core/src/common/user-store/terminal-copy-on-select.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 userStoreInjectable from "./user-store.injectable";
+
+const terminalCopyOnSelectInjectable = getInjectable({
+  id: "terminal-copy-on-select",
+  instantiate: (di) => {
+    const store = di.inject(userStoreInjectable);
+
+    return computed(() => store.terminalCopyOnSelect);
+  },
+});
+
+export default terminalCopyOnSelectInjectable;
diff --git a/packages/core/src/common/user-store/terminal-theme.injectable.ts b/packages/core/src/common/user-store/terminal-theme.injectable.ts
new file mode 100644
index 0000000000..a0a00c3253
--- /dev/null
+++ b/packages/core/src/common/user-store/terminal-theme.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 { computed } from "mobx";
+import userStoreInjectable from "./user-store.injectable";
+
+export type TerminalThemePreference = {
+  matchLensTheme: true;
+} | {
+  matchLensTheme: false;
+  themeId: string;
+};
+
+const terminalThemePreferenceInjectable = getInjectable({
+  id: "terminal-theme-preference",
+  instantiate: (di) => {
+    const userStore = di.inject(userStoreInjectable);
+
+    return computed((): TerminalThemePreference => {
+      // NOTE: remove use of magic strings
+      if (!userStore.terminalTheme) {
+        return {
+          matchLensTheme: true,
+        };
+      }
+
+      return {
+        matchLensTheme: false,
+        themeId: userStore.terminalTheme,
+      };
+    });
+  },
+});
+
+export default terminalThemePreferenceInjectable;
diff --git a/packages/core/src/common/user-store/user-info.global-override-for-injectable.ts b/packages/core/src/common/user-store/user-info.global-override-for-injectable.ts
new file mode 100644
index 0000000000..21fb26f8a9
--- /dev/null
+++ b/packages/core/src/common/user-store/user-info.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 "../test-utils/get-global-override";
+import userInfoInjectable from "./user-info.injectable";
+
+export default getGlobalOverride(userInfoInjectable, () => ({
+  gid: 1,
+  homedir: "/some-home-dir",
+  shell: "bash",
+  uid: 2,
+  username: "some-user-name",
+}));
diff --git a/packages/core/src/common/user-store/user-info.injectable.ts b/packages/core/src/common/user-store/user-info.injectable.ts
new file mode 100644
index 0000000000..b096da03c5
--- /dev/null
+++ b/packages/core/src/common/user-store/user-info.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 { userInfo } from "os";
+
+const userInfoInjectable = getInjectable({
+  id: "user-info",
+  instantiate: () => userInfo(),
+  causesSideEffects: true,
+});
+
+export default userInfoInjectable;
diff --git a/packages/core/src/common/user-store/user-store.injectable.ts b/packages/core/src/common/user-store/user-store.injectable.ts
new file mode 100644
index 0000000000..3b45b03b1d
--- /dev/null
+++ b/packages/core/src/common/user-store/user-store.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 { UserStore } from "./user-store";
+import selectedUpdateChannelInjectable from "../../features/application-update/common/selected-update-channel/selected-update-channel.injectable";
+import emitAppEventInjectable from "../app-event-bus/emit-event.injectable";
+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 loggerInjectable from "../logger.injectable";
+import storeMigrationVersionInjectable from "../vars/store-migration-version.injectable";
+import storeMigrationsInjectable from "../base-store/migrations.injectable";
+import { userStoreMigrationInjectionToken } from "./migrations-token";
+import { baseStoreIpcChannelPrefixesInjectionToken } from "../base-store/channel-prefix";
+import { shouldBaseStoreDisableSyncInIpcListenerInjectionToken } from "../base-store/disable-sync";
+import { persistStateToConfigInjectionToken } from "../base-store/save-to-file";
+import getBasenameOfPathInjectable from "../path/get-basename.injectable";
+import { enlistMessageChannelListenerInjectionToken } from "../utils/channel/enlist-message-channel-listener-injection-token";
+import userStorePreferenceDescriptorsInjectable from "./preference-descriptors.injectable";
+
+const userStoreInjectable = getInjectable({
+  id: "user-store",
+
+  instantiate: (di) => new UserStore({
+    selectedUpdateChannel: di.inject(selectedUpdateChannelInjectable),
+    emitAppEvent: di.inject(emitAppEventInjectable),
+    directoryForUserData: di.inject(directoryForUserDataInjectable),
+    getConfigurationFileModel: di.inject(getConfigurationFileModelInjectable),
+    logger: di.inject(loggerInjectable),
+    storeMigrationVersion: di.inject(storeMigrationVersionInjectable),
+    migrations: di.inject(storeMigrationsInjectable, userStoreMigrationInjectionToken),
+    getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+    ipcChannelPrefixes: di.inject(baseStoreIpcChannelPrefixesInjectionToken),
+    persistStateToConfig: di.inject(persistStateToConfigInjectionToken),
+    enlistMessageChannelListener: di.inject(enlistMessageChannelListenerInjectionToken),
+    shouldDisableSyncInListener: di.inject(shouldBaseStoreDisableSyncInIpcListenerInjectionToken),
+    preferenceDescriptors: di.inject(userStorePreferenceDescriptorsInjectable),
+  }),
+});
+
+export default userStoreInjectable;
diff --git a/packages/core/src/common/user-store/user-store.ts b/packages/core/src/common/user-store/user-store.ts
new file mode 100644
index 0000000000..8979ba3351
--- /dev/null
+++ b/packages/core/src/common/user-store/user-store.ts
@@ -0,0 +1,155 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, observable, makeObservable, isObservableArray, isObservableSet, isObservableMap } from "mobx";
+import type { BaseStoreDependencies } from "../base-store/base-store";
+import { BaseStore } from "../base-store/base-store";
+import { getOrInsertSet, toggle, toJS, object } from "../../renderer/utils";
+import type { UserPreferencesModel, StoreType } from "./preferences-helpers";
+import type { EmitAppEvent } from "../app-event-bus/emit-event.injectable";
+
+// TODO: Remove coupling with Feature
+import type { SelectedUpdateChannel } from "../../features/application-update/common/selected-update-channel/selected-update-channel.injectable";
+import type { ReleaseChannel } from "../../features/application-update/common/update-channels";
+import type { PreferenceDescriptors } from "./preference-descriptors.injectable";
+
+export interface UserStoreModel {
+  preferences: UserPreferencesModel;
+}
+
+interface Dependencies extends BaseStoreDependencies {
+  readonly selectedUpdateChannel: SelectedUpdateChannel;
+  readonly preferenceDescriptors: PreferenceDescriptors;
+  emitAppEvent: EmitAppEvent;
+}
+
+export class UserStore extends BaseStore<UserStoreModel> /* implements UserStoreFlatModel (when strict null is enabled) */ {
+  constructor(protected readonly dependencies: Dependencies) {
+    super(dependencies, {
+      configName: "lens-user-store",
+    });
+
+    makeObservable(this);
+  }
+
+  /**
+   * @deprecated No longer used
+   */
+  @observable seenContexts = observable.set<string>();
+
+  /**
+   * @deprecated No longer used
+   */
+  @observable newContexts = observable.set<string>();
+
+  @observable allowErrorReporting!: StoreType<PreferenceDescriptors["allowErrorReporting"]>;
+  @observable allowUntrustedCAs!: StoreType<PreferenceDescriptors["allowUntrustedCAs"]>;
+  @observable colorTheme!: StoreType<PreferenceDescriptors["colorTheme"]>;
+  @observable terminalTheme!: StoreType<PreferenceDescriptors["terminalTheme"]>;
+  @observable localeTimezone!: StoreType<PreferenceDescriptors["localeTimezone"]>;
+  @observable downloadMirror!: StoreType<PreferenceDescriptors["downloadMirror"]>;
+  @observable httpsProxy!: StoreType<PreferenceDescriptors["httpsProxy"]>;
+  @observable shell!: StoreType<PreferenceDescriptors["shell"]>;
+  @observable downloadBinariesPath!: StoreType<PreferenceDescriptors["downloadBinariesPath"]>;
+  @observable kubectlBinariesPath!: StoreType<PreferenceDescriptors["kubectlBinariesPath"]>;
+  @observable terminalCopyOnSelect!: StoreType<PreferenceDescriptors["terminalCopyOnSelect"]>;
+  @observable terminalConfig!: StoreType<PreferenceDescriptors["terminalConfig"]>;
+  @observable extensionRegistryUrl!: StoreType<PreferenceDescriptors["extensionRegistryUrl"]>;
+
+  /**
+   * Download kubectl binaries matching cluster version
+   */
+  @observable downloadKubectlBinaries!: StoreType<PreferenceDescriptors["downloadKubectlBinaries"]>;
+
+  /**
+   * Whether the application should open itself at login.
+   */
+  @observable openAtLogin!: StoreType<PreferenceDescriptors["openAtLogin"]>;
+
+  /**
+   * The column IDs under each configurable table ID that have been configured
+   * to not be shown
+   */
+  @observable hiddenTableColumns!: StoreType<PreferenceDescriptors["hiddenTableColumns"]>;
+
+  /**
+   * Monaco editor configs
+   */
+  @observable editorConfiguration!: StoreType<PreferenceDescriptors["editorConfiguration"]>;
+
+  /**
+   * The set of file/folder paths to be synced
+   */
+  @observable syncKubeconfigEntries!: StoreType<PreferenceDescriptors["syncKubeconfigEntries"]>;
+
+  /**
+   * Checks if a column (by ID) for a table (by ID) is configured to be hidden
+   * @param tableId The ID of the table to be checked against
+   * @param columnIds The list of IDs the check if one is hidden
+   * @returns true if at least one column under the table is set to hidden
+   */
+  isTableColumnHidden(tableId: string, ...columnIds: (string | undefined)[]): boolean {
+    if (columnIds.length === 0) {
+      return false;
+    }
+
+    const config = this.hiddenTableColumns.get(tableId);
+
+    if (!config) {
+      return false;
+    }
+
+    return columnIds.some(columnId => columnId && config.has(columnId));
+  }
+
+  /**
+   * Toggles the hidden configuration of a table's column
+   */
+  toggleTableColumnVisibility(tableId: string, columnId: string) {
+    toggle(getOrInsertSet(this.hiddenTableColumns, tableId), columnId);
+  }
+
+  @action
+  resetTheme() {
+    this.colorTheme = this.dependencies.preferenceDescriptors.colorTheme.fromStore(undefined);
+  }
+
+  @action
+  protected fromStore({ preferences }: Partial<UserStoreModel> = {}) {
+    this.dependencies.logger.debug("UserStore.fromStore()", { preferences });
+
+    for (const [key, { fromStore }] of object.entries(this.dependencies.preferenceDescriptors)) {
+      const curVal = this[key];
+      const newVal = fromStore((preferences)?.[key] as never) as never;
+
+      if (isObservableArray(curVal)) {
+        curVal.replace(newVal);
+      } else if (isObservableSet(curVal) || isObservableMap(curVal)) {
+        curVal.replace(newVal);
+      } else {
+        this[key] = newVal;
+      }
+    }
+
+    // TODO: Switch to action-based saving instead saving stores by reaction
+    if (preferences?.updateChannel) {
+      this.dependencies.selectedUpdateChannel.setValue(preferences?.updateChannel as ReleaseChannel);
+    }
+  }
+
+  toJSON(): UserStoreModel {
+    const preferences = object.fromEntries(
+      object.entries(this.dependencies.preferenceDescriptors)
+        .map(([key, { toStore }]) => [key, toStore(this[key] as never)]),
+    ) as UserPreferencesModel;
+
+    return toJS({
+      preferences: {
+        ...preferences,
+        updateChannel: this.dependencies.selectedUpdateChannel.value.get().id,
+      },
+    });
+  }
+}
diff --git a/packages/core/src/common/utils/__tests__/cluster-id-url-parsing.test.ts b/packages/core/src/common/utils/__tests__/cluster-id-url-parsing.test.ts
new file mode 100644
index 0000000000..3a4ccf605b
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/cluster-id-url-parsing.test.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 { getClusterIdFromHost } from "../cluster-id-url-parsing";
+
+describe("getClusterIdFromHost", () => {
+  const clusterFakeId = "fe540901-0bd6-4f6c-b472-bce1559d7c4a";
+
+  it("should return undefined for non cluster frame hosts", () => {
+    expect(getClusterIdFromHost("lens.app:45345")).toBeUndefined();
+  });
+
+  it("should return ClusterId for cluster frame hosts", () => {
+    expect(getClusterIdFromHost(`${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+  });
+
+  it("should return ClusterId for cluster frame hosts with additional subdomains", () => {
+    expect(getClusterIdFromHost(`abc.${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+    expect(getClusterIdFromHost(`abc.def.${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+    expect(getClusterIdFromHost(`abc.def.ghi.${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+    expect(getClusterIdFromHost(`abc.def.ghi.jkl.${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+    expect(getClusterIdFromHost(`abc.def.ghi.jkl.mno.${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+    expect(getClusterIdFromHost(`abc.def.ghi.jkl.mno.pqr.${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+    expect(getClusterIdFromHost(`abc.def.ghi.jkl.mno.pqr.stu.${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+    expect(getClusterIdFromHost(`abc.def.ghi.jkl.mno.pqr.stu.vwx.${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+    expect(getClusterIdFromHost(`abc.def.ghi.jkl.mno.pqr.stu.vwx.yz.${clusterFakeId}.lens.app:59110`)).toBe(clusterFakeId);
+  });
+});
diff --git a/packages/core/src/common/utils/__tests__/convert-memory.test.ts b/packages/core/src/common/utils/__tests__/convert-memory.test.ts
new file mode 100644
index 0000000000..c69f43a061
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/convert-memory.test.ts
@@ -0,0 +1,128 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { bytesToUnits, unitsToBytes } from "../convertMemory";
+
+describe("unitsToBytes", () => {
+  it("without any units, just parse as float", () => {
+    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();
+  });
+
+  it("given unrelated data, but has number, return that", () => {
+    expect(unitsToBytes("I am not a number, but this is 0.1")).toBe(0.1);
+  });
+});
+
+describe("bytesToUnits", () => {
+  it("should return N/A for invalid bytes", () => {
+    expect(bytesToUnits(-1)).toBe("N/A");
+    expect(bytesToUnits(Infinity)).toBe("N/A");
+    expect(bytesToUnits(NaN)).toBe("N/A");
+  });
+
+  it("given a number within the magnitude of 0..124, format with B", () => {
+    expect(bytesToUnits(100)).toBe("100.0B");
+  });
+
+  it("given a number within the magnitude of 1024..1024^2, format with KiB", () => {
+    expect(bytesToUnits(1024)).toBe("1.0KiB");
+    expect(bytesToUnits(2048)).toBe("2.0KiB");
+    expect(bytesToUnits(1900)).toBe("1.9KiB");
+    expect(bytesToUnits(50*1024 + 1)).toBe("50.0KiB");
+  });
+
+  it("given a number within the magnitude of 1024^2..1024^3, format with MiB", () => {
+    expect(bytesToUnits(1024**2)).toBe("1.0MiB");
+    expect(bytesToUnits(2048**2)).toBe("4.0MiB");
+    expect(bytesToUnits(1900 * 1024)).toBe("1.9MiB");
+    expect(bytesToUnits(50*(1024 ** 2) + 1)).toBe("50.0MiB");
+  });
+
+  it("given a number within the magnitude of 1024^3..1024^4, format with GiB", () => {
+    expect(bytesToUnits(1024**3)).toBe("1.0GiB");
+    expect(bytesToUnits(2048**3)).toBe("8.0GiB");
+    expect(bytesToUnits(1900 * 1024 ** 2)).toBe("1.9GiB");
+    expect(bytesToUnits(50*(1024 ** 3) + 1)).toBe("50.0GiB");
+  });
+
+  it("given a number within the magnitude of 1024^4..1024^5, format with TiB", () => {
+    expect(bytesToUnits(1024**4)).toBe("1.0TiB");
+    expect(bytesToUnits(2048**4)).toBe("16.0TiB");
+    expect(bytesToUnits(1900 * 1024 ** 3)).toBe("1.9TiB");
+    expect(bytesToUnits(50*(1024 ** 4) + 1)).toBe("50.0TiB");
+  });
+
+  it("given a number within the magnitude of 1024^5..1024^6, format with PiB", () => {
+    expect(bytesToUnits(1024**5)).toBe("1.0PiB");
+    expect(bytesToUnits(2048**5)).toBe("32.0PiB");
+    expect(bytesToUnits(1900 * 1024 ** 4)).toBe("1.9PiB");
+    expect(bytesToUnits(50*(1024 ** 5) + 1)).toBe("50.0PiB");
+  });
+});
+
+describe("bytesToUnits -> unitsToBytes", () => {
+  it("given an input, round trip to the same value, given enough precision", () => {
+    expect(unitsToBytes(bytesToUnits(123))).toBe(123);
+    expect(unitsToBytes(bytesToUnits(1024**0 + 1, { precision: 2 }))).toBe(1024**0 + 1);
+    expect(unitsToBytes(bytesToUnits(1024**1 + 2, { precision: 3 }))).toBe(1024**1 + 2);
+    expect(unitsToBytes(bytesToUnits(1024**2 + 3, { precision: 6 }))).toBe(1024**2 + 3);
+    expect(unitsToBytes(bytesToUnits(1024**3 + 4, { precision: 9 }))).toBe(1024**3 + 4);
+    expect(unitsToBytes(bytesToUnits(1024**4 + 5, { precision: 12 }))).toBe(1024**4 + 5);
+    expect(unitsToBytes(bytesToUnits(1024**5 + 6, { precision: 16 }))).toBe(1024**5 + 6);
+    expect(unitsToBytes(bytesToUnits(1024**6 + 7, { precision: 20 }))).toBe(1024**6 + 7);
+  });
+
+  it("given an invalid input, round trips to NaN", () => {
+    expect(unitsToBytes(bytesToUnits(-1))).toBeNaN();
+  });
+});
diff --git a/packages/core/src/common/utils/__tests__/formatDuration.test.ts b/packages/core/src/common/utils/__tests__/formatDuration.test.ts
new file mode 100644
index 0000000000..3c42db9060
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/formatDuration.test.ts
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import moment from "moment";
+import { formatDuration } from "../formatDuration";
+
+const second = 1000;
+const minute = 60 * second;
+const hour = 60 * minute;
+const day = 24 * hour;
+const year = 365 * day;
+
+describe("human format durations", () => {
+  test("small duration should output something", () => {
+    expect(formatDuration(1)).toBe("0s");
+    expect(formatDuration(3)).toBe("0s");
+  });
+
+  test("returns seconds for duration under 1 min", () => {
+    const res = formatDuration(8 * second);
+
+    expect(res).toBe("8s");
+  });
+
+  test("zero duration should output something", () => {
+    expect(formatDuration(0)).toBe("0s");
+  });
+
+  describe("when compact is true", () => {
+
+    test("duration under 3 hours return minutes", () => {
+      const res = formatDuration(1 * hour + 35 * minute);
+
+      expect(res).toBe("95m");
+    });
+
+    test("duration under 8 hours return hours and minutes", () => {
+      const res = formatDuration(6 * hour + 15 * minute + 20 * second);
+
+      expect(res).toBe("6h15m");
+    });
+
+    test("duration under 48 hours return hours", () => {
+      const res = formatDuration(1 * day + 4 * hour + 15 * minute);
+
+      expect(res).toBe("28h");
+    });
+
+    test("duration under 2 years return days", () => {
+      const res = formatDuration(400 * day + 4 * hour + 15 * minute);
+
+      expect(res).toBe("400d");
+    });
+
+    test("durations less than 8 years returns years and days", () => {
+      const timeValue = new Date(2020, 0, 10, 12, 0, 0, 0).getTime() - new Date(2018, 0, 4, 12, 0, 0, 0).getTime();
+
+      const res = formatDuration(timeValue);
+
+      expect(res).toBe("2y5d");
+    });
+
+    test("durations more than 8 years returns years", () => {
+      const timeValue = Date.now() - new Date(moment().subtract(9, "years").subtract(5, "days").toDate()).getTime();
+
+      const res = formatDuration(timeValue);
+
+      expect(res).toBe("9y");
+    });
+
+    test("durations more than 8 years returns years", () => {
+      const res = formatDuration(10 * year + 25 * day);
+
+      expect(res).toBe("10y");
+    });
+    test("durations shouldn't include zero magnitude parts", () => {
+      const zeroSeconds = formatDuration(8 * minute);
+
+      expect(zeroSeconds).toBe("8m");
+
+      const zeroMinutes = formatDuration(8 * hour + 15 * minute);
+
+      expect(zeroMinutes).toBe("8h");
+
+      const zeroHours = formatDuration(6 * day + 2 * minute);
+
+      expect(zeroHours).toBe("6d");
+
+    });
+  });
+
+});
diff --git a/packages/core/src/common/utils/__tests__/hash-set.test.ts b/packages/core/src/common/utils/__tests__/hash-set.test.ts
new file mode 100644
index 0000000000..4e78a1ca4c
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/hash-set.test.ts
@@ -0,0 +1,512 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { HashSet, ObservableHashSet } from "../hash-set";
+
+describe("ObservableHashSet<T>", () => {
+  it("should not throw on creation", () => {
+    expect(() => new ObservableHashSet<{ a: number }>([], item => item.a.toString())).not.toThrowError();
+  });
+
+  it("should be initializable", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.size).toBe(4);
+  });
+
+  it("has should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 1 })).toBe(true);
+    expect(res.has({ a: 5 })).toBe(false);
+  });
+
+  it("forEach should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    let a = 1;
+
+    res.forEach((item) => {
+      expect(item.a).toEqual(a++);
+    });
+  });
+
+  it("delete should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 1 })).toBe(true);
+    expect(res.delete({ a: 1 })).toBe(true);
+    expect(res.has({ a: 1 })).toBe(false);
+
+    expect(res.has({ a: 5 })).toBe(false);
+    expect(res.delete({ a: 5 })).toBe(false);
+    expect(res.has({ a: 5 })).toBe(false);
+  });
+
+  it("toggle should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 1 })).toBe(true);
+    res.toggle({ a: 1 });
+    expect(res.has({ a: 1 })).toBe(false);
+
+    expect(res.has({ a: 6 })).toBe(false);
+    res.toggle({ a: 6 });
+    expect(res.has({ a: 6 })).toBe(true);
+  });
+
+  it("add should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 6 })).toBe(false);
+    res.add({ a: 6 });
+    expect(res.has({ a: 6 })).toBe(true);
+  });
+
+  it("add should treat the hash to be the same as equality", () => {
+    const res = new ObservableHashSet([
+      { a: 1, foobar: "hello" },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 1 })).toBe(true);
+    res.add({ a: 1, foobar: "goodbye" });
+    expect(res.has({ a: 1 })).toBe(true);
+  });
+
+  it("clear should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.size).toBe(4);
+    res.clear();
+    expect(res.size).toBe(0);
+  });
+
+  it("replace should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.size).toBe(4);
+    res.replace([{ a: 13 }]);
+    expect(res.size).toBe(1);
+    expect(res.has({ a: 1 })).toBe(false);
+    expect(res.has({ a: 13 })).toBe(true);
+  });
+
+  it("toJSON should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.toJSON()).toStrictEqual([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ]);
+  });
+
+  it("values should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+    const iter = res.values();
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 1 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 2 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 3 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 4 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: undefined,
+      done: true,
+    });
+  });
+
+  it("keys should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+    const iter = res.keys();
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 1 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 2 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 3 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 4 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: undefined,
+      done: true,
+    });
+  });
+
+  it("entries should work as expected", () => {
+    const res = new ObservableHashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+    const iter = res.entries();
+
+    expect(iter.next()).toStrictEqual({
+      value: [{ a: 1 }, { a: 1 }],
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: [{ a: 2 }, { a: 2 }],
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: [{ a: 3 }, { a: 3 }],
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: [{ a: 4 }, { a: 4 }],
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: undefined,
+      done: true,
+    });
+  });
+});
+
+describe("HashSet<T>", () => {
+  it("should not throw on creation", () => {
+    expect(() => new HashSet<{ a: number }>([], item => item.a.toString())).not.toThrowError();
+  });
+
+  it("should be initializable", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.size).toBe(4);
+  });
+
+  it("has should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 1 })).toBe(true);
+    expect(res.has({ a: 5 })).toBe(false);
+  });
+
+  it("forEach should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    let a = 1;
+
+    res.forEach((item) => {
+      expect(item.a).toEqual(a++);
+    });
+  });
+
+  it("delete should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 1 })).toBe(true);
+    expect(res.delete({ a: 1 })).toBe(true);
+    expect(res.has({ a: 1 })).toBe(false);
+
+    expect(res.has({ a: 5 })).toBe(false);
+    expect(res.delete({ a: 5 })).toBe(false);
+    expect(res.has({ a: 5 })).toBe(false);
+  });
+
+  it("toggle should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 1 })).toBe(true);
+    res.toggle({ a: 1 });
+    expect(res.has({ a: 1 })).toBe(false);
+
+    expect(res.has({ a: 6 })).toBe(false);
+    res.toggle({ a: 6 });
+    expect(res.has({ a: 6 })).toBe(true);
+  });
+
+  it("add should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 6 })).toBe(false);
+    res.add({ a: 6 });
+    expect(res.has({ a: 6 })).toBe(true);
+  });
+
+  it("add should treat the hash to be the same as equality", () => {
+    const res = new HashSet([
+      { a: 1, foobar: "hello" },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.has({ a: 1 })).toBe(true);
+    res.add({ a: 1, foobar: "goodbye" });
+    expect(res.has({ a: 1 })).toBe(true);
+  });
+
+  it("clear should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.size).toBe(4);
+    res.clear();
+    expect(res.size).toBe(0);
+  });
+
+  it("replace should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.size).toBe(4);
+    res.replace([{ a: 13 }]);
+    expect(res.size).toBe(1);
+    expect(res.has({ a: 1 })).toBe(false);
+    expect(res.has({ a: 13 })).toBe(true);
+  });
+
+  it("toJSON should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+
+    expect(res.toJSON()).toStrictEqual([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ]);
+  });
+
+  it("values should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+    const iter = res.values();
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 1 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 2 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 3 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 4 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: undefined,
+      done: true,
+    });
+  });
+
+  it("keys should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+    const iter = res.keys();
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 1 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 2 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 3 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: { a: 4 },
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: undefined,
+      done: true,
+    });
+  });
+
+  it("entries should work as expected", () => {
+    const res = new HashSet([
+      { a: 1 },
+      { a: 2 },
+      { a: 3 },
+      { a: 4 },
+    ], item => item.a.toString());
+    const iter = res.entries();
+
+    expect(iter.next()).toStrictEqual({
+      value: [{ a: 1 }, { a: 1 }],
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: [{ a: 2 }, { a: 2 }],
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: [{ a: 3 }, { a: 3 }],
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: [{ a: 4 }, { a: 4 }],
+      done: false,
+    });
+
+    expect(iter.next()).toStrictEqual({
+      value: undefined,
+      done: true,
+    });
+  });
+});
diff --git a/packages/core/src/common/utils/__tests__/iter.test.ts b/packages/core/src/common/utils/__tests__/iter.test.ts
new file mode 100644
index 0000000000..e41894e662
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/iter.test.ts
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { join, nth, reduce } from "../iter";
+
+describe("iter", () => {
+  describe("reduce", () => {
+    it("can reduce a value", () => {
+      expect(reduce([1, 2, 3], (acc: number[], current: number) => [current, ...acc], [0])).toEqual([3, 2, 1, 0]);
+    });
+
+    it("can reduce an empty iterable", () => {
+      expect(reduce([], (acc: number[], current: number) => [acc[0] + current], [])).toEqual([]);
+    });
+  });
+
+  describe("join", () => {
+    it("should not prefix the output by the seperator", () => {
+      expect(join(["a", "b", "c"].values(), " ")).toBe("a b c");
+    });
+
+    it("should return empty string if iterator is empty", () => {
+      expect(join([].values(), " ")).toBe("");
+    });
+
+    it("should return just first entry if iterator is of size 1", () => {
+      expect(join(["d"].values(), " ")).toBe("d");
+    });
+  });
+
+  describe("nth", () => {
+    it("should return undefined past the end of the iterator", () => {
+      expect(nth(["a"], 123)).toBeUndefined();
+    });
+
+    it("should by 0-indexing the index", () => {
+      expect(nth(["a", "b"], 0)).toBe("a");
+    });
+  });
+});
diff --git a/packages/core/src/common/utils/__tests__/n-fircate.test.ts b/packages/core/src/common/utils/__tests__/n-fircate.test.ts
new file mode 100644
index 0000000000..7e6f84a095
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/n-fircate.test.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 { nFircate } from "../n-fircate";
+
+describe("nFircate", () => {
+  it("should produce an empty array if no parts are provided", () => {
+    expect(nFircate([{ a: 1 }, { a: 2 }], "a", []).length).toBe(0);
+  });
+
+  it("should ignore non-matching parts", () => {
+    const res = nFircate([{ a: 1 }, { a: 2 }], "a", [1]);
+
+    expect(res.length).toBe(1);
+    expect(res[0].length).toBe(1);
+  });
+
+  it("should include all matching parts in each type", () => {
+    const res = nFircate([{ a: 1, b: "a" }, { a: 2, b: "b" }, { a: 1, b: "c" }], "a", [1, 2]);
+
+    expect(res.length).toBe(2);
+    expect(res[0].length).toBe(2);
+    expect(res[0][0].b).toBe("a");
+    expect(res[0][1].b).toBe("c");
+    expect(res[1].length).toBe(1);
+    expect(res[1][0].b).toBe("b");
+  });
+
+  it("should throw a type error if the same part is provided more than once", () => {
+    try {
+      nFircate([{ a: 1, b: "a" }, { a: 2, b: "b" }, { a: 1, b: "c" }], "a", [1, 2, 1]);
+      fail("Expected error");
+    } catch (error) {
+      expect(error).toBeInstanceOf(TypeError);
+    }
+  });
+});
diff --git a/packages/core/src/common/utils/__tests__/paths.test.ts b/packages/core/src/common/utils/__tests__/paths.test.ts
new file mode 100644
index 0000000000..5a52843432
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/paths.test.ts
@@ -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 { DiContainer } from "@ogre-tools/injectable";
+import path from "path";
+import { getDiForUnitTesting } from "../../../main/getDiForUnitTesting";
+import getAbsolutePathInjectable from "../../path/get-absolute-path.injectable";
+import getDirnameOfPathInjectable from "../../path/get-dirname.injectable";
+import type { IsLogicalChildPath } from "../../path/is-logical-child-path.injectable";
+import isLogicalChildPathInjectable from "../../path/is-logical-child-path.injectable";
+
+describe("isLogicalChildPath", () => {
+  let di: DiContainer;
+  let isLogicalChildPath: IsLogicalChildPath;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting();
+  });
+
+  describe("when using win32 paths", () => {
+    beforeEach(() => {
+      di.override(getAbsolutePathInjectable, () => path.win32.resolve);
+      di.override(getDirnameOfPathInjectable, () => path.win32.dirname);
+      isLogicalChildPath = di.inject(isLogicalChildPathInjectable);
+    });
+
+    it.each([
+      {
+        parentPath: "C:\\Foo",
+        testPath: "C:\\Foo\\Bar",
+        expected: true,
+      },
+      {
+        parentPath: "C:\\Foo",
+        testPath: "C:\\Bar",
+        expected: false,
+      },
+      {
+        parentPath: "C:\\Foo",
+        testPath: "C:/Bar",
+        expected: false,
+      },
+      {
+        parentPath: "C:\\Foo",
+        testPath: "C:/Foo/Bar",
+        expected: true,
+      },
+      {
+        parentPath: "C:\\Foo",
+        testPath: "D:\\Foo\\Bar",
+        expected: false,
+      },
+    ])("test %#", (testData) => {
+      expect(isLogicalChildPath(testData.parentPath, testData.testPath)).toBe(testData.expected);
+    });
+  });
+
+  describe("when using posix paths", () => {
+    beforeEach(() => {
+      di.override(getAbsolutePathInjectable, () => path.posix.resolve);
+      di.override(getDirnameOfPathInjectable, () => path.posix.dirname);
+      isLogicalChildPath = di.inject(isLogicalChildPathInjectable);
+    });
+
+    it.each([
+      {
+        parentPath: "/foo",
+        testPath: "/foo",
+        expected: false,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/bar",
+        expected: false,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/foobar",
+        expected: false,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/foo/bar",
+        expected: true,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/foo/../bar",
+        expected: false,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/foo/./bar",
+        expected: true,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/foo/.bar",
+        expected: true,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/foo/..bar",
+        expected: true,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/foo/...bar",
+        expected: true,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/foo/..\\.bar",
+        expected: true,
+      },
+      {
+        parentPath: "/bar/../foo",
+        testPath: "/foo/bar",
+        expected: true,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "/foo/\\bar",
+        expected: true,
+      },
+      {
+        parentPath: "/foo",
+        testPath: "./bar",
+        expected: false,
+      },
+    ])("test %#", (testData) => {
+      expect(isLogicalChildPath(testData.parentPath, testData.testPath)).toBe(testData.expected);
+    });
+  });
+});
diff --git a/packages/core/src/common/utils/__tests__/splitArray.test.ts b/packages/core/src/common/utils/__tests__/splitArray.test.ts
new file mode 100644
index 0000000000..038d4731d8
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/splitArray.test.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 { bifurcateArray, splitArray } from "../splitArray";
+
+describe("split array on element tests", () => {
+  it("empty array", () => {
+    expect(splitArray([], 10)).toStrictEqual([[], [], false]);
+  });
+
+  it("one element, not in array", () => {
+    expect(splitArray([1], 10)).toStrictEqual([[1], [], false]);
+  });
+
+  it("ten elements, not in array", () => {
+    expect(splitArray([0, 1, 2, 3, 4, 5, 6, 7, 8, 9], 10)).toStrictEqual([[0, 1, 2, 3, 4, 5, 6, 7, 8, 9], [], false]);
+  });
+
+  it("one elements, in array", () => {
+    expect(splitArray([1], 1)).toStrictEqual([[], [], true]);
+  });
+
+  it("ten elements, in front array", () => {
+    expect(splitArray([0, 1, 2, 3, 4, 5, 6, 7, 8, 9], 0)).toStrictEqual([[], [1, 2, 3, 4, 5, 6, 7, 8, 9], true]);
+  });
+
+  it("ten elements, in middle array", () => {
+    expect(splitArray([0, 1, 2, 3, 4, 5, 6, 7, 8, 9], 4)).toStrictEqual([[0, 1, 2, 3], [5, 6, 7, 8, 9], true]);
+  });
+
+  it("ten elements, in end array", () => {
+    expect(splitArray([0, 1, 2, 3, 4, 5, 6, 7, 8, 9], 9)).toStrictEqual([[0, 1, 2, 3, 4, 5, 6, 7, 8], [], true]);
+  });
+});
+
+describe("bifurcateArray", () => {
+  it("should return tuple of empty arrays from empty array", () => {
+    const [left, right] = bifurcateArray([], () => true);
+
+    expect(left).toStrictEqual([]);
+    expect(right).toStrictEqual([]);
+  });
+
+  it("should return all true condition returning items in the right array", () => {
+    const [left, right] = bifurcateArray([1, 2, 3], () => true);
+
+    expect(left).toStrictEqual([]);
+    expect(right).toStrictEqual([1, 2, 3]);
+  });
+
+  it("should return all false condition returning items in the right array", () => {
+    const [left, right] = bifurcateArray([1, 2, 3], () => false);
+
+    expect(left).toStrictEqual([1, 2, 3]);
+    expect(right).toStrictEqual([]);
+  });
+
+  it("should split array as specified", () => {
+    const [left, right] = bifurcateArray([1, 2, 3], (i) => Boolean(i % 2));
+
+    expect(left).toStrictEqual([2]);
+    expect(right).toStrictEqual([1, 3]);
+  });
+});
diff --git a/packages/core/src/common/utils/__tests__/toJS.test.ts b/packages/core/src/common/utils/__tests__/toJS.test.ts
new file mode 100644
index 0000000000..1704ed7e25
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/toJS.test.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 { isObservable, observable } from "mobx";
+import { toJS } from "../toJS";
+
+describe("utils/toJS(data: any)", () => {
+  const y = { y: 2 };
+
+  const data = observable({ x: 1, y }, {}, {
+    deep: false, // this will keep ref to "y"
+  });
+  const data2 = {
+    x: 1,  // partially observable
+    y: observable(y),
+  };
+
+  test("converts mobx-observable to corresponding js struct with links preserving", () => {
+    expect(toJS(data).y).toBe(y);
+    expect(isObservable(toJS(data).y)).toBeFalsy();
+  });
+
+  test("converts partially observable js struct", () => {
+    expect(toJS(data2).y).not.toBe(y);
+    expect(toJS(data2).y).toEqual(y);
+    expect(isObservable(toJS(data2).y)).toBeFalsy();
+  });
+});
diff --git a/packages/core/src/common/utils/__tests__/tuple.test.ts b/packages/core/src/common/utils/__tests__/tuple.test.ts
new file mode 100644
index 0000000000..73a4ae1e25
--- /dev/null
+++ b/packages/core/src/common/utils/__tests__/tuple.test.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 { tuple } from "../../utils";
+
+describe("tuple tests", () => {
+  describe("zip()", () => {
+    it("should yield 0 times and return 1 tuple of empty arrays when given empty array", () => {
+      expect(tuple.zip([]).next()).toEqual({
+        done: true,
+        value: [[]],
+      });
+    });
+
+    it("should yield 1 times and return 2 tuple of empty arrays when given one element array tuples", () => {
+      const i = tuple.zip([1], [2]);
+
+      expect(i.next()).toEqual({
+        done: false,
+        value: [1, 2],
+      });
+      expect(i.next()).toEqual({
+        done: true,
+        value: [[], []],
+      });
+    });
+
+    it("should yield 1 times and return 2 tuple of partial arrays when given one element array tuples", () => {
+      const i = tuple.zip([1], [2, 3]);
+
+      expect(i.next()).toEqual({
+        done: false,
+        value: [1, 2],
+      });
+      expect(i.next()).toEqual({
+        done: true,
+        value: [[], [3]],
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/utils/__tests__/union-env-path.test.ts b/packages/core/src/common/utils/__tests__/union-env-path.test.ts
new file mode 100644
index 0000000000..ff8ca916d2
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/utils/abort-controller.ts b/packages/core/src/common/utils/abort-controller.ts
new file mode 100644
index 0000000000..b062fce487
--- /dev/null
+++ b/packages/core/src/common/utils/abort-controller.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 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 | undefined) {
+    super();
+
+    parent?.signal.addEventListener("abort", () => {
+      this.abort();
+    });
+  }
+}
+
+export function setTimeoutFor(controller: AbortController, timeout: number): void {
+  const handle = setTimeout(() => controller.abort(), timeout);
+
+  controller.signal.addEventListener("abort", () => clearTimeout(handle));
+}
diff --git a/packages/core/src/common/utils/add-separator/add-separator.test.ts b/packages/core/src/common/utils/add-separator/add-separator.test.ts
new file mode 100644
index 0000000000..8a45b45739
--- /dev/null
+++ b/packages/core/src/common/utils/add-separator/add-separator.test.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 { addSeparator } from "./add-separator";
+
+describe("add-separator", () => {
+  it("given multiple items, adds separators", () => {
+    const items = ["first", "second", "third"];
+
+    const actual = addSeparator((left, right) => `separator-between-${left}-and-${right}`, items);
+
+    expect(actual).toEqual([
+      "first",
+      "separator-between-first-and-second",
+      "second",
+      "separator-between-second-and-third",
+      "third",
+    ]);
+  });
+
+  it("given multiple items including falsy ones, adds separators", () => {
+    const items = [false, undefined, null, NaN];
+
+    const actual = addSeparator((left, right) => `separator-between-${left}-and-${right}`, items);
+
+    expect(actual).toEqual([
+      false,
+      "separator-between-false-and-undefined",
+      undefined,
+      "separator-between-undefined-and-null",
+      null,
+      "separator-between-null-and-NaN",
+      NaN,
+    ]);
+  });
+
+  it("given no items, does not add separator", () => {
+    const items: any[] = [];
+
+    const actual = addSeparator(() => "separator", items);
+
+    expect(actual).toEqual([]);
+  });
+
+  it("given one item, does not add separator", () => {
+    const items = ["first"];
+
+    const actual = addSeparator(() => "separator", items);
+
+    expect(actual).toEqual(["first"]);
+  });
+});
diff --git a/packages/core/src/common/utils/add-separator/add-separator.ts b/packages/core/src/common/utils/add-separator/add-separator.ts
new file mode 100644
index 0000000000..6fd6b14642
--- /dev/null
+++ b/packages/core/src/common/utils/add-separator/add-separator.ts
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export type GetSeparator<Item, Separator> = (left: Item, right: Item) => Separator;
+
+export const addSeparator = <Item, Separator>(
+  getSeparator: GetSeparator<Item, Separator>,
+  items: Item[],
+) => items.flatMap(toSeparatedTupleUsing(getSeparator));
+
+const toSeparatedTupleUsing =
+  <Item, Separator>(getSeparator: GetSeparator<Item, Separator>) =>
+    (leftItem: Item, index: number, arr: Item[]) => {
+      const itemIsLast = arr.length === index + 1;
+
+      if (itemIsLast) {
+        return [leftItem];
+      }
+
+      const rightItem = arr[index + 1];
+      const separator = getSeparator(leftItem, rightItem);
+
+      return [leftItem, separator];
+    };
diff --git a/packages/core/src/common/utils/array.ts b/packages/core/src/common/utils/array.ts
new file mode 100644
index 0000000000..b9071c33ec
--- /dev/null
+++ b/packages/core/src/common/utils/array.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * A inference typed version of `Array(length).fill(value)`
+ * @param length The number of entries
+ * @param value The value of each of the indices
+ */
+export function filled<T>(length: number, value: T): T[] {
+  return Array(length).fill(value);
+}
diff --git a/packages/core/src/common/utils/async-result.ts b/packages/core/src/common/utils/async-result.ts
new file mode 100644
index 0000000000..69927f3275
--- /dev/null
+++ b/packages/core/src/common/utils/async-result.ts
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export type AsyncResult<Response, Error = string> =
+  | (
+    Response extends void
+    ? { callWasSuccessful: true; response?: undefined }
+    : { callWasSuccessful: true; response: Response }
+  )
+  | { callWasSuccessful: false; error: Error };
diff --git a/packages/core/src/common/utils/autobind.ts b/packages/core/src/common/utils/autobind.ts
new file mode 100644
index 0000000000..49feb435e3
--- /dev/null
+++ b/packages/core/src/common/utils/autobind.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 { Options } from "auto-bind";
+import autoBindClass from "auto-bind";
+import autoBindReactClass from "auto-bind/react";
+import React from "react";
+
+// Automatically bind methods to their class instance
+export function autoBind<T extends object>(obj: T, opts?: Options): T {
+  if (obj instanceof React.Component) {
+    return autoBindReactClass(obj, opts);
+  }
+
+  return autoBindClass(obj, opts);
+}
diff --git a/packages/core/src/common/utils/base64.ts b/packages/core/src/common/utils/base64.ts
new file mode 100755
index 0000000000..c55a5de6a7
--- /dev/null
+++ b/packages/core/src/common/utils/base64.ts
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Encode/decode utf-8 base64 string
+import * as Base64 from "crypto-js/enc-base64";
+import * as Utf8 from "crypto-js/enc-utf8";
+
+/**
+ * Computes utf-8 from base64
+ * @param data A Base64 encoded string
+ * @returns The original utf-8 string
+ */
+export function decode(data: string): string {
+  return Base64.parse(data).toString(Utf8);
+}
+
+/**
+ * Computes base64 from utf-8
+ * @param data A normal string
+ * @returns A base64 encoded version
+ */
+export function encode(data: string): string {
+  return Utf8.parse(data).toString(Base64);
+}
diff --git a/packages/core/src/common/utils/binary-name.injectable.ts b/packages/core/src/common/utils/binary-name.injectable.ts
new file mode 100644
index 0000000000..d240b3aae0
--- /dev/null
+++ b/packages/core/src/common/utils/binary-name.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, lifecycleEnum } from "@ogre-tools/injectable";
+import normalizedPlatformInjectable from "../vars/normalized-platform.injectable";
+
+const binaryNameInjectable = getInjectable({
+  id: "binary-name",
+  instantiate: (di, binaryName) => {
+    const normalizedPlatform = di.inject(normalizedPlatformInjectable);
+
+    if (normalizedPlatform === "windows") {
+      return `${binaryName}.exe`;
+    }
+
+    return binaryName;
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, binaryName: string) => binaryName,
+  }),
+});
+
+export default binaryNameInjectable;
diff --git a/packages/core/src/common/utils/buildUrl.ts b/packages/core/src/common/utils/buildUrl.ts
new file mode 100644
index 0000000000..82d114cd08
--- /dev/null
+++ b/packages/core/src/common/utils/buildUrl.ts
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { compile } from "path-to-regexp";
+import type { RouteProps } from "react-router";
+import { isDefined } from "./type-narrowing";
+
+export interface UrlRouteProps extends RouteProps {
+  path: string;
+}
+
+export interface URLParams<P extends object = {}, Q extends object = {}> {
+  params?: P;
+  query?: Q;
+  fragment?: string;
+}
+
+export function buildURL<P extends object = {}, Q extends object = {}>(path: string, { params, query, fragment }: URLParams<P, Q> = {}) {
+  const pathBuilder = compile(String(path));
+
+  const queryParams = query ? new URLSearchParams(Object.entries(query)).toString() : "";
+  const parts = [
+    pathBuilder(params),
+    queryParams && `?${queryParams}`,
+    fragment && `#${fragment}`,
+  ];
+
+  return parts.filter(isDefined).join("");
+}
+
+export function buildURLPositional<P extends object = {}, Q extends object = {}>(path: string) {
+  return function (params?: P, query?: Q, fragment?: string): string {
+    return buildURL(path, { params, query, fragment });
+  };
+}
+
+export type UrlParamsFor<Pathname extends string> =
+  Pathname extends `${string}/:${infer A}?/${infer Tail}`
+    ? Partial<Record<A, string>> & UrlParamsFor<`/${Tail}`>
+    : Pathname extends `${string}/:${infer A}/${infer Tail}`
+      ? Record<A, string> & UrlParamsFor<`/${Tail}`>
+      : Pathname extends `${string}/:${infer A}?`
+        ? Partial<Record<A, string>>
+        : Pathname extends `${string}/:${infer A}`
+          ? Record<A, string>
+          : {};
+
+export interface UrlBuilder<Pathname extends string> {
+  compile(params: UrlParamsFor<Pathname>, query?: object, fragment?: string): string;
+}
+
+export function urlBuilderFor<Pathname extends string>(pathname: Pathname): UrlBuilder<Pathname> {
+  return {
+    compile: buildURLPositional(pathname),
+  };
+}
diff --git a/packages/core/src/common/utils/bundled-binary-path.injectable.ts b/packages/core/src/common/utils/bundled-binary-path.injectable.ts
new file mode 100644
index 0000000000..42ecbca0d9
--- /dev/null
+++ b/packages/core/src/common/utils/bundled-binary-path.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, lifecycleEnum } from "@ogre-tools/injectable";
+import joinPathsInjectable from "../path/join-paths.injectable";
+import baseBundledBinariesDirectoryInjectable from "../vars/base-bundled-binaries-dir.injectable";
+import binaryNameInjectable from "./binary-name.injectable";
+
+const bundledBinaryPathInjectable = getInjectable({
+  id: "bundled-binary-path",
+  instantiate: (di, name) => {
+    const joinPaths = di.inject(joinPathsInjectable);
+    const binaryName = di.inject(binaryNameInjectable, name);
+    const baseBundledBinariesDirectory = di.inject(baseBundledBinariesDirectoryInjectable);
+
+    return joinPaths(baseBundledBinariesDirectory, binaryName);
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, binaryName: string) => binaryName,
+  }),
+});
+
+export default bundledBinaryPathInjectable;
diff --git a/packages/core/src/common/utils/camelCase.ts b/packages/core/src/common/utils/camelCase.ts
new file mode 100644
index 0000000000..a37e4c7f5c
--- /dev/null
+++ b/packages/core/src/common/utils/camelCase.ts
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Convert object's keys to camelCase format
+import { camelCase } from "lodash";
+import type { SingleOrMany } from "./types";
+import { isObject, isString } from "./type-narrowing";
+import * as object from "./objects";
+
+export function toCamelCase<T extends Record<string, unknown>[]>(obj: T): T;
+export function toCamelCase<T extends Record<string, unknown>>(obj: T): T;
+
+export function toCamelCase(obj: SingleOrMany<Record<string, unknown> | unknown>): SingleOrMany<Record<string, unknown> | unknown> {
+  if (Array.isArray(obj)) {
+    return obj.map(toCamelCase);
+  }
+
+  if (isObject(obj)) {
+    return object.fromEntries(
+      object.entries(obj)
+        .filter((pair): pair is [string, unknown] => isString(pair[0]))
+        .map(([key, value]) => [camelCase(key), isObject(value) ? toCamelCase(value) : value]),
+    );
+  }
+
+  return obj;
+}
diff --git a/packages/core/src/common/utils/channel/channel-injection-token.ts b/packages/core/src/common/utils/channel/channel-injection-token.ts
new file mode 100644
index 0000000000..6006290f89
--- /dev/null
+++ b/packages/core/src/common/utils/channel/channel-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.
+ */
+
+
+export interface Channel<MessageTemplate = void, ReturnTemplate = void> {
+  id: string;
+  _messageTemplate?: MessageTemplate;
+  _returnTemplate?: ReturnTemplate;
+}
+
diff --git a/packages/core/src/common/utils/channel/channel.test.ts b/packages/core/src/common/utils/channel/channel.test.ts
new file mode 100644
index 0000000000..9a361b6770
--- /dev/null
+++ b/packages/core/src/common/utils/channel/channel.test.ts
@@ -0,0 +1,231 @@
+/**
+ * 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 type { SendMessageToChannel } from "./message-to-channel-injection-token";
+import { sendMessageToChannelInjectionToken } 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 type { LensWindow } from "../../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
+import type { MessageChannel } from "./message-channel-listener-injection-token";
+import { messageChannelListenerInjectionToken } from "./message-channel-listener-injection-token";
+import type { RequestFromChannel } from "./request-from-channel-injection-token";
+import { requestFromChannelInjectionToken } from "./request-from-channel-injection-token";
+import type { RequestChannel } from "./request-channel-listener-injection-token";
+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";
+import type { RequestChannelHandler } from "../../../main/utils/channel/channel-listeners/listener-tokens";
+import { getRequestChannelListenerInjectable } from "../../../main/utils/channel/channel-listeners/listener-tokens";
+
+type TestMessageChannel = MessageChannel<string>;
+type TestRequestChannel = RequestChannel<string, string>;
+
+describe("channel", () => {
+  describe("messaging from main to renderer, given listener for channel in a window and application has started", () => {
+    let messageListenerInWindowMock: jest.Mock;
+    let mainDi: DiContainer;
+    let messageToChannel: SendMessageToChannel;
+    let builder: ApplicationBuilder;
+
+    beforeEach(async () => {
+      builder = getApplicationBuilder();
+
+      messageListenerInWindowMock = jest.fn();
+
+      const testChannelListenerInTestWindowInjectable = getInjectable({
+        id: "test-channel-listener-in-test-window",
+
+        instantiate: () => ({
+          channel: testMessageChannel,
+          handler: messageListenerInWindowMock,
+        }),
+
+        injectionToken: messageChannelListenerInjectionToken,
+      });
+
+      builder.beforeWindowStart((windowDi) => {
+        runInAction(() => {
+          windowDi.register(testChannelListenerInTestWindowInjectable);
+        });
+      });
+
+      mainDi = builder.mainDi;
+
+      await builder.startHidden();
+
+      messageToChannel = mainDi.inject(sendMessageToChannelInjectionToken);
+    });
+
+    describe("given window is started", () => {
+      let someWindowFake: LensWindow;
+
+      beforeEach(async () => {
+        someWindowFake = builder.applicationWindow.create("some-window");
+
+        await someWindowFake.start();
+      });
+
+      it("when sending message, triggers listener in window", () => {
+        messageToChannel(testMessageChannel, "some-message");
+
+        expect(messageListenerInWindowMock).toHaveBeenCalledWith("some-message");
+      });
+
+      it("given window is hidden, when sending message, does not trigger listener in window", () => {
+        someWindowFake.close();
+
+        messageToChannel(testMessageChannel, "some-message");
+
+        expect(messageListenerInWindowMock).not.toHaveBeenCalled();
+      });
+    });
+
+    it("given multiple started windows, when sending message, triggers listeners in all windows", async () => {
+      const someWindowFake = builder.applicationWindow.create("some-window");
+      const someOtherWindowFake = builder.applicationWindow.create("some-other-window");
+
+      await someWindowFake.start();
+      await someOtherWindowFake.start();
+
+      messageToChannel(testMessageChannel, "some-message");
+
+      expect(messageListenerInWindowMock.mock.calls).toEqual([
+        ["some-message"],
+        ["some-message"],
+      ]);
+    });
+  });
+
+  describe("messaging from renderer to main, given listener for channel in a main and application has started", () => {
+    let messageListenerInMainMock: jest.Mock;
+    let messageToChannel: SendMessageToChannel;
+
+    beforeEach(async () => {
+      const applicationBuilder = getApplicationBuilder();
+
+      messageListenerInMainMock = jest.fn();
+
+      const testChannelListenerInMainInjectable = getInjectable({
+        id: "test-channel-listener-in-main",
+
+        instantiate: () => ({
+          channel: testMessageChannel,
+          handler: messageListenerInMainMock,
+        }),
+
+        injectionToken: messageChannelListenerInjectionToken,
+      });
+
+      applicationBuilder.beforeApplicationStart((mainDi) => {
+        runInAction(() => {
+          mainDi.register(testChannelListenerInMainInjectable);
+        });
+      });
+
+      await applicationBuilder.render();
+
+      const windowDi = applicationBuilder.applicationWindow.only.di;
+
+      messageToChannel = windowDi.inject(sendMessageToChannelInjectionToken);
+    });
+
+    it("when sending message, triggers listener in main", () => {
+      messageToChannel(testMessageChannel, "some-message");
+
+      expect(messageListenerInMainMock).toHaveBeenCalledWith("some-message");
+    });
+  });
+
+  describe("requesting from main in renderer, given listener for channel in a main and application has started", () => {
+    let requestListenerInMainMock: AsyncFnMock<RequestChannelHandler<TestRequestChannel>>;
+    let requestFromChannel: RequestFromChannel;
+
+    beforeEach(async () => {
+      const applicationBuilder = getApplicationBuilder();
+
+      requestListenerInMainMock = asyncFn();
+
+      const testChannelListenerInMainInjectable = getRequestChannelListenerInjectable({
+        channel: testRequestChannel,
+        handler: () => requestListenerInMainMock,
+      });
+
+      applicationBuilder.beforeApplicationStart((mainDi) => {
+        runInAction(() => {
+          mainDi.register(testChannelListenerInMainInjectable);
+        });
+      });
+
+      await applicationBuilder.render();
+
+      const windowDi = applicationBuilder.applicationWindow.only.di;
+
+      requestFromChannel = windowDi.inject(
+        requestFromChannelInjectionToken,
+      );
+    });
+
+    describe("when requesting from channel", () => {
+      let actualPromise: Promise<string>;
+
+      beforeEach(() => {
+        actualPromise = requestFromChannel(testRequestChannel, "some-request");
+      });
+
+      it("triggers listener in main", () => {
+        expect(requestListenerInMainMock).toHaveBeenCalledWith("some-request");
+      });
+
+      it("does not resolve yet", async () => {
+        const promiseStatus = await getPromiseStatus(actualPromise);
+
+        expect(promiseStatus.fulfilled).toBe(false);
+      });
+
+      it("when main resolves with response, resolves with response", async () => {
+        await requestListenerInMainMock.resolve("some-response");
+
+        const actual = await actualPromise;
+
+        expect(actual).toBe("some-response");
+      });
+    });
+  });
+
+  it("when registering multiple handlers for the same channel, throws", async () => {
+    const applicationBuilder = getApplicationBuilder();
+
+    const testChannelListenerInMainInjectable = getRequestChannelListenerInjectable({
+      channel: testRequestChannel,
+      handler: () => () => "some-value",
+    });
+    const testChannelListenerInMain2Injectable = getRequestChannelListenerInjectable({
+      channel: testRequestChannel,
+      handler: () => () => "some-other-value",
+    });
+
+    testChannelListenerInMain2Injectable.id += "2";
+
+    applicationBuilder.beforeApplicationStart((mainDi) => {
+      runInAction(() => {
+        mainDi.register(testChannelListenerInMainInjectable);
+        mainDi.register(testChannelListenerInMain2Injectable);
+      });
+    });
+
+    await expect(applicationBuilder.render()).rejects.toThrow('Tried to register a multiple channel handlers for "some-request-channel-id", only one handler is supported for a request channel.');
+  });
+});
+
+const testMessageChannel: TestMessageChannel = {
+  id: "some-message-channel-id",
+};
+
+const testRequestChannel: TestRequestChannel = {
+  id: "some-request-channel-id",
+};
+
diff --git a/packages/core/src/common/utils/channel/enlist-message-channel-listener-injection-token.ts b/packages/core/src/common/utils/channel/enlist-message-channel-listener-injection-token.ts
new file mode 100644
index 0000000000..34f62d51d5
--- /dev/null
+++ b/packages/core/src/common/utils/channel/enlist-message-channel-listener-injection-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { Disposer } from "../disposer";
+import type { MessageChannel, MessageChannelListener } from "./message-channel-listener-injection-token";
+
+export type EnlistMessageChannelListener = (listener: MessageChannelListener<MessageChannel<unknown>>) => Disposer;
+
+export const enlistMessageChannelListenerInjectionToken = getInjectionToken<EnlistMessageChannelListener>({
+  id: "enlist-message-channel-listener",
+});
diff --git a/packages/core/src/common/utils/channel/get-request-channel.ts b/packages/core/src/common/utils/channel/get-request-channel.ts
new file mode 100644
index 0000000000..4dc5b4914e
--- /dev/null
+++ b/packages/core/src/common/utils/channel/get-request-channel.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 type { RequestChannel } from "./request-channel-listener-injection-token";
+
+export const getRequestChannel = <Request, Response>(id: string): RequestChannel<Request, Response> => ({
+  id,
+});
diff --git a/packages/core/src/common/utils/channel/listening-on-message-channels.injectable.ts b/packages/core/src/common/utils/channel/listening-on-message-channels.injectable.ts
new file mode 100644
index 0000000000..afe0c08f24
--- /dev/null
+++ b/packages/core/src/common/utils/channel/listening-on-message-channels.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 { getStartableStoppable } from "../get-startable-stoppable";
+import { disposer } from "../index";
+import { messageChannelListenerInjectionToken } from "./message-channel-listener-injection-token";
+import { enlistMessageChannelListenerInjectionToken } from "./enlist-message-channel-listener-injection-token";
+
+const listeningOnMessageChannelsInjectable = getInjectable({
+  id: "listening-on-message-channels",
+
+  instantiate: (di) => {
+    const enlistMessageChannelListener = di.inject(enlistMessageChannelListenerInjectionToken);
+    const messageChannelListeners = di.injectMany(messageChannelListenerInjectionToken);
+
+    return getStartableStoppable("listening-on-channels", () => (
+      disposer(messageChannelListeners.map(enlistMessageChannelListener))
+    ));
+  },
+});
+
+
+export default listeningOnMessageChannelsInjectable;
diff --git a/packages/core/src/common/utils/channel/message-channel-listener-injection-token.ts b/packages/core/src/common/utils/channel/message-channel-listener-injection-token.ts
new file mode 100644
index 0000000000..5bfc45a82d
--- /dev/null
+++ b/packages/core/src/common/utils/channel/message-channel-listener-injection-token.ts
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { DiContainerForInjection } from "@ogre-tools/injectable";
+import { getInjectable, getInjectionToken } from "@ogre-tools/injectable";
+
+export interface MessageChannel<Message> {
+  id: string;
+  _messageSignature?: Message; // only used to mark `Message` as used
+}
+
+export type MessageChannelHandler<Channel> = Channel extends MessageChannel<infer Message>
+  ? (message: Message) => void
+  : never;
+
+export interface MessageChannelListener<Channel> {
+  channel: Channel;
+  handler: MessageChannelHandler<Channel>;
+}
+
+export const messageChannelListenerInjectionToken = getInjectionToken<MessageChannelListener<MessageChannel<unknown>>>(
+  {
+    id: "message-channel-listener",
+  },
+);
+
+export interface GetMessageChannelListenerInfo<
+  Channel extends MessageChannel<Message>,
+  Message,
+> {
+  id: string;
+  channel: Channel;
+  handler: (di: DiContainerForInjection) => MessageChannelHandler<Channel>;
+  causesSideEffects?: boolean;
+}
+
+export function getMessageChannelListenerInjectable<
+  Channel extends MessageChannel<Message>,
+  Message,
+>(info: GetMessageChannelListenerInfo<Channel, Message>) {
+  return getInjectable({
+    id: `${info.channel.id}-listener-${info.id}`,
+    instantiate: (di) => ({
+      channel: info.channel,
+      handler: info.handler(di),
+    }),
+    injectionToken: messageChannelListenerInjectionToken,
+    causesSideEffects: info.causesSideEffects,
+  });
+}
diff --git a/packages/core/src/common/utils/channel/message-to-channel-injection-token.ts b/packages/core/src/common/utils/channel/message-to-channel-injection-token.ts
new file mode 100644
index 0000000000..3ffd75f4f7
--- /dev/null
+++ b/packages/core/src/common/utils/channel/message-to-channel-injection-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { MessageChannel } from "./message-channel-listener-injection-token";
+
+export interface SendMessageToChannel {
+  (channel: MessageChannel<void>): void;
+  <Message>(channel: MessageChannel<Message>, message: Message): void;
+}
+
+export type MessageChannelSender<Channel> = Channel extends MessageChannel<void | undefined>
+  ? () => void
+  : Channel extends MessageChannel<infer Message>
+    ? (message: Message) => void
+    : never;
+
+export const sendMessageToChannelInjectionToken = getInjectionToken<SendMessageToChannel>({
+  id: "send-message-to-message-channel",
+});
diff --git a/packages/core/src/common/utils/channel/request-channel-listener-injection-token.ts b/packages/core/src/common/utils/channel/request-channel-listener-injection-token.ts
new file mode 100644
index 0000000000..2f0b84a3cc
--- /dev/null
+++ b/packages/core/src/common/utils/channel/request-channel-listener-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.
+ */
+
+export interface RequestChannel<Request, Response> {
+  id: string;
+  _requestSignature?: Request; // used only to mark `Request` as "used"
+  _responseSignature?: Response; // used only to mark `Response` as "used"
+}
diff --git a/packages/core/src/common/utils/channel/request-from-channel-injection-token.ts b/packages/core/src/common/utils/channel/request-from-channel-injection-token.ts
new file mode 100644
index 0000000000..14e925f190
--- /dev/null
+++ b/packages/core/src/common/utils/channel/request-from-channel-injection-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { RequestChannel } from "./request-channel-listener-injection-token";
+
+export interface RequestFromChannel {
+  <Request, Response>(channel: RequestChannel<Request, Response>, request: Request): Promise<Response>;
+  <Response>(channel: RequestChannel<void, Response>): Promise<Response>;
+}
+
+export const requestFromChannelInjectionToken = getInjectionToken<RequestFromChannel>({
+  id: "request-from-request-channel",
+});
diff --git a/packages/core/src/common/utils/cluster-id-url-parsing.ts b/packages/core/src/common/utils/cluster-id-url-parsing.ts
new file mode 100644
index 0000000000..393a791f09
--- /dev/null
+++ b/packages/core/src/common/utils/cluster-id-url-parsing.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 type { ClusterId } from "../cluster-types";
+
+/**
+ * Grab the `ClusterId` out of a host that was generated by `getClusterFrameUrl`, or nothing
+ * @param host The host section of a URL
+ * @returns The `ClusterId` part of the host, or `undefined`
+ */
+export function getClusterIdFromHost(host: string): ClusterId | undefined {
+  // e.g host == "%clusterId.localhost:45345"
+  const subDomains = host.split(":")[0].split(".");
+
+  return subDomains.slice(-3, -2)[0]; // ClusterId or undefined
+}
+
+/**
+ * Get the OpenLens backend routing host for a given `ClusterId`
+ * @param clusterId The ID to put in front of the current host
+ * @returns a new URL host section
+ */
+export function getClusterFrameUrl(clusterId: ClusterId) {
+  return `//${clusterId}.${location.host}`;
+}
diff --git a/packages/core/src/common/utils/collection-functions.ts b/packages/core/src/common/utils/collection-functions.ts
new file mode 100644
index 0000000000..5d6dc80548
--- /dev/null
+++ b/packages/core/src/common/utils/collection-functions.ts
@@ -0,0 +1,133 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { runInAction } from "mobx";
+import { inspect } from "util";
+import { isDefined } from "./type-narrowing";
+
+/**
+ * Get the value behind `key`. If it was not present, first insert `value`
+ * @param map The map to interact with
+ * @param key The key to insert into the map with
+ * @param value The value to optional add to the map
+ * @returns The value in the map
+ */
+export function getOrInsert<K, V>(map: Map<K, V>, key: K, value: V): V {
+  if (!map.has(key)) {
+    map.set(key, value);
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  return map.get(key)!;
+}
+
+/**
+ * Updates map and returns the value that was just inserted
+ */
+export function put<K, V>(map: Map<K, V>, key: K, value: V): V {
+  map.set(key, value);
+
+  return value;
+}
+
+/**
+ * Like `getOrInsert` but specifically for when `V` is `Map<MK, MV>` so that
+ * the typings are inferred correctly.
+ */
+export function getOrInsertMap<K, MK, MV>(map: Map<K, Map<MK, MV>>, key: K): Map<MK, MV> {
+  return getOrInsert(map, key, new Map<MK, MV>());
+}
+
+/**
+ * Like `getOrInsert` but specifically for when `V` is `Set<any>` so that
+ * the typings are inferred.
+ */
+export function getOrInsertSet<K, SK>(map: Map<K, Set<SK>>, key: K): Set<SK> {
+  return getOrInsert(map, key, new Set<SK>());
+}
+
+/**
+ * A currying version of {@link getOrInsertSet}
+ */
+export function getOrInsertSetFor<K, SK>(map: Map<K, Set<SK>>): (key: K) => Set<SK> {
+  return (key) => getOrInsertSet(map, key);
+}
+
+/**
+ * Like `getOrInsert` but with delayed creation of the item. Which is useful
+ * if it is very expensive to create the initial value.
+ */
+export function getOrInsertWith<K, V>(map: Map<K, V>, key: K, builder: () => V): V;
+export function getOrInsertWith<K extends object, V>(map: Map<K, V> | WeakMap<K, V>, key: K, builder: () => V): V;
+
+export function getOrInsertWith<K extends object, V>(map: Map<K, V> | WeakMap<K, V>, key: K, builder: () => V): V {
+  if (!map.has(key)) {
+    map.set(key, builder());
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  return map.get(key)!;
+}
+
+/**
+ * Like {@link getOrInsertWith} but the builder is async and will be awaited before inserting into the map
+ */
+export async function getOrInsertWithAsync<K, V>(map: Map<K, V>, key: K, asyncBuilder: () => Promise<V>): Promise<V> {
+  if (!map.has(key)) {
+    map.set(key, await asyncBuilder());
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  return map.get(key)!;
+}
+
+/**
+ * Set the value associated with `key` iff there was not a previous value
+ * @param map The map to interact with
+ * @throws if `key` already in map
+ * @returns `this` so that `strictSet` can be chained
+ */
+export function strictSet<K, V>(map: Map<K, V>, key: K, val: V): typeof map {
+  if (map.has(key)) {
+    throw new TypeError(`Map already contains key: ${inspect(key)}`);
+  }
+
+  return map.set(key, val);
+}
+
+/**
+ * Get the value associated with `key`
+ * @param map The map to interact with
+ * @throws if `key` did not a value associated with it
+ */
+export function strictGet<K, V>(map: Map<K, V>, key: K): V {
+  if (!map.has(key)) {
+    throw new TypeError(`Map does not contains key: ${inspect(key)}`);
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  return map.get(key)!;
+}
+
+/**
+ * If `key` is in `set`, remove it otherwise add it.
+ * @param set The set to manipulate
+ * @param key The key to toggle the "is in"-ness of
+ */
+export function toggle<K>(set: Set<K>, key: K): void {
+  runInAction(() => {
+    // Returns true if value was already in Set; otherwise false.
+    if (!set.delete(key)) {
+      set.add(key);
+    }
+  });
+}
+
+/**
+ * A helper function to also check for defined-ness
+ */
+export function includes<T>(src: T[], value: T | null | undefined): boolean {
+  return isDefined(value) && src.includes(value);
+}
diff --git a/packages/core/src/common/utils/composable-responsibilities/discriminable/discriminable.ts b/packages/core/src/common/utils/composable-responsibilities/discriminable/discriminable.ts
new file mode 100644
index 0000000000..7976004ee6
--- /dev/null
+++ b/packages/core/src/common/utils/composable-responsibilities/discriminable/discriminable.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// See: https://www.typescriptlang.org/docs/handbook/2/narrowing.html#discriminated-unions
+export interface Discriminable<T extends string> { readonly kind: T }
+
+// Note: this will fail at transpilation time, if all kinds are not instructed in switch/case.
+// See: https://www.typescriptlang.org/docs/handbook/2/narrowing.html#exhaustiveness-checking
+export const checkThatAllDiscriminablesAreExhausted = <T extends never>(value: T) => {
+  const _exhaustiveCheck: never = value;
+
+  return new Error(
+    `Tried to exhaust discriminables, but no instructions were found for ${(_exhaustiveCheck as any).kind}`,
+  );
+};
diff --git a/packages/core/src/common/utils/composable-responsibilities/labelable/labelable.ts b/packages/core/src/common/utils/composable-responsibilities/labelable/labelable.ts
new file mode 100644
index 0000000000..e0f2d98c21
--- /dev/null
+++ b/packages/core/src/common/utils/composable-responsibilities/labelable/labelable.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 interface Labelable {
+  readonly label: string;
+}
diff --git a/packages/core/src/common/utils/composable-responsibilities/orderable/orderable.ts b/packages/core/src/common/utils/composable-responsibilities/orderable/orderable.ts
new file mode 100644
index 0000000000..2b4d95b3f4
--- /dev/null
+++ b/packages/core/src/common/utils/composable-responsibilities/orderable/orderable.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 { sortBy } from "lodash/fp";
+
+export interface Orderable {
+  readonly orderNumber: number;
+}
+
+export type MaybeOrderable = Orderable | object;
+
+export const orderByOrderNumber = <T extends MaybeOrderable>(maybeOrderables: T[]) =>
+  sortBy(
+    (orderable) =>
+      "orderNumber" in orderable
+        ? orderable.orderNumber
+        : Number.MAX_SAFE_INTEGER,
+    maybeOrderables,
+  );
+
+export const byOrderNumber = <T extends Orderable>(left: T, right: T) => (
+  left.orderNumber - right.orderNumber
+);
diff --git a/packages/core/src/common/utils/composable-responsibilities/showable/showable.ts b/packages/core/src/common/utils/composable-responsibilities/showable/showable.ts
new file mode 100644
index 0000000000..ad8e2ed25b
--- /dev/null
+++ b/packages/core/src/common/utils/composable-responsibilities/showable/showable.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 type { IComputedValue } from "mobx";
+import { isBoolean } from "../../type-narrowing";
+
+export interface Showable {
+  readonly isShown: IComputedValue<boolean> | boolean;
+}
+
+export type MaybeShowable = Showable | object;
+
+export const isShown = (showable: MaybeShowable) => {
+  if (!("isShown" in showable)) {
+    return true;
+  }
+
+  if (showable.isShown === undefined) {
+    return true;
+  }
+
+  if (isBoolean(showable.isShown)) {
+    return showable.isShown;
+  }
+
+  return showable.isShown.get();
+};
diff --git a/packages/core/src/common/utils/composite/composite-has-descendant/composite-has-descendant.test.ts b/packages/core/src/common/utils/composite/composite-has-descendant/composite-has-descendant.test.ts
new file mode 100644
index 0000000000..0b7f07bf2d
--- /dev/null
+++ b/packages/core/src/common/utils/composite/composite-has-descendant/composite-has-descendant.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 { Composite } from "../get-composite/get-composite";
+import { compositeHasDescendant } from "./composite-has-descendant";
+import { getCompositeFor } from "../get-composite/get-composite";
+
+describe("composite-has-descendant, given composite with children and grand children", () => {
+  let composite: Composite<{ id: string; parentId?: string }>;
+
+  beforeEach(() => {
+    const items = [
+      { id: "some-root-id", parentId: undefined },
+      { id: "some-child-item", parentId: "some-root-id" },
+
+      {
+        id: "some-grand-child-item",
+        parentId: "some-child-item",
+      },
+    ];
+
+    const getComposite = getCompositeFor<{
+      id: string;
+      parentId?: string;
+    }>({
+      rootId: "some-root-id",
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    composite = getComposite(items);
+  });
+
+  it("has a child as descendant", () => {
+    const actual = compositeHasDescendant<typeof composite["value"]>(
+      (referenceComposite) => referenceComposite.value.id === "some-child-item",
+    )(composite);
+
+    expect(actual).toBe(true);
+  });
+
+  it("has a grand child as descendant", () => {
+    const actual = compositeHasDescendant<typeof composite["value"]>(
+      (referenceComposite) =>
+        referenceComposite.value.id === "some-grand-child-item",
+    )(composite);
+
+    expect(actual).toBe(true);
+  });
+
+  it("does not have an unrelated descendant", () => {
+    const actual = compositeHasDescendant<typeof composite["value"]>(
+      (referenceComposite) =>
+        referenceComposite.value.id === "some-unknown-item",
+    )(composite);
+
+    expect(actual).toBe(false);
+  });
+});
diff --git a/packages/core/src/common/utils/composite/composite-has-descendant/composite-has-descendant.ts b/packages/core/src/common/utils/composite/composite-has-descendant/composite-has-descendant.ts
new file mode 100644
index 0000000000..030f79ad74
--- /dev/null
+++ b/packages/core/src/common/utils/composite/composite-has-descendant/composite-has-descendant.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 type { Composite } from "../get-composite/get-composite";
+
+const compositeHasDescendant = <T>(
+  predicate: (referenceComposite: Composite<T>) => boolean,
+) => {
+  const _compositeHasDescendant = (composite: Composite<T>): boolean =>
+    predicate(composite) ||
+    !!composite.children.find((childComposite) =>
+      _compositeHasDescendant(childComposite),
+    );
+
+  return _compositeHasDescendant;
+};
+
+export { compositeHasDescendant };
diff --git a/packages/core/src/common/utils/composite/find-composite/find-composite.test.ts b/packages/core/src/common/utils/composite/find-composite/find-composite.test.ts
new file mode 100644
index 0000000000..5b4147070e
--- /dev/null
+++ b/packages/core/src/common/utils/composite/find-composite/find-composite.test.ts
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { Composite } from "../get-composite/get-composite";
+import { findComposite } from "./find-composite";
+import { getCompositeFor } from "../get-composite/get-composite";
+
+describe("find-composite", () => {
+  let composite: Composite<{ id: string; parentId?: string }>;
+
+  beforeEach(() => {
+    const getComposite = getCompositeFor<{
+      id: string;
+      parentId?: string;
+    }>({
+      rootId: "some-root-id",
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    composite = getComposite([
+      { id: "some-root-id" },
+      { id: "some-child-id", parentId: "some-root-id" },
+      { id: "some-grandchild-id", parentId: "some-child-id" },
+      { id: "some-other-grandchild-id", parentId: "some-child-id" },
+    ]);
+  });
+
+  it("when finding root using path, does so", () => {
+    const actual = findComposite("some-root-id")(composite);
+
+    expect(actual.id).toBe("some-root-id");
+  });
+
+  it("when finding child using path, does so", () => {
+    const actual = findComposite("some-root-id", "some-child-id")(composite);
+
+    expect(actual.id).toBe("some-child-id");
+  });
+
+  it("when finding grandchild using path, does so", () => {
+    const actual = findComposite(
+      "some-root-id",
+      "some-child-id",
+      "some-grandchild-id",
+    )(composite);
+
+    expect(actual.id).toBe("some-grandchild-id");
+  });
+
+  it("when finding with non existing leaf-level path, throws", () => {
+    expect(() => {
+      findComposite(
+        "some-root-id",
+        "some-child-id",
+        "some-non-existing-grandchild-id",
+      )(composite);
+    }).toThrow(`Tried to find 'some-root-id -> some-child-id -> some-non-existing-grandchild-id' from a composite, but found nothing.
+
+Node 'some-root-id -> some-child-id' had only following children:
+some-grandchild-id
+some-other-grandchild-id`);
+  });
+
+  it("when finding with non-existing mid-level path, throws", () => {
+    expect(() => {
+      findComposite(
+        "some-root-id",
+        "some-non-existing-child-id",
+        "some-non-existing-grandchild-id",
+      )(composite);
+    }).toThrow(`Tried to find 'some-root-id -> some-non-existing-child-id -> some-non-existing-grandchild-id' from a composite, but found nothing.
+
+Node 'some-root-id' had only following children:
+some-child-id`);
+  });
+
+  it("when finding with non-existing root-level path, throws", () => {
+    expect(() => {
+      findComposite(
+        "some-non-existing-root-id",
+        "some-non-existing-child-id",
+        "some-non-existing-grandchild-id",
+      )(composite);
+    }).toThrow(`Tried to find 'some-non-existing-root-id -> some-non-existing-child-id -> some-non-existing-grandchild-id' from a composite, but found nothing.
+
+Node 'some-root-id' had only following children:
+some-child-id`);
+  });
+});
diff --git a/packages/core/src/common/utils/composite/find-composite/find-composite.ts b/packages/core/src/common/utils/composite/find-composite/find-composite.ts
new file mode 100644
index 0000000000..71dcf5baa3
--- /dev/null
+++ b/packages/core/src/common/utils/composite/find-composite/find-composite.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 type { Composite } from "../get-composite/get-composite";
+
+const _findComposite = <T>(currentLeftIds: string[], currentId: string, currentRightIds: string[], composite: Composite<T>): Composite<T> => {
+  const [nextId, ...nextRightIds] = currentRightIds;
+  const nextLeftIds = [...currentLeftIds, currentId];
+
+  if (currentRightIds.length === 0 && composite.id === currentId) {
+    return composite;
+  }
+
+  const foundChildComposite = composite.children.find((child) => child.id === nextId);
+
+  if (foundChildComposite) {
+    return _findComposite(nextLeftIds, nextId, nextRightIds, foundChildComposite);
+  }
+
+  const fullPathString = [...currentLeftIds, currentId, ...currentRightIds].join(" -> ");
+
+  throw new Error(`Tried to find '${fullPathString}' from a composite, but found nothing.
+
+Node '${[...currentLeftIds, composite.id].join(" -> ")}' had only following children:
+${composite.children.map((child) => child.id).join("\n")}`);
+};
+
+export const findComposite =
+  (...path: string[]) =>
+  <T>(composite: Composite<T>): Composite<T> => {
+    const [currentId, ...rightIds] = path;
+    const leftIds: string[] = [];
+
+    return _findComposite(leftIds, currentId, rightIds, composite);
+  };
diff --git a/packages/core/src/common/utils/composite/get-composite-normalization/get-composite-normalization.test.ts b/packages/core/src/common/utils/composite/get-composite-normalization/get-composite-normalization.test.ts
new file mode 100644
index 0000000000..ac88973251
--- /dev/null
+++ b/packages/core/src/common/utils/composite/get-composite-normalization/get-composite-normalization.test.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 { getCompositeNormalization } from "./get-composite-normalization";
+import { getCompositeFor } from "../get-composite/get-composite";
+
+
+describe("get-composite-normalization", () => {
+  it("given a composite, flattens it to paths and composites", () => {
+    const someRootItem = {
+      id: "some-root-id",
+      parentId: undefined,
+    };
+
+    const someItem = {
+      id: "some-id",
+      parentId: "some-root-id",
+    };
+
+    const someNestedItem = {
+      id: "some-child-id",
+      parentId: "some-id",
+    };
+
+    const items = [someRootItem, someItem, someNestedItem];
+
+    const getComposite = getCompositeFor<{
+      id: string;
+      parentId?: string;
+      orderNumber?: number;
+    }>({
+      rootId: "some-root-id",
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    const composite = getComposite(items);
+
+    const actual = getCompositeNormalization(composite);
+
+    expect(actual).toEqual([
+      [["some-root-id"], expect.objectContaining({ value: someRootItem })],
+
+      [["some-root-id", "some-id"], expect.objectContaining({ value: someItem })],
+
+      [
+        ["some-root-id", "some-id", "some-child-id"],
+        expect.objectContaining({ value: someNestedItem }),
+      ],
+    ]);
+  });
+});
diff --git a/packages/core/src/common/utils/composite/get-composite-normalization/get-composite-normalization.ts b/packages/core/src/common/utils/composite/get-composite-normalization/get-composite-normalization.ts
new file mode 100644
index 0000000000..eb5628171a
--- /dev/null
+++ b/packages/core/src/common/utils/composite/get-composite-normalization/get-composite-normalization.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 type { Composite } from "../get-composite/get-composite";
+
+export const getCompositeNormalization = <T>(composite: Composite<T>) => {
+  const _normalizeComposite = <T>(
+    composite: Composite<T>,
+    previousPath: string[] = [],
+  ): (readonly [path: string[], composite: Composite<T>])[] => {
+    const currentPath = [...previousPath, composite.id];
+
+    const pathAndCompositeTuple = [currentPath, composite] as const;
+
+    return [
+      pathAndCompositeTuple,
+
+      ...composite.children.flatMap((child) =>
+        _normalizeComposite(child, currentPath),
+      ),
+    ];
+  };
+
+  return _normalizeComposite(composite);
+};
diff --git a/packages/core/src/common/utils/composite/get-composite-paths/get-composite-paths.test.ts b/packages/core/src/common/utils/composite/get-composite-paths/get-composite-paths.test.ts
new file mode 100644
index 0000000000..079f7e1b83
--- /dev/null
+++ b/packages/core/src/common/utils/composite/get-composite-paths/get-composite-paths.test.ts
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getCompositePaths } from "./get-composite-paths";
+import { sortBy } from "lodash/fp";
+import { getCompositeFor } from "../get-composite/get-composite";
+
+describe("get-composite-paths", () => {
+  it("given composite with transformed children, returns paths of transformed children in hierarchical order", () => {
+    const someRootItem = {
+      id: "some-root-id",
+    };
+
+    const someChildItem1 = {
+      id: "some-child-id-1",
+      parentId: "some-root-id",
+      orderNumber: 1,
+    };
+
+    const someChildItem2 = {
+      id: "some-child-id-2",
+      parentId: "some-root-id",
+      orderNumber: 2,
+    };
+
+    const someGrandchildItem1 = {
+      id: "some-grandchild-id-1",
+      parentId: "some-child-id-1",
+      orderNumber: 1,
+    };
+
+    const someGrandchildItem2 = {
+      id: "some-grandchild-id-2",
+      parentId: "some-child-id-1",
+      orderNumber: 2,
+    };
+
+    const items = [
+      someRootItem,
+      // Note: not in order yet.
+      someChildItem2,
+      someChildItem1,
+      someGrandchildItem2,
+      someGrandchildItem1,
+    ];
+
+    const getComposite = getCompositeFor<{
+      id: string;
+      parentId?: string;
+      orderNumber?: number;
+    }>({
+      rootId: "some-root-id",
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+      transformChildren: children => sortBy(child => child.orderNumber, children),
+    });
+
+    const composite = getComposite(items);
+
+    const actual = getCompositePaths(composite);
+
+    expect(actual).toEqual([
+      ["some-root-id"],
+      ["some-root-id", "some-child-id-1"],
+      ["some-root-id", "some-child-id-1", "some-grandchild-id-1"],
+      ["some-root-id", "some-child-id-1", "some-grandchild-id-2"],
+      ["some-root-id", "some-child-id-2"],
+    ]);
+  });
+});
diff --git a/packages/core/src/common/utils/composite/get-composite-paths/get-composite-paths.ts b/packages/core/src/common/utils/composite/get-composite-paths/get-composite-paths.ts
new file mode 100644
index 0000000000..2b97467431
--- /dev/null
+++ b/packages/core/src/common/utils/composite/get-composite-paths/get-composite-paths.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 { pipeline } from "@ogre-tools/fp";
+import { map } from "lodash/fp";
+import type { Composite } from "../get-composite/get-composite";
+import { getCompositeNormalization } from "../get-composite-normalization/get-composite-normalization";
+
+export const getCompositePaths = (
+  composite: Composite<unknown>,
+): string[][] => pipeline(composite, getCompositeNormalization, map(([path]) => path));
diff --git a/packages/core/src/common/utils/composite/get-composite/get-composite.test.ts b/packages/core/src/common/utils/composite/get-composite/get-composite.test.ts
new file mode 100644
index 0000000000..594d0f3d01
--- /dev/null
+++ b/packages/core/src/common/utils/composite/get-composite/get-composite.test.ts
@@ -0,0 +1,363 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { Composite } from "./get-composite";
+import { getCompositePaths } from "../get-composite-paths/get-composite-paths";
+import { sortBy } from "lodash/fp";
+import { getCompositeFor } from "./get-composite";
+
+interface SomeItem {
+  id: string;
+  parentId?: string;
+  orderNumber?: number;
+}
+
+describe("get-composite", () => {
+  it("given items and an explicit root id, creates a composite", () => {
+    const someRootItem = {
+      id: "some-root-id",
+      someProperty: "some-root-content",
+    };
+
+    const someIrrelevantRootItem = {
+      id: "some-irrelevant-root-id",
+      someProperty: "some-other-root-content",
+    };
+
+    const someItem = {
+      id: "some-id",
+      parentId: "some-root-id",
+      someProperty: "some-content",
+    };
+
+    const someNestedItem = {
+      id: "some-nested-id",
+      parentId: "some-id",
+      someProperty: "some-nested-content",
+    };
+
+    const items = [someRootItem, someIrrelevantRootItem, someItem, someNestedItem];
+
+    const getComposite = getCompositeFor<SomeItem>({
+      rootId: "some-root-id",
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    const composite = getComposite(items);
+
+    expect(composite).toEqual({
+      id: "some-root-id",
+      value: someRootItem,
+
+      children: [
+        {
+          id: "some-id",
+          parentId: "some-root-id",
+          value: someItem,
+
+          children: [
+            {
+              id: "some-nested-id",
+              parentId: "some-id",
+              value: someNestedItem,
+              children: [],
+            },
+          ],
+        },
+      ],
+    });
+  });
+
+  it("given items and implicit root, creates a composite", () => {
+    const someRootItem = {
+      id: "some-root-id",
+      someProperty: "some-root-content",
+      // Notice: no "parentId" makes this the implicit root.
+      parentId: undefined,
+    };
+
+    const someItem = {
+      id: "some-id",
+      parentId: "some-root-id",
+      someProperty: "some-content",
+    };
+
+    const someNestedItem = {
+      id: "some-nested-id",
+      parentId: "some-id",
+      someProperty: "some-nested-content",
+    };
+
+    const items = [someRootItem, someItem, someNestedItem];
+
+    const getComposite = getCompositeFor<SomeItem>({
+      // Notice: no root id
+      // rootId: "some-root-id",
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    const composite = getComposite(items);
+
+    expect(composite).toEqual({
+      id: "some-root-id",
+      value: someRootItem,
+
+      children: [
+        {
+          id: "some-id",
+          parentId: "some-root-id",
+          value: someItem,
+
+          children: [
+            {
+              id: "some-nested-id",
+              parentId: "some-id",
+              value: someNestedItem,
+              children: [],
+            },
+          ],
+        },
+      ],
+    });
+  });
+
+  it("given items and an unspecified root id and multiple items without parent as root, throws", () => {
+    const someRootItem = {
+      id: "some-root-id",
+      // Notice: no "parentId" makes this a root.
+      parentId: undefined,
+    };
+
+    const someOtherRootItem = {
+      id: "some-other-root-id",
+      // Notice: no "parentId" makes also this a root.
+      parentId: undefined,
+    };
+
+    const items = [someRootItem, someOtherRootItem];
+
+    const getComposite = getCompositeFor<SomeItem>({
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    expect(() => {
+      getComposite(items);
+    }).toThrow(
+      'Tried to get a composite, but multiple roots where encountered: "some-root-id", "some-other-root-id"',
+    );
+  });
+
+  it("given non-unique ids, throws", () => {
+    const someItem = {
+      id: "some-id",
+      parentId: "irrelevant",
+    };
+
+    const someOtherItem = {
+      id: "some-id",
+      parentId: "irrelevant",
+    };
+
+    const items = [someItem, someOtherItem];
+
+    const getComposite = getCompositeFor<SomeItem>({
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    expect(() => {
+      getComposite(items);
+    }).toThrow(
+      'Tried to get a composite but encountered non-unique ids: "some-id"',
+    );
+  });
+
+  it("given items with missing parent ids, when creating composite without handling for unknown parents, throws", () => {
+    const someItem = {
+      id: "some-id",
+      parentId: undefined,
+    };
+
+    const someItemWithMissingParentId = {
+      id: "some-other-id",
+      parentId: "some-missing-id",
+    };
+
+    const items = [someItem, someItemWithMissingParentId];
+
+    const getComposite = getCompositeFor<SomeItem>({
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    expect(() => {
+      getComposite(items);
+    }).toThrow(
+      `Tried to get a composite but encountered missing parent ids: "some-missing-id".
+
+Available parent ids are:
+"some-id",
+"some-other-id"`,
+    );
+  });
+
+  describe("given items with missing parents, when creating composite with handling for missing parents", () => {
+    let composite: Composite<any>;
+    let handleMissingParentIdMock: jest.Mock;
+
+    beforeEach(() => {
+      const someItem = {
+        id: "some-root-id",
+      };
+
+      const someItemWithMissingParentId = {
+        id: "some-orphan-id",
+        // Note: the item corresponding to this id does not exist,
+        // making this item have a "missing parent".
+        parentId: "some-missing-id",
+      };
+
+      const items = [someItem, someItemWithMissingParentId];
+
+      handleMissingParentIdMock = jest.fn();
+
+      const getComposite = getCompositeFor<SomeItem>({
+        getId: (x) => x.id,
+        getParentId: (x) => x.parentId,
+        handleMissingParentIds: handleMissingParentIdMock,
+      });
+
+      composite = getComposite(items);
+    });
+
+    it("creates composite without the orphan item, and without throwing", () => {
+      const paths = getCompositePaths(composite);
+
+      expect(paths).toEqual([["some-root-id"]]);
+    });
+
+    it("handles the missing parent ids", () => {
+      expect(handleMissingParentIdMock).toHaveBeenCalledWith({
+        missingParentIds: ["some-missing-id"],
+        availableParentIds: ["some-root-id", "some-orphan-id"],
+      });
+    });
+  });
+
+  it("given items with same id and parent id, throws", () => {
+    const someItem = {
+      id: "some-id",
+      parentId: "some-id",
+    };
+
+    const someRoot = {
+      id: "root",
+      parentId: undefined,
+    };
+
+    const items = [someItem, someRoot];
+
+    const getComposite = getCompositeFor<SomeItem>({
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    expect(() => {
+      getComposite(items);
+    }).toThrow(
+      'Tried to get a composite, but found items with self as parent: "some-id"',
+    );
+  });
+
+  it("given undefined ids, throws", () => {
+    const root = {
+      parentId: undefined,
+      id: "some-root",
+    };
+
+    const someItem = {
+      parentId: "some-root",
+      id: undefined,
+    };
+
+    const someOtherItem = {
+      parentId: "some-root",
+      id: undefined,
+    };
+
+    const items = [root, someItem, someOtherItem];
+
+    const getComposite = getCompositeFor<any>({
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+    });
+
+    expect(() => {
+      getComposite(items);
+    }).toThrow("Tried to get a composite but encountered 2 undefined ids");
+  });
+
+  it("given transformed children, creates a composite with transformed children", () => {
+    const someRootItem = {
+      id: "some-root-id",
+      orderNumber: 1,
+    };
+
+    const someItem1 = {
+      id: "some-id-1",
+      parentId: "some-root-id",
+      orderNumber: 1,
+    };
+
+    const someItem2 = {
+      id: "some-id-2",
+      parentId: "some-root-id",
+      orderNumber: 2,
+    };
+
+    const someChildItem1 = {
+      id: "some-child-id-1",
+      parentId: "some-id-1",
+      orderNumber: 1,
+    };
+
+    const someChildItem2 = {
+      id: "some-child-id-2",
+      parentId: "some-id-1",
+      orderNumber: 2,
+    };
+
+    const items = [
+      someRootItem,
+      // Note: not in order yet.
+      someItem2,
+      someItem1,
+      someChildItem2,
+      someChildItem1,
+    ];
+
+    const getComposite = getCompositeFor<SomeItem>({
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+      transformChildren: (things) =>
+        sortBy((thing) => thing.orderNumber, things),
+    });
+
+    const composite = getComposite(items);
+
+    const orderedPaths = getCompositePaths(composite);
+
+    expect(orderedPaths).toEqual([
+      ["some-root-id"],
+      ["some-root-id", "some-id-1"],
+      ["some-root-id", "some-id-1", "some-child-id-1"],
+      ["some-root-id", "some-id-1", "some-child-id-2"],
+      ["some-root-id", "some-id-2"],
+    ]);
+  });
+});
diff --git a/packages/core/src/common/utils/composite/get-composite/get-composite.ts b/packages/core/src/common/utils/composite/get-composite/get-composite.ts
new file mode 100644
index 0000000000..7e499ad40a
--- /dev/null
+++ b/packages/core/src/common/utils/composite/get-composite/get-composite.ts
@@ -0,0 +1,147 @@
+/**
+ * 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 {
+  countBy,
+  filter,
+  toPairs,
+  nth,
+  map,
+  uniq,
+  without,
+  compact,
+  identity,
+} from "lodash/fp";
+
+export interface Composite<T> {
+  id: string;
+  parentId: string | undefined;
+  value: T;
+  children: Composite<T>[];
+}
+
+interface Configuration<T> {
+  rootId?: string;
+  getId: (thing: T) => string;
+  getParentId: (thing: T) => string | undefined;
+  transformChildren?: (things: T[]) => T[];
+  handleMissingParentIds?: (parentIdsForHandling: ParentIdsForHandling) => void;
+}
+
+export const getCompositeFor = <T>({
+  rootId = undefined,
+  getId,
+  getParentId,
+  transformChildren = identity,
+  handleMissingParentIds = throwMissingParentIds,
+}: Configuration<T>) => (source: T[]) => {
+    const undefinedIds = pipeline(
+      source,
+      filter((x) => getId(x) === undefined),
+    );
+
+    if (undefinedIds.length) {
+      throw new Error(
+        `Tried to get a composite but encountered ${undefinedIds.length} undefined ids`,
+      );
+    }
+
+    const selfReferencingIds = pipeline(
+      source,
+      filter((x) => getId(x) === getParentId(x)),
+      map(getId),
+    );
+
+    if (selfReferencingIds.length) {
+      throw new Error(
+        `Tried to get a composite, but found items with self as parent: "${selfReferencingIds.join(
+          '", ',
+        )}"`,
+      );
+    }
+
+    const duplicateIds = pipeline(
+      source,
+      countBy(getId),
+      toPairs,
+      filter(([, count]) => count > 1),
+      map(nth(0)),
+    );
+
+    if (duplicateIds.length) {
+      throw new Error(
+        `Tried to get a composite but encountered non-unique ids: "${duplicateIds
+          .map((x) => String(x))
+          .join('", "')}"`,
+      );
+    }
+
+    const allIds = pipeline(source, map(getId));
+
+    const allParentIds = pipeline(source, map(getParentId), uniq, compact);
+
+    const missingParentIds = without(allIds, allParentIds);
+
+    if (missingParentIds.length) {
+      handleMissingParentIds({ missingParentIds, availableParentIds: allIds });
+    }
+
+    const toComposite = (thing: T): Composite<T> => {
+      const thingId = getId(thing);
+
+      return {
+        id: thingId,
+        parentId: getParentId(thing),
+        value: thing,
+
+        children: pipeline(
+          source,
+
+          filter((childThing) => {
+            const parentId = getParentId(childThing);
+
+            return parentId === thingId;
+          }),
+
+          transformChildren,
+
+          map(toComposite),
+        ),
+      };
+    };
+
+    const isRootId = rootId
+      ? (thing: T) => getId(thing) === rootId
+      : (thing: T) => getParentId(thing) === undefined;
+
+    const roots = source.filter(isRootId);
+
+    if (roots.length > 1) {
+      throw new Error(
+        `Tried to get a composite, but multiple roots where encountered: "${roots
+          .map(getId)
+          .join('", "')}"`,
+      );
+    }
+
+    return toComposite(roots[0]);
+  };
+
+interface ParentIdsForHandling {
+  missingParentIds: string[];
+  availableParentIds: string[];
+}
+
+const throwMissingParentIds = ({
+  missingParentIds,
+  availableParentIds,
+}: ParentIdsForHandling) => {
+  throw new Error(
+    `Tried to get a composite but encountered missing parent ids: "${missingParentIds.join(
+      '", "',
+    )}".\n\nAvailable parent ids are:\n"${availableParentIds.join('",\n"')}"`,
+  );
+};
diff --git a/packages/core/src/common/utils/composite/interfaces.ts b/packages/core/src/common/utils/composite/interfaces.ts
new file mode 100644
index 0000000000..1c29a0e4ce
--- /dev/null
+++ b/packages/core/src/common/utils/composite/interfaces.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export interface ParentOfChildComposite<Id extends string = string> {
+  id: Id;
+}
+
+export interface ChildOfParentComposite<ParentId extends string = string> {
+  parentId: ParentId;
+}
+
+export type RootComposite<Id extends string = string> =
+  & { parentId: undefined }
+  & ParentOfChildComposite<Id>;
diff --git a/packages/core/src/common/utils/computed-or.ts b/packages/core/src/common/utils/computed-or.ts
new file mode 100644
index 0000000000..4e93394924
--- /dev/null
+++ b/packages/core/src/common/utils/computed-or.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 type { IComputedValue } from "mobx";
+import { computed } from "mobx";
+
+export const computedOr = (...values: IComputedValue<boolean>[]) => computed((
+  () => values.some(value => value.get())
+));
diff --git a/packages/core/src/common/utils/convertCpu.ts b/packages/core/src/common/utils/convertCpu.ts
new file mode 100644
index 0000000000..86b57b78f8
--- /dev/null
+++ b/packages/core/src/common/utils/convertCpu.ts
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * 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 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],
+]);
+
+const cpuUnitsRegex = TypedRegEx("^(?<digits>[+-]?[0-9.]+(e[-+]?[0-9]+)?)(?<unit>[EinumkKMGTP]*)$");
+
+export function cpuUnitsToNumber(value: string) {
+  const match = cpuUnitsRegex.captures(value);
+
+  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/packages/core/src/common/utils/convertMemory.ts b/packages/core/src/common/utils/convertMemory.ts
new file mode 100644
index 0000000000..7cae1cf0c1
--- /dev/null
+++ b/packages/core/src/common/utils/convertMemory.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 assert from "assert";
+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 = ["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,
+  maxMagnitude,
+]);
+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);
+
+  if (!unitsMatch?.groups) {
+    return NaN;
+  }
+
+  const parsedValue = parseFloat(unitsMatch.groups.value);
+
+  if (!unitsMatch.groups?.suffix) {
+    return parsedValue;
+  }
+
+  const magnitude = magnitudes.get(unitsMatch.groups.suffix as BinaryUnit)
+    ?? magnitudes.get(`${unitsMatch.groups.suffix}B` as BinaryUnit);
+
+  assert(magnitude, "UnitRegex is wrong some how");
+
+  return parseInt((parsedValue * magnitude).toFixed(1));
+}
+
+export interface BytesToUnitesOptions {
+  /**
+   * The number of decimal places. MUST be an integer. MUST be in the range [0, 20].
+   * @default 1
+   */
+  precision?: number;
+}
+
+export function bytesToUnits(bytes: number, { precision = 1 }: BytesToUnitesOptions = {}): string {
+  if (bytes <= 0 || isNaN(bytes) || !isFinite(bytes)) {
+    return "N/A";
+  }
+
+  const index = Math.floor(Math.log(bytes) / Math.log(baseMagnitude));
+  const [suffix, magnitude] = iter.nth(magnitudes.entries(), index) ?? maxMagnitude;
+
+  return `${(bytes / magnitude).toFixed(precision)}${suffix}`;
+}
diff --git a/packages/core/src/common/utils/date/get-current-date-time.ts b/packages/core/src/common/utils/date/get-current-date-time.ts
new file mode 100644
index 0000000000..aa4d5e7fa3
--- /dev/null
+++ b/packages/core/src/common/utils/date/get-current-date-time.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 moment from "moment";
+
+export const getCurrentDateTime = () => moment().utc().format();
+
+export const getMillisecondsFromUnixEpoch = () => Date.now();
+
+export const getSecondsFromUnixEpoch = () => Math.floor(getMillisecondsFromUnixEpoch() / 1000);
diff --git a/packages/core/src/common/utils/debouncePromise.ts b/packages/core/src/common/utils/debouncePromise.ts
new file mode 100755
index 0000000000..c15b206a76
--- /dev/null
+++ b/packages/core/src/common/utils/debouncePromise.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Debouncing promise evaluation
+
+export function debouncePromise<T, F extends any[]>(func: (...args: F) => T | Promise<T>, timeout = 0): (...args: F) => Promise<T> {
+  let timer: NodeJS.Timeout;
+
+  return (...params: F) => new Promise(resolve => {
+    clearTimeout(timer);
+    timer = global.setTimeout(() => resolve(func(...params)), timeout);
+  });
+}
diff --git a/packages/core/src/common/utils/delay.ts b/packages/core/src/common/utils/delay.ts
new file mode 100644
index 0000000000..96171f6535
--- /dev/null
+++ b/packages/core/src/common/utils/delay.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 type AbortController from "abort-controller";
+
+/**
+ * Return a promise that will be resolved after at least `timeout` ms have
+ * passed. If `failFast` is provided then the promise is also resolved if it has
+ * been aborted.
+ * @param timeout The number of milliseconds before resolving
+ * @param failFast An abort controller instance to cause the delay to short-circuit
+ */
+export function delay(timeout = 1000, failFast?: AbortController): Promise<void> {
+  return new Promise(resolve => {
+    const timeoutId = setTimeout(resolve, timeout);
+
+    failFast?.signal.addEventListener("abort", () => {
+      clearTimeout(timeoutId);
+      resolve();
+    });
+  });
+}
diff --git a/packages/core/src/common/utils/disposer.ts b/packages/core/src/common/utils/disposer.ts
new file mode 100644
index 0000000000..2949a7ae35
--- /dev/null
+++ b/packages/core/src/common/utils/disposer.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 type { SingleOrMany } from "./types";
+
+
+
+export interface Disposer {
+  (): void;
+}
+
+export interface Disposable {
+  dispose(): void;
+}
+
+export interface ExtendableDisposer extends Disposer {
+  push(...vals: (Disposer | ExtendableDisposer | Disposable)[]): void;
+}
+
+export function disposer(...items: SingleOrMany<Disposer | Disposable | undefined | null>[]): ExtendableDisposer {
+  return Object.assign(() => {
+    for (const item of items.flat()) {
+      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/packages/core/src/common/utils/escapeRegExp.ts b/packages/core/src/common/utils/escapeRegExp.ts
new file mode 100644
index 0000000000..9d5c7e2ff6
--- /dev/null
+++ b/packages/core/src/common/utils/escapeRegExp.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Helper to sanitize / escape special chars for passing to RegExp-constructor
+
+export function escapeRegExp(str: string) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // $& means the whole matched string
+}
diff --git a/packages/core/src/common/utils/find-exactly-one/find-exactly-one.test.ts b/packages/core/src/common/utils/find-exactly-one/find-exactly-one.test.ts
new file mode 100644
index 0000000000..08dbb9ce72
--- /dev/null
+++ b/packages/core/src/common/utils/find-exactly-one/find-exactly-one.test.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 { findExactlyOne } from "./find-exactly-one";
+
+describe("find-exactly-one", () => {
+  it("when predicate matches to single item, returns the item", () => {
+    const actual = findExactlyOne((item) => item === "some-item")([
+      "some-item",
+      "some-other-item",
+    ]);
+
+    expect(actual).toBe("some-item");
+  });
+
+  it("when predicate matches to many items, throws", () => {
+    expect(() => {
+      findExactlyOne((item) => item === "some-item")([
+        "some-item",
+        "some-item",
+      ]);
+    }).toThrow("Tried to find exactly one, but found many");
+  });
+
+  it("when predicate does not match, throws", () => {
+    expect(() => {
+      findExactlyOne((item) => item === "some-item")([
+        "some-other-item",
+      ]);
+    }).toThrow("Tried to find exactly one, but didn't find any");
+  });
+});
diff --git a/packages/core/src/common/utils/find-exactly-one/find-exactly-one.ts b/packages/core/src/common/utils/find-exactly-one/find-exactly-one.ts
new file mode 100644
index 0000000000..181720d8b1
--- /dev/null
+++ b/packages/core/src/common/utils/find-exactly-one/find-exactly-one.ts
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export const findExactlyOne = <T>(predicate: (item: T) => boolean) => (collection: T[]): T => {
+  const itemsFound = collection.filter(predicate);
+
+  if (!itemsFound.length) {
+    throw new Error(
+      "Tried to find exactly one, but didn't find any",
+    );
+  }
+
+  if (itemsFound.length > 1) {
+    throw new Error(
+      "Tried to find exactly one, but found many",
+    );
+  }
+
+  return itemsFound[0];
+};
diff --git a/packages/core/src/common/utils/formatDuration.ts b/packages/core/src/common/utils/formatDuration.ts
new file mode 100644
index 0000000000..1ea4e1e546
--- /dev/null
+++ b/packages/core/src/common/utils/formatDuration.ts
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import moment from "moment";
+
+/**
+ * This function formats durations in a more human readable form.
+ * @param timeValue the duration in milliseconds to format
+ */
+export function formatDuration(timeValue: number, compact = true) {
+  const duration = moment.duration(timeValue, "milliseconds");
+  const seconds = Math.floor(duration.asSeconds());
+  const separator = compact ? "": " ";
+
+  if (seconds < 0) {
+    return "0s";
+  } else if (seconds < 60*2 ) {
+    return `${seconds}s`;
+  }
+
+  const minutes = Math.floor(duration.asMinutes());
+
+  if (minutes < 10) {
+    const seconds = duration.seconds();
+
+    return getMeaningfulValues([minutes, seconds], ["m", "s"], separator);
+  } else if (minutes < 60 * 3) {
+    if (!compact) {
+      return getMeaningfulValues([minutes, duration.seconds()], ["m", "s"]);
+    }
+
+    return `${minutes}m`;
+  }
+
+  const hours = Math.floor(duration.asHours());
+
+  if(hours < 8) {
+    const minutes = duration.minutes();
+
+    return getMeaningfulValues([hours, minutes], ["h", "m"], separator);
+  } else if (hours < 48) {
+    if (compact) {
+      return `${hours}h`;
+    } else {
+      return getMeaningfulValues([hours, duration.minutes()], ["h", "m"]);
+    }
+  }
+
+  const days = Math.floor(duration.asDays());
+
+  if (days < 8) {
+    const hours = duration.hours();
+
+    if (compact) {
+      return getMeaningfulValues([days, hours], ["d", "h"], separator);
+    } else {
+      return getMeaningfulValues([days, hours, duration.minutes()], ["d", "h", "m"]);
+    }
+  }
+  const years = Math.floor(duration.asYears());
+
+  if (years < 2) {
+    if (compact) {
+      return `${days}d`;
+    } else {
+      return getMeaningfulValues([days, duration.hours(), duration.minutes()], ["d", "h", "m"]);
+    }
+  } else if (years < 8) {
+    const days = duration.days();
+
+    if (compact) {
+      return getMeaningfulValues([years, days], ["y", "d"], separator);
+    }
+  }
+
+  if (compact) {
+    return `${years}y`;
+  }
+
+  return getMeaningfulValues([years, duration.days(), duration.hours(), duration.minutes()], ["y", "d", "h", "m"]);
+}
+
+function getMeaningfulValues(values: number[], suffixes: string[], separator = " ") {
+  return values
+    .map((a, i): [number, string] => [a, suffixes[i]])
+    .filter(([dur]) => dur > 0)
+    .map(([dur, suf]) => dur + suf)
+    .join(separator);
+}
diff --git a/packages/core/src/common/utils/generate-new-id-for.ts b/packages/core/src/common/utils/generate-new-id-for.ts
new file mode 100644
index 0000000000..31aba26e20
--- /dev/null
+++ b/packages/core/src/common/utils/generate-new-id-for.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 { createHash } from "crypto";
+
+export function generateNewIdFor(cluster: { kubeConfigPath: string; contextName: string }): string {
+  return createHash("md5").update(`${cluster.kubeConfigPath}:${cluster.contextName}`).digest("hex");
+}
diff --git a/packages/core/src/common/utils/get-error-message.ts b/packages/core/src/common/utils/get-error-message.ts
new file mode 100644
index 0000000000..b5d7dd4244
--- /dev/null
+++ b/packages/core/src/common/utils/get-error-message.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export const getErrorMessage = (error: unknown): string => {
+  if (typeof error === "string") {
+    return error;
+  }
+
+  if (error instanceof Error) {
+    return error.message;
+  }
+
+  return JSON.stringify(error);
+};
diff --git a/packages/core/src/common/utils/get-random-id.global-override-for-injectable.ts b/packages/core/src/common/utils/get-random-id.global-override-for-injectable.ts
new file mode 100644
index 0000000000..a0f87b4180
--- /dev/null
+++ b/packages/core/src/common/utils/get-random-id.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 getRandomIdInjectable from "./get-random-id.injectable";
+
+export default getGlobalOverride(getRandomIdInjectable, () => () => "some-irrelevant-random-id");
diff --git a/packages/core/src/common/utils/get-random-id.injectable.ts b/packages/core/src/common/utils/get-random-id.injectable.ts
new file mode 100644
index 0000000000..b6d8b99f41
--- /dev/null
+++ b/packages/core/src/common/utils/get-random-id.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 { v4 as getRandomId } from "uuid";
+
+const getRandomIdInjectable = getInjectable({
+  id: "get-random-id",
+  instantiate: () => () => getRandomId(),
+  causesSideEffects: true,
+});
+
+export default getRandomIdInjectable;
diff --git a/packages/core/src/common/utils/get-startable-stoppable.test.ts b/packages/core/src/common/utils/get-startable-stoppable.test.ts
new file mode 100644
index 0000000000..dc8b24dd43
--- /dev/null
+++ b/packages/core/src/common/utils/get-startable-stoppable.test.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 type { StartableStoppable } from "./get-startable-stoppable";
+import { getStartableStoppable } from "./get-startable-stoppable";
+
+describe("getStartableStoppable", () => {
+  let stopMock: jest.MockedFunction<() => void>;
+  let startMock: jest.MockedFunction<() => () => void>;
+  let actual: StartableStoppable;
+
+  beforeEach(() => {
+    stopMock = jest.fn();
+    startMock = jest.fn().mockImplementation(() => stopMock);
+    actual = getStartableStoppable("some-id", startMock);
+  });
+
+  it("does not start yet", () => {
+    expect(startMock).not.toHaveBeenCalled();
+  });
+
+  it("does not stop yet", () => {
+    expect(stopMock).not.toHaveBeenCalled();
+  });
+
+  it("when stopping before ever starting, throws", () => {
+    expect(() => actual.stop()).toThrow("Tried to stop \"some-id\", but it is already stopped.");
+  });
+
+  it("is not started", () => {
+    expect(actual.started).toBe(false);
+  });
+
+  describe("when started", () => {
+    beforeEach(() => {
+      actual.start();
+    });
+
+    it("calls start function", () => {
+      expect(startMock).toHaveBeenCalled();
+    });
+
+    it("is started", () => {
+      expect(actual.started).toBe(true);
+    });
+
+    describe("when stopped", () => {
+      beforeEach(() => {
+        actual.stop();
+      });
+
+      it("calls stop function", () => {
+        expect(stopMock).toBeCalled();
+      });
+
+      it("is stopped", () => {
+        expect(actual.started).toBe(false);
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/utils/get-startable-stoppable.ts b/packages/core/src/common/utils/get-startable-stoppable.ts
new file mode 100644
index 0000000000..05d8b4d9af
--- /dev/null
+++ b/packages/core/src/common/utils/get-startable-stoppable.ts
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export type Stopper = () => void;
+export type Starter = () => Stopper;
+
+export interface StartableStoppable {
+  readonly started: boolean;
+  start: () => void;
+  stop: () => void;
+}
+
+type StartableStoppableState = "stopped" | "started" | "starting";
+
+export function getStartableStoppable(id: string, startAndGetStopper: Starter): StartableStoppable {
+  let stop: Stopper;
+  let state: StartableStoppableState = "stopped";
+
+  return {
+    get started() {
+      return state === "started";
+    },
+
+    start: () => {
+      if (state !== "stopped") {
+        throw new Error(`Tried to start "${id}", but it is already ${state}.`);
+      }
+
+      state = "starting";
+      stop = startAndGetStopper();
+      state = "started";
+    },
+
+    stop: () => {
+      if (state !== "started") {
+        throw new Error(`Tried to stop "${id}", but it is already ${state}.`);
+      }
+
+      stop();
+      state = "stopped";
+    },
+  };
+}
diff --git a/packages/core/src/common/utils/getRandId.ts b/packages/core/src/common/utils/getRandId.ts
new file mode 100644
index 0000000000..489456d56b
--- /dev/null
+++ b/packages/core/src/common/utils/getRandId.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Create random system name
+
+export function getRandId({ prefix = "", suffix = "", sep = "_" } = {}) {
+  const randId = () => Math.random().toString(16).slice(2);
+
+  return [prefix, randId(), suffix].filter(s => s).join(sep);
+}
diff --git a/packages/core/src/common/utils/hash-set.ts b/packages/core/src/common/utils/hash-set.ts
new file mode 100644
index 0000000000..23ce13b1b2
--- /dev/null
+++ b/packages/core/src/common/utils/hash-set.ts
@@ -0,0 +1,245 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { IInterceptable, IInterceptor, IListenable, ISetWillChange, ObservableMap } from "mobx";
+import { action, observable, ObservableSet } from "mobx";
+
+export function makeIterableIterator<T>(iterator: Iterator<T>): IterableIterator<T> {
+  (iterator as IterableIterator<T>)[Symbol.iterator] = () => iterator as IterableIterator<T>;
+
+  return iterator as IterableIterator<T>;
+}
+
+export class HashSet<T> implements Set<T> {
+  #hashmap: Map<string, T>;
+
+  constructor(initialValues: Iterable<T>, protected hasher: (item: T) => string) {
+    this.#hashmap = new Map<string, T>(Array.from(initialValues, value => [this.hasher(value), value]));
+  }
+
+  replace(other: ObservableHashSet<T> | ObservableSet<T> | Set<T> | readonly T[]): this {
+    if (other === null || other === undefined) {
+      return this;
+    }
+
+    if (!(Array.isArray(other) || other instanceof Set || other instanceof ObservableHashSet || other instanceof ObservableSet)) {
+      throw new Error(`ObservableHashSet: Cannot initialize set from ${other}`);
+    }
+
+    this.clear();
+
+    for (const value of other) {
+      this.add(value);
+    }
+
+    return this;
+  }
+
+  clear(): void {
+    this.#hashmap.clear();
+  }
+
+  add(value: T): this {
+    this.#hashmap.set(this.hasher(value), value);
+
+    return this;
+  }
+
+  toggle(value: T): void {
+    const hash = this.hasher(value);
+
+    if (this.#hashmap.has(hash)) {
+      this.#hashmap.delete(hash);
+    } else {
+      this.#hashmap.set(hash, value);
+    }
+  }
+
+  delete(value: T): boolean {
+    return this.#hashmap.delete(this.hasher(value));
+  }
+
+  forEach(callbackfn: (value: T, key: T, set: Set<T>) => void, thisArg?: any): void {
+    this.#hashmap.forEach(value => callbackfn(value, value, thisArg ?? this));
+  }
+
+  has(value: T): boolean {
+    return this.#hashmap.has(this.hasher(value));
+  }
+
+  get size(): number {
+    return this.#hashmap.size;
+  }
+
+  entries(): IterableIterator<[T, T]> {
+    let nextIndex = 0;
+    const keys = Array.from(this.keys());
+    const values = Array.from(this.values());
+
+    return makeIterableIterator<[T, T]>({
+      next() {
+        const index = nextIndex++;
+
+        return index < values.length
+          ? { value: [keys[index], values[index]], done: false }
+          : { done: true, value: undefined };
+      },
+    });
+  }
+
+  keys(): IterableIterator<T> {
+    return this.values();
+  }
+
+  values(): IterableIterator<T> {
+    let nextIndex = 0;
+    const observableValues = Array.from(this.#hashmap.values());
+
+    return makeIterableIterator<T>({
+      next: () => {
+        return nextIndex < observableValues.length
+          ? { value: observableValues[nextIndex++], done: false }
+          : { done: true, value: undefined };
+      },
+    });
+  }
+
+  [Symbol.iterator](): IterableIterator<T> {
+    return this.#hashmap.values();
+  }
+
+  get [Symbol.toStringTag](): string {
+    return "Set";
+  }
+
+  toJSON(): T[] {
+    return Array.from(this);
+  }
+
+  toString(): string {
+    return "[object Set]";
+  }
+}
+
+export class ObservableHashSet<T> implements Set<T>, IInterceptable<ISetWillChange>, IListenable {
+  #hashmap: ObservableMap<string, T>;
+
+  get interceptors_(): IInterceptor<ISetWillChange<T>>[] {
+    return [];
+  }
+
+  get changeListeners_(): Function[] {
+    return [];
+  }
+
+  constructor(initialValues: Iterable<T>, protected hasher: (item: T) => string) {
+    this.#hashmap = observable.map<string, T>(Array.from(initialValues, value => [this.hasher(value), value]), undefined);
+  }
+
+  @action
+  replace(other: ObservableHashSet<T> | ObservableSet<T> | Set<T> | readonly T[]): this {
+    if (other === null || other === undefined) {
+      return this;
+    }
+
+    if (!(Array.isArray(other) || other instanceof Set || other instanceof ObservableHashSet || other instanceof ObservableSet)) {
+      throw new Error(`ObservableHashSet: Cannot initialize set from ${other}`);
+    }
+
+    this.clear();
+
+    for (const value of other) {
+      this.add(value);
+    }
+
+    return this;
+  }
+
+  clear(): void {
+    this.#hashmap.clear();
+  }
+
+  add(value: T): this {
+    this.#hashmap.set(this.hasher(value), value);
+
+    return this;
+  }
+
+  @action
+  toggle(value: T): void {
+    const hash = this.hasher(value);
+
+    if (this.#hashmap.has(hash)) {
+      this.#hashmap.delete(hash);
+    } else {
+      this.#hashmap.set(hash, value);
+    }
+  }
+
+  delete(value: T): boolean {
+    return this.#hashmap.delete(this.hasher(value));
+  }
+
+  forEach(callbackfn: (value: T, key: T, set: Set<T>) => void, thisArg?: any): void {
+    this.#hashmap.forEach(value => callbackfn(value, value, thisArg ?? this));
+  }
+
+  has(value: T): boolean {
+    return this.#hashmap.has(this.hasher(value));
+  }
+
+  get size(): number {
+    return this.#hashmap.size;
+  }
+
+  entries(): IterableIterator<[T, T]> {
+    let nextIndex = 0;
+    const keys = Array.from(this.keys());
+    const values = Array.from(this.values());
+
+    return makeIterableIterator<[T, T]>({
+      next() {
+        const index = nextIndex++;
+
+        return index < values.length
+          ? { value: [keys[index], values[index]], done: false }
+          : { done: true, value: undefined };
+      },
+    });
+  }
+
+  keys(): IterableIterator<T> {
+    return this.values();
+  }
+
+  values(): IterableIterator<T> {
+    let nextIndex = 0;
+    const observableValues = Array.from(this.#hashmap.values());
+
+    return makeIterableIterator<T>({
+      next: () => {
+        return nextIndex < observableValues.length
+          ? { value: observableValues[nextIndex++], done: false }
+          : { done: true, value: undefined };
+      },
+    });
+  }
+
+  [Symbol.iterator](): IterableIterator<T> {
+    return this.#hashmap.values();
+  }
+
+  get [Symbol.toStringTag](): string {
+    return "Set";
+  }
+
+  toJSON(): T[] {
+    return Array.from(this);
+  }
+
+  toString(): string {
+    return "[object ObservableSet]";
+  }
+}
diff --git a/packages/core/src/common/utils/index.ts b/packages/core/src/common/utils/index.ts
new file mode 100644
index 0000000000..4857d04418
--- /dev/null
+++ b/packages/core/src/common/utils/index.ts
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./abort-controller";
+export * from "./autobind";
+export * from "./camelCase";
+export * from "./cluster-id-url-parsing";
+export * from "./collection-functions";
+export * from "./convertCpu";
+export * from "./convertMemory";
+export * from "./debouncePromise";
+export * from "./delay";
+export * from "./disposer";
+export * from "./escapeRegExp";
+export * from "./formatDuration";
+export * from "./getRandId";
+export * from "./hash-set";
+export * from "./n-fircate";
+export * from "./noop";
+export * from "./observable-crate/impl";
+export * from "./promise-exec";
+export * from "./readonly";
+export * from "./reject-promise";
+export * from "./singleton";
+export * from "./sort-compare";
+export * from "./splitArray";
+export * from "./tar";
+export * from "./toJS";
+export * from "./type-narrowing";
+export * from "./types";
+export * from "./wait-for-path";
+export * from "./wait";
+
+export type { Tuple } from "./tuple";
+
+import * as iter from "./iter";
+import * as array from "./array";
+import * as tuple from "./tuple";
+import * as base64 from "./base64";
+import * as object from "./objects";
+import * as json from "./json";
+
+export {
+  iter,
+  array,
+  tuple,
+  base64,
+  object,
+  json,
+};
diff --git a/packages/core/src/common/utils/is-promise/is-promise.test.ts b/packages/core/src/common/utils/is-promise/is-promise.test.ts
new file mode 100644
index 0000000000..565f272ed6
--- /dev/null
+++ b/packages/core/src/common/utils/is-promise/is-promise.test.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 { isPromise } from "./is-promise";
+
+describe("isPromise", () => {
+  it("given promise, returns true", () => {
+    const actual = isPromise(new Promise(() => {}));
+
+    expect(actual).toBe(true);
+  });
+
+  it("given non-promise, returns false", () => {
+    const actual = isPromise({});
+
+    expect(actual).toBe(false);
+  });
+
+  it("given thenable, returns false", () => {
+    const actual = isPromise({ then: () => {} });
+
+    expect(actual).toBe(false);
+  });
+
+  it("given nothing, returns false", () => {
+    const actual = isPromise(undefined);
+
+    expect(actual).toBe(false);
+  });
+});
diff --git a/packages/core/src/common/utils/is-promise/is-promise.ts b/packages/core/src/common/utils/is-promise/is-promise.ts
new file mode 100644
index 0000000000..6261f569cd
--- /dev/null
+++ b/packages/core/src/common/utils/is-promise/is-promise.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 function isPromise(reference: any): reference is Promise<any> {
+  return reference?.constructor === Promise;
+}
diff --git a/packages/core/src/common/utils/iter.ts b/packages/core/src/common/utils/iter.ts
new file mode 100644
index 0000000000..5b5593d2d4
--- /dev/null
+++ b/packages/core/src/common/utils/iter.ts
@@ -0,0 +1,238 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export type Falsey = false | 0 | "" | null | undefined;
+
+interface Iterator<T> extends Iterable<T> {
+  filter(fn: (val: T) => unknown): Iterator<T>;
+  filterMap<U>(fn: (val: T) => Falsey | U): Iterator<U>;
+  find(fn: (val: T) => unknown): T | undefined;
+  collect<U>(fn: (values: Iterable<T>) => U): U;
+  map<U>(fn: (val: T) => U): Iterator<U>;
+  flatMap<U>(fn: (val: T) => U[]): Iterator<U>;
+  join(sep?: string): string;
+}
+
+export function chain<T>(src: IterableIterator<T>): Iterator<T> {
+  return {
+    filter: (fn) => chain(filter(src, fn)),
+    filterMap: (fn) => chain(filterMap(src, fn)),
+    map: (fn) => chain(map(src, fn)),
+    flatMap: (fn) => chain(flatMap(src, fn)),
+    find: (fn) => find(src, fn),
+    join: (sep) => join(src, sep),
+    collect: (fn) => fn(src),
+    [Symbol.iterator]: () => src,
+  };
+}
+
+/**
+ * Create a new type safe empty Iterable
+ * @returns An `Iterable` that yields 0 items
+ */
+export function* newEmpty<T>(): IterableIterator<T> {}
+
+/**
+ * Creates a new `Iterable` that yields at most n items from src.
+ * Does not modify `src` which can be used later.
+ * @param src An initial iterator
+ * @param n The maximum number of elements to take from src. Yields up to the floor of `n` and 0 items if n < 0
+ */
+export function* take<T>(src: Iterable<T>, n: number): IterableIterator<T> {
+  outer: for (let i = 0; i < n; i += 1) {
+    for (const item of src) {
+      yield item;
+      continue outer;
+    }
+
+    // if we are here that means that `src` has been exhausted. Don't bother trying again.
+    break outer;
+  }
+}
+
+/**
+ * Creates a new iterator that iterates (lazily) over its input and yields the
+ * result of `fn` for each item.
+ * @param src A type that can be iterated over
+ * @param fn The function that is called for each value
+ */
+export function* map<T, U>(src: Iterable<T>, fn: (from: T) => U): IterableIterator<U> {
+  for (const from of src) {
+    yield fn(from);
+  }
+}
+
+/**
+ * The single layer flattening of an iterator, discarding `Falsey` values.
+ * @param src A type that can be iterated over
+ * @param fn The function that returns either an iterable over items that should be filtered out or a `Falsey` value indicating that it should be ignored
+ */
+export function* filterFlatMap<T, U>(src: Iterable<T>, fn: (from: T) => Iterable<U | Falsey> | Falsey): IterableIterator<U> {
+  for (const from of src) {
+    if (!from) {
+      continue;
+    }
+
+    const mapping = fn(from);
+
+    if (!mapping) {
+      continue;
+    }
+
+    for (const mapped of mapping) {
+      if (mapped) {
+        yield mapped;
+      }
+    }
+  }
+}
+
+/**
+ * Returns a new iterator that yields the items that each call to `fn` would produce
+ * @param src A type that can be iterated over
+ * @param fn A function that returns an iterator
+ */
+export function* flatMap<T, U>(src: Iterable<T>, fn: (from: T) => Iterable<U>): IterableIterator<U> {
+  for (const from of src) {
+    yield* fn(from);
+  }
+}
+
+/**
+ * Creates a new iterator that iterates (lazily) over its input and yields the
+ * items that return a `truthy` value from `fn`.
+ * @param src A type that can be iterated over
+ * @param fn The function that is called for each value
+ */
+export function* filter<T>(src: Iterable<T>, fn: (from: T) => any): IterableIterator<T> {
+  for (const from of src) {
+    if (fn(from)) {
+      yield from;
+    }
+  }
+}
+
+/**
+ * Creates a new iterator that iterates (lazily) over its input and yields the
+ * result of `fn` when it is `truthy`
+ * @param src A type that can be iterated over
+ * @param fn The function that is called for each value
+ */
+export function* filterMap<T, U>(src: Iterable<T>, fn: (from: T) => U | Falsey): IterableIterator<U> {
+  for (const from of src) {
+    const res = fn(from);
+
+    if (res) {
+      yield res;
+    }
+  }
+}
+
+/**
+ * Creates a new iterator that iterates (lazily) over its input and yields the
+ * result of `fn` when it is not null or undefined
+ * @param src A type that can be iterated over
+ * @param fn The function that is called for each value
+ */
+export function* filterMapStrict<T, U>(src: Iterable<T>, fn: (from: T) => U | null | undefined): IterableIterator<U> {
+  for (const from of src) {
+    const res = fn(from);
+
+    if (res != null) {
+      yield res;
+    }
+  }
+}
+
+/**
+ * Iterate through `src` until `match` returns a truthy value
+ * @param src A type that can be iterated over
+ * @param match A function that should return a truthy value for the item that you want to find
+ * @returns The first entry that `match` returns a truthy value for, or `undefined`
+ */
+export function find<T>(src: Iterable<T>, match: (i: T) => any): T | undefined {
+  for (const from of src) {
+    if (match(from)) {
+      return from;
+    }
+  }
+
+  return void 0;
+}
+
+/**
+ * Iterate over `src` calling `reducer` with the previous produced value and the current
+ * yielded value until `src` is exausted. Then return the final value.
+ * @param src The value to iterate over
+ * @param reducer A function for producing the next item from an accumilation and the current item
+ * @param initial The initial value for the iteration
+ */
+export function reduce<T, R extends Iterable<any>>(src: Iterable<T>, reducer: (acc: R, cur: T) => R, initial: R): R;
+
+export function reduce<T, R = T>(src: Iterable<T>, reducer: (acc: R, cur: T) => R, initial: R): R {
+  let acc = initial;
+
+  for (const item of src) {
+    acc = reducer(acc, item);
+  }
+
+  return acc;
+}
+
+/**
+ * A convenience function for reducing over an iterator of strings and concatenating them together
+ * @param src The value to iterate over
+ * @param connector The string value to intersperse between the yielded values
+ * @returns The concatenated entries of `src` interspersed with copies of `connector`
+ */
+export function join(src: IterableIterator<unknown>, connector = ","): string {
+  const iterSrc = src[Symbol.iterator]();
+  const first = iterSrc.next();
+
+  if (first.done === true) {
+    return "";
+  }
+
+  return reduce(iterSrc, (acc, cur) => `${acc}${connector}${cur}`, `${first.value}`);
+}
+
+/**
+ * Iterate `n` times and then return the next value.
+ * @param src The value to iterate over
+ * @param n The zero-index value for the item to return to.
+ */
+export function nth<T>(src: Iterable<T>, n: number): T | undefined {
+  const iterator = src[Symbol.iterator]();
+
+  while (n --> 0) {
+    iterator.next();
+  }
+
+  return iterator.next().value;
+}
+
+/**
+ * A convenience function to get the first item of an iterator
+ * @param src The value to iterate over
+ */
+export function first<T>(src: Iterable<T>): T | undefined {
+  return nth(src, 0);
+}
+
+/**
+ * Iterate through `src` and return `true` if `fn` returns a thruthy value for every yielded value.
+ * Otherwise, return `false`. This function short circuits.
+ * @param src The type to be iterated over
+ * @param fn A function to check each iteration
+ */
+export function every<T>(src: Iterable<T>, fn: (val: T) => any): boolean {
+  for (const val of src) {
+    if (!fn(val)) {
+      return false;
+    }
+  }
+
+  return true;
+}
diff --git a/packages/core/src/common/utils/json.ts b/packages/core/src/common/utils/json.ts
new file mode 100644
index 0000000000..53d357f05c
--- /dev/null
+++ b/packages/core/src/common/utils/json.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 { JsonValue } from "type-fest";
+
+export function parse(input: string): JsonValue {
+  return JSON.parse(input);
+}
diff --git a/packages/core/src/common/utils/n-fircate.ts b/packages/core/src/common/utils/n-fircate.ts
new file mode 100644
index 0000000000..0f195adc10
--- /dev/null
+++ b/packages/core/src/common/utils/n-fircate.ts
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Split an iterable into several arrays with matching fields
+ * @param from The iterable of items to split up
+ * @param field The field of each item to split over
+ * @param parts What each array will be filtered to
+ * @returns A `parts.length` tuple of `T[]` where each array has matching `field` values
+ */
+export function nFircate<T>(from: Iterable<T>, field: keyof T, parts: []): [];
+export function nFircate<T>(from: Iterable<T>, field: keyof T, parts: [T[typeof field]]): [T[]];
+export function nFircate<T>(from: Iterable<T>, field: keyof T, parts: [T[typeof field], T[typeof field]]): [T[], T[]];
+export function nFircate<T>(from: Iterable<T>, field: keyof T, parts: [T[typeof field], T[typeof field], T[typeof field]]): [T[], T[], T[]];
+
+export function nFircate<T>(from: Iterable<T>, field: keyof T, parts: T[typeof field][]): T[][] {
+  if (new Set(parts).size !== parts.length) {
+    throw new TypeError("Duplicate parts entries");
+  }
+
+  const res = Array.from(parts, () => [] as T[]);
+
+  for (const item of from) {
+    const index = parts.indexOf(item[field]);
+
+    if (index < 0) {
+      continue;
+    }
+
+    res[index].push(item);
+  }
+
+  return res;
+}
diff --git a/packages/core/src/common/utils/noop.ts b/packages/core/src/common/utils/noop.ts
new file mode 100644
index 0000000000..a9171f2618
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/utils/objects.ts b/packages/core/src/common/utils/objects.ts
new file mode 100644
index 0000000000..9b6355d3e7
--- /dev/null
+++ b/packages/core/src/common/utils/objects.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * A better typed version of `Object.fromEntries` where the keys are known to
+ * be a specific subset
+ */
+export function fromEntries<T, Key extends string>(entries: Iterable<readonly [Key, T]>): Record<Key, T> {
+  return Object.fromEntries(entries) as Record<Key, T>;
+}
+
+export function keys<K extends keyof any>(obj: Partial<Record<K, any>>): K[];
+
+export function keys<K extends keyof any>(obj: Record<K, any>): K[] {
+  return Object.keys(obj) as K[];
+}
+
+export function entries<K extends string, V>(obj: Partial<Record<K, V>> | null | undefined): [K, V][];
+export function entries<K extends string | number | symbol, V>(obj: Partial<Record<K, V>> | null | undefined): [K, V][];
+export function entries<K extends string | number | symbol, V>(obj: Record<K, V> | null | undefined): [K, V][];
+
+export function entries<K extends string | number | symbol, V>(obj: Record<K, V> | null | undefined): [K, V][] {
+  if (obj && typeof obj == "object") {
+    return Object.entries(obj) as never;
+  }
+
+  return [] as never;
+}
diff --git a/packages/core/src/common/utils/observable-crate/impl.ts b/packages/core/src/common/utils/observable-crate/impl.ts
new file mode 100644
index 0000000000..e9874c9b7d
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/utils/observable-crate/observable-crate.test.ts b/packages/core/src/common/utils/observable-crate/observable-crate.test.ts
new file mode 100644
index 0000000000..03ee2e43f8
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/utils/open-link-in-browser.global-override-for-injectable.ts b/packages/core/src/common/utils/open-link-in-browser.global-override-for-injectable.ts
new file mode 100644
index 0000000000..62c1539757
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/utils/open-link-in-browser.injectable.ts b/packages/core/src/common/utils/open-link-in-browser.injectable.ts
new file mode 100644
index 0000000000..eaa91939e9
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/utils/promise-exec.ts b/packages/core/src/common/utils/promise-exec.ts
new file mode 100644
index 0000000000..e2471d2611
--- /dev/null
+++ b/packages/core/src/common/utils/promise-exec.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 * as util from "util";
+import { execFile } from "child_process";
+
+export const promiseExecFile = util.promisify(execFile);
diff --git a/packages/core/src/common/utils/random-bytes.global-override-for-injectable.ts b/packages/core/src/common/utils/random-bytes.global-override-for-injectable.ts
new file mode 100644
index 0000000000..6f83a264e4
--- /dev/null
+++ b/packages/core/src/common/utils/random-bytes.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 randomBytesInjectable from "./random-bytes.injectable";
+
+export default getGlobalOverride(randomBytesInjectable, () => async (size) => {
+  const res = Buffer.alloc(size);
+
+  for (let i = 0; i < size; i += 1) {
+    res[i] = i;
+  }
+
+  return res;
+});
diff --git a/packages/core/src/common/utils/random-bytes.injectable.ts b/packages/core/src/common/utils/random-bytes.injectable.ts
new file mode 100644
index 0000000000..9f00961824
--- /dev/null
+++ b/packages/core/src/common/utils/random-bytes.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 { randomBytes } from "crypto";
+import { promisify } from "util";
+
+export type RandomBytes = (size: number) => Promise<Buffer>;
+
+const randomBytesInjectable = getInjectable({
+  id: "random-bytes",
+  instantiate: (): RandomBytes => promisify(randomBytes),
+  causesSideEffects: true,
+});
+
+export default randomBytesInjectable;
diff --git a/packages/core/src/common/utils/reactive-now/reactive-now.test.tsx b/packages/core/src/common/utils/reactive-now/reactive-now.test.tsx
new file mode 100644
index 0000000000..ab9b185438
--- /dev/null
+++ b/packages/core/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, testUsingFakeTime } from "../../test-utils/use-fake-time";
+import { reactiveNow } from "./reactive-now";
+
+describe("reactiveNow", () => {
+  let someComputed: IComputedValue<boolean>;
+
+  beforeEach(() => {
+    testUsingFakeTime("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/packages/core/src/common/utils/reactive-now/reactive-now.ts b/packages/core/src/common/utils/reactive-now/reactive-now.ts
new file mode 100644
index 0000000000..febac37010
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/utils/readableStream.ts b/packages/core/src/common/utils/readableStream.ts
new file mode 100644
index 0000000000..59fb5ae4f4
--- /dev/null
+++ b/packages/core/src/common/utils/readableStream.ts
@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { Readable } from "readable-stream";
+import type { TypedArray } from "type-fest";
+
+/**
+ * ReadableWebToNodeStream
+ *
+ * Copied from https://github.com/Borewit/readable-web-to-node-stream
+ *
+ * Adds read error handler
+ *
+ * */
+export class ReadableWebToNodeStream<T extends TypedArray> extends Readable {
+
+  public bytesRead = 0;
+  public released = false;
+
+  /**
+   * Default web API stream reader
+   * https://developer.mozilla.org/en-US/docs/Web/API/ReadableStreamDefaultReader
+   */
+  private reader: ReadableStreamDefaultReader<T>;
+  private pendingRead?: Promise<ReadableStreamReadResult<T>>;
+
+  /**
+   *
+   * @param stream ReadableStream: https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream
+   */
+  constructor(stream: ReadableStream<T>) {
+    super();
+    this.reader = stream.getReader();
+  }
+
+  /**
+   * Implementation of readable._read(size).
+   * When readable._read() is called, if data is available from the resource,
+   * the implementation should begin pushing that data into the read queue
+   * https://nodejs.org/api/stream.html#stream_readable_read_size_1
+   */
+  public async _read() {
+    // Should start pushing data into the queue
+    // Read data from the underlying Web-API-readable-stream
+    if (this.released) {
+      this.push(null); // Signal EOF
+
+      return;
+    }
+
+    try {
+      this.pendingRead = this.reader.read();
+      const data = await this.pendingRead;
+
+      // clear the promise before pushing pushing new data to the queue and allow sequential calls to _read()
+      delete this.pendingRead;
+
+      if (data.done || this.released) {
+        this.push(null); // Signal EOF
+      } else {
+        this.bytesRead += data.value.length;
+        this.push(data.value); // Push new data to the queue
+      }
+    } catch (error) {
+      this.push(null); // Signal EOF
+    }
+  }
+
+  /**
+   * If there is no unresolved read call to Web-API ReadableStream immediately returns;
+   * otherwise will wait until the read is resolved.
+   */
+  public async waitForReadToComplete() {
+    if (this.pendingRead) {
+      await this.pendingRead;
+    }
+  }
+
+  /**
+   * Close wrapper
+   */
+  public async close(): Promise<void> {
+    await this.syncAndRelease();
+  }
+
+  private async syncAndRelease() {
+    this.released = true;
+    await this.waitForReadToComplete();
+    await this.reader.releaseLock();
+  }
+}
diff --git a/packages/core/src/common/utils/readonly.ts b/packages/core/src/common/utils/readonly.ts
new file mode 100644
index 0000000000..b379594d9d
--- /dev/null
+++ b/packages/core/src/common/utils/readonly.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 { ReadonlyDeep } from "type-fest";
+
+export function readonly<T>(src: T): ReadonlyDeep<T> {
+  return src as ReadonlyDeep<T>;
+}
diff --git a/packages/core/src/common/utils/reject-promise.ts b/packages/core/src/common/utils/reject-promise.ts
new file mode 100644
index 0000000000..8212bacd3f
--- /dev/null
+++ b/packages/core/src/common/utils/reject-promise.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 { AbortSignal } from "abort-controller";
+
+/**
+ * Creates a new promise that will be rejected when the signal rejects.
+ *
+ * Useful for `Promise.race()` applications.
+ * @param signal The AbortController's signal to reject with
+ */
+export function rejectPromiseBy(signal: AbortSignal): Promise<never> {
+  return new Promise((_, reject) => {
+    signal.addEventListener("abort", reject);
+  });
+}
diff --git a/packages/core/src/common/utils/resolve-system-proxy/resolve-system-proxy-channel.ts b/packages/core/src/common/utils/resolve-system-proxy/resolve-system-proxy-channel.ts
new file mode 100644
index 0000000000..c823a8a8f9
--- /dev/null
+++ b/packages/core/src/common/utils/resolve-system-proxy/resolve-system-proxy-channel.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 type { RequestChannel } from "../channel/request-channel-listener-injection-token";
+
+export type ResolveSystemProxyChannel = RequestChannel<string, string>;
+
+export const resolveSystemProxyChannel: ResolveSystemProxyChannel = {
+  id: "resolve-system-proxy-channel",
+};
diff --git a/packages/core/src/common/utils/resolve-system-proxy/resolve-system-proxy-injection-token.ts b/packages/core/src/common/utils/resolve-system-proxy/resolve-system-proxy-injection-token.ts
new file mode 100644
index 0000000000..616718ea98
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/utils/singleton.ts b/packages/core/src/common/utils/singleton.ts
new file mode 100644
index 0000000000..0dea1f7526
--- /dev/null
+++ b/packages/core/src/common/utils/singleton.ts
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export interface StaticThis<T, R extends any[]> { new(...args: R): T }
+
+/**
+ * @deprecated This is a form of global shared state
+ */
+export class Singleton {
+  private static readonly instances = new WeakMap<object, Singleton>();
+  private static creating = "";
+
+  constructor() {
+    if (Singleton.creating.length === 0) {
+      throw new TypeError("A singleton class must be created by createInstance()");
+    }
+  }
+
+  /**
+   * Creates the single instance of the child class if one was not already created.
+   *
+   * Multiple calls will return the same instance.
+   * Essentially throwing away the arguments to the subsequent calls.
+   *
+   * Note: this is a racy function, if two (or more) calls are racing to call this function
+   * only the first's arguments will be used.
+   * @param this Implicit argument that is the child class type
+   * @param args The constructor arguments for the child class
+   * @returns An instance of the child class
+   */
+  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})`);
+      }
+
+      try {
+        Singleton.creating = this.name;
+        Singleton.instances.set(this, new this(...args));
+      } finally {
+        Singleton.creating = "";
+      }
+    }
+
+    return Singleton.instances.get(this) as T;
+  }
+
+  /**
+   * Get the instance of the child class that was previously created.
+   * @param this Implicit argument that is the child class type
+   * @param strict If false will return `undefined` instead of throwing when an instance doesn't exist.
+   * Default: `true`
+   * @returns An instance of the child class
+   */
+  static getInstance<T, R extends any[]>(this: StaticThis<T, R>, strict?: true): T;
+  static getInstance<T, R extends any[]>(this: StaticThis<T, R>, strict: false): T | undefined;
+  static getInstance<T, R extends any[]>(this: StaticThis<T, R>, strict = true): T | undefined {
+    if (!Singleton.instances.has(this) && strict) {
+      throw new TypeError(`instance of ${this.name} is not created`);
+    }
+
+    return Singleton.instances.get(this) as (T | undefined);
+  }
+
+  /**
+   * Delete the instance of the child class.
+   *
+   * Note: this doesn't prevent callers of `getInstance` from storing the result in a global.
+   *
+   * There is *no* way in JS or TS to prevent globals like that.
+   */
+  static resetInstance() {
+    Singleton.instances.delete(this);
+  }
+}
+
+export default Singleton;
diff --git a/packages/core/src/common/utils/sort-compare.ts b/packages/core/src/common/utils/sort-compare.ts
new file mode 100644
index 0000000000..35d88c01b9
--- /dev/null
+++ b/packages/core/src/common/utils/sort-compare.ts
@@ -0,0 +1,75 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import semver, { coerce } from "semver";
+
+export enum Ordering {
+  LESS = -1,
+  EQUAL = 0,
+  GREATER = 1,
+}
+
+/**
+ * This function switches the direction of `ordering` if `direction` is `"desc"`
+ * @param ordering The original ordering (assumed to be an "asc" ordering)
+ * @param direction The new desired direction
+ */
+export function rectifyOrdering(ordering: Ordering, direction: "asc" | "desc"): Ordering {
+  if (direction === "desc") {
+    return -ordering;
+  }
+
+  return ordering;
+}
+
+/**
+ * An ascending sorting function
+ * @param left An item from an array
+ * @param right An item from an array
+ * @returns The relative ordering in an ascending manner.
+ * - Less if left < right
+ * - Equal if left == right
+ * - Greater if left > right
+ */
+export function sortCompare<T>(left: T, right: T): Ordering {
+  if (left < right) {
+    return Ordering.LESS;
+  }
+
+  if (left === right) {
+    return Ordering.EQUAL;
+  }
+
+  return Ordering.GREATER;
+}
+
+/**
+ * This function sorts of list of items that have what should be a semver version formated string
+ * as the field `version` but if it is not loosely coercable to semver falls back to sorting them
+ * alphanumerically
+ */
+export function sortBySemverVersion<T extends { version: string }>(versioneds: T[]): T[] {
+  return versioneds
+    .map(versioned => ({
+      __version: coerce(versioned.version, { loose: true }),
+      raw: versioned,
+    }))
+    .sort((left, right) => {
+      if (left.__version && right.__version) {
+        return semver.compare(right.__version, left.__version);
+      }
+
+      if (!left.__version && right.__version) {
+        return Ordering.GREATER;
+      }
+
+      if (left.__version && !right.__version) {
+        return Ordering.LESS;
+      }
+
+      return sortCompare(left.raw.version, right.raw.version);
+    })
+    .map(({ raw }) => raw);
+}
diff --git a/packages/core/src/common/utils/sort-function.ts b/packages/core/src/common/utils/sort-function.ts
new file mode 100644
index 0000000000..4eeab57746
--- /dev/null
+++ b/packages/core/src/common/utils/sort-function.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Get an ordering function based on the function getter
+ */
+export function byValue<T>(getOrderValue: (src: T) => number): (left: T, right: T) => number {
+  return (left, right) => {
+    const leftValue = getOrderValue(left);
+    const rightValue = getOrderValue(right);
+
+    return leftValue - rightValue;
+  };
+}
diff --git a/packages/core/src/common/utils/splitArray.ts b/packages/core/src/common/utils/splitArray.ts
new file mode 100644
index 0000000000..142d4a33ff
--- /dev/null
+++ b/packages/core/src/common/utils/splitArray.ts
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * This function splits an array into two sub arrays on the first instance of
+ * element (from the left). If the array does not contain the element. The
+ * return value is defined to be `[array, [], false]`. If the element is in
+ * the array then the return value is `[left, right, true]` where `left` is
+ * the elements of `array` from `[0, index)` and `right` is `(index, length)`
+ * @param array the full array to split into two sub-arrays
+ * @param element the element in the middle of the array
+ * @returns the left and right sub-arrays which when conjoined with `element`
+ *          is the same as `array`, and `true`
+ */
+export function splitArray<T>(array: T[], element: T): [T[], T[], boolean] {
+  const index = array.indexOf(element);
+
+  if (index < 0) {
+    return [array, [], false];
+  }
+
+  return [array.slice(0, index), array.slice(index + 1, array.length), true];
+}
+
+/**
+ * Splits an array into two parts based on the outcome of `condition`. If `true`
+ * the value will be returned as part of the right array. If `false` then part of
+ * the left array.
+ * @param src the full array to bifurcate
+ * @param condition the function to determine which set each is in
+ */
+export function bifurcateArray<T>(src: T[], condition: (item: T) => boolean): [falses: T[], trues: T[]] {
+  const res: [T[], T[]] = [[], []];
+
+  for (const item of src) {
+    res[+condition(item)].push(item);
+  }
+
+  return res;
+}
diff --git a/packages/core/src/common/utils/sync-box/channel-listener.injectable.ts b/packages/core/src/common/utils/sync-box/channel-listener.injectable.ts
new file mode 100644
index 0000000000..a97d95d726
--- /dev/null
+++ b/packages/core/src/common/utils/sync-box/channel-listener.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 { syncBoxChannel } from "./channels";
+import { getMessageChannelListenerInjectable } from "../channel/message-channel-listener-injection-token";
+import syncBoxStateInjectable from "./sync-box-state.injectable";
+
+const syncBoxChannelListenerInjectable = getMessageChannelListenerInjectable({
+  id: "init",
+  channel: syncBoxChannel,
+  handler: (di) => ({ id, value }) => di.inject(syncBoxStateInjectable, id).set(value),
+});
+
+export default syncBoxChannelListenerInjectable;
diff --git a/packages/core/src/common/utils/sync-box/channels.ts b/packages/core/src/common/utils/sync-box/channels.ts
new file mode 100644
index 0000000000..4df0462dc3
--- /dev/null
+++ b/packages/core/src/common/utils/sync-box/channels.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 type { MessageChannel } from "../channel/message-channel-listener-injection-token";
+import type { RequestChannel } from "../channel/request-channel-listener-injection-token";
+
+export type SyncBoxChannel = MessageChannel<{ id: string; value: any }>;
+
+export const syncBoxChannel: SyncBoxChannel = {
+  id: "sync-box-channel",
+};
+
+export type SyncBoxInitialValueChannel = RequestChannel<
+  void,
+  { id: string; value: any }[]
+>;
+
+export const syncBoxInitialValueChannel: SyncBoxInitialValueChannel = {
+  id: "sync-box-initial-value-channel",
+};
diff --git a/packages/core/src/common/utils/sync-box/create-sync-box.injectable.ts b/packages/core/src/common/utils/sync-box/create-sync-box.injectable.ts
new file mode 100644
index 0000000000..4a01fe71a0
--- /dev/null
+++ b/packages/core/src/common/utils/sync-box/create-sync-box.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 { IObservableValue } from "mobx";
+import { computed } from "mobx";
+import { syncBoxChannel } from "./channels";
+import { sendMessageToChannelInjectionToken } from "../channel/message-to-channel-injection-token";
+import syncBoxStateInjectable from "./sync-box-state.injectable";
+import type { SyncBox } from "./sync-box-injection-token";
+import { toJS } from "../toJS";
+
+const createSyncBoxInjectable = getInjectable({
+  id: "create-sync-box",
+
+  instantiate: (di) => {
+    const messageToChannel = di.inject(sendMessageToChannelInjectionToken);
+    const getSyncBoxState = (id: string) => di.inject(syncBoxStateInjectable, id);
+
+    return <Value>(id: string, initialValue: Value): SyncBox<Value> => {
+      const state = getSyncBoxState(id) as IObservableValue<Value>;
+
+      state.set(initialValue);
+
+      return {
+        id,
+
+        value: computed(() => toJS(state.get())),
+
+        set: (value) => {
+          state.set(value);
+
+          messageToChannel(syncBoxChannel, { id, value });
+        },
+      };
+    };
+  },
+});
+
+export default createSyncBoxInjectable;
+
diff --git a/packages/core/src/common/utils/sync-box/handler.injectable.ts b/packages/core/src/common/utils/sync-box/handler.injectable.ts
new file mode 100644
index 0000000000..f520585474
--- /dev/null
+++ b/packages/core/src/common/utils/sync-box/handler.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 type { MessageChannelHandler } from "../channel/message-channel-listener-injection-token";
+import type { SyncBoxChannel } from "./channels";
+import syncBoxStateInjectable from "./sync-box-state.injectable";
+
+const syncBoxChannelHandlerInjectable = getInjectable({
+  id: "sync-box-channel-handler",
+  instantiate: (di): MessageChannelHandler<SyncBoxChannel> => {
+    const getSyncBoxState = (id: string) => di.inject(syncBoxStateInjectable, id);
+
+    return ({ id, value }) => getSyncBoxState(id)?.set(value);
+  },
+});
+
+export default syncBoxChannelHandlerInjectable;
diff --git a/packages/core/src/common/utils/sync-box/sync-box-injection-token.ts b/packages/core/src/common/utils/sync-box/sync-box-injection-token.ts
new file mode 100644
index 0000000000..8db80243d3
--- /dev/null
+++ b/packages/core/src/common/utils/sync-box/sync-box-injection-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+export interface SyncBox<Value> {
+  id: string;
+  value: IComputedValue<Value>;
+  set: (value: Value) => void;
+}
+
+export const syncBoxInjectionToken = getInjectionToken<SyncBox<any>>({
+  id: "sync-box",
+});
diff --git a/packages/core/src/common/utils/sync-box/sync-box-state.injectable.ts b/packages/core/src/common/utils/sync-box/sync-box-state.injectable.ts
new file mode 100644
index 0000000000..e695833da4
--- /dev/null
+++ b/packages/core/src/common/utils/sync-box/sync-box-state.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { observable } from "mobx";
+
+const syncBoxStateInjectable = getInjectable({
+  id: "sync-box-state",
+
+  instantiate: () => observable.box(),
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, id: string) => id,
+  }),
+});
+
+export default syncBoxStateInjectable;
diff --git a/packages/core/src/common/utils/sync-box/sync-box.test.ts b/packages/core/src/common/utils/sync-box/sync-box.test.ts
new file mode 100644
index 0000000000..95f139a8cd
--- /dev/null
+++ b/packages/core/src/common/utils/sync-box/sync-box.test.ts
@@ -0,0 +1,172 @@
+/**
+ * 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 type { SyncBox } from "./sync-box-injection-token";
+import { syncBoxInjectionToken } from "./sync-box-injection-token";
+
+describe("sync-box", () => {
+  let applicationBuilder: ApplicationBuilder;
+
+  beforeEach(() => {
+    applicationBuilder = getApplicationBuilder();
+
+    applicationBuilder.beforeApplicationStart(mainDi => {
+      runInAction(() => {
+        mainDi.register(someInjectable);
+      });
+    });
+
+    applicationBuilder.beforeWindowStart((windowDi) => {
+      runInAction(() => {
+        windowDi.register(someInjectable);
+      });
+    });
+  });
+
+  describe("given application is started, when value is set in main", () => {
+    let valueInMain: string;
+    let syncBoxInMain: SyncBox<string>;
+
+    beforeEach(async () => {
+      await applicationBuilder.startHidden();
+
+      syncBoxInMain = applicationBuilder.mainDi.inject(someInjectable);
+
+      observe(syncBoxInMain.value, ({ newValue }) => {
+        valueInMain = newValue as string;
+      }, true);
+
+      runInAction(() => {
+        syncBoxInMain.set("some-value-from-main");
+      });
+    });
+
+    it("knows value in main", () => {
+      expect(valueInMain).toBe("some-value-from-main");
+    });
+
+    describe("when window starts", () => {
+      let valueInRenderer: string;
+      let syncBoxInRenderer: SyncBox<string>;
+      let rendererDi: DiContainer;
+
+      beforeEach(async () => {
+        const applicationWindow =
+          applicationBuilder.applicationWindow.create("some-window-id");
+
+        await applicationWindow.start();
+
+        rendererDi = applicationWindow.di;
+
+        syncBoxInRenderer = rendererDi.inject(someInjectable);
+
+        observe(syncBoxInRenderer.value, ({ newValue }) => {
+          valueInRenderer = newValue as string;
+        }, true);
+      });
+
+      it("has the value from main", () => {
+        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 application starts with a window", () => {
+    let valueInRenderer: string;
+    let valueInMain: string;
+    let syncBoxInMain: SyncBox<string>;
+    let syncBoxInRenderer: SyncBox<string>;
+
+    beforeEach(async () => {
+      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);
+
+      observe(syncBoxInMain.value, ({ newValue }) => {
+        valueInMain = newValue as string;
+      }, true);
+    });
+
+    it("knows initial value in main", () => {
+      expect(valueInMain).toBe("some-initial-value");
+    });
+
+    it("knows initial value in renderer", () => {
+      expect(valueInRenderer).toBe("some-initial-value");
+    });
+
+    describe("when value is set from main", () => {
+      beforeEach(() => {
+        runInAction(() => {
+          syncBoxInMain.set("some-value-from-main");
+        });
+      });
+
+      it("has value in main", () => {
+        expect(valueInMain).toBe("some-value-from-main");
+      });
+
+      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");
+        });
+      });
+    });
+  });
+});
+
+const someInjectable = getInjectable({
+  id: "some-injectable",
+
+  instantiate: (di) => {
+    const createSyncBox = di.inject(createSyncBoxInjectable);
+
+    return createSyncBox("some-sync-box", "some-initial-value");
+  },
+
+  injectionToken: syncBoxInjectionToken,
+});
diff --git a/packages/core/src/common/utils/tar.ts b/packages/core/src/common/utils/tar.ts
new file mode 100644
index 0000000000..3102098976
--- /dev/null
+++ b/packages/core/src/common/utils/tar.ts
@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Helper for working with tarball files (.tar, .tgz)
+// Docs: https://github.com/npm/node-tar
+import tar from "tar";
+import path from "path";
+import { parse } from "./json";
+import type { JsonValue } from "type-fest";
+
+export type ReadFileFromTarOpts<ParseJson extends boolean> = {
+  tarPath: string;
+  filePath: string;
+} & (
+  ParseJson extends true
+    ? {
+      parseJson: true;
+    }
+    : {
+      parseJson?: false;
+    }
+);
+
+export function readFileFromTar(opts: ReadFileFromTarOpts<false>): Promise<Buffer>;
+export function readFileFromTar(opts: ReadFileFromTarOpts<true>): Promise<JsonValue>;
+
+export function readFileFromTar<ParseJson extends boolean>({ tarPath, filePath, parseJson = false }: ReadFileFromTarOpts<ParseJson>): Promise<JsonValue | Buffer> {
+  return new Promise((resolve, reject) => {
+    const fileChunks: Buffer[] = [];
+
+    tar.list({
+      file: tarPath,
+      filter: entryPath => path.normalize(entryPath) === filePath,
+      sync: true,
+      onentry(entry) {
+        entry.on("data", chunk => {
+          fileChunks.push(chunk);
+        });
+        entry.once("error", err => {
+          reject(new Error(`reading file has failed ${entry.path}: ${err}`));
+        });
+        entry.once("end", () => {
+          const data = Buffer.concat(fileChunks);
+          const result = parseJson ? parse(data.toString("utf8")) : data;
+
+          resolve(result);
+        });
+      },
+    });
+
+    if (!fileChunks.length) {
+      reject(new Error("Not found"));
+    }
+  });
+}
+
+export async function listTarEntries(filePath: string): Promise<string[]> {
+  const entries: string[] = [];
+
+  await tar.list({
+    file: filePath,
+    onentry: (entry) => {
+      entries.push(path.normalize(entry.path));
+    },
+  });
+
+  return entries;
+}
diff --git a/packages/core/src/common/utils/toJS.ts b/packages/core/src/common/utils/toJS.ts
new file mode 100644
index 0000000000..7a949b46fc
--- /dev/null
+++ b/packages/core/src/common/utils/toJS.ts
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Wrapper for mobx.toJS() to support partially observable objects as data-input (>= mobx6).
+ * Otherwise, output result won't be recursively converted to corresponding plain JS-structure.
+ *
+ * @example
+ *  mobx.toJS({one: 1, two: observable.array([2])}); // "data.two" == ObservableArray<number>
+ */
+import * as mobx from "mobx";
+import { isObservable, observable } from "mobx";
+
+export function toJS<T>(data: T): T {
+  // make data observable for recursive toJS()-output
+  if (typeof data === "object" && !isObservable(data)) {
+    return mobx.toJS(observable.box(data).get());
+  }
+
+  return mobx.toJS(data);
+}
diff --git a/packages/core/src/common/utils/tuple.ts b/packages/core/src/common/utils/tuple.ts
new file mode 100644
index 0000000000..1268678617
--- /dev/null
+++ b/packages/core/src/common/utils/tuple.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 * as array from "../utils/array";
+
+/**
+ * A strict N-tuple of type T
+ */
+export type Tuple<T, N extends number> = N extends N
+  ? number extends N
+    ? T[]
+    : TupleOfImpl<T, N, []>
+  : never;
+type TupleOfImpl<T, N extends number, R extends unknown[]> = R["length"] extends N
+  ? R
+  : TupleOfImpl<T, N, [T, ...R]>;
+
+/**
+ * Iterates over `sources` yielding full tuples until one of the tuple arrays
+ * is empty. Then it returns a tuple with the rest of each of tuples
+ * @param sources The source arrays
+ * @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>(...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));
+
+  for (let i = 0; i < maxSafeLength; i += 1) {
+    yield sources.map(source => source[i]) as Tuple<T, N>;
+  }
+
+  return sources.map(source => source.slice(maxSafeLength)) as Tuple<T[], N>;
+}
+
+/**
+ * Returns a `length` tuple filled with copies of `value`
+ * @param length The size of the tuple
+ * @param value The value for each of the tuple entries
+ */
+export function filled<T, L extends number>(length: L, value: T): Tuple<T, L> {
+  return array.filled(length, value) as Tuple<T, L>;
+}
+
+/**
+ * A function for converting an explicit array to a tuple but without the `readonly` typing
+ */
+export function from<T extends any[]>(...args: T): [...T] {
+  return args;
+}
diff --git a/packages/core/src/common/utils/type-narrowing.ts b/packages/core/src/common/utils/type-narrowing.ts
new file mode 100644
index 0000000000..41552c3136
--- /dev/null
+++ b/packages/core/src/common/utils/type-narrowing.ts
@@ -0,0 +1,242 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ExecException, ExecFileException } from "child_process";
+import type { IncomingMessage } from "http";
+
+/**
+ * Narrows `val` to include the property `key` (if true is returned)
+ * @param val The object to be tested
+ * @param key The key to test if it is present on the object (must be a literal for tsc to do any meaningful typing)
+ */
+export function hasOwnProperty<S extends object, K extends PropertyKey>(val: S, key: K): val is (S & { [key in K]: unknown }) {
+  // this call syntax is for when `val` was created by `Object.create(null)`
+  return Object.prototype.hasOwnProperty.call(val, key);
+}
+
+/**
+ * Narrows `val` to a static type that includes fields of names in `keys`
+ * @param val the value that we are trying to type narrow
+ * @param keys the key names (must be literals for tsc to do any meaningful typing)
+ */
+export function hasOwnProperties<S extends object, K extends PropertyKey>(val: S, ...keys: K[]): val is (S & { [key in K]: unknown }) {
+  return keys.every(key => hasOwnProperty(val, key));
+}
+
+/**
+ * Narrows `val` to include the property `key` with type `V`
+ * @param val the value that we are trying to type narrow
+ * @param key The key to test if it is present on the object (must be a literal for tsc to do any meaningful typing)
+ * @param isValid a function to check if the field is valid
+ */
+export function hasTypedProperty<S extends object, K extends PropertyKey, V>(val: S, key: K, isValid: (value: unknown) => value is V): val is (S & { [key in K]: V }) {
+  return hasOwnProperty(val, key) && isValid(val[key]);
+}
+
+/**
+ * Narrows `val` to include the property `key` with type string
+ * @param val the value that we are trying to type narrow
+ * @param key The key to test if it is present on the object (must be a literal for tsc to do any meaningful typing)
+ */
+export function hasStringProperty<S extends object, K extends PropertyKey>(val: S, key: K): val is (S & { [key in K]: string }) {
+  return hasOwnProperty(val, key) && isString(val[key]);
+}
+
+/**
+ * Narrows `val` to include the property `key` with type `V | undefined` or doesn't contain it
+ * @param val the value that we are trying to type narrow
+ * @param key The key to test if it is present on the object (must be a literal for tsc to do any meaningful typing)
+ * @param isValid a function to check if the field (when present) is valid
+ */
+export function hasOptionalTypedProperty<S extends object, K extends PropertyKey, V>(val: S, key: K, isValid: (value: unknown) => value is V): val is (S & { [key in K]?: V }) {
+  if (hasOwnProperty(val, key)) {
+    return typeof val[key] === "undefined" || isValid(val[key]);
+  }
+
+  return true;
+}
+
+/**
+ * isRecord checks if `val` matches the signature `Record<T, V>` or `{ [label in T]: V }`
+ * @param val The value to be checked
+ * @param isKey a function for checking if the key is of the correct type
+ * @param isValue a function for checking if a value is of the correct type
+ */
+export function isRecord<T extends PropertyKey, V>(val: unknown, isKey: (key: unknown) => key is T, isValue: (value: unknown) => value is V): val is Record<T, V> {
+  return isObject(val) && Object.entries(val).every(([key, value]) => isKey(key) && isValue(value));
+}
+
+/**
+ * isTypedArray checks if `val` is an array and all of its entries are of type `T`
+ * @param val The value to be checked
+ * @param isEntry a function for checking if an entry is the correct type
+ */
+export function isTypedArray<T>(val: unknown, isEntry: (entry: unknown) => entry is T): val is T[] {
+  return Array.isArray(val) && val.every(isEntry);
+}
+
+/**
+ * checks if val is of type string
+ * @param val the value to be checked
+ */
+export function isString(val: unknown): val is string {
+  return typeof val === "string";
+}
+
+/**
+ * checks if val is of type Buffer
+ * @param val the value to be checked
+ */export function isBuffer(val: unknown): val is Buffer {
+  return val instanceof Buffer;
+}
+
+/**
+ * checks if val is of type number
+ * @param val the value to be checked
+ */
+export function isNumber(val: unknown): val is number {
+  return typeof val === "number";
+}
+
+/**
+ * checks if val is of type boolean
+ * @param val the value to be checked
+ */
+export function isBoolean(val: unknown): val is boolean {
+  return typeof val === "boolean";
+}
+
+/**
+ * checks if val is of type object and isn't null
+ * @param val the value to be checked
+ */
+export function isObject(val: unknown): val is Record<string | symbol | number, unknown> {
+  return typeof val === "object" && val !== null;
+}
+
+/**
+ * checks if `val` is defined, useful for filtering out undefined values in a strict manner
+ */
+export function isDefined<T>(val: T | undefined | null): val is T {
+  return val != null;
+}
+
+export function isFunction(val: unknown): val is (...args: unknown[]) => unknown {
+  return typeof val === "function";
+}
+
+/**
+ * Checks if the value in the second position is non-nullable
+ */
+export function hasDefinedTupleValue<K, V>(pair: [K, V | undefined | null]): pair is [K, V] {
+  return pair[1] != null;
+}
+
+/**
+ * Creates a new predicate function (with the same predicate) from `fn`. Such
+ * that it can be called with just the value to be tested.
+ *
+ * This is useful for when using `hasOptionalProperty` and `hasTypedProperty`
+ * @param fn A typescript user predicate function to be bound
+ * @param boundArgs the set of arguments to be passed to `fn` in the new function
+ */
+export function bindPredicate<FnArgs extends any[], T>(fn: (arg1: unknown, ...args: FnArgs) => arg1 is T, ...boundArgs: FnArgs): (arg1: unknown) => arg1 is T {
+  return (arg1: unknown): arg1 is T => fn(arg1, ...boundArgs);
+}
+
+export function hasDefiniteField<Field extends keyof T, T>(field: Field): (val: T) => val is T & { [f in Field]-?: NonNullable<T[Field]> } {
+  return (val): val is T & { [f in Field]-?: NonNullable<T[Field]> } => val[field] != null;
+}
+
+export function isPromiseLike(res: unknown): res is (Promise<unknown> | { then: (fn: (val: unknown) => any) => Promise<unknown> }) {
+  if (res instanceof Promise) {
+    return true;
+  }
+
+  return isObject(res)
+    && hasTypedProperty(res, "then", isFunction);
+}
+
+export function isPromiseSettledRejected<T>(result: PromiseSettledResult<T>): result is PromiseRejectedResult {
+  return result.status === "rejected";
+}
+
+export function isPromiseSettledFulfilled<T>(result: PromiseSettledResult<T>): result is PromiseFulfilledResult<T> {
+  return result.status === "fulfilled";
+}
+
+export function isErrnoException(error: unknown): error is NodeJS.ErrnoException {
+  return isObject(error)
+    && hasOptionalTypedProperty(error, "code", isString)
+    && hasOptionalTypedProperty(error, "path", isString)
+    && hasOptionalTypedProperty(error, "syscall", isString)
+    && hasOptionalTypedProperty(error, "errno", isNumber)
+    && error instanceof Error;
+}
+
+export function isExecException(error: unknown): error is ExecException {
+  return isObject(error)
+    && hasOptionalTypedProperty(error, "cmd", isString)
+    && hasOptionalTypedProperty(error, "killed", isBoolean)
+    && hasOptionalTypedProperty(error, "signal", isString)
+    && hasOptionalTypedProperty(error, "code", isNumber)
+    && error instanceof Error;
+}
+
+export function isExecFileException(error: unknown): error is ExecFileException {
+  return isExecException(error) && isErrnoException(error);
+}
+
+export type OutputFormat = "string" | "buffer";
+export type ComputeOutputFormat<Format> = Format extends "string"
+  ? string
+  : Format extends "buffer"
+    ? Buffer
+    : string | Buffer;
+
+export interface ChildProcessExecpetion<Format> extends ExecFileException {
+  stderr: ComputeOutputFormat<Format>;
+  stdout: ComputeOutputFormat<Format>;
+}
+
+const isStringOrBuffer = (val: unknown): val is string | Buffer => isString(val) || isBuffer(val);
+
+export function isChildProcessError(error: unknown, format?: OutputFormat): error is ChildProcessExecpetion<typeof format> {
+  if (!isExecFileException(error)) {
+    return false;
+  }
+
+  if (format === "string") {
+    return hasTypedProperty(error, "stderr", isString)
+      && hasTypedProperty(error, "stdout", isString);
+  } else if (format === "buffer") {
+    return hasTypedProperty(error, "stderr", isBuffer)
+      && hasTypedProperty(error, "stdout", isBuffer);
+  } else {
+    return hasTypedProperty(error, "stderr", isStringOrBuffer)
+      && hasTypedProperty(error, "stdout", isStringOrBuffer);
+  }
+}
+
+export interface RequestLikeError extends Error {
+  statusCode?: number;
+  failed?: boolean;
+  timedOut?: boolean;
+  error?: string;
+  response?: IncomingMessage & { body?: any };
+}
+
+/**
+ * A type guard for checking if the error is similar in shape to a request package error
+ */
+export function isRequestError(error: unknown): error is RequestLikeError {
+  return isObject(error)
+    && hasOptionalTypedProperty(error, "statusCode", isNumber)
+    && hasOptionalTypedProperty(error, "failed", isBoolean)
+    && hasOptionalTypedProperty(error, "timedOut", isBoolean)
+    && hasOptionalTypedProperty(error, "error", isString)
+    && hasOptionalTypedProperty(error, "response", isObject)
+    && error instanceof Error;
+}
diff --git a/packages/core/src/common/utils/types.ts b/packages/core/src/common/utils/types.ts
new file mode 100644
index 0000000000..32ebe14e33
--- /dev/null
+++ b/packages/core/src/common/utils/types.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 { SetRequired } from "type-fest";
+
+export type RemoveUndefinedFromValues<K> = {
+  [P in keyof K]: NonNullable<K[P]>;
+};
+
+/**
+ * This type helps define which fields of some type will always be defined
+ */
+export type Defaulted<Params, DefaultParams extends keyof Params> = RemoveUndefinedFromValues<Required<Pick<Params, DefaultParams>>> & Omit<Params, DefaultParams>;
+
+export type OptionVarient<Key, Base, RequiredKey extends keyof Base> = {
+  type: Key;
+} & Pick<Base, RequiredKey> & {
+  [OtherKey in Exclude<keyof Base, RequiredKey>]?: undefined;
+};
+
+export type SingleOrMany<T> = T | T[];
+
+export type IfEquals<T, U, Y=unknown, N=never> =
+  (<G>() => G extends T ? 1 : 2) extends
+  (<G>() => G extends U ? 1 : 2) ? Y : N;
+
+export type MaybeSetRequired<BaseType, Keys extends keyof BaseType, Query> = Query extends true
+  ? SetRequired<BaseType, Keys>
+  : BaseType;
diff --git a/packages/core/src/common/utils/union-env-path.ts b/packages/core/src/common/utils/union-env-path.ts
new file mode 100644
index 0000000000..991e2c776c
--- /dev/null
+++ b/packages/core/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/packages/core/src/common/utils/wait-for-path.ts b/packages/core/src/common/utils/wait-for-path.ts
new file mode 100644
index 0000000000..f5a068075b
--- /dev/null
+++ b/packages/core/src/common/utils/wait-for-path.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 { FSWatcher } from "chokidar";
+import path from "path";
+
+/**
+ * Wait for `filePath` and all parent directories to exist.
+ * @param pathname The file path to wait until it exists
+ *
+ * NOTE: There is technically a race condition in this function of the form
+ * "time-of-check to time-of-use" because we have to wait for each parent
+ * directory to exist first.
+ */
+export async function waitForPath(pathname: string): Promise<void> {
+  const dirOfPath = path.dirname(pathname);
+
+  if (dirOfPath === pathname) {
+    // The root of this filesystem, assume it exists
+    return;
+  } else {
+    await waitForPath(dirOfPath);
+  }
+
+  return new Promise((resolve, reject) => {
+    const watcher = new FSWatcher({
+      depth: 0,
+      disableGlobbing: true,
+    });
+    const onAddOrAddDir = (filePath: string) => {
+      if (filePath === pathname) {
+        watcher.unwatch(dirOfPath);
+        watcher
+          .close()
+          .then(() => resolve())
+          .catch(reject);
+      }
+    };
+    const onError = (error: any) => {
+      watcher.unwatch(dirOfPath);
+      watcher
+        .close()
+        .then(() => reject(error))
+        .catch(() => reject(error));
+    };
+
+    watcher
+      .on("add", onAddOrAddDir)
+      .on("addDir", onAddOrAddDir)
+      .on("error", onError)
+      .add(dirOfPath);
+  });
+}
diff --git a/packages/core/src/common/utils/wait.ts b/packages/core/src/common/utils/wait.ts
new file mode 100644
index 0000000000..402d556b5d
--- /dev/null
+++ b/packages/core/src/common/utils/wait.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 { IComputedValue } from "mobx";
+import { runInAction, when } from "mobx";
+import type { Disposer } from "./disposer";
+
+export async function waitUntilDefined<T>(getter: (() => T | null | undefined) | IComputedValue<T | null | undefined>, opts?: { timeout?: number }): Promise<T> {
+  return new Promise<T>((resolve, reject) => {
+    when(
+      () => {
+        const res = typeof getter === "function"
+          ? getter()
+          : getter.get();
+        const isDefined = res != null;
+
+        if (isDefined) {
+          resolve(res);
+        }
+
+        return isDefined;
+      },
+      () => {},
+      {
+        onError: reject,
+        ...(opts ?? {}),
+      },
+    );
+  });
+}
+
+export function onceDefined<T>(getter: () => T | null | undefined, action: (val: T) => void): Disposer {
+  let res: T | null | undefined;
+
+  return when(
+    () => {
+      res = getter();
+
+      if (res != null) {
+        const r = res;
+
+        runInAction(() => {
+          action(r);
+        });
+
+        return true;
+      }
+
+      return false;
+    },
+    () => {},
+  );
+}
diff --git a/packages/core/src/common/utils/with-concurrency-limit.ts b/packages/core/src/common/utils/with-concurrency-limit.ts
new file mode 100644
index 0000000000..284bb334e1
--- /dev/null
+++ b/packages/core/src/common/utils/with-concurrency-limit.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 plimit from "p-limit";
+
+export type ConcurrencyLimiter = <Args extends any[], Res>(fn: (...args: Args) => Res) => (...args: Args) => Promise<Res>;
+
+export function withConcurrencyLimit(limit: number): ConcurrencyLimiter {
+  const limiter = plimit(limit);
+
+  return fn => (...args) => limiter(() => fn(...args));
+}
diff --git a/packages/core/src/common/utils/with-error-logging/with-error-logging.injectable.ts b/packages/core/src/common/utils/with-error-logging/with-error-logging.injectable.ts
new file mode 100644
index 0000000000..0aaca9f97d
--- /dev/null
+++ b/packages/core/src/common/utils/with-error-logging/with-error-logging.injectable.ts
@@ -0,0 +1,51 @@
+/**
+ * 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 logErrorInjectable from "../../log-error.injectable";
+import { isPromise } from "../is-promise/is-promise";
+
+export type WithErrorLoggingFor = (
+  getErrorMessage: (error: unknown) => string
+) => <T extends (...args: any[]) => any>(
+  toBeDecorated: T
+) => (...args: Parameters<T>) => ReturnType<T>;
+
+const withErrorLoggingInjectable = getInjectable({
+  id: "with-error-logging",
+
+  instantiate: (di): WithErrorLoggingFor => {
+    const logError = di.inject(logErrorInjectable);
+
+    return (getErrorMessage) =>
+      (toBeDecorated) =>
+        (...args) => {
+          let returnValue: ReturnType<typeof toBeDecorated>;
+
+          try {
+            returnValue = toBeDecorated(...args);
+          } catch (e) {
+            const errorMessage = getErrorMessage(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;
+        };
+  },
+});
+
+export default withErrorLoggingInjectable;
diff --git a/packages/core/src/common/utils/with-error-logging/with-error-logging.test.ts b/packages/core/src/common/utils/with-error-logging/with-error-logging.test.ts
new file mode 100644
index 0000000000..b1140d4e54
--- /dev/null
+++ b/packages/core/src/common/utils/with-error-logging/with-error-logging.test.ts
@@ -0,0 +1,240 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getDiForUnitTesting } from "../../../main/getDiForUnitTesting";
+import withErrorLoggingInjectable from "./with-error-logging.injectable";
+import { pipeline } from "@ogre-tools/fp";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import { getPromiseStatus } from "../../test-utils/get-promise-status";
+import logErrorInjectable from "../../log-error.injectable";
+
+describe("with-error-logging", () => {
+  describe("given decorated sync function", () => {
+    let toBeDecorated: jest.Mock<number | undefined, [string, string]>;
+    let decorated: (a: string, b: string) => number | undefined;
+    let logErrorMock: jest.Mock;
+
+    beforeEach(() => {
+      const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+      logErrorMock = jest.fn();
+
+      di.override(logErrorInjectable, () => logErrorMock);
+
+      const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+
+      toBeDecorated = jest.fn();
+
+      decorated = pipeline(
+        toBeDecorated,
+        withErrorLoggingFor((error: any) => `some-error-message-for-${error.message}`),
+      );
+    });
+
+    describe("when function does not throw and returns value", () => {
+      let returnValue: number | undefined;
+
+      beforeEach(() => {
+        // eslint-disable-next-line unused-imports/no-unused-vars-ts
+        toBeDecorated.mockImplementation((_, __) => 42);
+
+        returnValue = decorated("some-parameter", "some-other-parameter");
+      });
+
+      it("passes arguments to decorated function", () => {
+        expect(toBeDecorated).toHaveBeenCalledWith("some-parameter", "some-other-parameter");
+      });
+
+      it("does not log error", () => {
+        expect(logErrorMock).not.toHaveBeenCalled();
+      });
+
+      it("returns the value", () => {
+        expect(returnValue).toBe(42);
+      });
+    });
+
+    describe("when function does not throw and returns no value", () => {
+      let returnValue: number | undefined;
+
+      beforeEach(() => {
+        // eslint-disable-next-line unused-imports/no-unused-vars-ts
+        toBeDecorated.mockImplementation((_, __) => undefined);
+
+        returnValue = decorated("some-parameter", "some-other-parameter");
+      });
+
+      it("passes arguments to decorated function", () => {
+        expect(toBeDecorated).toHaveBeenCalledWith("some-parameter", "some-other-parameter");
+      });
+
+      it("does not log error", () => {
+        expect(logErrorMock).not.toHaveBeenCalled();
+      });
+
+      it("returns nothing", () => {
+        expect(returnValue).toBeUndefined();
+      });
+    });
+
+    describe("when function throws", () => {
+      let error: Error;
+
+      beforeEach(() => {
+        // eslint-disable-next-line unused-imports/no-unused-vars-ts
+        toBeDecorated.mockImplementation((_, __) => {
+          throw new Error("some-error");
+        });
+
+        try {
+          decorated("some-parameter", "some-other-parameter");
+        } catch (e: any) {
+          error = e;
+        }
+      });
+
+      it("passes arguments to decorated function", () => {
+        expect(toBeDecorated).toHaveBeenCalledWith("some-parameter", "some-other-parameter");
+      });
+
+      it("logs the error", () => {
+        expect(logErrorMock).toHaveBeenCalledWith("some-error-message-for-some-error", error);
+      });
+
+      it("throws", () => {
+        expect(error.message).toBe("some-error");
+      });
+    });
+  });
+
+  describe("given decorated async function", () => {
+    let decorated: (a: string, b: string) => Promise<number | undefined>;
+    let toBeDecorated: AsyncFnMock<typeof decorated>;
+    let logErrorMock: jest.Mock;
+
+    beforeEach(() => {
+      const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+      logErrorMock = jest.fn();
+
+      di.override(logErrorInjectable, () => logErrorMock);
+
+      const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+
+      toBeDecorated = asyncFn();
+
+      decorated = pipeline(
+        toBeDecorated,
+
+        withErrorLoggingFor(
+          (error: any) =>
+            `some-error-message-for-${error.message || error.someProperty}`,
+        ),
+      );
+    });
+
+    describe("when called", () => {
+      let returnValuePromise: Promise<number | undefined>;
+
+      beforeEach(() => {
+        returnValuePromise = decorated("some-parameter", "some-other-parameter");
+      });
+
+      it("passes arguments to decorated function", () => {
+        expect(toBeDecorated).toHaveBeenCalledWith("some-parameter", "some-other-parameter");
+      });
+
+      it("does not log error yet", () => {
+        expect(logErrorMock).not.toHaveBeenCalled();
+      });
+
+      it("does not resolve yet", async () => {
+        const promiseStatus = await getPromiseStatus(returnValuePromise);
+
+        expect(promiseStatus.fulfilled).toBe(false);
+      });
+
+      describe("when call rejects with error instance", () => {
+        beforeEach(() => {
+          toBeDecorated.reject(new Error("some-error"));
+        });
+
+        it("logs the error", async () => {
+          let error: unknown;
+
+          try {
+            await returnValuePromise;
+          } catch (e) {
+            error = e;
+          }
+
+          expect(logErrorMock).toHaveBeenCalledWith("some-error-message-for-some-error", error);
+        });
+
+        it("rejects", () => {
+          return expect(returnValuePromise).rejects.toThrow("some-error");
+        });
+      });
+
+      describe("when call rejects with something else than error instance", () => {
+        let error: unknown;
+
+        beforeEach(async () => {
+          toBeDecorated.reject({ someProperty: "some-rejection" });
+
+          try {
+            await returnValuePromise;
+          } catch (e) {
+            error = e;
+          }
+        });
+
+        it("logs the rejection", () => {
+          expect(logErrorMock).toHaveBeenCalledWith(
+            "some-error-message-for-some-rejection",
+            error,
+          );
+        });
+
+        it("rejects", () => {
+          return expect(returnValuePromise).rejects.toEqual({ someProperty: "some-rejection" });
+        });
+      });
+
+      describe("when call resolves with value", () => {
+        beforeEach(async () => {
+          await toBeDecorated.resolve(42);
+        });
+
+        it("does not log error", () => {
+          expect(logErrorMock).not.toHaveBeenCalled();
+        });
+
+        it("resolves with the value", async () => {
+          const returnValue = await returnValuePromise;
+
+          expect(returnValue).toBe(42);
+        });
+      });
+
+      describe("when call resolves without value", () => {
+        beforeEach(async () => {
+          await toBeDecorated.resolve(undefined);
+        });
+
+        it("does not log error", () => {
+          expect(logErrorMock).not.toHaveBeenCalled();
+        });
+
+        it("resolves without value", async () => {
+          const returnValue = await returnValuePromise;
+
+          expect(returnValue).toBeUndefined();
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/utils/with-error-suppression/with-error-suppression.test.ts b/packages/core/src/common/utils/with-error-suppression/with-error-suppression.test.ts
new file mode 100644
index 0000000000..12d6a60441
--- /dev/null
+++ b/packages/core/src/common/utils/with-error-suppression/with-error-suppression.test.ts
@@ -0,0 +1,104 @@
+/**
+ * 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 { getPromiseStatus } from "../../test-utils/get-promise-status";
+import { withErrorSuppression } from "./with-error-suppression";
+
+describe("with-error-suppression", () => {
+  describe("given decorated sync function", () => {
+    let toBeDecorated: jest.Mock<void, [string, string]>;
+    let decorated: (a: string, b: string) => void;
+
+    beforeEach(() => {
+      toBeDecorated = jest.fn();
+
+      decorated = withErrorSuppression(toBeDecorated);
+    });
+
+    describe("when function does not throw", () => {
+      let returnValue: void;
+
+      beforeEach(() => {
+        returnValue = decorated("some-parameter", "some-other-parameter");
+      });
+
+      it("passes arguments to decorated function", () => {
+        expect(toBeDecorated).toHaveBeenCalledWith("some-parameter", "some-other-parameter");
+      });
+
+      it("returns nothing", () => {
+        expect(returnValue).toBeUndefined();
+      });
+    });
+
+    describe("when function throws", () => {
+      let returnValue: void;
+
+      beforeEach(() => {
+        // eslint-disable-next-line unused-imports/no-unused-vars-ts
+        toBeDecorated.mockImplementation((_, __) => {
+          throw new Error("some-error");
+        });
+
+        returnValue = decorated("some-parameter", "some-other-parameter");
+      });
+
+      it("passes arguments to decorated function", () => {
+        expect(toBeDecorated).toHaveBeenCalledWith("some-parameter", "some-other-parameter");
+      });
+
+      it("returns nothing", () => {
+        expect(returnValue).toBeUndefined();
+      });
+    });
+  });
+
+  describe("given decorated async function", () => {
+    let decorated: (a: string, b: string) => Promise<number> | Promise<void>;
+    let toBeDecorated: AsyncFnMock<(a: string, b: string) => Promise<number>>;
+
+    beforeEach(() => {
+      toBeDecorated = asyncFn();
+
+      decorated = withErrorSuppression(toBeDecorated);
+    });
+
+    describe("when called", () => {
+      let returnValuePromise: Promise<number> | Promise<void>;
+
+      beforeEach(() => {
+        returnValuePromise = decorated("some-parameter", "some-other-parameter");
+      });
+
+      it("passes arguments to decorated function", () => {
+        expect(toBeDecorated).toHaveBeenCalledWith("some-parameter", "some-other-parameter");
+      });
+
+      it("does not resolve yet", async () => {
+        const promiseStatus = await getPromiseStatus(returnValuePromise);
+
+        expect(promiseStatus.fulfilled).toBe(false);
+      });
+
+      it("when call rejects, resolves with nothing", async () => {
+        await toBeDecorated.reject(new Error("some-error"));
+
+        const returnValue = await returnValuePromise;
+
+        expect(returnValue).toBeUndefined();
+      });
+
+      it("when call resolves, resolves with the value", async () => {
+        await toBeDecorated.resolve(42);
+
+        const returnValue = await returnValuePromise;
+
+        expect(returnValue).toBe(42);
+      });
+    });
+  });
+});
diff --git a/packages/core/src/common/utils/with-error-suppression/with-error-suppression.ts b/packages/core/src/common/utils/with-error-suppression/with-error-suppression.ts
new file mode 100644
index 0000000000..657ed13c16
--- /dev/null
+++ b/packages/core/src/common/utils/with-error-suppression/with-error-suppression.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 { noop } from "lodash/fp";
+
+export function withErrorSuppression<TDecorated extends (...args: any[]) => Promise<any>>(toBeDecorated: TDecorated): (...args: Parameters<TDecorated>) => ReturnType<TDecorated> | Promise<void>;
+export function withErrorSuppression<TDecorated extends (...args: any[]) => any>(toBeDecorated: TDecorated): (...args: Parameters<TDecorated>) => ReturnType<TDecorated> | void;
+
+export function withErrorSuppression(toBeDecorated: any) {
+  return (...args: any[]) => {
+    try {
+      const returnValue = toBeDecorated(...args);
+
+      if (isPromise(returnValue)) {
+        return returnValue.catch(noop);
+      }
+
+      return returnValue;
+    } catch (e) {
+      return undefined;
+    }
+  };
+}
+
+function isPromise(reference: any): reference is Promise<any> {
+  return !!reference?.then;
+}
diff --git a/packages/core/src/common/utils/with-orphan-promise/with-orphan-promise.injectable.ts b/packages/core/src/common/utils/with-orphan-promise/with-orphan-promise.injectable.ts
new file mode 100644
index 0000000000..42e6cb9a61
--- /dev/null
+++ b/packages/core/src/common/utils/with-orphan-promise/with-orphan-promise.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 withErrorLoggingInjectable from "../with-error-logging/with-error-logging.injectable";
+import { withErrorSuppression } from "../with-error-suppression/with-error-suppression";
+import { pipeline } from "@ogre-tools/fp";
+
+const withOrphanPromiseInjectable = getInjectable({
+  id: "with-orphan-promise",
+
+  instantiate: (di) => {
+    const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+
+    return <T extends (...args: any[]) => Promise<any>>(toBeDecorated: T) =>
+      (...args: Parameters<T>): void => {
+        const decorated = pipeline(
+          toBeDecorated,
+          withErrorLoggingFor(() => "Orphan promise rejection encountered"),
+          withErrorSuppression,
+        );
+
+        decorated(...args);
+      };
+  },
+});
+
+export default withOrphanPromiseInjectable;
diff --git a/packages/core/src/common/utils/with-orphan-promise/with-orphan-promise.test.ts b/packages/core/src/common/utils/with-orphan-promise/with-orphan-promise.test.ts
new file mode 100644
index 0000000000..51ebc18e13
--- /dev/null
+++ b/packages/core/src/common/utils/with-orphan-promise/with-orphan-promise.test.ts
@@ -0,0 +1,58 @@
+/**
+ * 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 { getDiForUnitTesting } from "../../../main/getDiForUnitTesting";
+import withOrphanPromiseInjectable from "./with-orphan-promise.injectable";
+import logErrorInjectable from "../../log-error.injectable";
+
+describe("with orphan promise, when called", () => {
+  let toBeDecorated: AsyncFnMock<(arg1: string, arg2: string) => Promise<string>>;
+  let actual: void;
+  let logErrorMock: jest.Mock;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    logErrorMock = jest.fn();
+
+    di.override(logErrorInjectable, () => logErrorMock);
+
+    const withOrphanPromise = di.inject(withOrphanPromiseInjectable);
+
+    toBeDecorated = asyncFn();
+
+    const decorated = withOrphanPromise(toBeDecorated);
+
+    actual = decorated("some-argument", "some-other-argument");
+  });
+
+  it("calls decorated with arguments", () => {
+    expect(toBeDecorated).toHaveBeenCalledWith("some-argument", "some-other-argument");
+  });
+
+  it("given promise returned by decorated has not been fulfilled yet, already returns nothing", () => {
+    expect(actual).toBeUndefined();
+  });
+
+  it("when decorated function resolves, nothing happens", async () => {
+    await toBeDecorated.resolve("irrelevant");
+    // Note: there is no expect, test is here only for documentation.
+  });
+
+  describe("when decorated function rejects", () => {
+    beforeEach(async () => {
+      await toBeDecorated.reject("some-error");
+    });
+
+    it("logs the rejection", () => {
+      expect(logErrorMock).toHaveBeenCalledWith("Orphan promise rejection encountered", "some-error");
+    });
+
+    it("nothing else happens", () => {
+      // Note: there is no expect, test is here only for documentation.
+    });
+  });
+});
diff --git a/packages/core/src/common/vars.ts b/packages/core/src/common/vars.ts
new file mode 100644
index 0000000000..8f53d6354c
--- /dev/null
+++ b/packages/core/src/common/vars.ts
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// App's common configuration for any process (main, renderer, build pipeline, etc.)
+import type { ThemeId } from "../renderer/themes/lens-theme";
+
+export const publicPath = "/build/" as string;
+export const defaultThemeId: ThemeId = "lens-dark";
+export const defaultFontSize = 12;
+export const defaultTerminalFontFamily = "RobotoMono";
+export const defaultEditorFontFamily = "RobotoMono";
+
+// Apis
+export const apiPrefix = "/api"; // local router apis
+export const apiKubePrefix = "/api-kube"; // k8s cluster apis
+
+// Links
+export const issuesTrackerUrl = "https://github.com/lensapp/lens/issues" as string;
+export const slackUrl = "https://k8slens.dev/slack.html" as string;
+export const supportUrl = "https://docs.k8slens.dev/support/" as string;
+export const docsUrl = "https://docs.k8slens.dev" as string;
diff --git a/packages/core/src/common/vars/app-name.injectable.ts b/packages/core/src/common/vars/app-name.injectable.ts
new file mode 100644
index 0000000000..4d6d87421c
--- /dev/null
+++ b/packages/core/src/common/vars/app-name.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 isDevelopmentInjectable from "./is-development.injectable";
+import productNameInjectable from "./product-name.injectable";
+
+const appNameInjectable = getInjectable({
+  id: "app-name",
+
+  instantiate: (di) => {
+    const isDevelopment = di.inject(isDevelopmentInjectable);
+    const productName = di.inject(productNameInjectable);
+
+    return `${productName}${isDevelopment ? "Dev" : ""}`;
+  },
+});
+
+export default appNameInjectable;
diff --git a/packages/core/src/common/vars/application-copyright.injectable.ts b/packages/core/src/common/vars/application-copyright.injectable.ts
new file mode 100644
index 0000000000..0233584225
--- /dev/null
+++ b/packages/core/src/common/vars/application-copyright.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 applicationInformationToken from "./application-information-token";
+
+const applicationCopyrightInjectable = getInjectable({
+  id: "application-copyright",
+  instantiate: (di) => di.inject(applicationInformationToken).copyright,
+});
+
+export default applicationCopyrightInjectable;
diff --git a/packages/core/src/common/vars/application-description.injectable.ts b/packages/core/src/common/vars/application-description.injectable.ts
new file mode 100644
index 0000000000..5d63a67aa5
--- /dev/null
+++ b/packages/core/src/common/vars/application-description.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 applicationInformationToken from "./application-information-token";
+
+const applicationDescriptionInjectable = getInjectable({
+  id: "application-description",
+  instantiate: (di) => di.inject(applicationInformationToken).description,
+});
+
+export default applicationDescriptionInjectable;
diff --git a/packages/core/src/common/vars/application-information-injectable.ts b/packages/core/src/common/vars/application-information-injectable.ts
new file mode 100644
index 0000000000..a73e311233
--- /dev/null
+++ b/packages/core/src/common/vars/application-information-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 packageJson from "../../../package.json";
+import applicationInformationToken from "../../common/vars/application-information-token";
+
+const applicationInformationInjectable = getInjectable({
+  id: "application-information",
+  injectionToken: applicationInformationToken,
+  instantiate: () => {
+    const { version, config, productName, build, copyright, description, name } = packageJson;
+
+    return { version, config, productName, build, copyright, description, name };
+  },
+  causesSideEffects: true,
+});
+
+export default applicationInformationInjectable;
diff --git a/packages/core/src/common/vars/application-information-token.ts b/packages/core/src/common/vars/application-information-token.ts
new file mode 100644
index 0000000000..dcd56a3146
--- /dev/null
+++ b/packages/core/src/common/vars/application-information-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 packageJson from "../../../package.json";
+
+export type ApplicationInformation = Pick<typeof packageJson, "version" | "config" | "productName" | "copyright" | "description" | "name"> & {
+  build: Partial<typeof packageJson["build"]> & { publish?: unknown[] };
+};
+
+const applicationInformationToken = getInjectionToken<ApplicationInformation>({
+  id: "application-information-token",
+});
+
+export default applicationInformationToken;
diff --git a/packages/core/src/common/vars/application-information.global-override-for-injectable.ts b/packages/core/src/common/vars/application-information.global-override-for-injectable.ts
new file mode 100644
index 0000000000..e0b886fa65
--- /dev/null
+++ b/packages/core/src/common/vars/application-information.global-override-for-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 { getGlobalOverride } from "../test-utils/get-global-override";
+import applicationInformationInjectable from "./application-information-injectable";
+
+export default getGlobalOverride(applicationInformationInjectable, () => ({
+  name: "some-product-name",
+  productName: "some-product-name",
+  version: "6.0.0",
+  build: {} as any,
+  config: {
+    k8sProxyVersion: "0.2.1",
+    bundledKubectlVersion: "1.23.3",
+    bundledHelmVersion: "3.7.2",
+    sentryDsn: "",
+    contentSecurityPolicy: "script-src 'unsafe-eval' 'self'; frame-src http://*.localhost:*/; img-src * data:",
+    welcomeRoute: "/welcome",
+  },
+  copyright: "some-copyright-information",
+  description: "some-descriptive-text",
+}));
diff --git a/packages/core/src/common/vars/base-bundled-binaries-dir.injectable.ts b/packages/core/src/common/vars/base-bundled-binaries-dir.injectable.ts
new file mode 100644
index 0000000000..968ccc5c5b
--- /dev/null
+++ b/packages/core/src/common/vars/base-bundled-binaries-dir.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 bundledResourcesDirectoryInjectable from "./bundled-resources-dir.injectable";
+import normalizedPlatformArchitectureInjectable from "./normalized-platform-architecture.injectable";
+import joinPathsInjectable from "../path/join-paths.injectable";
+
+const baseBundledBinariesDirectoryInjectable = getInjectable({
+  id: "base-bundled-binaries-directory",
+  instantiate: (di) => {
+    const bundledResourcesDirectory = di.inject(bundledResourcesDirectoryInjectable);
+    const normalizedPlatformArchitecture = di.inject(normalizedPlatformArchitectureInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+
+    return joinPaths(
+      bundledResourcesDirectory,
+      normalizedPlatformArchitecture,
+    );
+  },
+});
+
+export default baseBundledBinariesDirectoryInjectable;
diff --git a/packages/core/src/common/vars/build-semantic-version.injectable.ts b/packages/core/src/common/vars/build-semantic-version.injectable.ts
new file mode 100644
index 0000000000..2a49327480
--- /dev/null
+++ b/packages/core/src/common/vars/build-semantic-version.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 { getInjectionToken } from "@ogre-tools/injectable";
+import { SemVer } from "semver";
+import type { InitializableState } from "../initializable-state/create";
+import { createInitializableState } from "../initializable-state/create";
+import type { RequestChannel } from "../utils/channel/request-channel-listener-injection-token";
+
+export const buildVersionInjectionToken = getInjectionToken<InitializableState<string>>({
+  id: "build-version-token",
+});
+
+export const buildVersionChannel: RequestChannel<void, string> = {
+  id: "build-version",
+};
+
+const buildSemanticVersionInjectable = createInitializableState({
+  id: "build-semantic-version",
+  init: (di) => {
+    const buildVersion = di.inject(buildVersionInjectionToken);
+
+    return new SemVer(buildVersion.get());
+  },
+});
+
+export default buildSemanticVersionInjectable;
+
diff --git a/packages/core/src/common/vars/bundled-kubectl-version.injectable.ts b/packages/core/src/common/vars/bundled-kubectl-version.injectable.ts
new file mode 100644
index 0000000000..f5817426fb
--- /dev/null
+++ b/packages/core/src/common/vars/bundled-kubectl-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 applicationInformationToken from "./application-information-token";
+
+const bundledKubectlVersionInjectable = getInjectable({
+  id: "bundled-kubectl-version",
+  instantiate: (di) => di.inject(applicationInformationToken).config.bundledKubectlVersion,
+});
+
+export default bundledKubectlVersionInjectable;
diff --git a/packages/core/src/common/vars/bundled-resources-dir.injectable.ts b/packages/core/src/common/vars/bundled-resources-dir.injectable.ts
new file mode 100644
index 0000000000..2058b1d5d3
--- /dev/null
+++ b/packages/core/src/common/vars/bundled-resources-dir.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 isProductionInjectable from "./is-production.injectable";
+import normalizedPlatformInjectable from "./normalized-platform.injectable";
+import lensResourcesDirInjectable from "./lens-resources-dir.injectable";
+import joinPathsInjectable from "../path/join-paths.injectable";
+
+const bundledResourcesDirectoryInjectable = getInjectable({
+  id: "bundled-resources-directory",
+  instantiate: (di) => {
+    const isProduction = di.inject(isProductionInjectable);
+    const normalizedPlatform = di.inject(normalizedPlatformInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const lensResourcesDir = di.inject(lensResourcesDirInjectable);
+
+    return isProduction
+      ? lensResourcesDir
+      : joinPaths(lensResourcesDir, "binaries", "client", normalizedPlatform);
+  },
+});
+
+export default bundledResourcesDirectoryInjectable;
diff --git a/packages/core/src/common/vars/content-security-policy.injectable.ts b/packages/core/src/common/vars/content-security-policy.injectable.ts
new file mode 100644
index 0000000000..01ccee0980
--- /dev/null
+++ b/packages/core/src/common/vars/content-security-policy.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 applicationInformationToken from "./application-information-token";
+
+const contentSecurityPolicyInjectable = getInjectable({
+  id: "content-security-policy",
+  instantiate: (di) => di.inject(applicationInformationToken).config.contentSecurityPolicy,
+});
+
+export default contentSecurityPolicyInjectable;
diff --git a/packages/core/src/common/vars/extension-api-version.injectable.ts b/packages/core/src/common/vars/extension-api-version.injectable.ts
new file mode 100644
index 0000000000..9b84cf1177
--- /dev/null
+++ b/packages/core/src/common/vars/extension-api-version.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 { SemVer } from "semver";
+import applicationInformationToken from "./application-information-token";
+
+const extensionApiVersionInjectable = getInjectable({
+  id: "extension-api-version",
+  instantiate: (di) => {
+    const { major, minor, patch } = new SemVer(di.inject(applicationInformationToken).version);
+
+    return `${major}.${minor}.${patch}`;
+  },
+});
+
+export default extensionApiVersionInjectable;
diff --git a/packages/core/src/common/vars/is-debugging.global-override-for-injectable.ts b/packages/core/src/common/vars/is-debugging.global-override-for-injectable.ts
new file mode 100644
index 0000000000..7aa500ff2e
--- /dev/null
+++ b/packages/core/src/common/vars/is-debugging.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 isDebuggingInjectable from "./is-debugging.injectable";
+
+export default getGlobalOverride(isDebuggingInjectable, () => false);
diff --git a/packages/core/src/common/vars/is-debugging.injectable.ts b/packages/core/src/common/vars/is-debugging.injectable.ts
new file mode 100644
index 0000000000..079086e628
--- /dev/null
+++ b/packages/core/src/common/vars/is-debugging.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 isDebuggingInjectable = getInjectable({
+  id: "is-debugging",
+  instantiate: () => ["true", "1", "yes", "y", "on"].includes((process.env.DEBUG ?? "").toLowerCase()),
+  causesSideEffects: true,
+});
+
+export default isDebuggingInjectable;
diff --git a/packages/core/src/common/vars/is-development.injectable.ts b/packages/core/src/common/vars/is-development.injectable.ts
new file mode 100644
index 0000000000..af7aeb3b91
--- /dev/null
+++ b/packages/core/src/common/vars/is-development.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 isProductionInjectable from "./is-production.injectable";
+
+const isDevelopmentInjectable = getInjectable({
+  id: "is-development",
+  instantiate: (di) => !di.inject(isProductionInjectable),
+});
+
+export default isDevelopmentInjectable;
diff --git a/packages/core/src/common/vars/is-integration-testing.injectable.ts b/packages/core/src/common/vars/is-integration-testing.injectable.ts
new file mode 100644
index 0000000000..7d6d5ce24e
--- /dev/null
+++ b/packages/core/src/common/vars/is-integration-testing.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 commandLineArgumentsInjectable from "../../main/utils/command-line-arguments.injectable";
+
+const isIntegrationTestingInjectable = getInjectable({
+  id: "is-integration-testing",
+
+  instantiate: (di) => {
+    const commandLineArguments = di.inject(commandLineArgumentsInjectable);
+
+    return commandLineArguments.includes("--integration-testing");
+  },
+});
+
+export default isIntegrationTestingInjectable;
diff --git a/packages/core/src/common/vars/is-linux.injectable.ts b/packages/core/src/common/vars/is-linux.injectable.ts
new file mode 100644
index 0000000000..d84165fad5
--- /dev/null
+++ b/packages/core/src/common/vars/is-linux.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 platformInjectable from "./platform.injectable";
+
+const isLinuxInjectable = getInjectable({
+  id: "is-linux",
+
+  instantiate: (di) => {
+    const platform = di.inject(platformInjectable);
+
+    return platform === "linux";
+  },
+});
+
+export default isLinuxInjectable;
diff --git a/packages/core/src/common/vars/is-mac.injectable.ts b/packages/core/src/common/vars/is-mac.injectable.ts
new file mode 100644
index 0000000000..67a6fda286
--- /dev/null
+++ b/packages/core/src/common/vars/is-mac.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 platformInjectable from "./platform.injectable";
+
+const isMacInjectable = getInjectable({
+  id: "is-mac",
+
+  instantiate: (di) => {
+    const platform = di.inject(platformInjectable);
+
+    return platform === "darwin";
+  },
+});
+
+export default isMacInjectable;
diff --git a/packages/core/src/common/vars/is-production.injectable.ts b/packages/core/src/common/vars/is-production.injectable.ts
new file mode 100644
index 0000000000..661cb397d1
--- /dev/null
+++ b/packages/core/src/common/vars/is-production.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 nodeEnvInjectionToken from "./node-env-injection-token";
+
+const isProductionInjectable = getInjectable({
+  id: "is-production",
+
+  instantiate: (di) => {
+    const nodeEnv = di.inject(nodeEnvInjectionToken);
+
+    return nodeEnv === "production";
+  },
+});
+
+export default isProductionInjectable;
diff --git a/packages/core/src/common/vars/is-snap-package.global-override-for-injectable.ts b/packages/core/src/common/vars/is-snap-package.global-override-for-injectable.ts
new file mode 100644
index 0000000000..cb3ff0a6e9
--- /dev/null
+++ b/packages/core/src/common/vars/is-snap-package.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 isSnapPackageInjectable from "./is-snap-package.injectable";
+
+export default getGlobalOverride(isSnapPackageInjectable, () => false);
diff --git a/packages/core/src/common/vars/is-snap-package.injectable.ts b/packages/core/src/common/vars/is-snap-package.injectable.ts
new file mode 100644
index 0000000000..a2c545870b
--- /dev/null
+++ b/packages/core/src/common/vars/is-snap-package.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 isSnapPackageInjectable = getInjectable({
+  id: "is-snap",
+  instantiate: () => Boolean(process.env.SNAP),
+  causesSideEffects: true,
+});
+
+export default isSnapPackageInjectable;
diff --git a/packages/core/src/common/vars/is-windows.injectable.ts b/packages/core/src/common/vars/is-windows.injectable.ts
new file mode 100644
index 0000000000..8eb78dcb58
--- /dev/null
+++ b/packages/core/src/common/vars/is-windows.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 platformInjectable from "./platform.injectable";
+
+const isWindowsInjectable = getInjectable({
+  id: "is-windows",
+
+  instantiate: (di) => {
+    const platform = di.inject(platformInjectable);
+
+    return platform === "win32";
+  },
+});
+
+export default isWindowsInjectable;
diff --git a/packages/core/src/common/vars/lens-resources-dir.global-override-for-injectable.ts b/packages/core/src/common/vars/lens-resources-dir.global-override-for-injectable.ts
new file mode 100644
index 0000000000..1a72b0ccf7
--- /dev/null
+++ b/packages/core/src/common/vars/lens-resources-dir.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 lensResourcesDirInjectable from "./lens-resources-dir.injectable";
+
+export default getGlobalOverride(lensResourcesDirInjectable, () => "/irrelavent-dir-for-lens-resources");
diff --git a/packages/core/src/common/vars/lens-resources-dir.injectable.ts b/packages/core/src/common/vars/lens-resources-dir.injectable.ts
new file mode 100644
index 0000000000..9aebba19b3
--- /dev/null
+++ b/packages/core/src/common/vars/lens-resources-dir.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 isProductionInjectable from "./is-production.injectable";
+
+const lensResourcesDirInjectable = getInjectable({
+  id: "lens-resources-dir",
+
+  instantiate: (di) => {
+    const isProduction = di.inject(isProductionInjectable);
+
+    return isProduction
+      ? process.resourcesPath
+      : process.cwd();
+  },
+
+  causesSideEffects: true,
+});
+
+export default lensResourcesDirInjectable;
diff --git a/packages/core/src/common/vars/node-env-injection-token.ts b/packages/core/src/common/vars/node-env-injection-token.ts
new file mode 100644
index 0000000000..9de463c1cb
--- /dev/null
+++ b/packages/core/src/common/vars/node-env-injection-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+
+const nodeEnvInjectionToken = getInjectionToken<string | undefined>({
+  id: "node-env-injection-token",
+});
+
+export default nodeEnvInjectionToken;
diff --git a/packages/core/src/common/vars/normalized-platform-architecture.injectable.ts b/packages/core/src/common/vars/normalized-platform-architecture.injectable.ts
new file mode 100644
index 0000000000..6b98856268
--- /dev/null
+++ b/packages/core/src/common/vars/normalized-platform-architecture.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 processArchInjectable from "./process-arch.injectable";
+
+const normalizedPlatformArchitectureInjectable = getInjectable({
+  id: "normalized-platform-architecture",
+  instantiate: (di) => {
+    const platformArch = di.inject(processArchInjectable);
+
+    switch (platformArch) {
+      case "arm64":
+        return "arm64";
+      case "x64":
+      case "amd64":
+        return "x64";
+      case "386":
+      case "x32":
+      case "ia32":
+        return "ia32";
+      default:
+        throw new Error(`arch=${platformArch} is unsupported`);
+    }
+  },
+});
+
+export default normalizedPlatformArchitectureInjectable;
diff --git a/packages/core/src/common/vars/normalized-platform.injectable.ts b/packages/core/src/common/vars/normalized-platform.injectable.ts
new file mode 100644
index 0000000000..ee1bf7fb74
--- /dev/null
+++ b/packages/core/src/common/vars/normalized-platform.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 platformInjectable from "./platform.injectable";
+
+export type NormalizedPlatform = "darwin" | "linux" | "windows";
+
+const normalizedPlatformInjectable = getInjectable({
+  id: "normalized-platform",
+
+  instantiate: (di): NormalizedPlatform => {
+    const platform = di.inject(platformInjectable);
+
+    switch (platform) {
+      case "darwin":
+        return "darwin";
+      case "linux":
+        return "linux";
+      case "win32":
+        return "windows";
+      default:
+        throw new Error(`platform=${platform} is unsupported`);
+    }
+  },
+});
+
+export default normalizedPlatformInjectable;
diff --git a/packages/core/src/common/vars/platform.global-override-for-injectable.ts b/packages/core/src/common/vars/platform.global-override-for-injectable.ts
new file mode 100644
index 0000000000..4bb06dec5e
--- /dev/null
+++ b/packages/core/src/common/vars/platform.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 platformInjectable from "./platform.injectable";
+
+export default getGlobalOverride(platformInjectable, () => "darwin");
diff --git a/packages/core/src/common/vars/platform.injectable.ts b/packages/core/src/common/vars/platform.injectable.ts
new file mode 100644
index 0000000000..00d6e42aca
--- /dev/null
+++ b/packages/core/src/common/vars/platform.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 { getInjectable } from "@ogre-tools/injectable";
+
+export const allPlatforms = ["win32", "darwin", "linux"] as const;
+
+const platformInjectable = getInjectable({
+  id: "platform",
+  instantiate: () => process.platform as typeof allPlatforms[number],
+  causesSideEffects: true,
+});
+
+export default platformInjectable;
diff --git a/packages/core/src/common/vars/process-arch.global-override-for-injectable.ts b/packages/core/src/common/vars/process-arch.global-override-for-injectable.ts
new file mode 100644
index 0000000000..42d74d4ec8
--- /dev/null
+++ b/packages/core/src/common/vars/process-arch.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 processArchInjectable from "./process-arch.injectable";
+
+export default getGlobalOverride(processArchInjectable, () => "x64");
diff --git a/packages/core/src/common/vars/process-arch.injectable.ts b/packages/core/src/common/vars/process-arch.injectable.ts
new file mode 100644
index 0000000000..5504855341
--- /dev/null
+++ b/packages/core/src/common/vars/process-arch.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 processArchInjectable = getInjectable({
+  id: "process-arch",
+  instantiate: () => process.arch,
+  causesSideEffects: true,
+});
+
+export default processArchInjectable;
diff --git a/packages/core/src/common/vars/product-name.injectable.ts b/packages/core/src/common/vars/product-name.injectable.ts
new file mode 100644
index 0000000000..7a5ba73f2d
--- /dev/null
+++ b/packages/core/src/common/vars/product-name.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 applicationInformationToken from "./application-information-token";
+
+const productNameInjectable = getInjectable({
+  id: "product-name",
+  instantiate: (di) => di.inject(applicationInformationToken).productName,
+});
+
+export default productNameInjectable;
diff --git a/packages/core/src/common/vars/release-channel.injectable.ts b/packages/core/src/common/vars/release-channel.injectable.ts
new file mode 100644
index 0000000000..6554fbc0ac
--- /dev/null
+++ b/packages/core/src/common/vars/release-channel.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 { createInitializableState } from "../initializable-state/create";
+import buildSemanticVersionInjectable from "./build-semantic-version.injectable";
+import type { ReleaseChannel } from "../../features/application-update/common/update-channels";
+
+const releaseChannelInjectable = createInitializableState({
+  id: "release-channel",
+  init: (di): ReleaseChannel => {
+    const buildSemanticVersion = di.inject(buildSemanticVersionInjectable);
+    const currentReleaseChannel = buildSemanticVersion.get().prerelease[0];
+
+    switch (currentReleaseChannel) {
+      case "latest":
+      case "beta":
+      case "alpha":
+        return currentReleaseChannel;
+      default:
+        return "latest";
+    }
+  },
+});
+
+export default releaseChannelInjectable;
diff --git a/packages/core/src/common/vars/sentry-dsn-url.injectable.ts b/packages/core/src/common/vars/sentry-dsn-url.injectable.ts
new file mode 100644
index 0000000000..7fd138ab0a
--- /dev/null
+++ b/packages/core/src/common/vars/sentry-dsn-url.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 applicationInformationToken from "./application-information-token";
+
+const sentryDataSourceNameInjectable = getInjectable({
+  id: "sentry-data-source-name",
+  instantiate: (di) => di.inject(applicationInformationToken).config.sentryDsn,
+});
+
+export default sentryDataSourceNameInjectable;
diff --git a/packages/core/src/common/vars/static-files-directory.global-override-for-injectable.ts b/packages/core/src/common/vars/static-files-directory.global-override-for-injectable.ts
new file mode 100644
index 0000000000..3b8ec43046
--- /dev/null
+++ b/packages/core/src/common/vars/static-files-directory.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 staticFilesDirectoryInjectable from "./static-files-directory.injectable";
+
+export default getGlobalOverride(staticFilesDirectoryInjectable, () => "/some-static-directory");
diff --git a/packages/core/src/common/vars/static-files-directory.injectable.ts b/packages/core/src/common/vars/static-files-directory.injectable.ts
new file mode 100644
index 0000000000..8ed9967119
--- /dev/null
+++ b/packages/core/src/common/vars/static-files-directory.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 appPathsInjectable from "../app-paths/app-paths.injectable";
+import joinPathsInjectable from "../path/join-paths.injectable";
+
+const staticFilesDirectoryInjectable = getInjectable({
+  id: "static-files-directory",
+
+  instantiate: (di) => {
+    const joinPaths = di.inject(joinPathsInjectable);
+    const currentAppDir = di.inject(appPathsInjectable).currentApp;
+
+    return joinPaths(currentAppDir, "static");
+  },
+});
+
+export default staticFilesDirectoryInjectable;
diff --git a/packages/core/src/common/vars/store-migration-version.injectable.ts b/packages/core/src/common/vars/store-migration-version.injectable.ts
new file mode 100644
index 0000000000..eb2b7aa8cc
--- /dev/null
+++ b/packages/core/src/common/vars/store-migration-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 applicationInformationToken from "./application-information-token";
+
+const storeMigrationVersionInjectable = getInjectable({
+  id: "store-migration-version",
+  instantiate: (di) => di.inject(applicationInformationToken).version,
+});
+
+export default storeMigrationVersionInjectable;
diff --git a/packages/core/src/common/weblinks-store/migration-token.ts b/packages/core/src/common/weblinks-store/migration-token.ts
new file mode 100644
index 0000000000..d1cea9334b
--- /dev/null
+++ b/packages/core/src/common/weblinks-store/migration-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { MigrationDeclaration } from "../base-store/migrations.injectable";
+
+export const weblinkStoreMigrationInjectionToken = getInjectionToken<MigrationDeclaration>({
+  id: "weblink-store-migration-token",
+});
diff --git a/packages/core/src/common/weblinks-store/weblink-store.injectable.ts b/packages/core/src/common/weblinks-store/weblink-store.injectable.ts
new file mode 100644
index 0000000000..cf793a2e58
--- /dev/null
+++ b/packages/core/src/common/weblinks-store/weblink-store.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 directoryForUserDataInjectable from "../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import { baseStoreIpcChannelPrefixesInjectionToken } from "../base-store/channel-prefix";
+import { shouldBaseStoreDisableSyncInIpcListenerInjectionToken } from "../base-store/disable-sync";
+import storeMigrationsInjectable from "../base-store/migrations.injectable";
+import { persistStateToConfigInjectionToken } from "../base-store/save-to-file";
+import getConfigurationFileModelInjectable from "../get-configuration-file-model/get-configuration-file-model.injectable";
+import loggerInjectable from "../logger.injectable";
+import getBasenameOfPathInjectable from "../path/get-basename.injectable";
+import { enlistMessageChannelListenerInjectionToken } from "../utils/channel/enlist-message-channel-listener-injection-token";
+import storeMigrationVersionInjectable from "../vars/store-migration-version.injectable";
+import { weblinkStoreMigrationInjectionToken } from "./migration-token";
+import { WeblinkStore } from "./weblink-store";
+
+const weblinkStoreInjectable = getInjectable({
+  id: "weblink-store",
+  instantiate: (di) => new WeblinkStore({
+    directoryForUserData: di.inject(directoryForUserDataInjectable),
+    getConfigurationFileModel: di.inject(getConfigurationFileModelInjectable),
+    logger: di.inject(loggerInjectable),
+    storeMigrationVersion: di.inject(storeMigrationVersionInjectable),
+    migrations: di.inject(storeMigrationsInjectable, weblinkStoreMigrationInjectionToken),
+    getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+    ipcChannelPrefixes: di.inject(baseStoreIpcChannelPrefixesInjectionToken),
+    persistStateToConfig: di.inject(persistStateToConfigInjectionToken),
+    enlistMessageChannelListener: di.inject(enlistMessageChannelListenerInjectionToken),
+    shouldDisableSyncInListener: di.inject(shouldBaseStoreDisableSyncInIpcListenerInjectionToken),
+  }),
+});
+
+export default weblinkStoreInjectable;
diff --git a/packages/core/src/common/weblinks-store/weblink-store.ts b/packages/core/src/common/weblinks-store/weblink-store.ts
new file mode 100644
index 0000000000..2044ca08c1
--- /dev/null
+++ b/packages/core/src/common/weblinks-store/weblink-store.ts
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, comparer, observable, makeObservable } from "mobx";
+import type { BaseStoreDependencies } from "../base-store/base-store";
+import { BaseStore } from "../base-store/base-store";
+import * as uuid from "uuid";
+import { toJS } from "../utils";
+
+export interface WeblinkData {
+  id: string;
+  name: string;
+  url: string;
+}
+
+export interface WeblinkCreateOptions {
+  id?: string;
+  name: string;
+  url: string;
+}
+
+
+export interface WeblinkStoreModel {
+  weblinks: WeblinkData[];
+}
+
+export class WeblinkStore extends BaseStore<WeblinkStoreModel> {
+  @observable weblinks: WeblinkData[] = [];
+
+  constructor(deps: BaseStoreDependencies) {
+    super(deps, {
+      configName: "lens-weblink-store",
+      accessPropertiesByDotNotation: false, // To make dots safe in cluster context names
+      syncOptions: {
+        equals: comparer.structural,
+      },
+    });
+    makeObservable(this);
+    this.load();
+  }
+
+  @action
+  protected fromStore(data: Partial<WeblinkStoreModel> = {}) {
+    this.weblinks = data.weblinks || [];
+  }
+
+  add(data: WeblinkCreateOptions) {
+    const {
+      id = uuid.v4(),
+      name,
+      url,
+    } = data;
+    const weblink: WeblinkData = { id, name, url };
+
+    this.weblinks.push(weblink);
+
+    return weblink;
+  }
+
+  @action
+  removeById(id: string) {
+    this.weblinks = this.weblinks.filter((w) => w.id !== id);
+  }
+
+  toJSON(): WeblinkStoreModel {
+    const model: WeblinkStoreModel = {
+      weblinks: this.weblinks,
+    };
+
+    return toJS(model);
+  }
+}
diff --git a/packages/core/src/extensions/__tests__/extension-loader.test.ts b/packages/core/src/extensions/__tests__/extension-loader.test.ts
new file mode 100644
index 0000000000..1c010f7640
--- /dev/null
+++ b/packages/core/src/extensions/__tests__/extension-loader.test.ts
@@ -0,0 +1,174 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ExtensionLoader } from "../extension-loader";
+import extensionLoaderInjectable from "../extension-loader/extension-loader.injectable";
+import { runInAction } from "mobx";
+import updateExtensionsStateInjectable from "../extension-loader/update-extensions-state/update-extensions-state.injectable";
+import { delay } from "../../renderer/utils";
+import { getDiForUnitTesting } from "../../renderer/getDiForUnitTesting";
+import ipcRendererInjectable from "../../renderer/utils/channel/ipc-renderer.injectable";
+import type { IpcRenderer } from "electron";
+import directoryForUserDataInjectable from "../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import currentlyInClusterFrameInjectable from "../../renderer/routes/currently-in-cluster-frame.injectable";
+
+const manifestPath = "manifest/path";
+const manifestPath2 = "manifest/path2";
+const manifestPath3 = "manifest/path3";
+
+describe("ExtensionLoader", () => {
+  let extensionLoader: ExtensionLoader;
+  let updateExtensionStateMock: jest.Mock;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(currentlyInClusterFrameInjectable, () => false);
+
+    di.override(ipcRendererInjectable, () => ({
+      invoke: jest.fn(async (channel: string) => {
+        if (channel === "extension-loader:main:state") {
+          return [
+            [
+              manifestPath,
+              {
+                manifest: {
+                  name: "TestExtension",
+                  version: "1.0.0",
+                },
+                id: manifestPath,
+                absolutePath: "/test/1",
+                manifestPath,
+                isBundled: false,
+                isEnabled: true,
+              },
+            ],
+            [
+              manifestPath2,
+              {
+                manifest: {
+                  name: "TestExtension2",
+                  version: "2.0.0",
+                },
+                id: manifestPath2,
+                absolutePath: "/test/2",
+                manifestPath: manifestPath2,
+                isBundled: false,
+                isEnabled: true,
+              },
+            ],
+          ];
+        }
+
+        return [];
+      }),
+
+      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,
+                  isBundled: false,
+                  isEnabled: true,
+                },
+              ],
+              [
+                manifestPath3,
+                {
+                  manifest: {
+                    name: "TestExtension3",
+                    version: "3.0.0",
+                  },
+                  id: manifestPath3,
+                  absolutePath: "/test/3",
+                  manifestPath: manifestPath3,
+                  isBundled: false,
+                  isEnabled: true,
+                },
+              ],
+            ]);
+          }, 10);
+        }
+      },
+    }) as unknown as IpcRenderer);
+
+    updateExtensionStateMock = jest.fn();
+
+    di.override(updateExtensionsStateInjectable, () => updateExtensionStateMock);
+
+    extensionLoader = di.inject(extensionLoaderInjectable);
+  });
+
+  it("renderer updates extension after ipc broadcast", async () => {
+    expect(extensionLoader.userExtensions).toMatchInlineSnapshot(`Map {}`);
+
+    await extensionLoader.init();
+    await delay(10);
+
+    // Assert the extensions after the extension broadcast event
+    expect(extensionLoader.userExtensions).toMatchInlineSnapshot(`
+      Map {
+        "manifest/path" => Object {
+          "absolutePath": "/test/1",
+          "id": "manifest/path",
+          "isBundled": false,
+          "isEnabled": true,
+          "manifest": Object {
+            "name": "TestExtension",
+            "version": "1.0.0",
+          },
+          "manifestPath": "manifest/path",
+        },
+        "manifest/path3" => Object {
+          "absolutePath": "/test/3",
+          "id": "manifest/path3",
+          "isBundled": false,
+          "isEnabled": true,
+          "manifest": Object {
+            "name": "TestExtension3",
+            "version": "3.0.0",
+          },
+          "manifestPath": "manifest/path3",
+        },
+      }
+    `);
+  });
+
+  it("updates ExtensionsStore after isEnabled is changed", async () => {
+    await extensionLoader.init();
+
+    expect(updateExtensionStateMock).not.toHaveBeenCalled();
+
+    runInAction(() => {
+      extensionLoader.setIsEnabled("manifest/path", false);
+    });
+
+    expect(updateExtensionStateMock).toHaveBeenCalledWith(
+      expect.objectContaining({
+        "manifest/path": {
+          enabled: false,
+          name: "TestExtension",
+        },
+
+        "manifest/path2": {
+          enabled: true,
+          name: "TestExtension2",
+        },
+      }),
+    );
+  });
+});
diff --git a/packages/core/src/extensions/__tests__/is-compatible-extension.test.ts b/packages/core/src/extensions/__tests__/is-compatible-extension.test.ts
new file mode 100644
index 0000000000..f2ca144681
--- /dev/null
+++ b/packages/core/src/extensions/__tests__/is-compatible-extension.test.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 { isCompatibleExtension } from "../extension-discovery/is-compatible-extension/is-compatible-extension";
+import type { LensExtensionManifest } from "../lens-extension";
+
+describe("Extension/App versions compatibility checks", () => {
+  it("is compatible with exact version matching", () => {
+    expect(isCompatible({ extLensEngineVersion: "5.5.0", extensionApiVersion: "5.5.0" })).toBeTruthy();
+  });
+
+  it("is compatible with upper %PATCH versions of base app", () => {
+    expect(isCompatible({ extLensEngineVersion: "5.5.0", extensionApiVersion: "5.5.5" })).toBeTruthy();
+  });
+
+  it("is compatible with higher %MINOR version of base app", () => {
+    expect(isCompatible({ extLensEngineVersion: "5.5.0", extensionApiVersion: "5.6.0" })).toBeTruthy();
+  });
+
+  it("is not compatible with higher %MAJOR version of base app", () => {
+    expect(isCompatible({ extLensEngineVersion: "5.6.0", extensionApiVersion: "6.0.0" })).toBeFalsy(); // extension for lens@5 not compatible with lens@6
+    expect(isCompatible({ extLensEngineVersion: "6.0.0", extensionApiVersion: "5.6.0" })).toBeFalsy();
+  });
+
+  it("supports short version format for manifest.engines.lens", () => {
+    expect(isCompatible({ extLensEngineVersion: "5.5", extensionApiVersion: "5.5.1" })).toBeTruthy();
+  });
+
+  it("throws for incorrect or not supported version format", () => {
+    expect(() => isCompatible({
+      extLensEngineVersion: ">=2.0",
+      extensionApiVersion: "2.0",
+    })).toThrow(/Invalid format/i);
+
+    expect(() => isCompatible({
+      extLensEngineVersion: "~2.0",
+      extensionApiVersion: "2.0",
+    })).toThrow(/Invalid format/i);
+
+    expect(() => isCompatible({
+      extLensEngineVersion: "*",
+      extensionApiVersion: "1.0",
+    })).toThrow(/Invalid format/i);
+  });
+});
+
+function isCompatible({ extLensEngineVersion = "^1.0", extensionApiVersion = "1.0" } = {}): boolean {
+  const extensionManifestMock = getExtensionManifestMock(extLensEngineVersion);
+
+  return isCompatibleExtension({ extensionApiVersion })(extensionManifestMock);
+}
+
+function getExtensionManifestMock(lensEngine = "1.0"): LensExtensionManifest {
+  return {
+    name: "some-extension",
+    version: "1.0",
+    engines: {
+      lens: lensEngine,
+    },
+  };
+}
diff --git a/packages/core/src/extensions/__tests__/lens-extension.test.ts b/packages/core/src/extensions/__tests__/lens-extension.test.ts
new file mode 100644
index 0000000000..7cb90a548b
--- /dev/null
+++ b/packages/core/src/extensions/__tests__/lens-extension.test.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 { LensExtension } from "../lens-extension";
+import { Console } from "console";
+import { stdout, stderr } from "process";
+
+console = new Console(stdout, stderr);
+
+let ext: LensExtension;
+
+describe("lens extension", () => {
+  beforeEach(async () => {
+    ext = new LensExtension({
+      manifest: {
+        name: "foo-bar",
+        version: "0.1.1",
+        engines: { lens: "^5.5.0" },
+      },
+      id: "/this/is/fake/package.json",
+      absolutePath: "/absolute/fake/",
+      manifestPath: "/this/is/fake/package.json",
+      isBundled: false,
+      isEnabled: true,
+      isCompatible: true,
+    });
+  });
+
+  describe("name", () => {
+    it("returns name", () => {
+      expect(ext.name).toBe("foo-bar");
+    });
+  });
+});
diff --git a/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api.ts b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api.ts
new file mode 100644
index 0000000000..e0b4ea3223
--- /dev/null
+++ b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api.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 { getLegacyGlobalDiForExtensionApi } from "./legacy-global-di-for-extension-api";
+import type { Inject } from "@ogre-tools/injectable";
+
+export const asLegacyGlobalFunctionForExtensionApi = ((
+  injectableKey,
+  instantiationParameter,
+) =>
+  (...args: any[]) => {
+    const injected = getLegacyGlobalDiForExtensionApi().inject(
+      injectableKey,
+      instantiationParameter,
+    ) as unknown as (...args: any[]) => any;
+
+    return injected(...args);
+  }) as Inject;
diff --git a/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.test.ts b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.test.ts
new file mode 100644
index 0000000000..ebfc77f40e
--- /dev/null
+++ b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.test.ts
@@ -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 {
+  DiContainer,
+  Injectable } from "@ogre-tools/injectable";
+import {
+  createContainer,
+  getInjectable,
+} from "@ogre-tools/injectable";
+import { Environments, setLegacyGlobalDiForExtensionApi } from "./legacy-global-di-for-extension-api";
+import { asLegacyGlobalObjectForExtensionApiWithModifications } from "./as-legacy-global-object-for-extension-api-with-modifications";
+
+describe("asLegacyGlobalObjectForExtensionApiWithModifications", () => {
+  describe("given legacy global object", () => {
+    let di: DiContainer;
+    let someInjectable: Injectable<{ someProperty: string }, unknown, void>;
+    let actual: { someProperty: string } & {
+      someModificationProperty: string;
+    };
+
+    beforeEach(() => {
+      di = createContainer("irrelevant");
+
+      jest.spyOn(di, "inject");
+
+      setLegacyGlobalDiForExtensionApi(di, Environments.renderer);
+
+      someInjectable = getInjectable({
+        id: "some-injectable",
+        instantiate: () => ({
+          someProperty: "some-property-value",
+        }),
+      });
+
+      di.register(someInjectable);
+
+      actual = asLegacyGlobalObjectForExtensionApiWithModifications(
+        someInjectable,
+        { someModificationProperty: "some-modification-value" },
+      );
+    });
+
+    it("when not accessed, does not inject yet", () => {
+      expect(di.inject).not.toHaveBeenCalled();
+    });
+
+    describe("when a property of global is accessed, ", () => {
+      let actualPropertyValue: string;
+
+      beforeEach(() => {
+        actualPropertyValue = actual.someProperty;
+      });
+
+      it("injects the injectable for global", () => {
+        expect(di.inject).toHaveBeenCalledWith(someInjectable, undefined);
+      });
+
+      it("global has property of injectable", () => {
+        expect(actualPropertyValue).toBe("some-property-value");
+      });
+    });
+
+    describe("when a property of modification is accessed, ", () => {
+      let actualModificationValue: string;
+
+      beforeEach(() => {
+        actualModificationValue = actual.someModificationProperty;
+      });
+
+      it("injects the injectable for global", () => {
+        expect(di.inject).toHaveBeenCalledWith(someInjectable, undefined);
+      });
+
+      it("global has property of modification", () => {
+        expect(actualModificationValue).toBe("some-modification-value");
+      });
+    });
+  });
+});
diff --git a/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.ts b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.ts
new file mode 100644
index 0000000000..a5261d2917
--- /dev/null
+++ b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.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 { asLegacyGlobalForExtensionApi } from "./as-legacy-global-object-for-extension-api";
+import type { Injectable } from "@ogre-tools/injectable";
+
+/**
+ * @deprecated use asLegacyGlobalForExtensionApi instead, and use proper implementations instead of "modifications".
+ */
+export const asLegacyGlobalObjectForExtensionApiWithModifications = <
+  InjectableInstance extends InjectionTokenInstance & object,
+  InjectionTokenInstance,
+  ModificationObject extends object,
+>(
+    injectable: Injectable<InjectableInstance, InjectionTokenInstance, void>,
+    modificationObject: ModificationObject,
+  ) =>
+    Object.assign(
+      asLegacyGlobalForExtensionApi(injectable),
+      modificationObject,
+    );
diff --git a/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api.ts b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api.ts
new file mode 100644
index 0000000000..81d6f94b20
--- /dev/null
+++ b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api.ts
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { Inject } from "@ogre-tools/injectable";
+import { getLegacyGlobalDiForExtensionApi } from "./legacy-global-di-for-extension-api";
+
+export const asLegacyGlobalForExtensionApi = ((
+  injectable,
+  instantiationParameter,
+) =>
+  new Proxy(
+    {},
+
+    {
+      apply(target: any, thisArg, argArray) {
+        const fn = getLegacyGlobalDiForExtensionApi().inject(
+          injectable,
+          instantiationParameter,
+        ) as unknown as (...args: any[]) => any;
+
+        return fn(...argArray);
+      },
+
+      get(target, propertyName) {
+        if (propertyName === "$$typeof") {
+          return undefined;
+        }
+
+        const instance: any = getLegacyGlobalDiForExtensionApi().inject(
+          injectable,
+          instantiationParameter,
+        );
+
+        const propertyValue = instance[propertyName] ?? target[propertyName];
+
+        if (typeof propertyValue === "function") {
+          return function (...args: any[]) {
+            return propertyValue.apply(instance, args);
+          };
+        }
+
+        return propertyValue;
+      },
+    },
+  )) as Inject;
diff --git a/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-singleton-object-for-extension-api.ts b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-singleton-object-for-extension-api.ts
new file mode 100644
index 0000000000..f9016f045b
--- /dev/null
+++ b/packages/core/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-singleton-object-for-extension-api.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 { asLegacyGlobalForExtensionApi } from "./as-legacy-global-object-for-extension-api";
+import { getLegacyGlobalDiForExtensionApi } from "./legacy-global-di-for-extension-api";
+import loggerInjectable from "../../common/logger.injectable";
+
+export interface LegacySingleton<T> {
+  createInstance(): T;
+  getInstance(): T;
+  resetInstance(): void;
+}
+
+export function asLegacyGlobalSingletonForExtensionApi<Instance>(injectable: Injectable<Instance, unknown, void>): LegacySingleton<Instance>;
+export function asLegacyGlobalSingletonForExtensionApi<Instance, InstantiationParameter>(injectable: Injectable<Instance, unknown, InstantiationParameter>, param: InstantiationParameter): LegacySingleton<Instance>;
+
+export function asLegacyGlobalSingletonForExtensionApi<Instance, InstantiationParameter>(
+  injectable: Injectable<Instance, unknown, InstantiationParameter>,
+  instantiationParameter?: InstantiationParameter,
+): LegacySingleton<Instance> {
+  const instance = asLegacyGlobalForExtensionApi(
+    injectable as never,
+    instantiationParameter,
+  ) as Instance;
+
+  return {
+    createInstance: () => instance,
+
+    getInstance: () => instance,
+
+    resetInstance: () => {
+      const di = getLegacyGlobalDiForExtensionApi();
+      const logger = di.inject(loggerInjectable);
+
+      logger.warn(
+        `resetInstance() for a legacy global singleton of "${injectable.id}" does nothing.`,
+      );
+    },
+  };
+}
diff --git a/packages/core/src/extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api.ts b/packages/core/src/extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api.ts
new file mode 100644
index 0000000000..4d7d9ca8f5
--- /dev/null
+++ b/packages/core/src/extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api.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 type { DiContainer } from "@ogre-tools/injectable";
+
+const legacyGlobalDis = new Map<Environments, DiContainer>();
+
+export enum Environments {
+  renderer,
+  main,
+}
+
+export const setLegacyGlobalDiForExtensionApi = (
+  di: DiContainer,
+  environment: Environments,
+) => {
+  legacyGlobalDis.set(environment, di);
+};
+
+export const getLegacyGlobalDiForExtensionApi = () => {
+  if (legacyGlobalDis.size > 1) {
+    throw new Error("Tried to get DI container using legacy globals where there is multiple containers available.");
+  }
+
+  const [di] = [...legacyGlobalDis.values()];
+
+  if (!di) {
+    throw new Error("Tried to get DI container using legacy globals where there is no containers available.");
+  }
+
+  return di;
+};
+
+export function getEnvironmentSpecificLegacyGlobalDiForExtensionApi(environment: Environments) {
+  const di = legacyGlobalDis.get(environment);
+
+  if (!di) {
+    throw new Error("Tried to get DI container using legacy globals in environment which doesn't exist");
+  }
+
+  return di;
+}
diff --git a/packages/core/src/extensions/common-api/app.ts b/packages/core/src/extensions/common-api/app.ts
new file mode 100644
index 0000000000..92ecd19ef9
--- /dev/null
+++ b/packages/core/src/extensions/common-api/app.ts
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import appNameInjectable from "../../common/vars/app-name.injectable";
+import isLinuxInjectable from "../../common/vars/is-linux.injectable";
+import isMacInjectable from "../../common/vars/is-mac.injectable";
+import isSnapPackageInjectable from "../../common/vars/is-snap-package.injectable";
+import isWindowsInjectable from "../../common/vars/is-windows.injectable";
+import { asLegacyGlobalFunctionForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api";
+import { getLegacyGlobalDiForExtensionApi } from "../as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import getEnabledExtensionsInjectable from "./get-enabled-extensions/get-enabled-extensions.injectable";
+import type { UserPreferenceExtensionItems } from "./user-preferences";
+import { Preferences } from "./user-preferences";
+import { slackUrl, issuesTrackerUrl } from "../../common/vars";
+import { buildVersionInjectionToken } from "../../common/vars/build-semantic-version.injectable";
+
+export interface AppExtensionItems {
+  readonly Preferences: UserPreferenceExtensionItems;
+  readonly version: string;
+  readonly appName: string;
+  readonly slackUrl: string;
+  readonly issuesTrackerUrl: string;
+  readonly isSnap: boolean;
+  readonly isWindows: boolean;
+  readonly isMac: boolean;
+  readonly isLinux: boolean;
+  getEnabledExtensions: () => string[];
+}
+
+export const App: AppExtensionItems = {
+  Preferences,
+  getEnabledExtensions: asLegacyGlobalFunctionForExtensionApi(getEnabledExtensionsInjectable),
+  get version() {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    return di.inject(buildVersionInjectionToken).get();
+  },
+  get appName() {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    return di.inject(appNameInjectable);
+  },
+  get isSnap() {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    return di.inject(isSnapPackageInjectable);
+  },
+  get isWindows() {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    return di.inject(isWindowsInjectable);
+  },
+  get isMac() {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    return di.inject(isMacInjectable);
+  },
+  get isLinux() {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    return di.inject(isLinuxInjectable);
+  },
+  slackUrl,
+  issuesTrackerUrl,
+};
diff --git a/packages/core/src/extensions/common-api/catalog.ts b/packages/core/src/extensions/common-api/catalog.ts
new file mode 100644
index 0000000000..b31059d2c1
--- /dev/null
+++ b/packages/core/src/extensions/common-api/catalog.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 kubernetesClusterCategoryInjectable from "../../common/catalog/categories/kubernetes-cluster.injectable";
+import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
+
+export {
+  KubernetesCluster,
+  GeneralEntity,
+  WebLink,
+} from "../../common/catalog-entities";
+
+export const kubernetesClusterCategory = asLegacyGlobalForExtensionApi(kubernetesClusterCategoryInjectable);
+
+export type {
+  KubernetesClusterPrometheusMetrics,
+  KubernetesClusterSpec,
+  KubernetesClusterMetadata,
+  WebLinkSpec,
+  WebLinkStatus,
+  WebLinkStatusPhase,
+  KubernetesClusterStatusPhase,
+  KubernetesClusterStatus,
+} from "../../common/catalog-entities";
+
+export * from "../../common/catalog/catalog-entity";
diff --git a/packages/core/src/extensions/common-api/event-bus.ts b/packages/core/src/extensions/common-api/event-bus.ts
new file mode 100644
index 0000000000..d95e3f49d4
--- /dev/null
+++ b/packages/core/src/extensions/common-api/event-bus.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 appEventBusInjectable from "../../common/app-event-bus/app-event-bus.injectable";
+import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
+
+export type { AppEvent } from "../../common/app-event-bus/event-bus";
+
+export const appEventBus = asLegacyGlobalForExtensionApi(appEventBusInjectable);
diff --git a/packages/core/src/extensions/common-api/get-enabled-extensions/get-enabled-extensions.injectable.ts b/packages/core/src/extensions/common-api/get-enabled-extensions/get-enabled-extensions.injectable.ts
new file mode 100644
index 0000000000..747dfa4f42
--- /dev/null
+++ b/packages/core/src/extensions/common-api/get-enabled-extensions/get-enabled-extensions.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 { getInjectable } from "@ogre-tools/injectable";
+import extensionsStoreInjectable from "../../extensions-store/extensions-store.injectable";
+
+const getEnabledExtensionsInjectable = getInjectable({
+  id: "get-enabled-extensions",
+
+  instantiate: (di) => () =>
+    di.inject(extensionsStoreInjectable).enabledExtensions,
+});
+
+export default getEnabledExtensionsInjectable;
diff --git a/packages/core/src/extensions/common-api/index.ts b/packages/core/src/extensions/common-api/index.ts
new file mode 100644
index 0000000000..01e41ca11c
--- /dev/null
+++ b/packages/core/src/extensions/common-api/index.ts
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// APIs
+import { App } from "./app";
+import * as EventBus from "./event-bus";
+import * as Store from "./stores";
+import { Util } from "./utils";
+import * as Catalog from "./catalog";
+import * as Types from "./types";
+import * as Proxy from "./proxy";
+import loggerInjectable from "../../common/logger.injectable";
+import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
+
+const logger = asLegacyGlobalForExtensionApi(loggerInjectable);
+
+export {
+  App,
+  EventBus,
+  Catalog,
+  Store,
+  Types,
+  Util,
+  logger,
+  Proxy,
+};
diff --git a/packages/core/src/extensions/common-api/k8s-api.ts b/packages/core/src/extensions/common-api/k8s-api.ts
new file mode 100644
index 0000000000..3856429717
--- /dev/null
+++ b/packages/core/src/extensions/common-api/k8s-api.ts
@@ -0,0 +1,240 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// NOTE: this file is not currently exported as part of `Common`, but should be.
+//       It is here to consolidate the common parts which are exported to `Main`
+//       and to `Renderer`
+
+import apiManagerInjectable from "../../common/k8s-api/api-manager/manager.injectable";
+import createKubeApiForClusterInjectable from "../../common/k8s-api/create-kube-api-for-cluster.injectable";
+import createKubeApiForRemoteClusterInjectable from "../../common/k8s-api/create-kube-api-for-remote-cluster.injectable";
+import createResourceStackInjectable from "../../common/k8s/create-resource-stack.injectable";
+import type { ResourceApplyingStack } from "../../common/k8s/resource-stack";
+import { asLegacyGlobalFunctionForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api";
+import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
+import type { KubernetesCluster } from "./catalog";
+import type { KubeApiDataFrom, KubeObjectStoreOptions } from "../../common/k8s-api/kube-object.store";
+import { KubeObjectStore as InternalKubeObjectStore } from "../../common/k8s-api/kube-object.store";
+import type { KubeJsonApiDataFor, KubeObject } from "../../common/k8s-api/kube-object";
+import type { DerivedKubeApiOptions, KubeApiDependencies, KubeApiOptions } from "../../common/k8s-api/kube-api";
+import { KubeApi as InternalKubeApi } from "../../common/k8s-api/kube-api";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../renderer/cluster-frame-context/for-namespaced-resources.injectable";
+import type { ClusterContext } from "../../renderer/cluster-frame-context/cluster-frame-context";
+import loggerInjectable from "../../common/logger.injectable";
+import { getLegacyGlobalDiForExtensionApi } from "../as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import maybeKubeApiInjectable from "../../common/k8s-api/maybe-kube-api.injectable";
+import { DeploymentApi as InternalDeploymentApi, IngressApi as InternalIngressApi, NodeApi, PersistentVolumeClaimApi, PodApi } from "../../common/k8s-api/endpoints";
+
+export const apiManager = asLegacyGlobalForExtensionApi(apiManagerInjectable);
+export const forCluster = asLegacyGlobalFunctionForExtensionApi(createKubeApiForClusterInjectable);
+export const forRemoteCluster = asLegacyGlobalFunctionForExtensionApi(createKubeApiForRemoteClusterInjectable);
+
+const getKubeApiDeps = (): KubeApiDependencies => {
+  const di = getLegacyGlobalDiForExtensionApi();
+
+  return {
+    logger: di.inject(loggerInjectable),
+    maybeKubeApi: di.inject(maybeKubeApiInjectable),
+  };
+};
+
+// NOTE: this is done to preserve `instanceOf` behaviour
+function KubeApiCstr<
+  Object extends KubeObject = KubeObject,
+  Data extends KubeJsonApiDataFor<Object> = KubeJsonApiDataFor<Object>,
+>(opts: KubeApiOptions<Object, Data>) {
+  return new InternalKubeApi(getKubeApiDeps(), opts);
+}
+
+export const KubeApi = KubeApiCstr as unknown as new<
+  Object extends KubeObject = KubeObject,
+  Data extends KubeJsonApiDataFor<Object> = KubeJsonApiDataFor<Object>,
+>(opts: KubeApiOptions<Object, Data>) => InternalKubeApi<Object, Data>;
+
+export const createResourceStack = asLegacyGlobalFunctionForExtensionApi(createResourceStackInjectable);
+
+/**
+ * @deprecated Switch to using `Common.createResourceStack` instead
+ */
+export class ResourceStack implements ResourceApplyingStack {
+  private readonly impl: ResourceApplyingStack;
+
+  constructor(cluster: KubernetesCluster, name: string) {
+    this.impl = createResourceStack(cluster, name);
+  }
+
+  kubectlApplyFolder(folderPath: string, templateContext?: any, extraArgs?: string[] | undefined): Promise<string> {
+    return this.impl.kubectlApplyFolder(folderPath, templateContext, extraArgs);
+  }
+
+  kubectlDeleteFolder(folderPath: string, templateContext?: any, extraArgs?: string[] | undefined): Promise<string> {
+    return this.impl.kubectlDeleteFolder(folderPath, templateContext, extraArgs);
+  }
+}
+
+/**
+ * @deprecated This type is unused
+ */
+export interface IKubeApiCluster {
+  metadata: {
+    uid: string;
+  };
+}
+
+export type { CreateKubeApiForRemoteClusterConfig as IRemoteKubeApiConfig } from "../../common/k8s-api/create-kube-api-for-remote-cluster.injectable";
+export type { CreateKubeApiForLocalClusterConfig as ILocalKubeApiConfig } from "../../common/k8s-api/create-kube-api-for-cluster.injectable";
+
+export {
+  KubeObject,
+  KubeStatus,
+  type OwnerReference,
+  type KubeObjectMetadata,
+  type NamespaceScopedMetadata,
+  type ClusterScopedMetadata,
+  type BaseKubeJsonApiObjectMetadata,
+  type KubeJsonApiObjectMetadata,
+  type KubeStatusData,
+} from "../../common/k8s-api/kube-object";
+
+export {
+  KubeJsonApi,
+  type KubeJsonApiData,
+} from "../../common/k8s-api/kube-json-api";
+
+export abstract class KubeObjectStore<
+  K extends KubeObject = KubeObject,
+  A extends InternalKubeApi<K, D> = InternalKubeApi<K, KubeJsonApiDataFor<K>>,
+  D extends KubeJsonApiDataFor<K> = KubeApiDataFrom<K, A>,
+> extends InternalKubeObjectStore<K, A, D> {
+  /**
+   * @deprecated This is no longer used and shouldn't have been every really used
+   */
+  static readonly context = {
+    set: (ctx: ClusterContext) => {
+      console.warn("Setting KubeObjectStore.context is no longer supported");
+      void ctx;
+    },
+    get: () => asLegacyGlobalForExtensionApi(clusterFrameContextForNamespacedResourcesInjectable),
+  };
+
+  get context() {
+    return this.dependencies.context;
+  }
+
+  constructor(api: A, opts?: KubeObjectStoreOptions);
+  /**
+   * @deprecated Supply API instance through constructor
+   */
+  constructor();
+  constructor(api?: A, opts?: KubeObjectStoreOptions) {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    super(
+      {
+        context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+        logger: di.inject(loggerInjectable),
+      },
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      api!,
+      opts,
+    );
+  }
+}
+
+export {
+  type JsonPatch,
+  type KubeObjectStoreLoadAllParams,
+  type KubeObjectStoreLoadingParams,
+  type KubeObjectStoreSubscribeParams,
+} from "../../common/k8s-api/kube-object.store";
+
+/**
+ * @deprecated This type is only present for backwards compatable typescript support
+ */
+export interface IgnoredKubeApiOptions {
+  /**
+   * @deprecated this option is overridden and should not be used
+   */
+  objectConstructor?: any;
+  /**
+   * @deprecated this option is overridden and should not be used
+   */
+  kind?: any;
+  /**
+   * @deprecated this option is overridden and should not be used
+   */
+  isNamespaces?: any;
+  /**
+   * @deprecated this option is overridden and should not be used
+   */
+  apiBase?: any;
+}
+
+// NOTE: these *Constructor functions MUST be `function` to work with `new X()`
+function PodsApiConstructor(opts?: DerivedKubeApiOptions & IgnoredKubeApiOptions) {
+  return new PodApi(getKubeApiDeps(), opts ?? {});
+}
+
+export const PodsApi = PodsApiConstructor as unknown as new (opts?: DerivedKubeApiOptions & IgnoredKubeApiOptions) => PodApi;
+
+function NodesApiConstructor(opts?: DerivedKubeApiOptions & IgnoredKubeApiOptions) {
+  return new NodeApi(getKubeApiDeps(), opts ?? {});
+}
+
+export const NodesApi = NodesApiConstructor as unknown as new (opts?: DerivedKubeApiOptions & IgnoredKubeApiOptions) => NodeApi;
+
+function DeploymentApiConstructor(opts?: DerivedKubeApiOptions) {
+  return new InternalDeploymentApi(getKubeApiDeps(), opts ?? {});
+}
+
+export const DeploymentApi = DeploymentApiConstructor as unknown as new (opts?: DerivedKubeApiOptions) => InternalDeploymentApi;
+
+function IngressApiConstructor(opts?: DerivedKubeApiOptions & IgnoredKubeApiOptions) {
+  return new InternalIngressApi(getKubeApiDeps(), opts ?? {});
+}
+
+export const IngressApi = IngressApiConstructor as unknown as new (opts?: DerivedKubeApiOptions & IgnoredKubeApiOptions) => InternalIngressApi;
+
+function PersistentVolumeClaimsApiConstructor(opts?: DerivedKubeApiOptions & IgnoredKubeApiOptions) {
+  return new PersistentVolumeClaimApi(getKubeApiDeps(), opts ?? {});
+}
+
+export const PersistentVolumeClaimsApi = PersistentVolumeClaimsApiConstructor as unknown as new (opts?: DerivedKubeApiOptions & IgnoredKubeApiOptions) => PersistentVolumeClaimApi;
+
+export {
+  type Container as IPodContainer,
+  type PodContainerStatus as IPodContainerStatus,
+  Pod,
+  Node,
+  Deployment,
+  DaemonSet,
+  StatefulSet,
+  Job,
+  CronJob,
+  ConfigMap,
+  type SecretReference as ISecretRef,
+  Secret,
+  ReplicaSet,
+  ResourceQuota,
+  LimitRange,
+  HorizontalPodAutoscaler,
+  PodDisruptionBudget,
+  PriorityClass,
+  Service,
+  Endpoints as Endpoint,
+  Ingress,
+  NetworkPolicy,
+  PersistentVolume,
+  PersistentVolumeClaim,
+  StorageClass,
+  Namespace,
+  KubeEvent,
+  ServiceAccount,
+  Role,
+  RoleBinding,
+  ClusterRole,
+  ClusterRoleBinding,
+  CustomResourceDefinition,
+} from "../../common/k8s-api/endpoints";
diff --git a/packages/core/src/extensions/common-api/proxy.ts b/packages/core/src/extensions/common-api/proxy.ts
new file mode 100644
index 0000000000..bf0cd8e626
--- /dev/null
+++ b/packages/core/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/packages/core/src/extensions/common-api/registrations.ts b/packages/core/src/extensions/common-api/registrations.ts
new file mode 100644
index 0000000000..50a9262419
--- /dev/null
+++ b/packages/core/src/extensions/common-api/registrations.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+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 "../../features/preferences/renderer/compliance-for-legacy-extension-api/app-preference-registration";
+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 "../../renderer/routes/page-registration";
+export type { ClusterPageMenuRegistration, ClusterPageMenuComponents } from "../../renderer/components/layout/cluster-page-menu";
+export type { ProtocolHandlerRegistration, RouteParams as ProtocolRouteParams, RouteHandler as ProtocolRouteHandler } from "../../common/protocol-handler/registration";
+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/packages/core/src/extensions/common-api/stores.ts b/packages/core/src/extensions/common-api/stores.ts
new file mode 100644
index 0000000000..b369579d70
--- /dev/null
+++ b/packages/core/src/extensions/common-api/stores.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export { ExtensionStore } from "../extension-store";
diff --git a/packages/core/src/extensions/common-api/types.ts b/packages/core/src/extensions/common-api/types.ts
new file mode 100644
index 0000000000..febb2c4e56
--- /dev/null
+++ b/packages/core/src/extensions/common-api/types.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 type IpcMainInvokeEvent = Electron.IpcMainInvokeEvent;
+export type IpcRendererEvent = Electron.IpcRendererEvent;
+export type IpcMainEvent = Electron.IpcMainEvent;
+
+export * from "./registrations";
diff --git a/packages/core/src/extensions/common-api/user-preferences.ts b/packages/core/src/extensions/common-api/user-preferences.ts
new file mode 100644
index 0000000000..ed925bd05d
--- /dev/null
+++ b/packages/core/src/extensions/common-api/user-preferences.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 userStoreInjectable from "../../common/user-store/user-store.injectable";
+import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
+export interface UserPreferenceExtensionItems {
+  /**
+   * Get the configured kubectl binaries path.
+   */
+  getKubectlPath: () => string | undefined;
+}
+
+const userStore = asLegacyGlobalForExtensionApi(userStoreInjectable);
+
+export const Preferences: UserPreferenceExtensionItems = {
+  getKubectlPath: () => userStore.kubectlBinariesPath,
+};
diff --git a/packages/core/src/extensions/common-api/utils.ts b/packages/core/src/extensions/common-api/utils.ts
new file mode 100644
index 0000000000..a6dfdee447
--- /dev/null
+++ b/packages/core/src/extensions/common-api/utils.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 openLinkInBrowserInjectable from "../../common/utils/open-link-in-browser.injectable";
+import buildVersionInjectable from "../../main/vars/build-version/build-version.injectable";
+import { asLegacyGlobalFunctionForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api";
+import { getLegacyGlobalDiForExtensionApi } from "../as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import { Singleton } from "../../common/utils";
+import { prevDefault, stopPropagation } from "../../renderer/utils/prevDefault";
+import type { IClassName } from "../../renderer/utils/cssNames";
+import { cssNames } from "../../renderer/utils/cssNames";
+
+export interface UtilsExtensionItems {
+  Singleton: typeof Singleton;
+  prevDefault: <E extends React.SyntheticEvent | Event, R>(callback: (evt: E) => R) => (evt: E) => R;
+  stopPropagation: (evt: Event | React.SyntheticEvent) => void;
+  cssNames: (...classNames: IClassName[]) => string;
+  openExternal: (url: string) => Promise<void>;
+  openBrowser: (url: string) => Promise<void>;
+  getAppVersion: () => string;
+}
+
+export const Util: UtilsExtensionItems = {
+  Singleton,
+  prevDefault,
+  stopPropagation,
+  cssNames,
+  openExternal: asLegacyGlobalFunctionForExtensionApi(openLinkInBrowserInjectable),
+  openBrowser: asLegacyGlobalFunctionForExtensionApi(openLinkInBrowserInjectable),
+  getAppVersion: () => {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    return di.inject(buildVersionInjectable).get();
+  },
+};
diff --git a/packages/core/src/extensions/extension-api.ts b/packages/core/src/extensions/extension-api.ts
new file mode 100644
index 0000000000..b5165851dc
--- /dev/null
+++ b/packages/core/src/extensions/extension-api.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Extensions-api types bundle (main + renderer)
+// Available for lens-extensions via NPM-package "@k8slens/extensions"
+
+import * as Common from "./common-api";
+import * as Renderer from "./renderer-api";
+import * as Main from "./main-api";
+
+export {
+  Common,
+  Renderer,
+  Main,
+};
diff --git a/packages/core/src/extensions/extension-discovery/bundled-extension-token.ts b/packages/core/src/extensions/extension-discovery/bundled-extension-token.ts
new file mode 100644
index 0000000000..1a1a40f9fa
--- /dev/null
+++ b/packages/core/src/extensions/extension-discovery/bundled-extension-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 { LensExtensionConstructor, LensExtensionManifest } from "../lens-extension";
+
+export interface BundledExtension {
+  readonly manifest: LensExtensionManifest;
+  main: () => LensExtensionConstructor | null;
+  renderer: () => LensExtensionConstructor | null;
+}
+
+export const bundledExtensionInjectionToken = getInjectionToken<BundledExtension>({
+  id: "bundled-extension-path",
+});
diff --git a/packages/core/src/extensions/extension-discovery/extension-discovery.injectable.ts b/packages/core/src/extensions/extension-discovery/extension-discovery.injectable.ts
new file mode 100644
index 0000000000..378f519bb7
--- /dev/null
+++ b/packages/core/src/extensions/extension-discovery/extension-discovery.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 { ExtensionDiscovery } from "./extension-discovery";
+import extensionLoaderInjectable from "../extension-loader/extension-loader.injectable";
+import isCompatibleExtensionInjectable from "./is-compatible-extension/is-compatible-extension.injectable";
+import extensionsStoreInjectable from "../extensions-store/extensions-store.injectable";
+import extensionInstallationStateStoreInjectable from "../extension-installation-state-store/extension-installation-state-store.injectable";
+import installExtensionInjectable from "../extension-installer/install-extension/install-extension.injectable";
+import extensionPackageRootDirectoryInjectable from "../extension-installer/extension-package-root-directory/extension-package-root-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";
+import accessPathInjectable from "../../common/fs/access-path.injectable";
+import copyInjectable from "../../common/fs/copy.injectable";
+import ensureDirInjectable from "../../common/fs/ensure-dir.injectable";
+import isProductionInjectable from "../../common/vars/is-production.injectable";
+import lstatInjectable from "../../common/fs/lstat.injectable";
+import readDirectoryInjectable from "../../common/fs/read-directory.injectable";
+import fileSystemSeparatorInjectable from "../../common/path/separator.injectable";
+import getBasenameOfPathInjectable from "../../common/path/get-basename.injectable";
+import getDirnameOfPathInjectable from "../../common/path/get-dirname.injectable";
+import getRelativePathInjectable from "../../common/path/get-relative-path.injectable";
+import joinPathsInjectable from "../../common/path/join-paths.injectable";
+import removePathInjectable from "../../common/fs/remove.injectable";
+import homeDirectoryPathInjectable from "../../common/os/home-directory-path.injectable";
+import lensResourcesDirInjectable from "../../common/vars/lens-resources-dir.injectable";
+
+const extensionDiscoveryInjectable = getInjectable({
+  id: "extension-discovery",
+
+  instantiate: (di) => new ExtensionDiscovery({
+    extensionLoader: di.inject(extensionLoaderInjectable),
+    extensionsStore: di.inject(extensionsStoreInjectable),
+    extensionInstallationStateStore: di.inject(extensionInstallationStateStoreInjectable),
+    isCompatibleExtension: di.inject(isCompatibleExtensionInjectable),
+    installExtension: di.inject(installExtensionInjectable),
+    extensionPackageRootDirectory: di.inject(extensionPackageRootDirectoryInjectable),
+    resourcesDirectory: di.inject(lensResourcesDirInjectable),
+    readJsonFile: di.inject(readJsonFileInjectable),
+    pathExists: di.inject(pathExistsInjectable),
+    watch: di.inject(watchInjectable),
+    logger: di.inject(loggerInjectable),
+    accessPath: di.inject(accessPathInjectable),
+    copy: di.inject(copyInjectable),
+    removePath: di.inject(removePathInjectable),
+    ensureDirectory: di.inject(ensureDirInjectable),
+    isProduction: di.inject(isProductionInjectable),
+    lstat: di.inject(lstatInjectable),
+    readDirectory: di.inject(readDirectoryInjectable),
+    fileSystemSeparator: di.inject(fileSystemSeparatorInjectable),
+    getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+    getDirnameOfPath: di.inject(getDirnameOfPathInjectable),
+    getRelativePath: di.inject(getRelativePathInjectable),
+    joinPaths: di.inject(joinPathsInjectable),
+    homeDirectoryPath: di.inject(homeDirectoryPathInjectable),
+  }),
+});
+
+export default extensionDiscoveryInjectable;
diff --git a/packages/core/src/extensions/extension-discovery/extension-discovery.test.ts b/packages/core/src/extensions/extension-discovery/extension-discovery.test.ts
new file mode 100644
index 0000000000..d71f8c5292
--- /dev/null
+++ b/packages/core/src/extensions/extension-discovery/extension-discovery.test.ts
@@ -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 { FSWatcher } from "chokidar";
+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 { delay } from "../../renderer/utils";
+import { observable, runInAction, when } from "mobx";
+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";
+import extensionApiVersionInjectable from "../../common/vars/extension-api-version.injectable";
+import removePathInjectable from "../../common/fs/remove.injectable";
+import type { JoinPaths } from "../../common/path/join-paths.injectable";
+import joinPathsInjectable from "../../common/path/join-paths.injectable";
+import homeDirectoryPathInjectable from "../../common/os/home-directory-path.injectable";
+import pathExistsSyncInjectable from "../../common/fs/path-exists-sync.injectable";
+import readJsonSyncInjectable from "../../common/fs/read-json-sync.injectable";
+import writeJsonSyncInjectable from "../../common/fs/write-json-sync.injectable";
+
+describe("ExtensionDiscovery", () => {
+  let extensionDiscovery: ExtensionDiscovery;
+  let readJsonFileMock: jest.Mock;
+  let pathExistsMock: jest.Mock;
+  let watchMock: jest.Mock;
+  let joinPaths: JoinPaths;
+  let homeDirectoryPath: string;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(installExtensionInjectable, () => () => Promise.resolve());
+    di.override(extensionApiVersionInjectable, () => "5.0.0");
+    di.override(pathExistsSyncInjectable, () => () => { throw new Error("tried call pathExistsSync without override"); });
+    di.override(readJsonSyncInjectable, () => () => { throw new Error("tried call readJsonSync without override"); });
+    di.override(writeJsonSyncInjectable, () => () => { throw new Error("tried call writeJsonSync without override"); });
+
+    joinPaths = di.inject(joinPathsInjectable);
+    homeDirectoryPath = di.inject(homeDirectoryPathInjectable);
+
+    readJsonFileMock = jest.fn();
+    di.override(readJsonFileInjectable, () => readJsonFileMock);
+
+    pathExistsMock = jest.fn(() => Promise.resolve(true));
+    di.override(pathExistsInjectable, () => pathExistsMock);
+
+    watchMock = jest.fn();
+    di.override(watchInjectable, () => watchMock);
+
+    di.override(removePathInjectable, () => async () => {}); // allow deleting files for now
+
+    extensionDiscovery = di.inject(extensionDiscoveryInjectable);
+  });
+
+  it("emits add for added extension", async () => {
+    const letTestFinish = observable.box(false);
+    let addHandler!: (filePath: string) => void;
+
+    readJsonFileMock.mockImplementation((p) => {
+      expect(p).toBe(joinPaths(homeDirectoryPath, ".k8slens/extensions/my-extension/package.json"));
+
+      return {
+        name: "my-extension",
+        version: "1.0.0",
+        engines: {
+          lens: "5.0.0",
+        },
+      };
+    });
+
+    const mockWatchInstance = {
+      on: jest.fn((event: string, handler: typeof addHandler) => {
+        if (event === "add") {
+          addHandler = handler;
+        }
+
+        return mockWatchInstance;
+      }),
+    } as unknown as FSWatcher;
+
+    watchMock.mockImplementationOnce(() => mockWatchInstance);
+
+    // Need to force isLoaded to be true so that the file watching is started
+    extensionDiscovery.isLoaded = true;
+
+    await extensionDiscovery.watchExtensions();
+
+    extensionDiscovery.events.on("add", extension => {
+      expect(extension).toEqual({
+        absolutePath: expect.any(String),
+        id: "/some-directory-for-user-data/node_modules/my-extension/package.json",
+        isBundled: false,
+        isEnabled: false,
+        isCompatible: true,
+        manifest:  {
+          name: "my-extension",
+          version: "1.0.0",
+          engines: {
+            lens: "5.0.0",
+          },
+        },
+        manifestPath: "/some-directory-for-user-data/node_modules/my-extension/package.json",
+      });
+      runInAction(() => letTestFinish.set(true));
+    });
+
+    addHandler(joinPaths(extensionDiscovery.localFolderPath, "/my-extension/package.json"));
+    await when(() => letTestFinish.get());
+  });
+
+  it("doesn't emit add for added file under extension", async () => {
+    let addHandler!: (filePath: string) => void;
+
+    const mockWatchInstance = {
+      on: jest.fn((event: string, handler: typeof addHandler) => {
+        if (event === "add") {
+          addHandler = handler;
+        }
+
+        return mockWatchInstance;
+      }),
+    } as unknown as FSWatcher;
+
+    watchMock.mockImplementationOnce(() => mockWatchInstance);
+
+    // Need to force isLoaded to be true so that the file watching is started
+    extensionDiscovery.isLoaded = true;
+
+    await extensionDiscovery.watchExtensions();
+
+    const onAdd = jest.fn();
+
+    extensionDiscovery.events.on("add", onAdd);
+
+    addHandler(joinPaths(extensionDiscovery.localFolderPath, "/my-extension/node_modules/dep/package.json"));
+
+    await delay(10);
+
+    expect(onAdd).not.toHaveBeenCalled();
+  });
+});
diff --git a/packages/core/src/extensions/extension-discovery/extension-discovery.ts b/packages/core/src/extensions/extension-discovery/extension-discovery.ts
new file mode 100644
index 0000000000..c9646a1c6c
--- /dev/null
+++ b/packages/core/src/extensions/extension-discovery/extension-discovery.ts
@@ -0,0 +1,443 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { ipcRenderer } from "electron";
+import { EventEmitter } from "events";
+import { makeObservable, observable, reaction, when } from "mobx";
+import { broadcastMessage, ipcMainHandle, ipcRendererOn } from "../../common/ipc";
+import { isErrnoException, toJS } from "../../common/utils";
+import type { ExtensionsStore } from "../extensions-store/extensions-store";
+import type { ExtensionLoader } from "../extension-loader";
+import type { LensExtensionId, LensExtensionManifest } from "../lens-extension";
+import type { ExtensionInstallationStateStore } from "../extension-installation-state-store/extension-installation-state-store";
+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";
+import type { Stats } from "fs";
+import type { LStat } from "../../common/fs/lstat.injectable";
+import type { ReadDirectory } from "../../common/fs/read-directory.injectable";
+import type { EnsureDirectory } from "../../common/fs/ensure-dir.injectable";
+import type { AccessPath } from "../../common/fs/access-path.injectable";
+import type { Copy } from "../../common/fs/copy.injectable";
+import type { JoinPaths } from "../../common/path/join-paths.injectable";
+import type { GetBasenameOfPath } from "../../common/path/get-basename.injectable";
+import type { GetDirnameOfPath } from "../../common/path/get-dirname.injectable";
+import type { GetRelativePath } from "../../common/path/get-relative-path.injectable";
+import type { RemovePath } from "../../common/fs/remove.injectable";
+import type TypedEventEmitter from "typed-emitter";
+
+interface Dependencies {
+  readonly extensionLoader: ExtensionLoader;
+  readonly extensionsStore: ExtensionsStore;
+  readonly extensionInstallationStateStore: ExtensionInstallationStateStore;
+  readonly extensionPackageRootDirectory: string;
+  readonly resourcesDirectory: string;
+  readonly logger: Logger;
+  readonly isProduction: boolean;
+  readonly fileSystemSeparator: string;
+  readonly homeDirectoryPath: string;
+  isCompatibleExtension: (manifest: LensExtensionManifest) => boolean;
+  installExtension: (name: string) => Promise<void>;
+  readJsonFile: ReadJson;
+  pathExists: PathExists;
+  removePath: RemovePath;
+  lstat: LStat;
+  watch: Watch;
+  readDirectory: ReadDirectory;
+  ensureDirectory: EnsureDirectory;
+  accessPath: AccessPath;
+  copy: Copy;
+  joinPaths: JoinPaths;
+  getBasenameOfPath: GetBasenameOfPath;
+  getDirnameOfPath: GetDirnameOfPath;
+  getRelativePath: GetRelativePath;
+}
+
+export interface InstalledExtension {
+  id: LensExtensionId;
+
+  readonly manifest: LensExtensionManifest;
+
+  // Absolute path to the non-symlinked source folder,
+  // e.g. "/Users/user/.k8slens/extensions/helloworld"
+  readonly absolutePath: string;
+
+  // Absolute to the symlinked package.json file
+  readonly manifestPath: string;
+  readonly isBundled: boolean; // defined in project root's package.json
+  readonly isCompatible: boolean;
+  isEnabled: boolean;
+}
+
+const logModule = "[EXTENSION-DISCOVERY]";
+
+export const manifestFilename = "package.json";
+
+interface ExtensionDiscoveryChannelMessage {
+  isLoaded: boolean;
+}
+
+/**
+ * Returns true if the lstat is for a directory-like file (e.g. isDirectory or symbolic link)
+ * @param lstat the stats to compare
+ */
+const isDirectoryLike = (lstat: Stats) => lstat.isDirectory() || lstat.isSymbolicLink();
+
+interface LoadFromFolderOptions {
+  isBundled?: boolean;
+}
+
+interface ExtensionDiscoveryEvents {
+  add: (ext: InstalledExtension) => void;
+  remove: (extId: LensExtensionId) => void;
+}
+
+/**
+ * Discovers installed bundled and local extensions from the filesystem.
+ * Also watches for added and removed local extensions by watching the directory.
+ * Uses ExtensionInstaller to install dependencies for all of the extensions.
+ * This is also done when a new extension is copied to the local extensions directory.
+ * .init() must be called to start the directory watching.
+ * The class emits events for added and removed extensions:
+ * - "add": When extension is added. The event is of type InstalledExtension
+ * - "remove": When extension is removed. The event is of type LensExtensionId
+ */
+export class ExtensionDiscovery {
+  protected bundledFolderPath!: string;
+
+  private loadStarted = false;
+  private extensions: Map<string, InstalledExtension> = new Map();
+
+  // True if extensions have been loaded from the disk after app startup
+  @observable isLoaded = false;
+
+  get whenLoaded() {
+    return when(() => this.isLoaded);
+  }
+
+  public readonly events: TypedEventEmitter<ExtensionDiscoveryEvents> = new EventEmitter();
+
+  constructor(protected readonly dependencies: Dependencies) {
+    makeObservable(this);
+  }
+
+  get localFolderPath(): string {
+    return this.dependencies.joinPaths(this.dependencies.homeDirectoryPath, ".k8slens", "extensions");
+  }
+
+  get packageJsonPath(): string {
+    return this.dependencies.joinPaths(this.dependencies.extensionPackageRootDirectory, manifestFilename);
+  }
+
+  get nodeModulesPath(): string {
+    return this.dependencies.joinPaths(this.dependencies.extensionPackageRootDirectory, "node_modules");
+  }
+
+  /**
+   * Initializes the class and setups the file watcher for added/removed local extensions.
+   */
+  async init(): Promise<void> {
+    if (ipcRenderer) {
+      await this.initRenderer();
+    } else {
+      await this.initMain();
+    }
+  }
+
+  async initRenderer(): Promise<void> {
+    const onMessage = ({ isLoaded }: ExtensionDiscoveryChannelMessage) => {
+      this.isLoaded = isLoaded;
+    };
+
+    requestInitialExtensionDiscovery().then(onMessage);
+    ipcRendererOn(extensionDiscoveryStateChannel, (_event, message: ExtensionDiscoveryChannelMessage) => {
+      onMessage(message);
+    });
+  }
+
+  async initMain(): Promise<void> {
+    ipcMainHandle(extensionDiscoveryStateChannel, () => this.toJSON());
+
+    reaction(() => this.toJSON(), () => {
+      this.broadcast();
+    });
+  }
+
+  /**
+   * Watches for added/removed local extensions.
+   * Dependencies are installed automatically after an extension folder is copied.
+   */
+  async watchExtensions(): Promise<void> {
+    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;
+
+    this.dependencies.watch(this.localFolderPath, {
+      // For adding and removing symlinks to work, the depth has to be 1.
+      depth: 1,
+      ignoreInitial: true,
+      // Try to wait until the file has been completely copied.
+      // The OS might emit an event for added file even it's not completely written to the file-system.
+      awaitWriteFinish: {
+        // Wait 300ms until the file size doesn't change to consider the file written.
+        // For a small file like package.json this should be plenty of time.
+        stabilityThreshold: 300,
+      },
+    })
+      // Extension add is detected by watching "<extensionDir>/package.json" add
+      .on("add", this.handleWatchFileAdd)
+      // Extension remove is detected by watching "<extensionDir>" unlink
+      .on("unlinkDir", this.handleWatchUnlinkEvent)
+      // Extension remove is detected by watching "<extensionSymLink>" unlink
+      .on("unlink", this.handleWatchUnlinkEvent);
+  }
+
+  handleWatchFileAdd = async (manifestPath: string): Promise<void> => {
+    // e.g. "foo/package.json"
+    const relativePath = this.dependencies.getRelativePath(this.localFolderPath, manifestPath);
+
+    // Converts "foo/package.json" to ["foo", "package.json"], where length of 2 implies
+    // that the added file is in a folder under local folder path.
+    // This safeguards against a file watch being triggered under a sub-directory which is not an extension.
+    const isUnderLocalFolderPath = relativePath.split(this.dependencies.fileSystemSeparator).length === 2;
+
+    if (this.dependencies.getBasenameOfPath(manifestPath) === manifestFilename && isUnderLocalFolderPath) {
+      try {
+        this.dependencies.extensionInstallationStateStore.setInstallingFromMain(manifestPath);
+        const absPath = this.dependencies.getDirnameOfPath(manifestPath);
+
+        // this.loadExtensionFromPath updates this.packagesJson
+        const extension = await this.loadExtensionFromFolder(absPath);
+
+        if (extension) {
+          // Remove a broken symlink left by a previous installation if it exists.
+          await this.dependencies.removePath(extension.manifestPath);
+
+          // Install dependencies for the new extension
+          await this.dependencies.installExtension(extension.absolutePath);
+
+          this.extensions.set(extension.id, extension);
+          this.dependencies.logger.info(`${logModule} Added extension ${extension.manifest.name}`);
+          this.events.emit("add", extension);
+        }
+      } catch (error) {
+        this.dependencies.logger.error(`${logModule}: failed to add extension: ${error}`, { error });
+      } finally {
+        this.dependencies.extensionInstallationStateStore.clearInstallingFromMain(manifestPath);
+      }
+    }
+  };
+
+  /**
+   * Handle any unlink event, filtering out non-package.json links so the delete code
+   * only happens once per extension.
+   * @param filePath The absolute path to either a folder or file in the extensions folder
+   */
+  handleWatchUnlinkEvent = async (filePath: string): Promise<void> => {
+    // Check that the removed path is directly under this.localFolderPath
+    // Note that the watcher can create unlink events for subdirectories of the extension
+    const extensionFolderName = this.dependencies.getBasenameOfPath(filePath);
+    const expectedPath = this.dependencies.getRelativePath(this.localFolderPath, filePath);
+
+    if (expectedPath !== extensionFolderName) {
+      return;
+    }
+
+    for (const extension of this.extensions.values()) {
+      if (extension.absolutePath !== filePath) {
+        continue;
+      }
+
+      const extensionName = extension.manifest.name;
+
+      // If the extension is deleted manually while the application is running, also remove the symlink
+      await this.removeSymlinkByPackageName(extensionName);
+
+      // The path to the manifest file is the lens extension id
+      // Note: that we need to use the symlinked path
+      const lensExtensionId = extension.manifestPath;
+
+      this.extensions.delete(extension.id);
+      this.dependencies.logger.info(`${logModule} removed extension ${extensionName}`);
+      this.events.emit("remove", lensExtensionId);
+
+      return;
+    }
+
+    this.dependencies.logger.warn(`${logModule} extension ${extensionFolderName} not found, can't remove`);
+  };
+
+  /**
+   * Remove the symlink under node_modules if exists.
+   * If we don't remove the symlink, the uninstall would leave a non-working symlink,
+   * which wouldn't be fixed if the extension was reinstalled, causing the extension not to work.
+   * @param name e.g. "@mirantis/lens-extension-cc"
+   */
+  removeSymlinkByPackageName(name: string): Promise<void> {
+    return this.dependencies.removePath(this.getInstalledPath(name));
+  }
+
+  /**
+   * Uninstalls extension.
+   * The application will detect the folder unlink and remove the extension from the UI automatically.
+   * @param extensionId The ID of the extension to uninstall.
+   */
+  async uninstallExtension(extensionId: LensExtensionId): Promise<void> {
+    const extension = this.extensions.get(extensionId) ?? this.dependencies.extensionLoader.getExtension(extensionId);
+
+    if (!extension) {
+      return void this.dependencies.logger.warn(`${logModule} could not uninstall extension, not found`, { id: extensionId });
+    }
+
+    const { manifest, absolutePath } = extension;
+
+    this.dependencies.logger.info(`${logModule} Uninstalling ${manifest.name}`);
+
+    await this.removeSymlinkByPackageName(manifest.name);
+
+    // fs.remove does nothing if the path doesn't exist anymore
+    await this.dependencies.removePath(absolutePath);
+  }
+
+  async load(): Promise<Map<LensExtensionId, InstalledExtension>> {
+    if (this.loadStarted) {
+      // The class is simplified by only supporting .load() to be called once
+      throw new Error("ExtensionDiscovery.load() can be only be called once");
+    }
+
+    this.loadStarted = true;
+
+    this.dependencies.logger.info(
+      `${logModule} loading extensions from ${this.dependencies.extensionPackageRootDirectory}`,
+    );
+
+    await this.dependencies.removePath(this.dependencies.joinPaths(this.dependencies.extensionPackageRootDirectory, "package-lock.json"));
+    await this.dependencies.ensureDirectory(this.nodeModulesPath);
+    await this.dependencies.ensureDirectory(this.localFolderPath);
+
+    const extensions = await this.ensureExtensions();
+
+    this.isLoaded = true;
+
+    return extensions;
+  }
+
+  /**
+   * Returns the symlinked path to the extension folder,
+   * e.g. "/Users/<username>/Library/Application Support/Lens/node_modules/@publisher/extension"
+   */
+  protected getInstalledPath(name: string): string {
+    return this.dependencies.joinPaths(this.nodeModulesPath, name);
+  }
+
+  /**
+   * Returns the symlinked path to the package.json,
+   * e.g. "/Users/<username>/Library/Application Support/Lens/node_modules/@publisher/extension/package.json"
+   */
+  protected getInstalledManifestPath(name: string): string {
+    return this.dependencies.joinPaths(this.getInstalledPath(name), manifestFilename);
+  }
+
+  /**
+   * Returns InstalledExtension from path to package.json file.
+   * Also updates this.packagesJson.
+   */
+  protected async getByManifest(manifestPath: string, { isBundled = false } = {}): Promise<InstalledExtension | null> {
+    try {
+      const manifest = await this.dependencies.readJsonFile(manifestPath) as unknown as LensExtensionManifest;
+      const id = isBundled ? manifestPath : this.getInstalledManifestPath(manifest.name);
+      const isEnabled = this.dependencies.extensionsStore.isEnabled({ id, isBundled });
+      const extensionDir = this.dependencies.getDirnameOfPath(manifestPath);
+      const npmPackage = this.dependencies.joinPaths(extensionDir, `${manifest.name}-${manifest.version}.tgz`);
+      const absolutePath = this.dependencies.isProduction && await this.dependencies.pathExists(npmPackage)
+        ? npmPackage
+        : extensionDir;
+      const isCompatible = isBundled || this.dependencies.isCompatibleExtension(manifest);
+
+      return {
+        id,
+        absolutePath,
+        manifestPath: id,
+        manifest,
+        isBundled,
+        isEnabled,
+        isCompatible,
+      };
+    } catch (error) {
+      if (isErrnoException(error) && error.code === "ENOTDIR") {
+        // ignore this error, probably from .DS_Store file
+        this.dependencies.logger.debug(`${logModule}: failed to load extension manifest through a not-dir-like at ${manifestPath}`);
+      } else {
+        this.dependencies.logger.error(`${logModule}: can't load extension manifest at ${manifestPath}: ${error}`);
+      }
+
+      return null;
+    }
+  }
+
+  async ensureExtensions(): Promise<Map<LensExtensionId, InstalledExtension>> {
+    const userExtensions = await this.loadFromFolder(this.localFolderPath);
+
+    return this.extensions = new Map(userExtensions.map(extension => [extension.id, extension]));
+  }
+
+  async loadFromFolder(folderPath: string): Promise<InstalledExtension[]> {
+    const extensions: InstalledExtension[] = [];
+    const paths = await this.dependencies.readDirectory(folderPath);
+
+    for (const fileName of paths) {
+      const absPath = this.dependencies.joinPaths(folderPath, fileName);
+
+      try {
+        const lstat = await this.dependencies.lstat(absPath);
+
+        // skip non-directories
+        if (!isDirectoryLike(lstat)) {
+          continue;
+        }
+      } catch (error) {
+        if (isErrnoException(error) && error.code === "ENOENT") {
+          continue;
+        }
+
+        throw error;
+      }
+
+      const extension = await this.loadExtensionFromFolder(absPath);
+
+      if (extension) {
+        extensions.push(extension);
+      }
+    }
+
+    this.dependencies.logger.debug(`${logModule}: ${extensions.length} extensions loaded`, { folderPath, extensions });
+
+    return extensions;
+  }
+
+  /**
+   * Loads extension from absolute path, updates this.packagesJson to include it and returns the extension.
+   * @param folderPath Folder path to extension
+   */
+  async loadExtensionFromFolder(folderPath: string, { isBundled = false }: LoadFromFolderOptions = {}): Promise<InstalledExtension | null> {
+    const manifestPath = this.dependencies.joinPaths(folderPath, manifestFilename);
+
+    return this.getByManifest(manifestPath, { isBundled });
+  }
+
+  toJSON(): ExtensionDiscoveryChannelMessage {
+    return toJS({
+      isLoaded: this.isLoaded,
+    });
+  }
+
+  broadcast(): void {
+    broadcastMessage(extensionDiscoveryStateChannel, this.toJSON());
+  }
+}
diff --git a/packages/core/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.injectable.ts b/packages/core/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.injectable.ts
new file mode 100644
index 0000000000..de2fd4390f
--- /dev/null
+++ b/packages/core/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.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 extensionApiVersionInjectable from "../../../common/vars/extension-api-version.injectable";
+import { isCompatibleExtension } from "./is-compatible-extension";
+
+const isCompatibleExtensionInjectable = getInjectable({
+  id: "is-compatible-extension",
+  instantiate: (di) => isCompatibleExtension({
+    extensionApiVersion: di.inject(extensionApiVersionInjectable),
+  }),
+});
+
+export default isCompatibleExtensionInjectable;
diff --git a/packages/core/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.ts b/packages/core/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.ts
new file mode 100644
index 0000000000..74cbb4fd0c
--- /dev/null
+++ b/packages/core/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.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 semver from "semver";
+import type { LensExtensionManifest } from "../../lens-extension";
+
+interface Dependencies {
+  extensionApiVersion: string;
+}
+
+export const isCompatibleExtension = ({ extensionApiVersion }: Dependencies): ((manifest: LensExtensionManifest) => boolean) => {
+  return (manifest: LensExtensionManifest): boolean => {
+    const manifestLensEngine = manifest.engines.lens;
+    const validVersion = manifestLensEngine.match(/^[\^0-9]\d*\.\d+\b/); // must start from ^ or number
+
+    if (!validVersion) {
+      const errorInfo = [
+        `Invalid format for "manifest.engines.lens"="${manifestLensEngine}"`,
+        `Range versions can only be specified starting with '^'.`,
+        `Otherwise it's recommended to use plain %MAJOR.%MINOR to match with supported Lens version.`,
+      ].join("\n");
+
+      throw new Error(errorInfo);
+    }
+
+    const { major: extMajor, minor: extMinor } = semver.coerce(manifestLensEngine, {
+      loose: true,
+    }) as semver.SemVer;
+    const supportedVersionsByExtension = semver.validRange(`^${extMajor}.${extMinor}`) as string;
+
+    return semver.satisfies(extensionApiVersion, supportedVersionsByExtension, {
+      loose: true,
+      includePrerelease: false,
+    });
+  };
+};
diff --git a/packages/core/src/extensions/extension-installation-state-store/extension-installation-state-store.injectable.ts b/packages/core/src/extensions/extension-installation-state-store/extension-installation-state-store.injectable.ts
new file mode 100644
index 0000000000..e7ad2285bc
--- /dev/null
+++ b/packages/core/src/extensions/extension-installation-state-store/extension-installation-state-store.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 loggerInjectable from "../../common/logger.injectable";
+import { ExtensionInstallationStateStore } from "./extension-installation-state-store";
+
+const extensionInstallationStateStoreInjectable = getInjectable({
+  id: "extension-installation-state-store",
+  instantiate: (di) => new ExtensionInstallationStateStore({
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
+export default extensionInstallationStateStoreInjectable;
diff --git a/packages/core/src/extensions/extension-installation-state-store/extension-installation-state-store.ts b/packages/core/src/extensions/extension-installation-state-store/extension-installation-state-store.ts
new file mode 100644
index 0000000000..093c80934b
--- /dev/null
+++ b/packages/core/src/extensions/extension-installation-state-store/extension-installation-state-store.ts
@@ -0,0 +1,247 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, computed, observable } from "mobx";
+import { disposer } from "../../renderer/utils";
+import type { ExtendableDisposer } from "../../renderer/utils";
+import * as uuid from "uuid";
+import { broadcastMessage } from "../../common/ipc";
+import { ipcRenderer } from "electron";
+import type { Logger } from "../../common/logger";
+
+export enum ExtensionInstallationState {
+  INSTALLING = "installing",
+  UNINSTALLING = "uninstalling",
+  IDLE = "idle",
+}
+
+interface Dependencies {
+  readonly logger: Logger;
+}
+
+const Prefix = "[ExtensionInstallationStore]";
+
+const installingFromMainChannel = "extension-installation-state-store:install";
+const clearInstallingFromMainChannel = "extension-installation-state-store:clear-install";
+
+export class ExtensionInstallationStateStore {
+  private readonly preInstallIds = observable.set<string>();
+  private readonly uninstallingExtensions = observable.set<string>();
+  private readonly installingExtensions = observable.set<string>();
+
+  constructor(private readonly dependencies: Dependencies) {}
+
+  bindIpcListeners = () => {
+    ipcRenderer
+      .on(installingFromMainChannel, (event, extId) => {
+        this.setInstalling(extId);
+      })
+
+      .on(clearInstallingFromMainChannel, (event, extId) => {
+        this.clearInstalling(extId);
+      });
+  };
+
+  /**
+   * Strictly transitions an extension from not installing to installing
+   * @param extId the ID of the extension
+   * @throws if state is not IDLE
+   */
+  @action setInstalling = (extId: string): void => {
+    this.dependencies.logger.debug(`${Prefix}: trying to set ${extId} as installing`);
+
+    const curState = this.getInstallationState(extId);
+
+    if (curState !== ExtensionInstallationState.IDLE) {
+      throw new Error(
+        `${Prefix}: cannot set ${extId} as installing. Is currently ${curState}.`,
+      );
+    }
+
+    this.installingExtensions.add(extId);
+  };
+
+  /**
+   * Broadcasts that an extension is being installed by the main process
+   * @param extId the ID of the extension
+   */
+  setInstallingFromMain = (extId: string): void => {
+    broadcastMessage(installingFromMainChannel, extId);
+  };
+
+  /**
+   * Broadcasts that an extension is no longer being installed by the main process
+   * @param extId the ID of the extension
+   */
+  clearInstallingFromMain = (extId: string): void => {
+    broadcastMessage(clearInstallingFromMainChannel, extId);
+  };
+
+  /**
+   * Marks the start of a pre-install phase of an extension installation. The
+   * part of the installation before the tarball has been unpacked and the ID
+   * determined.
+   * @returns a disposer which should be called to mark the end of the install phase
+   */
+  @action startPreInstall = (): ExtendableDisposer => {
+    const preInstallStepId = uuid.v4();
+
+    this.dependencies.logger.debug(
+      `${Prefix}: starting a new preinstall phase: ${preInstallStepId}`,
+    );
+    this.preInstallIds.add(preInstallStepId);
+
+    return disposer(() => {
+      this.preInstallIds.delete(preInstallStepId);
+      this.dependencies.logger.debug(`${Prefix}: ending a preinstall phase: ${preInstallStepId}`);
+    });
+  };
+
+  /**
+   * Strictly transitions an extension from not uninstalling to uninstalling
+   * @param extId the ID of the extension
+   * @throws if state is not IDLE
+   */
+  @action setUninstalling = (extId: string): void => {
+    this.dependencies.logger.debug(`${Prefix}: trying to set ${extId} as uninstalling`);
+
+    const curState = this.getInstallationState(extId);
+
+    if (curState !== ExtensionInstallationState.IDLE) {
+      throw new Error(
+        `${Prefix}: cannot set ${extId} as uninstalling. Is currently ${curState}.`,
+      );
+    }
+
+    this.uninstallingExtensions.add(extId);
+  };
+
+  /**
+   * Strictly clears the INSTALLING state of an extension
+   * @param extId The ID of the extension
+   * @throws if state is not INSTALLING
+   */
+  @action clearInstalling = (extId: string): void => {
+    this.dependencies.logger.debug(`${Prefix}: trying to clear ${extId} as installing`);
+
+    const curState = this.getInstallationState(extId);
+
+    switch (curState) {
+      case ExtensionInstallationState.INSTALLING:
+        return void this.installingExtensions.delete(extId);
+      default:
+        throw new Error(
+          `${Prefix}: cannot clear INSTALLING state for ${extId}, it is currently ${curState}`,
+        );
+    }
+  };
+
+  /**
+   * Strictly clears the UNINSTALLING state of an extension
+   * @param extId The ID of the extension
+   * @throws if state is not UNINSTALLING
+   */
+  @action clearUninstalling = (extId: string): void => {
+    this.dependencies.logger.debug(`${Prefix}: trying to clear ${extId} as uninstalling`);
+
+    const curState = this.getInstallationState(extId);
+
+    switch (curState) {
+      case ExtensionInstallationState.UNINSTALLING:
+        return void this.uninstallingExtensions.delete(extId);
+      default:
+        throw new Error(
+          `${Prefix}: cannot clear UNINSTALLING state for ${extId}, it is currently ${curState}`,
+        );
+    }
+  };
+
+  /**
+   * Returns the current state of the extension. IDLE is default value.
+   * @param extId The ID of the extension
+   */
+  getInstallationState = (extId: string): ExtensionInstallationState => {
+    if (this.installingExtensions.has(extId)) {
+      return ExtensionInstallationState.INSTALLING;
+    }
+
+    if (this.uninstallingExtensions.has(extId)) {
+      return ExtensionInstallationState.UNINSTALLING;
+    }
+
+    return ExtensionInstallationState.IDLE;
+  };
+
+  /**
+   * Returns true if the extension is currently INSTALLING
+   * @param extId The ID of the extension
+   */
+  isExtensionInstalling = (extId: string): boolean =>
+    this.getInstallationState(extId) === ExtensionInstallationState.INSTALLING;
+
+  /**
+   * Returns true if the extension is currently UNINSTALLING
+   * @param extId The ID of the extension
+   */
+  isExtensionUninstalling = (extId: string): boolean =>
+    this.getInstallationState(extId) ===
+    ExtensionInstallationState.UNINSTALLING;
+
+  /**
+   * Returns true if the extension is currently IDLE
+   * @param extId The ID of the extension
+   */
+  isExtensionIdle = (extId: string): boolean =>
+    this.getInstallationState(extId) === ExtensionInstallationState.IDLE;
+
+  /**
+   * The current number of extensions installing
+   */
+  @computed get installing(): number {
+    return this.installingExtensions.size;
+  }
+
+  /**
+   * The current number of extensions uninstalling
+   */
+  get uninstalling(): number {
+    return this.uninstallingExtensions.size;
+  }
+
+  /**
+   * If there is at least one extension currently installing
+   */
+  get anyInstalling(): boolean {
+    return this.installing > 0;
+  }
+
+  /**
+   * If there is at least one extension currently uninstalling
+   */
+  get anyUninstalling(): boolean {
+    return this.uninstalling > 0;
+  }
+
+  /**
+   * The current number of extensions preinstalling
+   */
+  get preinstalling(): number {
+    return this.preInstallIds.size;
+  }
+
+  /**
+   * If there is at least one extension currently downloading
+   */
+  get anyPreinstalling(): boolean {
+    return this.preinstalling > 0;
+  }
+
+  /**
+   * If there is at least one installing or preinstalling step taking place
+   */
+  get anyPreInstallingOrInstalling(): boolean {
+    return this.anyInstalling || this.anyPreinstalling;
+  }
+}
diff --git a/packages/core/src/extensions/extension-installer/extension-installer.injectable.ts b/packages/core/src/extensions/extension-installer/extension-installer.injectable.ts
new file mode 100644
index 0000000000..92b4436701
--- /dev/null
+++ b/packages/core/src/extensions/extension-installer/extension-installer.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 pathToNpmCliInjectable from "../../common/app-paths/path-to-npm-cli.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import { ExtensionInstaller } from "./extension-installer";
+import extensionPackageRootDirectoryInjectable from "./extension-package-root-directory/extension-package-root-directory.injectable";
+
+const extensionInstallerInjectable = getInjectable({
+  id: "extension-installer",
+
+  instantiate: (di) => new ExtensionInstaller({
+    extensionPackageRootDirectory: di.inject(extensionPackageRootDirectoryInjectable),
+    logger: di.inject(loggerInjectable),
+    pathToNpmCli: di.inject(pathToNpmCliInjectable),
+  }),
+});
+
+export default extensionInstallerInjectable;
diff --git a/packages/core/src/extensions/extension-installer/extension-installer.ts b/packages/core/src/extensions/extension-installer/extension-installer.ts
new file mode 100644
index 0000000000..223477d0c4
--- /dev/null
+++ b/packages/core/src/extensions/extension-installer/extension-installer.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 AwaitLock from "await-lock";
+import child_process from "child_process";
+import type { Logger } from "../../common/logger";
+
+const logModule = "[EXTENSION-INSTALLER]";
+
+interface Dependencies {
+  readonly extensionPackageRootDirectory: string;
+  readonly logger: Logger;
+  readonly pathToNpmCli: string;
+}
+
+const baseNpmInstallArgs = [
+  "install",
+  "--audit=false",
+  "--fund=false",
+  // NOTE: we do not omit the `optional` dependencies because that is how we specify the non-bundled extensions
+  "--omit=dev",
+  "--omit=peer",
+  "--prefer-offline",
+];
+
+/**
+ * Installs dependencies for extensions
+ */
+export class ExtensionInstaller {
+  private readonly installLock = new AwaitLock();
+
+  constructor(private readonly dependencies: Dependencies) {}
+
+  /**
+   * Install single package using npm
+   */
+  installPackage = async (name: string): Promise<void> => {
+    // Mutual exclusion to install packages in sequence
+    await this.installLock.acquireAsync();
+
+    try {
+      this.dependencies.logger.info(`${logModule} installing package from ${name} to ${this.dependencies.extensionPackageRootDirectory}`);
+      await this.npm(...baseNpmInstallArgs, name);
+      this.dependencies.logger.info(`${logModule} package ${name} installed to ${this.dependencies.extensionPackageRootDirectory}`);
+    } finally {
+      this.installLock.release();
+    }
+  };
+
+  private npm(...args: string[]): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const child = child_process.fork(this.dependencies.pathToNpmCli, args, {
+        cwd: this.dependencies.extensionPackageRootDirectory,
+        silent: true,
+        env: {},
+      });
+      let stderr = "";
+
+      child.stderr?.on("data", data => {
+        stderr += String(data);
+      });
+
+      child.on("close", (code) => {
+        if (code !== 0) {
+          reject(new Error(stderr));
+        } else {
+          resolve();
+        }
+      });
+
+      child.on("error", error => {
+        reject(error);
+      });
+    });
+  }
+}
diff --git a/packages/core/src/extensions/extension-installer/extension-package-root-directory/extension-package-root-directory.injectable.ts b/packages/core/src/extensions/extension-installer/extension-package-root-directory/extension-package-root-directory.injectable.ts
new file mode 100644
index 0000000000..72bd0ad8c2
--- /dev/null
+++ b/packages/core/src/extensions/extension-installer/extension-package-root-directory/extension-package-root-directory.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 directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+
+const extensionPackageRootDirectoryInjectable = getInjectable({
+  id: "extension-package-root-directory",
+
+  instantiate: (di) => di.inject(directoryForUserDataInjectable),
+});
+
+export default extensionPackageRootDirectoryInjectable;
diff --git a/packages/core/src/extensions/extension-installer/install-extension/install-extension.injectable.ts b/packages/core/src/extensions/extension-installer/install-extension/install-extension.injectable.ts
new file mode 100644
index 0000000000..940c5987a5
--- /dev/null
+++ b/packages/core/src/extensions/extension-installer/install-extension/install-extension.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 extensionInstallerInjectable from "../extension-installer.injectable";
+
+const installExtensionInjectable = getInjectable({
+  id: "install-extension",
+  instantiate: (di) => di.inject(extensionInstallerInjectable).installPackage,
+});
+
+export default installExtensionInjectable;
diff --git a/packages/core/src/extensions/extension-loader/create-extension-instance.token.ts b/packages/core/src/extensions/extension-loader/create-extension-instance.token.ts
new file mode 100644
index 0000000000..d7680b018b
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/create-extension-instance.token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { InstalledExtension } from "../extension-discovery/extension-discovery";
+import type { LensExtension, LensExtensionConstructor } from "../lens-extension";
+
+export type CreateExtensionInstance = (ExtensionClass: LensExtensionConstructor, extension: InstalledExtension) => LensExtension;
+
+export const createExtensionInstanceInjectionToken = getInjectionToken<CreateExtensionInstance>({
+  id: "create-extension-instance-token",
+});
diff --git a/packages/core/src/extensions/extension-loader/entry-point-name.ts b/packages/core/src/extensions/extension-loader/entry-point-name.ts
new file mode 100644
index 0000000000..390da4a34a
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/entry-point-name.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";
+
+export const extensionEntryPointNameInjectionToken = getInjectionToken<"main" | "renderer">({
+  id: "extension-entry-point-name-token",
+});
diff --git a/packages/core/src/extensions/extension-loader/extension-instances.injectable.ts b/packages/core/src/extensions/extension-loader/extension-instances.injectable.ts
new file mode 100644
index 0000000000..08e7ad4cc5
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/extension-instances.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 { observable } from "mobx";
+import type { LensExtensionId, LensExtension } from "../lens-extension";
+
+const extensionInstancesInjectable = getInjectable({
+  id: "extension-instances",
+  instantiate: () => observable.map<LensExtensionId, LensExtension>(),
+});
+
+export default extensionInstancesInjectable;
diff --git a/packages/core/src/extensions/extension-loader/extension-is-enabled-for-cluster.injectable.ts b/packages/core/src/extensions/extension-loader/extension-is-enabled-for-cluster.injectable.ts
new file mode 100644
index 0000000000..23e1c87561
--- /dev/null
+++ b/packages/core/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/packages/core/src/extensions/extension-loader/extension-loader.injectable.ts b/packages/core/src/extensions/extension-loader/extension-loader.injectable.ts
new file mode 100644
index 0000000000..67f8434043
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/extension-loader.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 { ExtensionLoader } from "./extension-loader";
+import updateExtensionsStateInjectable from "./update-extensions-state/update-extensions-state.injectable";
+import { createExtensionInstanceInjectionToken } from "./create-extension-instance.token";
+import extensionInstancesInjectable from "./extension-instances.injectable";
+import type { LensExtension } from "../lens-extension";
+import extensionInjectable from "./extension/extension.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import joinPathsInjectable from "../../common/path/join-paths.injectable";
+import getDirnameOfPathInjectable from "../../common/path/get-dirname.injectable";
+import { bundledExtensionInjectionToken } from "../extension-discovery/bundled-extension-token";
+import { extensionEntryPointNameInjectionToken } from "./entry-point-name";
+
+const extensionLoaderInjectable = getInjectable({
+  id: "extension-loader",
+
+  instantiate: (di) => new ExtensionLoader({
+    updateExtensionsState: di.inject(updateExtensionsStateInjectable),
+    createExtensionInstance: di.inject(createExtensionInstanceInjectionToken),
+    extensionInstances: di.inject(extensionInstancesInjectable),
+    getExtension: (instance: LensExtension) => di.inject(extensionInjectable, instance),
+    bundledExtensions: di.injectMany(bundledExtensionInjectionToken),
+    extensionEntryPointName: di.inject(extensionEntryPointNameInjectionToken),
+    logger: di.inject(loggerInjectable),
+    joinPaths: di.inject(joinPathsInjectable),
+    getDirnameOfPath: di.inject(getDirnameOfPathInjectable),
+  }),
+});
+
+export default extensionLoaderInjectable;
diff --git a/packages/core/src/extensions/extension-loader/extension-loader.ts b/packages/core/src/extensions/extension-loader/extension-loader.ts
new file mode 100644
index 0000000000..5dce874e54
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/extension-loader.ts
@@ -0,0 +1,428 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { ipcMain, ipcRenderer } from "electron";
+import { isEqual } from "lodash";
+import type { ObservableMap } from "mobx";
+import { action, computed, makeObservable, observable, observe, reaction, when } from "mobx";
+import { broadcastMessage, ipcMainOn, ipcRendererOn, ipcMainHandle } from "../../common/ipc";
+import { isDefined, toJS } from "../../common/utils";
+import type { InstalledExtension } from "../extension-discovery/extension-discovery";
+import type { LensExtension, LensExtensionConstructor, LensExtensionId } from "../lens-extension";
+import type { LensExtensionState } from "../extensions-store/extensions-store";
+import { extensionLoaderFromMainChannel, extensionLoaderFromRendererChannel } from "../../common/ipc/extension-handling";
+import { requestExtensionLoaderInitialState } from "../../renderer/ipc";
+import assert from "assert";
+import { EventEmitter } from "../../common/event-emitter";
+import type { CreateExtensionInstance } from "./create-extension-instance.token";
+import type { Extension } from "./extension/extension.injectable";
+import type { Logger } from "../../common/logger";
+import type { JoinPaths } from "../../common/path/join-paths.injectable";
+import type { GetDirnameOfPath } from "../../common/path/get-dirname.injectable";
+import type { BundledExtension } from "../extension-discovery/bundled-extension-token";
+
+const logModule = "[EXTENSIONS-LOADER]";
+
+interface Dependencies {
+  readonly extensionInstances: ObservableMap<LensExtensionId, LensExtension>;
+  readonly bundledExtensions: BundledExtension[];
+  readonly logger: Logger;
+  readonly extensionEntryPointName: "main" | "renderer";
+  updateExtensionsState: (extensionsState: Record<LensExtensionId, LensExtensionState>) => void;
+  createExtensionInstance: CreateExtensionInstance;
+  getExtension: (instance: LensExtension) => Extension;
+  joinPaths: JoinPaths;
+  getDirnameOfPath: GetDirnameOfPath;
+}
+
+interface ExtensionBeingActivated {
+  instance: LensExtension;
+  installedExtension: InstalledExtension;
+  activated: Promise<void>;
+}
+
+export interface ExtensionLoading {
+  isBundled: boolean;
+  loaded: Promise<void>;
+}
+
+/**
+ * Loads installed extensions to the Lens application
+ */
+export class ExtensionLoader {
+  protected readonly extensions = observable.map<LensExtensionId, InstalledExtension>();
+
+  /**
+   * This is the set of extensions that don't come with either
+   * - Main.LensExtension when running in the main process
+   * - Renderer.LensExtension when running in the renderer process
+   */
+  protected readonly nonInstancesByName = observable.set<string>();
+
+  /**
+   * This is updated by the `observe` in the constructor. DO NOT write directly to it
+   */
+  protected readonly instancesByName = observable.map<string, LensExtension>();
+
+  private readonly onRemoveExtensionId = new EventEmitter<[string]>();
+
+  @observable isLoaded = false;
+
+  get whenLoaded() {
+    return when(() => this.isLoaded);
+  }
+
+  constructor(protected readonly dependencies: Dependencies) {
+    makeObservable(this);
+
+    observe(this.dependencies.extensionInstances, change => {
+      switch (change.type) {
+        case "add":
+          if (this.instancesByName.has(change.newValue.name)) {
+            throw new TypeError("Extension names must be unique");
+          }
+
+          this.instancesByName.set(change.newValue.name, change.newValue);
+          break;
+        case "delete":
+          this.instancesByName.delete(change.oldValue.name);
+          break;
+        case "update":
+          throw new Error("Extension instances shouldn't be updated");
+      }
+    });
+  }
+
+  @computed get userExtensions(): Map<LensExtensionId, InstalledExtension> {
+    const extensions = this.toJSON();
+
+    extensions.forEach((ext, extId) => {
+      if (ext.isBundled) {
+        extensions.delete(extId);
+      }
+    });
+
+    return extensions;
+  }
+
+  /**
+   * Get the extension instance by its manifest name
+   * @param name The name of the extension
+   * @returns one of the following:
+   * - the instance of `Main.LensExtension` on the main process if created
+   * - the instance of `Renderer.LensExtension` on the renderer process if created
+   * - `null` if no class definition is provided for the current process
+   * - `undefined` if the name is not known about
+   */
+  getInstanceByName(name: string): LensExtension | null | undefined {
+    if (this.nonInstancesByName.has(name)) {
+      return null;
+    }
+
+    return this.instancesByName.get(name);
+  }
+
+  // Transform userExtensions to a state object for storing into ExtensionsStore
+  @computed get storeState() {
+    return Object.fromEntries(
+      Array.from(this.userExtensions)
+        .map(([extId, extension]) => [extId, {
+          enabled: extension.isEnabled,
+          name: extension.manifest.name,
+        }]),
+    );
+  }
+
+  @action
+  async init() {
+    if (ipcMain) {
+      await this.initMain();
+    } else {
+      await this.initRenderer();
+    }
+
+    await Promise.all([this.whenLoaded]);
+
+    // broadcasting extensions between main/renderer processes
+    reaction(() => this.toJSON(), () => this.broadcastExtensions(), {
+      fireImmediately: true,
+    });
+
+    reaction(
+      () => this.storeState,
+
+      (state) => {
+        this.dependencies.updateExtensionsState(state);
+      },
+    );
+  }
+
+  initExtensions(extensions: Map<LensExtensionId, InstalledExtension>) {
+    this.extensions.replace(extensions);
+  }
+
+  addExtension(extension: InstalledExtension) {
+    this.extensions.set(extension.id, extension);
+  }
+
+  @action
+  removeInstance(lensExtensionId: LensExtensionId) {
+    this.dependencies.logger.info(`${logModule} deleting extension instance ${lensExtensionId}`);
+    const instance = this.dependencies.extensionInstances.get(lensExtensionId);
+
+    if (!instance) {
+      return;
+    }
+
+    try {
+      instance.disable();
+
+      const extension = this.dependencies.getExtension(instance);
+
+      extension.deregister();
+
+      this.onRemoveExtensionId.emit(instance.id);
+      this.dependencies.extensionInstances.delete(lensExtensionId);
+      this.nonInstancesByName.delete(instance.name);
+    } catch (error) {
+      this.dependencies.logger.error(`${logModule}: deactivation extension error`, { lensExtensionId, error });
+    }
+  }
+
+  removeExtension(lensExtensionId: LensExtensionId) {
+    this.removeInstance(lensExtensionId);
+
+    if (!this.extensions.delete(lensExtensionId)) {
+      throw new Error(`Can't remove extension ${lensExtensionId}, doesn't exist.`);
+    }
+  }
+
+  setIsEnabled(lensExtensionId: LensExtensionId, isEnabled: boolean) {
+    const extension = this.extensions.get(lensExtensionId);
+
+    assert(extension, `Must register extension ${lensExtensionId} with before enabling it`);
+
+    extension.isEnabled = isEnabled;
+  }
+
+  protected async initMain() {
+    this.isLoaded = true;
+    await this.autoInitExtensions();
+
+    ipcMainHandle(extensionLoaderFromMainChannel, () => {
+      return Array.from(this.toJSON());
+    });
+
+    ipcMainOn(extensionLoaderFromRendererChannel, (event, extensions: [LensExtensionId, InstalledExtension][]) => {
+      this.syncExtensions(extensions);
+    });
+  }
+
+  protected async initRenderer() {
+    const extensionListHandler = (extensions: [LensExtensionId, InstalledExtension][]) => {
+      this.isLoaded = true;
+      this.syncExtensions(extensions);
+
+      const receivedExtensionIds = extensions.map(([lensExtensionId]) => lensExtensionId);
+
+      // Remove deleted extensions in renderer side only
+      this.extensions.forEach((_, lensExtensionId) => {
+        if (!receivedExtensionIds.includes(lensExtensionId)) {
+          this.removeExtension(lensExtensionId);
+        }
+      });
+    };
+
+    requestExtensionLoaderInitialState().then(extensionListHandler);
+    ipcRendererOn(extensionLoaderFromMainChannel, (event, extensions: [LensExtensionId, InstalledExtension][]) => {
+      extensionListHandler(extensions);
+    });
+  }
+
+  broadcastExtensions() {
+    const channel = ipcRenderer
+      ? extensionLoaderFromRendererChannel
+      : extensionLoaderFromMainChannel;
+
+    broadcastMessage(channel, Array.from(this.extensions));
+  }
+
+  syncExtensions(extensions: [LensExtensionId, InstalledExtension][]) {
+    extensions.forEach(([lensExtensionId, extension]) => {
+      if (!isEqual(this.extensions.get(lensExtensionId), extension)) {
+        this.extensions.set(lensExtensionId, extension);
+      }
+    });
+  }
+
+  protected async loadBundledExtensions() {
+    return this.dependencies.bundledExtensions
+      .map(extension => {
+        try {
+          const LensExtensionClass = extension[this.dependencies.extensionEntryPointName]();
+
+          if (!LensExtensionClass) {
+            return null;
+          }
+
+          const installedExtension: InstalledExtension = {
+            absolutePath: "irrelevant",
+            id: extension.manifest.name,
+            isBundled: true,
+            isCompatible: true,
+            isEnabled: true,
+            manifest: extension.manifest,
+            manifestPath: "irrelevant",
+          };
+          const instance = this.dependencies.createExtensionInstance(
+            LensExtensionClass,
+            installedExtension,
+          );
+
+          this.dependencies.extensionInstances.set(extension.manifest.name, instance);
+
+          return {
+            instance,
+            installedExtension,
+            activated: instance.activate(),
+          } as ExtensionBeingActivated;
+        } catch (err) {
+          this.dependencies.logger.error(`${logModule}: error loading extension`, { ext: extension, err });
+
+          return null;
+        }
+      })
+      .filter(isDefined);
+  }
+
+  protected async loadExtensions(extensions: ExtensionBeingActivated[]): Promise<ExtensionLoading[]> {
+    // We first need to wait until each extension's `onActivate` is resolved or rejected,
+    // as this might register new catalog categories. Afterwards we can safely .enable the extension.
+    await Promise.all(
+      extensions.map(extension =>
+        // If extension activation fails, log error
+        extension.activated.catch((error) => {
+          this.dependencies.logger.error(`${logModule}: activation extension error`, { ext: extension.installedExtension, error });
+        }),
+      ),
+    );
+
+    extensions.forEach(({ instance }) => {
+      const extension = this.dependencies.getExtension(instance);
+
+      extension.register();
+    });
+
+    return extensions.map(extension => {
+      const loaded = extension.instance.enable().catch((err) => {
+        this.dependencies.logger.error(`${logModule}: failed to enable`, { ext: extension, err });
+      });
+
+      return {
+        isBundled: extension.installedExtension.isBundled,
+        loaded,
+      };
+    });
+  }
+
+  protected async loadUserExtensions(installedExtensions: Map<string, InstalledExtension>) {
+    // Steps of the function:
+    // 1. require and call .activate for each Extension
+    // 2. Wait until every extension's onActivate has been resolved
+    // 3. Call .enable for each extension
+    // 4. Return ExtensionLoading[]
+
+    return [...installedExtensions.entries()]
+      .map(([extId, extension]) => {
+        const alreadyInit = this.dependencies.extensionInstances.has(extId) || this.nonInstancesByName.has(extension.manifest.name);
+
+        if (extension.isCompatible && extension.isEnabled && !alreadyInit) {
+          try {
+            const LensExtensionClass = this.requireExtension(extension);
+
+            if (!LensExtensionClass) {
+              this.nonInstancesByName.add(extension.manifest.name);
+
+              return null;
+            }
+
+            const instance = this.dependencies.createExtensionInstance(
+              LensExtensionClass,
+              extension,
+            );
+
+            this.dependencies.extensionInstances.set(extId, instance);
+
+            return {
+              instance,
+              installedExtension: extension,
+              activated: instance.activate(),
+            } as ExtensionBeingActivated;
+          } catch (err) {
+            this.dependencies.logger.error(`${logModule}: error loading extension`, { ext: extension, err });
+          }
+        } else if (!extension.isEnabled && alreadyInit) {
+          this.removeInstance(extId);
+        }
+
+        return null;
+      })
+      .filter(isDefined);
+  }
+
+  async autoInitExtensions() {
+    this.dependencies.logger.info(`${logModule}: auto initializing extensions`);
+
+    const bundledExtensions = await this.loadBundledExtensions();
+    const userExtensions = await this.loadUserExtensions(this.toJSON());
+    const loadedExtensions = await this.loadExtensions([
+      ...bundledExtensions,
+      ...userExtensions,
+    ]);
+
+    // Setup reaction to load extensions on JSON changes
+    reaction(() => this.toJSON(), installedExtensions => {
+      void (async () => {
+        const userExtensions = await this.loadUserExtensions(installedExtensions);
+
+        await this.loadExtensions(userExtensions);
+      })();
+    });
+
+    return loadedExtensions;
+  }
+
+  protected requireExtension(extension: InstalledExtension): LensExtensionConstructor | null {
+    const extRelativePath = extension.manifest[this.dependencies.extensionEntryPointName];
+
+    if (!extRelativePath) {
+      return null;
+    }
+
+    const extAbsolutePath = this.dependencies.joinPaths(this.dependencies.getDirnameOfPath(extension.manifestPath), extRelativePath);
+
+    try {
+      return require(/* webpackIgnore: true */ extAbsolutePath).default;
+    } catch (error) {
+      const message = (error instanceof Error ? error.stack : undefined) || error;
+
+      this.dependencies.logger.error(`${logModule}: can't load ${this.dependencies.extensionEntryPointName} for "${extension.manifest.name}": ${message}`, { extension });
+    }
+
+    return null;
+  }
+
+  getExtension(extId: LensExtensionId) {
+    return this.extensions.get(extId);
+  }
+
+  getInstanceById(extId: LensExtensionId) {
+    return this.dependencies.extensionInstances.get(extId);
+  }
+
+  toJSON(): Map<LensExtensionId, InstalledExtension> {
+    return toJS(this.extensions);
+  }
+}
diff --git a/packages/core/src/extensions/extension-loader/extension-registrator-injection-token.ts b/packages/core/src/extensions/extension-loader/extension-registrator-injection-token.ts
new file mode 100644
index 0000000000..295d3b67a4
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/extension-registrator-injection-token.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 { Injectable } from "@ogre-tools/injectable";
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import type { LensExtension } from "../lens-extension";
+
+export type ExtensionRegistrator = (extension: LensExtension) =>
+  Injectable<any, any, any>[] | IComputedValue<Injectable<any, any, any>[]>;
+
+export const extensionRegistratorInjectionToken = getInjectionToken<ExtensionRegistrator>({
+  id: "extension-registrator-token",
+});
diff --git a/packages/core/src/extensions/extension-loader/extension/extension.injectable.ts b/packages/core/src/extensions/extension-loader/extension/extension.injectable.ts
new file mode 100644
index 0000000000..6b9424cea4
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/extension/extension.injectable.ts
@@ -0,0 +1,93 @@
+/**
+ * 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, lifecycleEnum } from "@ogre-tools/injectable";
+import { difference, find, map } from "lodash";
+import { reaction, runInAction } from "mobx";
+import { disposer } from "../../../common/utils/disposer";
+import type { LensExtension } from "../../lens-extension";
+import { extensionRegistratorInjectionToken } from "../extension-registrator-injection-token";
+
+export interface Extension {
+  register: () => void;
+  deregister: () => void;
+}
+
+const idsToInjectables = (ids: string[], injectables: Injectable<any, any, any>[]) => ids.map(id => {
+  const injectable = find(injectables, { id });
+
+  if (!injectable) {
+    throw new Error(`Injectable ${id} not found`);
+  }
+
+  return injectable;
+});
+
+const extensionInjectable = getInjectable({
+  id: "extension",
+
+  instantiate: (parentDi, instance: LensExtension): Extension => {
+    const extensionInjectable = getInjectable({
+      id: `extension-${instance.sanitizedExtensionId}`,
+
+      instantiate: (childDi) => {
+        const extensionRegistrators = childDi.injectMany(extensionRegistratorInjectionToken);
+        const reactionDisposer = disposer();
+
+        return {
+          register: () => {
+            extensionRegistrators.forEach((getInjectablesOfExtension) => {
+              const injectables = getInjectablesOfExtension(instance);
+
+              reactionDisposer.push(
+                // injectables is either an array or a computed array, in which case
+                // we need to update the registered injectables with a reaction every time they change 
+                reaction(
+                  () => Array.isArray(injectables) ? injectables : injectables.get(),
+                  (currentInjectables, previousInjectables = []) => {
+                    // Register new injectables and deregister removed injectables by id
+                    const currentIds = map(currentInjectables, "id");
+                    const previousIds = map(previousInjectables, "id");
+                    const idsToAdd = difference(currentIds, previousIds);
+                    const idsToRemove = previousIds.filter(previousId => !currentIds.includes(previousId));
+
+                    if (idsToRemove.length > 0) {
+                      childDi.deregister(...idsToInjectables(idsToRemove, previousInjectables));
+                    }
+
+                    if (idsToAdd.length > 0) {
+                      childDi.register(...idsToInjectables(idsToAdd, currentInjectables));
+                    }
+                  }, {
+                    fireImmediately: true,
+                  },
+                ));
+            });
+          },
+
+          deregister: () => {
+            reactionDisposer();
+
+            runInAction(() => {
+              parentDi.deregister(extensionInjectable);
+            });
+          },
+        };
+      },
+    });
+
+    runInAction(() => {
+      parentDi.register(extensionInjectable);
+    });
+
+    return parentDi.inject(extensionInjectable);
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, instance: LensExtension) => instance,
+  }),
+});
+
+export default extensionInjectable;
diff --git a/packages/core/src/extensions/extension-loader/file-system-provisioner-store/directory-for-extension-data.injectable.ts b/packages/core/src/extensions/extension-loader/file-system-provisioner-store/directory-for-extension-data.injectable.ts
new file mode 100644
index 0000000000..469ed85949
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/file-system-provisioner-store/directory-for-extension-data.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 directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+
+const directoryForExtensionDataInjectable = getInjectable({
+  id: "directory-for-extension-data",
+
+  instantiate: (di) => {
+    const joinPaths = di.inject(joinPathsInjectable);
+    const directoryForUserData = di.inject(directoryForUserDataInjectable);
+
+    return joinPaths(directoryForUserData, "extension_data");
+  },
+});
+
+export default directoryForExtensionDataInjectable;
diff --git a/packages/core/src/extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable.ts b/packages/core/src/extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable.ts
new file mode 100644
index 0000000000..b511437da9
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 { FileSystemProvisionerStore } from "./file-system-provisioner-store";
+import directoryForExtensionDataInjectable from "./directory-for-extension-data.injectable";
+import ensureDirectoryInjectable from "../../../common/fs/ensure-dir.injectable";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+import randomBytesInjectable from "../../../common/utils/random-bytes.injectable";
+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 loggerInjectable from "../../../common/logger.injectable";
+import storeMigrationVersionInjectable from "../../../common/vars/store-migration-version.injectable";
+import { baseStoreIpcChannelPrefixesInjectionToken } from "../../../common/base-store/channel-prefix";
+import { shouldBaseStoreDisableSyncInIpcListenerInjectionToken } from "../../../common/base-store/disable-sync";
+import { persistStateToConfigInjectionToken } from "../../../common/base-store/save-to-file";
+import getBasenameOfPathInjectable from "../../../common/path/get-basename.injectable";
+import { enlistMessageChannelListenerInjectionToken } from "../../../common/utils/channel/enlist-message-channel-listener-injection-token";
+
+const fileSystemProvisionerStoreInjectable = getInjectable({
+  id: "file-system-provisioner-store",
+
+  instantiate: (di) => new FileSystemProvisionerStore({
+    directoryForExtensionData: di.inject(directoryForExtensionDataInjectable),
+    ensureDirectory: di.inject(ensureDirectoryInjectable),
+    joinPaths: di.inject(joinPathsInjectable),
+    randomBytes: di.inject(randomBytesInjectable),
+    directoryForUserData: di.inject(directoryForUserDataInjectable),
+    getConfigurationFileModel: di.inject(getConfigurationFileModelInjectable),
+    logger: di.inject(loggerInjectable),
+    storeMigrationVersion: di.inject(storeMigrationVersionInjectable),
+    migrations: {},
+    getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+    ipcChannelPrefixes: di.inject(baseStoreIpcChannelPrefixesInjectionToken),
+    persistStateToConfig: di.inject(persistStateToConfigInjectionToken),
+    enlistMessageChannelListener: di.inject(enlistMessageChannelListenerInjectionToken),
+    shouldDisableSyncInListener: di.inject(shouldBaseStoreDisableSyncInIpcListenerInjectionToken),
+  }),
+});
+
+export default fileSystemProvisionerStoreInjectable;
diff --git a/packages/core/src/extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.ts b/packages/core/src/extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.ts
new file mode 100644
index 0000000000..5655a0cf06
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.ts
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { SHA256 } from "crypto-js";
+import { action, makeObservable, observable } from "mobx";
+import type { BaseStoreDependencies } from "../../../common/base-store/base-store";
+import { BaseStore } from "../../../common/base-store/base-store";
+import type { LensExtensionId } from "../../lens-extension";
+import { getOrInsertWithAsync, toJS } from "../../../common/utils";
+import type { EnsureDirectory } from "../../../common/fs/ensure-dir.injectable";
+import type { JoinPaths } from "../../../common/path/join-paths.injectable";
+import type { RandomBytes } from "../../../common/utils/random-bytes.injectable";
+
+interface FSProvisionModel {
+  extensions: Record<string, string>; // extension names to paths
+}
+
+interface Dependencies extends BaseStoreDependencies {
+  readonly directoryForExtensionData: string;
+  ensureDirectory: EnsureDirectory;
+  joinPaths: JoinPaths;
+  randomBytes: RandomBytes;
+}
+
+export class FileSystemProvisionerStore extends BaseStore<FSProvisionModel> {
+  readonly registeredExtensions = observable.map<LensExtensionId, string>();
+
+  constructor(protected readonly dependencies: Dependencies) {
+    super(dependencies, {
+      configName: "lens-filesystem-provisioner-store",
+      accessPropertiesByDotNotation: false, // To make dots safe in cluster context names
+    });
+
+    makeObservable(this);
+  }
+
+  /**
+   * This function retrieves the saved path to the folder which the extension
+   * can saves files to. If the folder is not present then it is created.
+   * @param extensionName the name of the extension requesting the path
+   * @returns path to the folder that the extension can safely write files to.
+   */
+  async requestDirectory(extensionName: string): Promise<string> {
+    const dirPath = await getOrInsertWithAsync(this.registeredExtensions, extensionName, async () => {
+      const salt = (await this.dependencies.randomBytes(32)).toString("hex");
+      const hashedName = SHA256(`${extensionName}/${salt}`).toString();
+
+      return this.dependencies.joinPaths(this.dependencies.directoryForExtensionData, hashedName);
+    });
+
+    await this.dependencies.ensureDirectory(dirPath);
+
+    return dirPath;
+  }
+
+  @action
+  protected fromStore({ extensions }: FSProvisionModel = { extensions: {}}): void {
+    this.registeredExtensions.merge(extensions);
+  }
+
+  toJSON(): FSProvisionModel {
+    return toJS({
+      extensions: Object.fromEntries(this.registeredExtensions),
+    });
+  }
+}
diff --git a/packages/core/src/extensions/extension-loader/index.ts b/packages/core/src/extensions/extension-loader/index.ts
new file mode 100644
index 0000000000..a1dab46d3b
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./extension-loader";
diff --git a/packages/core/src/extensions/extension-loader/update-extensions-state/update-extensions-state.injectable.ts b/packages/core/src/extensions/extension-loader/update-extensions-state/update-extensions-state.injectable.ts
new file mode 100644
index 0000000000..754375dd5a
--- /dev/null
+++ b/packages/core/src/extensions/extension-loader/update-extensions-state/update-extensions-state.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 extensionsStoreInjectable from "../../extensions-store/extensions-store.injectable";
+
+const updateExtensionsStateInjectable = getInjectable({
+  id: "update-extensions-state",
+  instantiate: (di) => di.inject(extensionsStoreInjectable).mergeState,
+});
+
+export default updateExtensionsStateInjectable;
diff --git a/packages/core/src/extensions/extension-packages-root/extension-packages-root.injectable.ts b/packages/core/src/extensions/extension-packages-root/extension-packages-root.injectable.ts
new file mode 100644
index 0000000000..81e91c5e27
--- /dev/null
+++ b/packages/core/src/extensions/extension-packages-root/extension-packages-root.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 directoryForUserDataInjectable
+  from "../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+
+const extensionPackagesRootInjectable = getInjectable({
+  id: "extension-packages-root",
+  instantiate: (di) => di.inject(directoryForUserDataInjectable),
+});
+
+export default extensionPackagesRootInjectable;
diff --git a/packages/core/src/extensions/extension-store.ts b/packages/core/src/extensions/extension-store.ts
new file mode 100644
index 0000000000..271175f0a4
--- /dev/null
+++ b/packages/core/src/extensions/extension-store.ts
@@ -0,0 +1,97 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { BaseStoreParams } from "../common/base-store/base-store";
+import { BaseStore } from "../common/base-store/base-store";
+import * as path from "path";
+import type { LensExtension } from "./lens-extension";
+import assert from "assert";
+import type { StaticThis } from "../common/utils";
+import { getOrInsertWith } from "../common/utils";
+import { getLegacyGlobalDiForExtensionApi } from "./as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+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 loggerInjectable from "../common/logger.injectable";
+import storeMigrationVersionInjectable from "../common/vars/store-migration-version.injectable";
+import type { Migrations } from "conf/dist/source/types";
+import { baseStoreIpcChannelPrefixesInjectionToken } from "../common/base-store/channel-prefix";
+import { shouldBaseStoreDisableSyncInIpcListenerInjectionToken } from "../common/base-store/disable-sync";
+import { persistStateToConfigInjectionToken } from "../common/base-store/save-to-file";
+import getBasenameOfPathInjectable from "../common/path/get-basename.injectable";
+import { enlistMessageChannelListenerInjectionToken } from "../common/utils/channel/enlist-message-channel-listener-injection-token";
+
+export interface ExtensionStoreParams<T extends object> extends BaseStoreParams<T> {
+  migrations?: Migrations<T>;
+}
+
+export abstract class ExtensionStore<T extends object> extends BaseStore<T> {
+  private static readonly instances = new WeakMap<object, any>();
+
+  /**
+   * @deprecated This is a form of global shared state. Just call `new Store(...)`
+   */
+  static createInstance<T, R extends any[]>(this: StaticThis<T, R>, ...args: R): T {
+    return getOrInsertWith(ExtensionStore.instances, this, () =>  new this(...args)) as T;
+  }
+
+  /**
+   * @deprecated This is a form of global shared state. Just call `new Store(...)`
+   */
+  static getInstance<T, R extends any[]>(this: StaticThis<T, R>, strict?: true): T;
+  static getInstance<T, R extends any[]>(this: StaticThis<T, R>, strict: false): T | undefined;
+  static getInstance<T, R extends any[]>(this: StaticThis<T, R>, strict = true): T | undefined {
+    if (!ExtensionStore.instances.has(this) && strict) {
+      throw new TypeError(`instance of ${this.name} is not created`);
+    }
+
+    return ExtensionStore.instances.get(this) as (T | undefined);
+  }
+
+  constructor({ migrations, ...params }: ExtensionStoreParams<T>) {
+    const di = getLegacyGlobalDiForExtensionApi();
+
+    super({
+      directoryForUserData: di.inject(directoryForUserDataInjectable),
+      getConfigurationFileModel: di.inject(getConfigurationFileModelInjectable),
+      logger: di.inject(loggerInjectable),
+      storeMigrationVersion: di.inject(storeMigrationVersionInjectable),
+      migrations: migrations as Migrations<Record<string, unknown>>,
+      getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+      ipcChannelPrefixes: di.inject(baseStoreIpcChannelPrefixesInjectionToken),
+      persistStateToConfig: di.inject(persistStateToConfigInjectionToken),
+      enlistMessageChannelListener: di.inject(enlistMessageChannelListenerInjectionToken),
+      shouldDisableSyncInListener: di.inject(shouldBaseStoreDisableSyncInIpcListenerInjectionToken),
+    }, params);
+  }
+
+  /**
+   * @deprecated This is a form of global shared state. Just call `new Store(...)`
+   */
+  static resetInstance() {
+    ExtensionStore.instances.delete(this);
+  }
+
+  protected extension?: LensExtension;
+
+  loadExtension(extension: LensExtension) {
+    this.extension = extension;
+
+    this.params.projectVersion ??= this.extension.version;
+
+    return super.load();
+  }
+
+  load() {
+    if (!this.extension) { return; }
+
+    return super.load();
+  }
+
+  protected cwd() {
+    assert(this.extension, "must call this.load() first");
+
+    return path.join(super.cwd(), "extension-store", this.extension.name);
+  }
+}
diff --git a/packages/core/src/extensions/extensions-store/extensions-store.injectable.ts b/packages/core/src/extensions/extensions-store/extensions-store.injectable.ts
new file mode 100644
index 0000000000..9f5ff83270
--- /dev/null
+++ b/packages/core/src/extensions/extensions-store/extensions-store.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 directoryForUserDataInjectable from "../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import { baseStoreIpcChannelPrefixesInjectionToken } from "../../common/base-store/channel-prefix";
+import { shouldBaseStoreDisableSyncInIpcListenerInjectionToken } from "../../common/base-store/disable-sync";
+import { persistStateToConfigInjectionToken } from "../../common/base-store/save-to-file";
+import getConfigurationFileModelInjectable from "../../common/get-configuration-file-model/get-configuration-file-model.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import getBasenameOfPathInjectable from "../../common/path/get-basename.injectable";
+import { enlistMessageChannelListenerInjectionToken } from "../../common/utils/channel/enlist-message-channel-listener-injection-token";
+import storeMigrationVersionInjectable from "../../common/vars/store-migration-version.injectable";
+import { ExtensionsStore } from "./extensions-store";
+
+const extensionsStoreInjectable = getInjectable({
+  id: "extensions-store",
+  instantiate: (di) => new ExtensionsStore({
+    directoryForUserData: di.inject(directoryForUserDataInjectable),
+    getConfigurationFileModel: di.inject(getConfigurationFileModelInjectable),
+    logger: di.inject(loggerInjectable),
+    storeMigrationVersion: di.inject(storeMigrationVersionInjectable),
+    migrations: {},
+    getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+    ipcChannelPrefixes: di.inject(baseStoreIpcChannelPrefixesInjectionToken),
+    persistStateToConfig: di.inject(persistStateToConfigInjectionToken),
+    enlistMessageChannelListener: di.inject(enlistMessageChannelListenerInjectionToken),
+    shouldDisableSyncInListener: di.inject(shouldBaseStoreDisableSyncInIpcListenerInjectionToken),
+  }),
+});
+
+export default extensionsStoreInjectable;
diff --git a/packages/core/src/extensions/extensions-store/extensions-store.ts b/packages/core/src/extensions/extensions-store/extensions-store.ts
new file mode 100644
index 0000000000..3b2dc80eb1
--- /dev/null
+++ b/packages/core/src/extensions/extensions-store/extensions-store.ts
@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { LensExtensionId } from "../lens-extension";
+import { action, computed, makeObservable, observable } from "mobx";
+import { toJS } from "../../common/utils";
+import type { BaseStoreDependencies } from "../../common/base-store/base-store";
+import { BaseStore } from "../../common/base-store/base-store";
+
+export interface LensExtensionsStoreModel {
+  extensions: Record<LensExtensionId, LensExtensionState>;
+}
+
+export interface LensExtensionState {
+  enabled?: boolean;
+  name: string;
+}
+
+export interface IsEnabledExtensionDescriptor {
+  id: string;
+  isBundled: boolean;
+}
+
+export class ExtensionsStore extends BaseStore<LensExtensionsStoreModel> {
+  constructor(deps: BaseStoreDependencies) {
+    super(deps, {
+      configName: "lens-extensions",
+    });
+    makeObservable(this);
+    this.load();
+  }
+
+  @computed
+  get enabledExtensions() {
+    return Array.from(this.state.values())
+      .filter(({ enabled }) => enabled)
+      .map(({ name }) => name);
+  }
+
+  protected state = observable.map<LensExtensionId, LensExtensionState>();
+
+  isEnabled({ id, isBundled }: IsEnabledExtensionDescriptor): boolean {
+    // By default false, so that copied extensions are disabled by default.
+    // If user installs the extension from the UI, the Extensions component will specifically enable it.
+    return isBundled || Boolean(this.state.get(id)?.enabled);
+  }
+
+  mergeState = action((extensionsState: Record<LensExtensionId, LensExtensionState> | [LensExtensionId, LensExtensionState][]) => {
+    this.state.merge(extensionsState);
+  });
+
+  @action
+  protected fromStore({ extensions }: LensExtensionsStoreModel) {
+    this.state.merge(extensions);
+  }
+
+  toJSON(): LensExtensionsStoreModel {
+    return toJS({
+      extensions: Object.fromEntries(this.state),
+    });
+  }
+}
diff --git a/packages/core/src/extensions/extensions.injectable.ts b/packages/core/src/extensions/extensions.injectable.ts
new file mode 100644
index 0000000000..7cc019a318
--- /dev/null
+++ b/packages/core/src/extensions/extensions.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 extensionInstancesInjectable from "./extension-loader/extension-instances.injectable";
+
+const extensionsInjectable = getInjectable({
+  id: "extensions",
+  instantiate: (di) => {
+    const extensionInstances = di.inject(extensionInstancesInjectable);
+
+    return computed(() => [...extensionInstances.values()].filter(extension => extension.isEnabled));
+  },
+});
+
+export default extensionsInjectable;
diff --git a/packages/core/src/extensions/ipc/ipc-main.ts b/packages/core/src/extensions/ipc/ipc-main.ts
new file mode 100644
index 0000000000..cd18bcc56c
--- /dev/null
+++ b/packages/core/src/extensions/ipc/ipc-main.ts
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { ipcMain } from "electron";
+import { IpcPrefix, IpcRegistrar } from "./ipc-registrar";
+import { Disposers, lensExtensionDependencies } from "../lens-extension";
+import type { LensMainExtension } from "../lens-main-extension";
+import type { Disposer } from "../../common/utils";
+import { once } from "lodash";
+import { ipcMainHandle } from "../../common/ipc";
+
+export abstract class IpcMain extends IpcRegistrar {
+  constructor(extension: LensMainExtension) {
+    super(extension);
+
+    // Call the static method on the bottom child class.
+    extension[Disposers].push(() => (this.constructor as typeof IpcMain).resetInstance());
+  }
+
+  /**
+   * Listen for broadcasts within your extension
+   * @param channel The channel to listen for broadcasts on
+   * @param listener The function that will be called with the arguments of the broadcast
+   * @returns An optional disposer, Lens will cleanup when the extension is disabled or uninstalled even if this is not called
+   */
+  listen(channel: string, listener: (event: Electron.IpcRendererEvent, ...args: any[]) => any): Disposer {
+    const prefixedChannel = `extensions@${this[IpcPrefix]}:${channel}`;
+    const cleanup = once(() => {
+      this.extension[lensExtensionDependencies].logger.info(`[IPC-RENDERER]: removing extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
+
+      return ipcMain.removeListener(prefixedChannel, listener);
+    });
+
+    this.extension[lensExtensionDependencies].logger.info(`[IPC-RENDERER]: adding extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
+    ipcMain.addListener(prefixedChannel, listener);
+    this.extension[Disposers].push(cleanup);
+
+    return cleanup;
+  }
+
+  /**
+   * Declare a RPC over `channel`. Lens will cleanup when the extension is disabled or uninstalled
+   * @param channel The name of the RPC
+   * @param handler The remote procedure that is called
+   */
+  handle(channel: string, handler: (event: Electron.IpcMainInvokeEvent, ...args: any[]) => any): void {
+    const prefixedChannel = `extensions@${this[IpcPrefix]}:${channel}`;
+
+    this.extension[lensExtensionDependencies].logger.info(`[IPC-RENDERER]: adding extension handler`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
+    ipcMainHandle(prefixedChannel, handler);
+    this.extension[Disposers].push(() => {
+      this.extension[lensExtensionDependencies].logger.info(`[IPC-RENDERER]: removing extension handler`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
+
+      return ipcMain.removeHandler(prefixedChannel);
+    });
+  }
+}
diff --git a/packages/core/src/extensions/ipc/ipc-registrar.ts b/packages/core/src/extensions/ipc/ipc-registrar.ts
new file mode 100644
index 0000000000..04222bd64b
--- /dev/null
+++ b/packages/core/src/extensions/ipc/ipc-registrar.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 { Singleton } from "../../common/utils";
+import type { LensExtension } from "../lens-extension";
+import { createHash } from "crypto";
+import { broadcastMessage } from "../../common/ipc";
+
+export const IpcPrefix = Symbol();
+
+export abstract class IpcRegistrar extends Singleton {
+  readonly [IpcPrefix]: string;
+
+  constructor(protected readonly extension: LensExtension) {
+    super();
+    this[IpcPrefix] = createHash("sha256").update(extension.id).digest("hex");
+  }
+
+  /**
+   *
+   * @param channel The channel to broadcast to your whole extension, both `main` and `renderer`
+   * @param args The arguments passed to all listeners
+   */
+  broadcast(channel: string, ...args: any[]): void {
+    broadcastMessage(`extensions@${this[IpcPrefix]}:${channel}`, ...args);
+  }
+}
diff --git a/packages/core/src/extensions/ipc/ipc-renderer.ts b/packages/core/src/extensions/ipc/ipc-renderer.ts
new file mode 100644
index 0000000000..71b67779f5
--- /dev/null
+++ b/packages/core/src/extensions/ipc/ipc-renderer.ts
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { ipcRenderer } from "electron";
+import { IpcPrefix, IpcRegistrar } from "./ipc-registrar";
+import { Disposers } from "../lens-extension";
+import type { LensRendererExtension } from "../lens-renderer-extension";
+import type { Disposer } from "../../common/utils";
+import { once } from "lodash";
+
+export abstract class IpcRenderer extends IpcRegistrar {
+  constructor(extension: LensRendererExtension) {
+    super(extension);
+
+    // Call the static method on the bottom child class.
+    extension[Disposers].push(() => (this.constructor as typeof IpcRenderer).resetInstance());
+  }
+
+  /**
+   * Listen for broadcasts within your extension.
+   * If the lifetime of the listener should be tied to the mounted lifetime of
+   * a component then putting the returned value in a `disposeOnUnmount` call will suffice.
+   * @param channel The channel to listen for broadcasts on
+   * @param listener The function that will be called with the arguments of the broadcast
+   * @returns An optional disposer, Lens will cleanup even if this is not called
+   */
+  listen(channel: string, listener: (event: Electron.IpcRendererEvent, ...args: any[]) => any): Disposer {
+    const prefixedChannel = `extensions@${this[IpcPrefix]}:${channel}`;
+    const cleanup = once(() => {
+      console.info(`[IPC-RENDERER]: removing extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
+
+      return ipcRenderer.removeListener(prefixedChannel, listener);
+    });
+
+    console.info(`[IPC-RENDERER]: adding extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
+    ipcRenderer.addListener(prefixedChannel, listener);
+    this.extension[Disposers].push(cleanup);
+
+    return cleanup;
+  }
+
+  /**
+   * Request main to execute its function over the `channel` channel.
+   * This function only interacts with functions registered via `Ipc.IpcMain.handleRpc`
+   * An error will be thrown if no function has been registered on `main` with this channel ID.
+   * @param channel The channel to invoke a RPC on
+   * @param args The arguments to pass to the RPC
+   * @returns A promise of the resulting value
+   */
+  invoke(channel: string, ...args: any[]): Promise<any> {
+    const prefixedChannel = `extensions@${this[IpcPrefix]}:${channel}`;
+
+    return ipcRenderer.invoke(prefixedChannel, ...args);
+  }
+}
diff --git a/packages/core/src/extensions/lens-extension-set-dependencies.ts b/packages/core/src/extensions/lens-extension-set-dependencies.ts
new file mode 100644
index 0000000000..7b7c62597a
--- /dev/null
+++ b/packages/core/src/extensions/lens-extension-set-dependencies.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 type { IComputedValue } from "mobx";
+import type { CatalogCategoryRegistry } from "../common/catalog";
+import type { NavigateToRoute } from "../common/front-end-routing/navigate-to-route-injection-token";
+import type { Route } from "../common/front-end-routing/front-end-route-injection-token";
+import type { CatalogEntityRegistry as MainCatalogEntityRegistry } from "../main/catalog";
+import type { CatalogEntityRegistry as RendererCatalogEntityRegistry } from "../renderer/api/catalog/entity/registry";
+import type { GetExtensionPageParameters } from "../renderer/routes/get-extension-page-parameters.injectable";
+import type { FileSystemProvisionerStore } from "./extension-loader/file-system-provisioner-store/file-system-provisioner-store";
+import type { NavigateForExtension } from "../main/start-main-application/lens-window/navigate-for-extension.injectable";
+import type { Logger } from "../common/logger";
+
+export interface LensExtensionDependencies {
+  readonly fileSystemProvisionerStore: FileSystemProvisionerStore;
+  readonly logger: Logger;
+}
+
+export interface LensMainExtensionDependencies extends LensExtensionDependencies {
+  readonly entityRegistry: MainCatalogEntityRegistry;
+  readonly navigate: NavigateForExtension;
+}
+
+export interface LensRendererExtensionDependencies extends LensExtensionDependencies {
+  navigateToRoute: NavigateToRoute;
+  getExtensionPageParameters: GetExtensionPageParameters;
+  readonly routes: IComputedValue<Route<unknown>[]>;
+  readonly entityRegistry: RendererCatalogEntityRegistry;
+  readonly categoryRegistry: CatalogCategoryRegistry;
+}
diff --git a/packages/core/src/extensions/lens-extension.ts b/packages/core/src/extensions/lens-extension.ts
new file mode 100644
index 0000000000..831822fd2b
--- /dev/null
+++ b/packages/core/src/extensions/lens-extension.ts
@@ -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 { InstalledExtension } from "./extension-discovery/extension-discovery";
+import { action, computed, makeObservable, observable } from "mobx";
+import type { PackageJson } from "type-fest";
+import { disposer } from "../common/utils";
+import type { LensExtensionDependencies } from "./lens-extension-set-dependencies";
+import type { ProtocolHandlerRegistration } from "./common-api/registrations";
+
+export type LensExtensionId = string; // path to manifest (package.json)
+export type LensExtensionConstructor = new (...args: ConstructorParameters<typeof LensExtension>) => LensExtension;
+
+export interface LensExtensionManifest extends PackageJson {
+  name: string;
+  version: string;
+  main?: string; // path to %ext/dist/main.js
+  renderer?: string; // path to %ext/dist/renderer.js
+  /**
+   * Supported Lens version engine by extension could be defined in `manifest.engines.lens`
+   * Only MAJOR.MINOR version is taken in consideration.
+   */
+  engines: {
+    lens: string; // "semver"-package format
+    npm?: string;
+    node?: string;
+  };
+}
+
+export const lensExtensionDependencies = Symbol("lens-extension-dependencies");
+export const Disposers = Symbol("disposers");
+
+export class LensExtension<Dependencies extends LensExtensionDependencies = LensExtensionDependencies> {
+  readonly id: LensExtensionId;
+  readonly manifest: LensExtensionManifest;
+  readonly manifestPath: string;
+  readonly isBundled: boolean;
+
+  get sanitizedExtensionId() {
+    return sanitizeExtensionName(this.name);
+  }
+
+  protocolHandlers: ProtocolHandlerRegistration[] = [];
+
+  @observable private _isEnabled = false;
+
+  @computed get isEnabled() {
+    return this._isEnabled;
+  }
+
+  [Disposers] = disposer();
+
+  constructor({ id, manifest, manifestPath, isBundled }: InstalledExtension) {
+    makeObservable(this);
+    this.id = id;
+    this.manifest = manifest;
+    this.manifestPath = manifestPath;
+    this.isBundled = !!isBundled;
+  }
+
+  get name() {
+    return this.manifest.name;
+  }
+
+  get version() {
+    return this.manifest.version;
+  }
+
+  get description() {
+    return this.manifest.description;
+  }
+
+  readonly [lensExtensionDependencies]!: Dependencies;
+
+  /**
+   * getExtensionFileFolder returns the path to an already created folder. This
+   * folder is for the sole use of this extension.
+   *
+   * Note: there is no security done on this folder, only obfuscation of the
+   * folder name.
+   */
+  async getExtensionFileFolder(): Promise<string> {
+    return this[lensExtensionDependencies].fileSystemProvisionerStore.requestDirectory(this.id);
+  }
+
+  @action
+  async enable() {
+    if (this._isEnabled) {
+      return;
+    }
+
+    this._isEnabled = true;
+    this[lensExtensionDependencies].logger.info(`[EXTENSION]: enabled ${this.name}@${this.version}`);
+  }
+
+  @action
+  async disable() {
+    if (!this._isEnabled) {
+      return;
+    }
+
+    this._isEnabled = false;
+
+    try {
+      await this.onDeactivate();
+      this[Disposers]();
+      this[lensExtensionDependencies].logger.info(`[EXTENSION]: disabled ${this.name}@${this.version}`);
+    } catch (error) {
+      this[lensExtensionDependencies].logger.error(`[EXTENSION]: disabling ${this.name}@${this.version} threw an error: ${error}`);
+    }
+  }
+
+  async activate(): Promise<void> {
+    return this.onActivate();
+  }
+
+  protected onActivate(): Promise<void> | void {
+    return;
+  }
+
+  protected onDeactivate(): Promise<void> | void {
+    return;
+  }
+}
+
+export function sanitizeExtensionName(name: string) {
+  return name.replace("@", "").replace("/", "--");
+}
+
+export function getSanitizedPath(...parts: string[]) {
+  return parts
+    .filter(Boolean)
+    .join("/")
+    .replace(/\/+/g, "/")
+    .replace(/\/$/, "");
+} // normalize multi-slashes (e.g. coming from page.id)
+
+export function extensionDisplayName(name: string, version: string) {
+  return `${name}@${version}`;
+}
diff --git a/packages/core/src/extensions/lens-main-extension.ts b/packages/core/src/extensions/lens-main-extension.ts
new file mode 100644
index 0000000000..b97d8da834
--- /dev/null
+++ b/packages/core/src/extensions/lens-main-extension.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 { LensExtension, lensExtensionDependencies } from "./lens-extension";
+import type { CatalogEntity } from "../common/catalog";
+import type { IComputedValue, IObservableArray } from "mobx";
+import type { MenuRegistration } from "../features/application-menu/main/menu-registration";
+import type { TrayMenuRegistration } from "../main/tray/tray-menu-registration";
+import type { ShellEnvModifier } from "../main/shell-session/shell-env-modifier/shell-env-modifier-registration";
+import type { LensMainExtensionDependencies } from "./lens-extension-set-dependencies";
+
+export class LensMainExtension extends LensExtension<LensMainExtensionDependencies> {
+  appMenus: MenuRegistration[] = [];
+  trayMenus: TrayMenuRegistration[] | IComputedValue<TrayMenuRegistration[]> = [];
+
+  /**
+   * implement this to modify the shell environment that Lens terminals are opened with. The ShellEnvModifier type has the signature
+   *
+   * (ctx: ShellEnvContext, env: Record<string, string | undefined>) => Record<string, string | undefined>
+   *
+   *  @param ctx the shell environment context, specifically the relevant catalog entity for the terminal. This can be used, for example, to get
+   * cluster-specific information that can be made available in the shell environment by the implementation of terminalShellEnvModifier
+   *
+   * @param env the current shell environment that the terminal will be opened with. The implementation should modify this as desired.
+   *
+   * @returns the modified shell environment that the terminal will be opened with. The implementation must return env as passed in, if it
+   * does not modify the shell environment
+   */
+  terminalShellEnvModifier?: ShellEnvModifier;
+
+  async navigate(pageId?: string, params?: Record<string, any>, frameId?: number) {
+    await this[lensExtensionDependencies].navigate(this.id, pageId, params, frameId);
+  }
+
+  addCatalogSource(id: string, source: IObservableArray<CatalogEntity>) {
+    this[lensExtensionDependencies].entityRegistry.addObservableSource(`${this.name}:${id}`, source);
+  }
+
+  removeCatalogSource(id: string) {
+    this[lensExtensionDependencies].entityRegistry.removeSource(`${this.name}:${id}`);
+  }
+}
diff --git a/packages/core/src/extensions/lens-renderer-extension.ts b/packages/core/src/extensions/lens-renderer-extension.ts
new file mode 100644
index 0000000000..b1b024c091
--- /dev/null
+++ b/packages/core/src/extensions/lens-renderer-extension.ts
@@ -0,0 +1,128 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { Disposers, LensExtension, lensExtensionDependencies } from "./lens-extension";
+import type { CatalogEntity, CategoryFilter } from "../common/catalog";
+import type { Disposer } from "../common/utils";
+import type { EntityFilter } from "../renderer/api/catalog/entity/registry";
+import type { TopBarRegistration } from "../renderer/components/layout/top-bar/top-bar-registration";
+import type { KubernetesCluster } from "../common/catalog-entities";
+import type { WelcomeMenuRegistration } from "../renderer/components/+welcome/welcome-menu-items/welcome-menu-registration";
+import type { WelcomeBannerRegistration } from "../renderer/components/+welcome/welcome-banner-items/welcome-banner-registration";
+import type { CommandRegistration } from "../renderer/components/command-palette/registered-commands/commands";
+import type { AppPreferenceRegistration } from "../features/preferences/renderer/compliance-for-legacy-extension-api/app-preference-registration";
+import type { AdditionalCategoryColumnRegistration } from "../renderer/components/+catalog/custom-category-columns";
+import type { CustomCategoryViewRegistration } from "../renderer/components/+catalog/custom-views";
+import type { StatusBarRegistration } from "../renderer/components/status-bar/status-bar-registration";
+import type { KubeObjectMenuRegistration } from "../renderer/components/kube-object-menu/kube-object-menu-registration";
+import type { WorkloadsOverviewDetailRegistration } from "../renderer/components/+workloads-overview/workloads-overview-detail-registration";
+import type { KubeObjectStatusRegistration } from "../renderer/components/kube-object-status-icon/kube-object-status-registration";
+import { fromPairs, map, matches, toPairs } from "lodash/fp";
+import { pipeline } from "@ogre-tools/fp";
+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 "../features/preferences/renderer/compliance-for-legacy-extension-api/app-preference-tab-registration";
+import type { KubeObjectDetailRegistration } from "../renderer/components/kube-object-details/kube-object-detail-registration";
+import type { ClusterFrameChildComponent } from "../renderer/frames/cluster-frame/cluster-frame-child-component-injection-token";
+import type { EntitySettingRegistration } from "../renderer/components/+entity-settings/extension-registrator.injectable";
+import type { CatalogEntityDetailRegistration } from "../renderer/components/+catalog/entity-details/token";
+import type { ClusterPageMenuRegistration, PageRegistration } from "./common-api/registrations";
+
+export class LensRendererExtension extends LensExtension<LensRendererExtensionDependencies> {
+  globalPages: PageRegistration[] = [];
+  clusterPages: PageRegistration[] = [];
+  clusterPageMenus: ClusterPageMenuRegistration[] = [];
+  clusterFrameComponents: ClusterFrameChildComponent[] = [];
+  kubeObjectStatusTexts: KubeObjectStatusRegistration[] = [];
+  appPreferences: AppPreferenceRegistration[] = [];
+  appPreferenceTabs: AppPreferenceTabRegistration[] = [];
+  entitySettings: EntitySettingRegistration[] = [];
+  statusBarItems: StatusBarRegistration[] = [];
+  kubeObjectDetailItems: KubeObjectDetailRegistration[] = [];
+  kubeObjectMenuItems: KubeObjectMenuRegistration[] = [];
+  kubeWorkloadsOverviewItems: WorkloadsOverviewDetailRegistration[] = [];
+  commands: CommandRegistration[] = [];
+  welcomeMenus: WelcomeMenuRegistration[] = [];
+  welcomeBanners: WelcomeBannerRegistration[] = [];
+  catalogEntityDetailItems: CatalogEntityDetailRegistration<CatalogEntity>[] = [];
+  topBarItems: TopBarRegistration[] = [];
+  additionalCategoryColumns: AdditionalCategoryColumnRegistration[] = [];
+  customCategoryViews: CustomCategoryViewRegistration[] = [];
+  kubeObjectHandlers: KubeObjectHandlerRegistration[] = [];
+
+  async navigate(pageId?: string, params: object = {}) {
+    const routes = this[lensExtensionDependencies].routes.get();
+    const targetRegistration = [...this.globalPages, ...this.clusterPages]
+      .find(registration => registration.id === (pageId || undefined));
+
+    if (!targetRegistration) {
+      return;
+    }
+
+    const targetRoutePath = getExtensionRoutePath(this, targetRegistration.id);
+    const targetRoute = routes.find(matches({ path: targetRoutePath }));
+
+    if (!targetRoute) {
+      return;
+    }
+
+    const normalizedParams = this[lensExtensionDependencies].getExtensionPageParameters({
+      extension: this,
+      registration: targetRegistration,
+    });
+    const query = pipeline(
+      params,
+      toPairs,
+      map(([key, value]) => [
+        key,
+        normalizedParams[key].stringify(value),
+      ]),
+      fromPairs,
+    );
+
+    this[lensExtensionDependencies].navigateToRoute(targetRoute, {
+      query,
+    });
+  }
+
+  /**
+   * Defines if extension is enabled for a given cluster. This method is only
+   * 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;
+  }
+
+  /**
+   * Add a filtering function for the catalog entities. This will be removed if the extension is disabled.
+   * @param fn The function which should return a truthy value for those entities which should be kept.
+   * @returns A function to clean up the filter
+   */
+  addCatalogFilter(fn: EntityFilter): Disposer {
+    const dispose = this[lensExtensionDependencies].entityRegistry.addCatalogFilter(fn);
+
+    this[Disposers].push(dispose);
+
+    return dispose;
+  }
+
+  /**
+   * Add a filtering function for the catalog categories. This will be removed if the extension is disabled.
+   * @param fn The function which should return a truthy value for those categories which should be kept.
+   * @returns A function to clean up the filter
+   */
+  addCatalogCategoryFilter(fn: CategoryFilter): Disposer {
+    const dispose = this[lensExtensionDependencies].categoryRegistry.addCatalogCategoryFilter(fn);
+
+    this[Disposers].push(dispose);
+
+    return dispose;
+  }
+}
diff --git a/packages/core/src/extensions/main-api/catalog.ts b/packages/core/src/extensions/main-api/catalog.ts
new file mode 100644
index 0000000000..07adbe9d4b
--- /dev/null
+++ b/packages/core/src/extensions/main-api/catalog.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 type { CatalogEntity } from "../../common/catalog";
+import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
+import catalogCategoryRegistryInjectable from "../../common/catalog/category-registry.injectable";
+import catalogEntityRegistryInjectable from "../../main/catalog/entity-registry.injectable";
+
+export const catalogCategories = asLegacyGlobalForExtensionApi(catalogCategoryRegistryInjectable);
+const catalogEntityRegistry = asLegacyGlobalForExtensionApi(catalogEntityRegistryInjectable);
+
+export interface CatalogEntityRegistry {
+  getItemsForApiKind(apiVersion: string, kind: string): CatalogEntity[];
+  /**
+   * @deprecated use a cast instead of a unbounded type parameter
+   */
+  getItemsForApiKind<T extends CatalogEntity>(apiVersion: string, kind: string): T[];
+}
+
+export const catalogEntities: CatalogEntityRegistry = {
+  getItemsForApiKind(apiVersion: string, kind: string) {
+    return catalogEntityRegistry.filterItemsForApiKind(apiVersion, kind);
+  },
+};
diff --git a/packages/core/src/extensions/main-api/index.ts b/packages/core/src/extensions/main-api/index.ts
new file mode 100644
index 0000000000..9f39a4c781
--- /dev/null
+++ b/packages/core/src/extensions/main-api/index.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 * as Catalog from "./catalog";
+import * as Navigation from "./navigation";
+import * as K8sApi from "./k8s-api";
+import * as Power from "./power";
+import { IpcMain as Ipc } from "../ipc/ipc-main";
+import { LensMainExtension as LensExtension } from "../lens-main-extension";
+
+export {
+  Catalog,
+  Navigation,
+  K8sApi,
+  Ipc,
+  LensExtension,
+  Power,
+};
diff --git a/packages/core/src/extensions/main-api/k8s-api.ts b/packages/core/src/extensions/main-api/k8s-api.ts
new file mode 100644
index 0000000000..05cffffdbf
--- /dev/null
+++ b/packages/core/src/extensions/main-api/k8s-api.ts
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * @deprecated This function never works
+ * @returns false
+ */
+export function isAllowedResource(...args: any[]) {
+  return Boolean(void args);
+}
+
+export * from "../common-api/k8s-api";
diff --git a/packages/core/src/extensions/main-api/navigation.ts b/packages/core/src/extensions/main-api/navigation.ts
new file mode 100644
index 0000000000..375d2bac74
--- /dev/null
+++ b/packages/core/src/extensions/main-api/navigation.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 {
+  Environments,
+  getEnvironmentSpecificLegacyGlobalDiForExtensionApi,
+} from "../as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+
+import navigateInjectable from "../../main/start-main-application/lens-window/navigate.injectable";
+
+export function navigate(url: string) {
+  const di = getEnvironmentSpecificLegacyGlobalDiForExtensionApi(Environments.main);
+
+  const navigate = di.inject(navigateInjectable);
+
+  return navigate(url);
+}
diff --git a/packages/core/src/extensions/main-api/power.ts b/packages/core/src/extensions/main-api/power.ts
new file mode 100644
index 0000000000..671308798a
--- /dev/null
+++ b/packages/core/src/extensions/main-api/power.ts
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { powerMonitor } from "electron";
+import type { Disposer } from "../../common/utils/disposer";
+
+/**
+ * Event listener for system power events
+ */
+export type PowerEventListener = () => void;
+
+/**
+ * Adds event listener to system suspend events
+ * @param listener function which will be called on system suspend
+ * @returns function to remove event listener
+ */
+export const onSuspend = (listener: PowerEventListener): Disposer => {
+  powerMonitor.on("suspend", listener);
+
+  return () => {
+    powerMonitor.off("suspend", listener);
+  };
+};
+
+/**
+ * Adds event listener to system resume event
+ * @param listener function which will be called on system resume
+ * @returns function to remove event listener
+ */
+export const onResume = (listener: PowerEventListener): Disposer => {
+  powerMonitor.on("resume", listener);
+
+  return () => {
+    powerMonitor.off("resume", listener);
+  };
+};
+
+/**
+ * Adds event listener to the event which is emitted when
+ * the system is about to reboot or shut down
+ * @param listener function which will be called on system shutdown
+ * @returns function to remove event listener
+ */
+export const onShutdown = (listener: PowerEventListener): Disposer => {
+  powerMonitor.on("shutdown", listener);
+
+  return () => {
+    powerMonitor.off("shutdown", listener);
+  };
+};
diff --git a/packages/core/src/extensions/main-extensions.injectable.ts b/packages/core/src/extensions/main-extensions.injectable.ts
new file mode 100644
index 0000000000..07010af010
--- /dev/null
+++ b/packages/core/src/extensions/main-extensions.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 { IComputedValue } from "mobx";
+import extensionsInjectable from "./extensions.injectable";
+import type { LensMainExtension } from "./lens-main-extension";
+
+const mainExtensionsInjectable = getInjectable({
+  id: "main-extensions",
+
+  instantiate: (di) =>
+    di.inject(extensionsInjectable) as IComputedValue<LensMainExtension[]>,
+});
+
+export default mainExtensionsInjectable;
diff --git a/packages/core/src/extensions/renderer-api/catalog.ts b/packages/core/src/extensions/renderer-api/catalog.ts
new file mode 100644
index 0000000000..43b840a39a
--- /dev/null
+++ b/packages/core/src/extensions/renderer-api/catalog.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 type { CatalogCategory, CatalogEntity } from "../../common/catalog";
+import type { CatalogEntityOnBeforeRun } from "../../renderer/api/catalog/entity/registry";
+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);
+
+const internalEntityRegistry = asLegacyGlobalForExtensionApi(catalogEntityRegistryInjectable);
+
+export class CatalogEntityRegistry {
+  /**
+   * Currently active/visible entity
+   */
+  get activeEntity() {
+    return internalEntityRegistry.activeEntity;
+  }
+
+  get entities(): Map<string, CatalogEntity> {
+    return internalEntityRegistry.entities;
+  }
+
+  getById(id: string) {
+    return this.entities.get(id);
+  }
+
+  getItemsForApiKind<T extends CatalogEntity>(apiVersion: string, kind: string): T[] {
+    return internalEntityRegistry.getItemsForApiKind<T>(apiVersion, kind);
+  }
+
+  getItemsForCategory<T extends CatalogEntity>(category: CatalogCategory): T[] {
+    return internalEntityRegistry.getItemsForCategory(category);
+  }
+
+  /**
+   * Add a onBeforeRun hook to a catalog entities. If `onBeforeRun` was previously
+   * added then it will not be added again.
+   * @param onBeforeRun The function to be called with a `CatalogRunEvent`
+   * event target will be the catalog entity. onBeforeRun hook can call event.preventDefault()
+   * to stop run sequence
+   * @returns A function to remove that hook
+   */
+  addOnBeforeRun(onBeforeRun: CatalogEntityOnBeforeRun): Disposer {
+    return internalEntityRegistry.addOnBeforeRun(onBeforeRun);
+  }
+}
+
+export const catalogEntities = new CatalogEntityRegistry();
+
+export const activeCluster = asLegacyGlobalForExtensionApi(
+  activeKubernetesClusterInjectable,
+);
diff --git a/packages/core/src/extensions/renderer-api/components.ts b/packages/core/src/extensions/renderer-api/components.ts
new file mode 100644
index 0000000000..dc8c52053d
--- /dev/null
+++ b/packages/core/src/extensions/renderer-api/components.ts
@@ -0,0 +1,173 @@
+/**
+ * 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 createTerminalTabInjectable from "../../renderer/components/dock/terminal/create-terminal-tab.injectable";
+import terminalStoreInjectable from "../../renderer/components/dock/terminal/store.injectable";
+import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
+import logTabStoreInjectable from "../../renderer/components/dock/logs/tab-store.injectable";
+
+import commandOverlayInjectable from "../../renderer/components/command-palette/command-overlay.injectable";
+import createPodLogsTabInjectable from "../../renderer/components/dock/logs/create-pod-logs-tab.injectable";
+import createWorkloadLogsTabInjectable from "../../renderer/components/dock/logs/create-workload-logs-tab.injectable";
+import sendCommandInjectable from "../../renderer/components/dock/terminal/send-command.injectable";
+import renameTabInjectable from "../../renderer/components/dock/dock/rename-tab.injectable";
+import { asLegacyGlobalObjectForExtensionApiWithModifications } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications";
+import { ConfirmDialog as _ConfirmDialog } from "../../renderer/components/confirm-dialog";
+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";
+import podStoreInjectable from "../../renderer/components/+workloads-pods/store.injectable";
+import getDetailsUrlInjectable from "../../renderer/components/kube-detail-params/get-details-url.injectable";
+import showDetailsInjectable from "../../renderer/components/kube-detail-params/show-details.injectable";
+import showCheckedErrorNotificationInjectable from "../../renderer/components/notifications/show-checked-error.injectable";
+import showErrorNotificationInjectable from "../../renderer/components/notifications/show-error-notification.injectable";
+import showInfoNotificationInjectable from "../../renderer/components/notifications/show-info-notification.injectable";
+import showShortInfoNotificationInjectable from "../../renderer/components/notifications/show-short-info.injectable";
+import showSuccessNotificationInjectable from "../../renderer/components/notifications/show-success-notification.injectable";
+
+// layouts
+export * from "../../renderer/components/layout/main-layout";
+export * from "../../renderer/components/layout/setting-layout";
+export * from "../../renderer/components/layout/page-layout";
+export * from "../../renderer/components/layout/wizard-layout";
+export * from "../../renderer/components/layout/tab-layout";
+
+// form-controls
+export * from "../../renderer/components/button";
+export * from "../../renderer/components/checkbox";
+export * from "../../renderer/components/radio";
+export * from "../../renderer/components/select";
+export * from "../../renderer/components/slider";
+export * from "../../renderer/components/switch";
+export * from "../../renderer/components/input/input";
+
+// command-overlay
+export const CommandOverlay = asLegacyGlobalForExtensionApi(commandOverlayInjectable);
+
+export type {
+  CategoryColumnRegistration,
+  AdditionalCategoryColumnRegistration,
+} from "../../renderer/components/+catalog/custom-category-columns";
+
+// other components
+export type {
+  ConfirmDialogBooleanParams,
+  ConfirmDialogParams,
+  ConfirmDialogProps,
+};
+export const ConfirmDialog = Object.assign(_ConfirmDialog, {
+  open: asLegacyGlobalFunctionForExtensionApi(openConfirmDialogInjectable),
+  confirm: asLegacyGlobalFunctionForExtensionApi(confirmInjectable),
+});
+
+export * from "../../renderer/components/icon";
+export * from "../../renderer/components/tooltip";
+export * from "../../renderer/components/tabs";
+export * from "../../renderer/components/table";
+export * from "../../renderer/components/badge";
+export * from "../../renderer/components/drawer";
+export * from "../../renderer/components/dialog";
+export * from "../../renderer/components/line-progress";
+export * from "../../renderer/components/menu";
+
+export type {
+  CreateNotificationOptions,
+  Notification,
+  NotificationId,
+  NotificationMessage,
+  NotificationStatus,
+  ShowNotification,
+  NotificationsStore,
+} from "../../renderer/components/notifications";
+
+export const Notifications = {
+  ok: asLegacyGlobalFunctionForExtensionApi(showSuccessNotificationInjectable),
+  error: asLegacyGlobalFunctionForExtensionApi(showErrorNotificationInjectable),
+  checkedError: asLegacyGlobalFunctionForExtensionApi(showCheckedErrorNotificationInjectable),
+  info: asLegacyGlobalFunctionForExtensionApi(showInfoNotificationInjectable),
+  shortInfo: asLegacyGlobalFunctionForExtensionApi(showShortInfoNotificationInjectable),
+};
+
+export * from "../../renderer/components/spinner";
+export * from "../../renderer/components/stepper";
+export * from "../../renderer/components/wizard";
+export * from "../../renderer/components/+workloads-pods/pod-details-list";
+export * from "../../renderer/components/+namespaces/namespace-select";
+export * from "../../renderer/components/+namespaces/namespace-select-filter";
+export * from "../../renderer/components/layout/sub-title";
+export * from "../../renderer/components/input/search-input";
+export * from "../../renderer/components/chart/bar-chart";
+export * from "../../renderer/components/chart/pie-chart";
+export {
+  MonacoEditor,
+  type MonacoEditorProps, type MonacoEditorId,
+  type MonacoTheme, type MonacoCustomTheme,
+} from "../../renderer/components/monaco-editor";
+
+/**
+ * @deprecated Use `Renderer.Navigation.getDetailsUrl`
+ */
+export const getDetailsUrl = asLegacyGlobalFunctionForExtensionApi(getDetailsUrlInjectable);
+
+/**
+ * @deprecated Use `Renderer.Navigation.showDetails`
+ */
+export const showDetails = asLegacyGlobalFunctionForExtensionApi(showDetailsInjectable);
+
+// kube helpers
+export * from "../../renderer/components/kube-object-details";
+export * from "../../renderer/components/kube-object-list-layout";
+export * from "../../renderer/components/kube-object-menu";
+export * from "../../renderer/components/kube-object-meta";
+export * from "../../renderer/components/+events/kube-event-details";
+
+// specific exports
+export * from "../../renderer/components/status-brick";
+
+export const createTerminalTab = asLegacyGlobalFunctionForExtensionApi(createTerminalTabInjectable);
+
+export const terminalStore = asLegacyGlobalObjectForExtensionApiWithModifications(
+  terminalStoreInjectable,
+  {
+    sendCommand: asLegacyGlobalFunctionForExtensionApi(sendCommandInjectable),
+  },
+);
+
+const renameTab = asLegacyGlobalFunctionForExtensionApi(renameTabInjectable);
+const podStore = asLegacyGlobalForExtensionApi(podStoreInjectable);
+
+export const logTabStore = asLegacyGlobalObjectForExtensionApiWithModifications(
+  logTabStoreInjectable,
+  {
+    createPodTab: asLegacyGlobalFunctionForExtensionApi(createPodLogsTabInjectable),
+    createWorkloadTab: asLegacyGlobalFunctionForExtensionApi(createWorkloadLogsTabInjectable),
+    renameTab: (tabId: string): void => {
+      const { selectedPodId } = logTabStore.getData(tabId) ?? {};
+      const pod = selectedPodId && podStore.getById(selectedPodId);
+
+      if (pod) {
+        renameTab(tabId, `Pod ${pod.getName()}`);
+      }
+    },
+    tabs: undefined,
+  },
+);
+
+export class TerminalStore {
+  static getInstance() {
+    return terminalStore;
+  }
+
+  static createInstance() {
+    return terminalStore;
+  }
+
+  static resetInstance() {
+    console.warn("TerminalStore.resetInstance() does nothing");
+  }
+}
+
+export const notificationsStore = asLegacyGlobalForExtensionApi(notificationsStoreInjectable);
diff --git a/packages/core/src/extensions/renderer-api/index.ts b/packages/core/src/extensions/renderer-api/index.ts
new file mode 100644
index 0000000000..c58e278a75
--- /dev/null
+++ b/packages/core/src/extensions/renderer-api/index.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Lens-extensions apis, required in renderer process runtime
+
+// APIs
+import * as Catalog from "./catalog";
+import * as Component from "./components";
+import * as K8sApi from "./k8s-api";
+import * as Navigation from "./navigation";
+import * as Theme from "./theming";
+import { IpcRenderer as Ipc } from "../ipc/ipc-renderer";
+import { LensRendererExtension as LensExtension } from "../lens-renderer-extension";
+
+export {
+  Catalog,
+  Component,
+  K8sApi,
+  Navigation,
+  Theme,
+  Ipc,
+  LensExtension,
+};
diff --git a/packages/core/src/extensions/renderer-api/k8s-api.ts b/packages/core/src/extensions/renderer-api/k8s-api.ts
new file mode 100644
index 0000000000..42b165602b
--- /dev/null
+++ b/packages/core/src/extensions/renderer-api/k8s-api.ts
@@ -0,0 +1,129 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { KubeResource } from "../../common/rbac";
+import { apiResourceRecord } from "../../common/rbac";
+import { getLegacyGlobalDiForExtensionApi } from "../as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import clusterRoleBindingApiInjectable from "../../common/k8s-api/endpoints/cluster-role-binding.api.injectable";
+import clusterRoleApiInjectable from "../../common/k8s-api/endpoints/cluster-role.api.injectable";
+import serviceAccountApiInjectable from "../../common/k8s-api/endpoints/service-account.api.injectable";
+import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
+import roleApiInjectable from "../../common/k8s-api/endpoints/role.api.injectable";
+import podApiInjectable from "../../common/k8s-api/endpoints/pod.api.injectable";
+import daemonSetApiInjectable from "../../common/k8s-api/endpoints/daemon-set.api.injectable";
+import replicaSetApiInjectable from "../../common/k8s-api/endpoints/replica-set.api.injectable";
+import statefulSetApiInjectable from "../../common/k8s-api/endpoints/stateful-set.api.injectable";
+import deploymentApiInjectable from "../../common/k8s-api/endpoints/deployment.api.injectable";
+import jobApiInjectable from "../../common/k8s-api/endpoints/job.api.injectable";
+import cronJobApiInjectable from "../../common/k8s-api/endpoints/cron-job.api.injectable";
+import nodeApiInjectable from "../../common/k8s-api/endpoints/node.api.injectable";
+import configMapApiInjectable from "../../common/k8s-api/endpoints/config-map.api.injectable";
+import secretApiInjectable from "../../common/k8s-api/endpoints/secret.api.injectable";
+import resourceQuotaApiInjectable from "../../common/k8s-api/endpoints/resource-quota.api.injectable";
+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";
+import networkPolicyApiInjectable from "../../common/k8s-api/endpoints/network-policy.api.injectable";
+import persistentVolumeApiInjectable from "../../common/k8s-api/endpoints/persistent-volume.api.injectable";
+import persistentVolumeClaimApiInjectable from "../../common/k8s-api/endpoints/persistent-volume-claim.api.injectable";
+import storageClassApiInjectable from "../../common/k8s-api/endpoints/storage-class.api.injectable";
+import namespaceApiInjectable from "../../common/k8s-api/endpoints/namespace.api.injectable";
+import kubeEventApiInjectable from "../../common/k8s-api/endpoints/events.api.injectable";
+import roleBindingApiInjectable from "../../common/k8s-api/endpoints/role-binding.api.injectable";
+import customResourceDefinitionApiInjectable from "../../common/k8s-api/endpoints/custom-resource-definition.api.injectable";
+import { shouldShowResourceInjectionToken } from "../../common/cluster-store/allowed-resources-injection-token";
+
+export function isAllowedResource(resources: KubeResource | KubeResource[]) {
+  const di = getLegacyGlobalDiForExtensionApi();
+
+  return [resources].flat().every((resourceName) => {
+    const resource = apiResourceRecord[resourceName];
+
+    if (!resource) {
+      return true;
+    }
+
+    const _isAllowedResource = di.inject(shouldShowResourceInjectionToken, {
+      apiName: resourceName,
+      group: resource.group,
+    });
+
+    // Note: Legacy isAllowedResource does not advertise reactivity
+    return _isAllowedResource.get();
+  });
+}
+
+export const serviceAccountsApi = asLegacyGlobalForExtensionApi(serviceAccountApiInjectable);
+export const clusterRoleApi = asLegacyGlobalForExtensionApi(clusterRoleApiInjectable);
+export const clusterRoleBindingApi = asLegacyGlobalForExtensionApi(clusterRoleBindingApiInjectable);
+export const roleApi = asLegacyGlobalForExtensionApi(roleApiInjectable);
+export const podsApi = asLegacyGlobalForExtensionApi(podApiInjectable);
+export const daemonSetApi = asLegacyGlobalForExtensionApi(daemonSetApiInjectable);
+export const replicaSetApi = asLegacyGlobalForExtensionApi(replicaSetApiInjectable);
+export const statefulSetApi = asLegacyGlobalForExtensionApi(statefulSetApiInjectable);
+export const deploymentApi = asLegacyGlobalForExtensionApi(deploymentApiInjectable);
+export const jobApi = asLegacyGlobalForExtensionApi(jobApiInjectable);
+export const cronJobApi = asLegacyGlobalForExtensionApi(cronJobApiInjectable);
+export const nodesApi = asLegacyGlobalForExtensionApi(nodeApiInjectable);
+export const secretsApi = asLegacyGlobalForExtensionApi(secretApiInjectable);
+export const configMapApi = asLegacyGlobalForExtensionApi(configMapApiInjectable);
+export const resourceQuotaApi = asLegacyGlobalForExtensionApi(resourceQuotaApiInjectable);
+export const limitRangeApi = asLegacyGlobalForExtensionApi(limitRangeApiInjectable);
+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);
+export const persistentVolumeApi = asLegacyGlobalForExtensionApi(persistentVolumeApiInjectable);
+export const pvcApi = asLegacyGlobalForExtensionApi(persistentVolumeClaimApiInjectable);
+export const storageClassApi = asLegacyGlobalForExtensionApi(storageClassApiInjectable);
+export const namespacesApi = asLegacyGlobalForExtensionApi(namespaceApiInjectable);
+export const eventApi = asLegacyGlobalForExtensionApi(kubeEventApiInjectable);
+export const roleBindingApi = asLegacyGlobalForExtensionApi(roleBindingApiInjectable);
+export const crdApi = asLegacyGlobalForExtensionApi(customResourceDefinitionApiInjectable);
+
+export * from "../common-api/k8s-api";
+
+export {
+  KubeObjectStatusLevel,
+  type KubeObjectStatus,
+} from "../../common/k8s-api/kube-object-status";
+
+// stores
+export type { EventStore } from "../../renderer/components/+events/store";
+export type { PodStore as PodsStore } from "../../renderer/components/+workloads-pods/store";
+export type { NodeStore as NodesStore } from "../../renderer/components/+nodes/store";
+export type { DeploymentStore } from "../../renderer/components/+workloads-deployments/store";
+export type { DaemonSetStore } from "../../renderer/components/+workloads-daemonsets/store";
+export type { StatefulSetStore } from "../../renderer/components/+workloads-statefulsets/store";
+export type { JobStore } from "../../renderer/components/+workloads-jobs/store";
+export type { CronJobStore } from "../../renderer/components/+workloads-cronjobs/store";
+export type { ConfigMapStore as ConfigMapsStore } from "../../renderer/components/+config-maps/store";
+export type { SecretStore as SecretsStore } from "../../renderer/components/+config-secrets/store";
+export type { ReplicaSetStore } from "../../renderer/components/+workloads-replicasets/store";
+export type { ResourceQuotaStore as ResourceQuotasStore } from "../../renderer/components/+config-resource-quotas/store";
+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/ingress-store";
+export type { IngressClassStore } from "../../renderer/components/+network-ingresses/ingress-class-store";
+export type { NetworkPolicyStore } from "../../renderer/components/+network-policies/store";
+export type { PersistentVolumeStore as PersistentVolumesStore } from "../../renderer/components/+storage-volumes/store";
+export type { PersistentVolumeClaimStore as VolumeClaimStore } from "../../renderer/components/+storage-volume-claims/store";
+export type { StorageClassStore } from "../../renderer/components/+storage-classes/store";
+export type { NamespaceStore } from "../../renderer/components/+namespaces/store";
+export type { ServiceAccountStore as ServiceAccountsStore } from "../../renderer/components/+user-management/+service-accounts/store";
+export type { RoleStore as RolesStore } from "../../renderer/components/+user-management/+roles/store";
+export type { RoleBindingStore as RoleBindingsStore } from "../../renderer/components/+user-management/+role-bindings/store";
+export type { CustomResourceDefinitionStore as CRDStore } from "../../renderer/components/+custom-resources/definition.store";
+export type { CustomResourceStore as CRDResourceStore } from "../../common/k8s-api/api-manager/resource.store";
diff --git a/packages/core/src/extensions/renderer-api/navigation.ts b/packages/core/src/extensions/renderer-api/navigation.ts
new file mode 100644
index 0000000000..ec7081c948
--- /dev/null
+++ b/packages/core/src/extensions/renderer-api/navigation.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 getDetailsUrlInjectable from "../../renderer/components/kube-detail-params/get-details-url.injectable";
+import hideDetailsInjectable from "../../renderer/components/kube-detail-params/hide-details.injectable";
+import showDetailsInjectable from "../../renderer/components/kube-detail-params/show-details.injectable";
+import createPageParamInjectable from "../../renderer/navigation/create-page-param.injectable";
+import isActiveRouteInjectable from "../../renderer/navigation/is-route-active.injectable";
+import navigateInjectable from "../../renderer/navigation/navigate.injectable";
+import { asLegacyGlobalFunctionForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api";
+
+export type { PageParamInit, PageParam } from "../../renderer/navigation/page-param";
+export type { URLParams } from "../../common/utils/buildUrl";
+
+export const getDetailsUrl = asLegacyGlobalFunctionForExtensionApi(getDetailsUrlInjectable);
+export const showDetails = asLegacyGlobalFunctionForExtensionApi(showDetailsInjectable);
+export const hideDetails = asLegacyGlobalFunctionForExtensionApi(hideDetailsInjectable);
+export const createPageParam = asLegacyGlobalFunctionForExtensionApi(createPageParamInjectable);
+export const isActiveRoute = asLegacyGlobalFunctionForExtensionApi(isActiveRouteInjectable);
+export const navigate = asLegacyGlobalFunctionForExtensionApi(navigateInjectable);
diff --git a/packages/core/src/extensions/renderer-api/theming.ts b/packages/core/src/extensions/renderer-api/theming.ts
new file mode 100644
index 0000000000..3e4c9fe97b
--- /dev/null
+++ b/packages/core/src/extensions/renderer-api/theming.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 activeThemeInjectable from "../../renderer/themes/active.injectable";
+import type { LensTheme } from "../../renderer/themes/lens-theme";
+import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
+
+export const activeTheme = asLegacyGlobalForExtensionApi(activeThemeInjectable);
+
+/**
+ * @deprecated This hides the reactivity of active theme, use {@link activeTheme} instead
+ */
+export function getActiveTheme() {
+  return activeTheme.get();
+}
+
+export type { LensTheme };
diff --git a/packages/core/src/extensions/renderer-extensions.injectable.ts b/packages/core/src/extensions/renderer-extensions.injectable.ts
new file mode 100644
index 0000000000..92c3037e01
--- /dev/null
+++ b/packages/core/src/extensions/renderer-extensions.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 { getInjectable } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import extensionsInjectable from "./extensions.injectable";
+import type { LensRendererExtension } from "./lens-renderer-extension";
+
+const rendererExtensionsInjectable = getInjectable({
+  id: "renderer-extensions",
+  instantiate: (di) => di.inject(extensionsInjectable) as IComputedValue<LensRendererExtension[]>,
+});
+
+export default rendererExtensionsInjectable;
diff --git a/packages/core/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap b/packages/core/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap
new file mode 100644
index 0000000000..ccf3a4153f
--- /dev/null
+++ b/packages/core/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap
@@ -0,0 +1,488 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="home-button"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </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 some-product-name!
+              </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://k8slens.dev/slack.html"
+                  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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        Some page
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      >
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap b/packages/core/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap
new file mode 100644
index 0000000000..b66ac6c4b3
--- /dev/null
+++ b/packages/core/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap
@@ -0,0 +1,1148 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`navigate to extension page renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="home-button"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </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 some-product-name!
+              </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://k8slens.dev/slack.html"
+                  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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        Child page
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      >
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/__snapshots__/navigating-between-routes.test.tsx.snap b/packages/core/src/features/__snapshots__/navigating-between-routes.test.tsx.snap
new file mode 100644
index 0000000000..98b22c8ec3
--- /dev/null
+++ b/packages/core/src/features/__snapshots__/navigating-between-routes.test.tsx.snap
@@ -0,0 +1,412 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        Some component
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      >
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap b/packages/core/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap
new file mode 100644
index 0000000000..28cdcc4b8d
--- /dev/null
+++ b/packages/core/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap
@@ -0,0 +1,572 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="home-button"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </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 some-product-name!
+              </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://k8slens.dev/slack.html"
+                  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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </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/getting-started/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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/add-cluster/navigation-using-application-menu.test.tsx b/packages/core/src/features/add-cluster/navigation-using-application-menu.test.tsx
new file mode 100644
index 0000000000..19b11672c9
--- /dev/null
+++ b/packages/core/src/features/add-cluster/navigation-using-application-menu.test.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 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("add-cluster - 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 add cluster page yet", () => {
+    const actual = rendered.queryByTestId("add-cluster-page");
+
+    expect(actual).toBeNull();
+  });
+
+  describe("when navigating to add cluster using application menu", () => {
+    beforeEach(async () => {
+      await applicationBuilder.applicationMenu.click(
+        "root",
+        "file",
+        "add-cluster",
+      );
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("shows add cluster page", () => {
+      const actual = rendered.getByTestId("add-cluster-page");
+
+      expect(actual).not.toBeNull();
+    });
+  });
+});
diff --git a/packages/core/src/features/application-menu/__snapshots__/application-menu.test.ts.snap b/packages/core/src/features/application-menu/__snapshots__/application-menu.test.ts.snap
new file mode 100644
index 0000000000..25ee762fea
--- /dev/null
+++ b/packages/core/src/features/application-menu/__snapshots__/application-menu.test.ts.snap
@@ -0,0 +1,132 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`application-menu, given platform is 'darwin' given enough time passes populates application menu 1`] = `
+Array [
+  "root",
+  "root -> mac",
+  "root -> mac -> about",
+  "root -> mac -> separator-1",
+  "root -> mac -> navigate-to-preferences",
+  "root -> mac -> navigate-to-extensions",
+  "root -> mac -> separator-2",
+  "root -> mac -> services",
+  "root -> mac -> separator-3",
+  "root -> mac -> hide",
+  "root -> mac -> hide-others",
+  "root -> mac -> unhide",
+  "root -> mac -> separator-4",
+  "root -> mac -> quit",
+  "root -> file",
+  "root -> file -> add-cluster",
+  "root -> file -> separator-1-for-file",
+  "root -> file -> close-window",
+  "root -> edit",
+  "root -> edit -> undo",
+  "root -> edit -> redo",
+  "root -> edit -> separator-1-in-edit",
+  "root -> edit -> cut",
+  "root -> edit -> copy",
+  "root -> edit -> paste",
+  "root -> edit -> delete",
+  "root -> edit -> separator-2-in-edit",
+  "root -> edit -> selectAll",
+  "root -> view",
+  "root -> view -> navigate-to-catalog",
+  "root -> view -> open-command-palette",
+  "root -> view -> separator-1-for-view",
+  "root -> view -> go-back",
+  "root -> view -> go-forward",
+  "root -> view -> reload",
+  "root -> view -> toggle-dev-tools",
+  "root -> view -> separator-2-for-view",
+  "root -> view -> reset-zoom",
+  "root -> view -> zoom-in",
+  "root -> view -> zoom-out",
+  "root -> view -> separator-3-for-view",
+  "root -> view -> toggle-full-screen",
+  "root -> help",
+  "root -> help -> navigate-to-welcome",
+  "root -> help -> open-documentation",
+  "root -> help -> open-support",
+]
+`;
+
+exports[`application-menu, given platform is 'linux' given enough time passes populates application menu 1`] = `
+Array [
+  "root",
+  "root -> file",
+  "root -> file -> add-cluster",
+  "root -> file -> navigate-to-preferences",
+  "root -> file -> navigate-to-extensions",
+  "root -> file -> quit",
+  "root -> edit",
+  "root -> edit -> undo",
+  "root -> edit -> redo",
+  "root -> edit -> separator-1-in-edit",
+  "root -> edit -> cut",
+  "root -> edit -> copy",
+  "root -> edit -> paste",
+  "root -> edit -> delete",
+  "root -> edit -> separator-2-in-edit",
+  "root -> edit -> selectAll",
+  "root -> view",
+  "root -> view -> navigate-to-catalog",
+  "root -> view -> open-command-palette",
+  "root -> view -> separator-1-for-view",
+  "root -> view -> go-back",
+  "root -> view -> go-forward",
+  "root -> view -> reload",
+  "root -> view -> toggle-dev-tools",
+  "root -> view -> separator-2-for-view",
+  "root -> view -> reset-zoom",
+  "root -> view -> zoom-in",
+  "root -> view -> zoom-out",
+  "root -> view -> separator-3-for-view",
+  "root -> view -> toggle-full-screen",
+  "root -> help",
+  "root -> help -> navigate-to-welcome",
+  "root -> help -> open-documentation",
+  "root -> help -> open-support",
+  "root -> help -> about",
+]
+`;
+
+exports[`application-menu, given platform is 'win32' given enough time passes populates application menu 1`] = `
+Array [
+  "root",
+  "root -> file",
+  "root -> file -> add-cluster",
+  "root -> file -> navigate-to-preferences",
+  "root -> file -> navigate-to-extensions",
+  "root -> file -> quit",
+  "root -> edit",
+  "root -> edit -> undo",
+  "root -> edit -> redo",
+  "root -> edit -> separator-1-in-edit",
+  "root -> edit -> cut",
+  "root -> edit -> copy",
+  "root -> edit -> paste",
+  "root -> edit -> delete",
+  "root -> edit -> separator-2-in-edit",
+  "root -> edit -> selectAll",
+  "root -> view",
+  "root -> view -> navigate-to-catalog",
+  "root -> view -> open-command-palette",
+  "root -> view -> separator-1-for-view",
+  "root -> view -> go-back",
+  "root -> view -> go-forward",
+  "root -> view -> reload",
+  "root -> view -> toggle-dev-tools",
+  "root -> view -> separator-2-for-view",
+  "root -> view -> reset-zoom",
+  "root -> view -> zoom-in",
+  "root -> view -> zoom-out",
+  "root -> view -> separator-3-for-view",
+  "root -> view -> toggle-full-screen",
+  "root -> help",
+  "root -> help -> navigate-to-welcome",
+  "root -> help -> open-documentation",
+  "root -> help -> open-support",
+  "root -> help -> about",
+]
+`;
diff --git a/packages/core/src/features/application-menu/application-menu-in-legacy-extension-api.test.ts b/packages/core/src/features/application-menu/application-menu-in-legacy-extension-api.test.ts
new file mode 100644
index 0000000000..888f89f251
--- /dev/null
+++ b/packages/core/src/features/application-menu/application-menu-in-legacy-extension-api.test.ts
@@ -0,0 +1,226 @@
+/**
+ * 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 { noop } from "lodash/fp";
+import { 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 type { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
+import applicationMenuItemInjectionToken from "./main/menu-items/application-menu-item-injection-token";
+import logErrorInjectable from "../../common/log-error.injectable";
+
+describe("application-menu-in-legacy-extension-api", () => {
+  let builder: ApplicationBuilder;
+  let logErrorMock: jest.Mock;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart(
+      (mainDi) => {
+        runInAction(() => {
+          mainDi.register(
+            someTopMenuItemInjectable,
+            someNonExtensionBasedMenuItemInjectable,
+          );
+        });
+
+        logErrorMock = jest.fn();
+
+        mainDi.override(logErrorInjectable, () => logErrorMock);
+      },
+    );
+
+    await builder.startHidden();
+  });
+
+  describe("when extension with application menu items is enabled", () => {
+    let onClickMock: jest.Mock;
+    let testExtensionOptions: FakeExtensionOptions;
+
+    beforeEach(() => {
+      onClickMock = jest.fn();
+
+      testExtensionOptions = {
+        id: "some-test-extension",
+        name: "some-extension-name",
+
+        mainOptions: {
+          appMenus: [
+            {
+              id: "some-non-shown-item",
+              parentId: "some-top-menu-item",
+              click: noop,
+              label: "Irrelevant",
+              visible: false,
+            },
+
+            {
+              id: "some-clickable-item",
+              parentId: "some-top-menu-item",
+              click: onClickMock,
+            },
+
+            {
+              parentId: "some-top-menu-item",
+              type: "separator",
+            },
+
+            {
+              id: "some-os-action-menu-item-id",
+              parentId: "some-top-menu-item",
+              role: "help",
+            },
+
+            {
+              id: "some-submenu-with-explicit-children",
+              parentId: "some-top-menu-item",
+
+              submenu: [
+                { id: "some-explicit-child", label: "Some explicit child", click: noop },
+              ],
+            },
+          ],
+        },
+      };
+
+      builder.extensions.enable(testExtensionOptions);
+    });
+
+    it("related menu items exist", () => {
+      const menuItemPathsForExtension = builder.applicationMenu.items.filter(
+        (x) =>
+          x.join(".").startsWith("root.some-top-menu-item.some-extension-name"),
+      );
+
+      expect(menuItemPathsForExtension).toEqual([
+        ["root", "some-top-menu-item", "some-extension-name/some-clickable-item"],
+        // Note: anonymous index "1" is used by the non-visible menu item.
+        ["root", "some-top-menu-item", "some-extension-name/2-separator"],
+        ["root", "some-top-menu-item", "some-extension-name/some-os-action-menu-item-id"],
+        ["root", "some-top-menu-item", "some-extension-name/some-submenu-with-explicit-children"],
+        ["root", "some-top-menu-item", "some-extension-name/some-submenu-with-explicit-children", "some-extension-name/some-submenu-with-explicit-children/some-explicit-child"],
+      ]);
+    });
+
+    it("when the extension-based clickable menu item is clicked, does so", () => {
+      builder.applicationMenu.click(
+        "root", "some-top-menu-item", "some-extension-name/some-clickable-item",
+      );
+
+      expect(onClickMock).toHaveBeenCalled();
+    });
+
+    describe("when the extension is disabled", () => {
+      beforeEach(() => {
+        builder.extensions.disable(testExtensionOptions);
+      });
+
+      it("when related menu items no longer exist", () => {
+        const menuItemPathsForExtension = builder.applicationMenu.items.filter(
+          (x) =>
+            x.join(".").startsWith("root.some-top-menu-item.some-extension-name"),
+        );
+
+        expect(menuItemPathsForExtension).toEqual([]);
+      });
+
+      it("when the extension is enabled again, also related menu items exist again", () => {
+        builder.extensions.enable(testExtensionOptions);
+
+        const menuItemPathsForExtension = builder.applicationMenu.items.filter(
+          (x) =>
+            x.join(".").startsWith("root.some-top-menu-item.some-extension-name"),
+        );
+
+        expect(menuItemPathsForExtension).toEqual([
+          ["root", "some-top-menu-item", "some-extension-name/some-clickable-item"],
+          ["root", "some-top-menu-item", "some-extension-name/2-separator"],
+          ["root", "some-top-menu-item", "some-extension-name/some-os-action-menu-item-id"],
+          ["root", "some-top-menu-item", "some-extension-name/some-submenu-with-explicit-children"],
+          ["root", "some-top-menu-item", "some-extension-name/some-submenu-with-explicit-children", "some-extension-name/some-submenu-with-explicit-children/some-explicit-child"],
+        ]);
+      });
+    });
+  });
+
+  describe("when extension with unrecognizable application menu items is enabled", () => {
+
+    beforeEach(() => {
+      const testExtensionOptions: FakeExtensionOptions = {
+        id: "some-test-extension",
+        name: "some-extension-name",
+
+        mainOptions: {
+          appMenus: [
+            {
+              id: "some-recognizable-item",
+              parentId: "some-top-menu-item",
+              click: noop,
+            },
+
+            {
+              id: "some-unrecognizable-item",
+              parentId: "some-top-menu-item",
+              // Note: there is no way to recognize this
+              // click: noop,
+              // role: "help"
+              // submenu: []
+              // type: "separator"
+            },
+          ],
+        },
+      };
+
+      builder.extensions.enable(testExtensionOptions);
+    });
+
+    it("only recognizable menu items from extension exist", () => {
+      const menuItemPathsForExtension = builder.applicationMenu.items.filter(
+        (x) =>
+          x.join(".").startsWith("root.some-top-menu-item.some-extension-name"),
+      );
+
+      expect(menuItemPathsForExtension).toEqual([
+        ["root", "some-top-menu-item", "some-extension-name/some-recognizable-item"],
+      ]);
+    });
+
+    it("logs about the unrecognizable item", () => {
+      expect(logErrorMock).toHaveBeenCalledWith(
+        '[MENU]: Tried to register menu item "some-extension-name/some-unrecognizable-item" but it is not recognizable as any of ApplicationMenuItemTypes',
+      );
+    });
+  });
+});
+
+const someTopMenuItemInjectable = getInjectable({
+  id: "some-top-menu-item",
+
+  instantiate: () => ({
+    id: "some-top-menu-item",
+    parentId: "root" as const,
+    kind: "top-level-menu" as const,
+    label: "Some existing root menu item",
+    orderNumber: 42,
+  }),
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+const someNonExtensionBasedMenuItemInjectable = getInjectable({
+  id: "some-non-extension-based-menu-item",
+
+  instantiate: () => ({
+    id: "some-non-extension-based-menu-item",
+    parentId: "some-top-menu-item",
+    kind: "clickable-menu-item" as const,
+    label: "Some menu item",
+    onClick: () => {},
+    orderNumber: 42,
+  }),
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
diff --git a/packages/core/src/features/application-menu/application-menu.test.ts b/packages/core/src/features/application-menu/application-menu.test.ts
new file mode 100644
index 0000000000..0db35db744
--- /dev/null
+++ b/packages/core/src/features/application-menu/application-menu.test.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 type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import populateApplicationMenuInjectable from "./main/populate-application-menu.injectable";
+import { advanceFakeTime, testUsingFakeTime } from "../../common/test-utils/use-fake-time";
+import { getCompositePaths } from "../../common/utils/composite/get-composite-paths/get-composite-paths";
+import platformInjectable, { allPlatforms } from "../../common/vars/platform.injectable";
+
+describe.each(allPlatforms)("application-menu, given platform is '%s'", (platform) => {
+  let builder: ApplicationBuilder;
+  let populateApplicationMenuMock: jest.Mock;
+
+  beforeEach(async () => {
+    testUsingFakeTime();
+
+    populateApplicationMenuMock = jest.fn();
+
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(platformInjectable, () => platform);
+
+      mainDi.override(
+        populateApplicationMenuInjectable,
+        () => populateApplicationMenuMock,
+      );
+    });
+
+    await builder.startHidden();
+  });
+
+  it("when insufficient time passes, does not populate menu items yet", () => {
+    advanceFakeTime(99);
+
+    expect(populateApplicationMenuMock).not.toHaveBeenCalled();
+  });
+
+  describe("given enough time passes", () => {
+    let applicationMenuPaths: string[][];
+
+    beforeEach(() => {
+      advanceFakeTime(100);
+      applicationMenuPaths = getCompositePaths(
+        populateApplicationMenuMock.mock.calls[0][0],
+      );
+    });
+
+    it("populates application menu with at least something", () => {
+      expect(applicationMenuPaths.length).toBeGreaterThan(0);
+    });
+
+    it("populates application menu", () => {
+      expect(applicationMenuPaths.map(x => x.join(" -> "))).toMatchSnapshot();
+    });
+  });
+});
diff --git a/packages/core/src/features/application-menu/handling-of-orphan-application-menu-items.test.ts b/packages/core/src/features/application-menu/handling-of-orphan-application-menu-items.test.ts
new file mode 100644
index 0000000000..7f35861a45
--- /dev/null
+++ b/packages/core/src/features/application-menu/handling-of-orphan-application-menu-items.test.ts
@@ -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 { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import populateApplicationMenuInjectable from "./main/populate-application-menu.injectable";
+import { advanceFakeTime, testUsingFakeTime } from "../../common/test-utils/use-fake-time";
+import { getCompositePaths } from "../../common/utils/composite/get-composite-paths/get-composite-paths";
+import { getInjectable } from "@ogre-tools/injectable";
+import applicationMenuItemInjectionToken from "./main/menu-items/application-menu-item-injection-token";
+import { runInAction } from "mobx";
+import logErrorInjectable from "../../common/log-error.injectable";
+
+describe("handling-of-orphan-application-menu-items, given orphan menu item", () => {
+  let builder: ApplicationBuilder;
+  let populateApplicationMenuMock: jest.Mock;
+  let logErrorMock: jest.Mock;
+
+  beforeEach(async () => {
+    testUsingFakeTime();
+
+    populateApplicationMenuMock = jest.fn();
+    logErrorMock = jest.fn();
+
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart((mainDi) => {
+      const someOrphanMenuItemInjectable = getInjectable({
+        id: "some-orphan-menu-item",
+        instantiate: () => ({
+          kind: "sub-menu" as const,
+          id: "some-item-id",
+          // Note: unknown id makes this item an orphan.
+          parentId: "some-unknown-parent-id",
+          orderNumber: 0,
+          label: "irrelevant",
+        }),
+
+        injectionToken: applicationMenuItemInjectionToken,
+      });
+
+      runInAction(() => {
+        mainDi.register(someOrphanMenuItemInjectable);
+      });
+
+      mainDi.override(logErrorInjectable, () => logErrorMock);
+
+      mainDi.override(
+        populateApplicationMenuInjectable,
+        () => populateApplicationMenuMock,
+      );
+    });
+
+    await builder.startHidden();
+  });
+
+  describe("given some time passes", () => {
+    let applicationMenuPaths: string[][];
+
+    beforeEach(() => {
+      advanceFakeTime(100);
+
+      applicationMenuPaths = getCompositePaths(
+        populateApplicationMenuMock.mock.calls[0][0],
+      );
+    });
+
+    it("keeps showing the other application menu items without throwing", () => {
+      expect(applicationMenuPaths.length).toBeGreaterThan(0);
+    });
+
+    it("does not show orphan application menu item", () => {
+      expect(applicationMenuPaths.find(x => x.join(".").endsWith("some-item-id")));
+    });
+
+    it("logs about bad menu item", () => {
+      expect(logErrorMock).toHaveBeenCalledWith('[MENU]: cannot render menu item for missing parentIds: "some-unknown-parent-id"');
+    });
+  });
+});
diff --git a/packages/core/src/features/application-menu/main/application-menu-item-composite.injectable.ts b/packages/core/src/features/application-menu/main/application-menu-item-composite.injectable.ts
new file mode 100644
index 0000000000..b9012fb67b
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/application-menu-item-composite.injectable.ts
@@ -0,0 +1,64 @@
+/**
+ * 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 applicationMenuItemsInjectable from "./application-menu-items.injectable";
+import type { Composite } from "../../../common/utils/composite/get-composite/get-composite";
+import { getCompositeFor } from "../../../common/utils/composite/get-composite/get-composite";
+import { computed } from "mobx";
+import { pipeline } from "@ogre-tools/fp";
+import type { ApplicationMenuItemTypes } from "./menu-items/application-menu-item-injection-token";
+import type { RootComposite } from "../../../common/utils/composite/interfaces";
+import type { Discriminable } from "../../../common/utils/composable-responsibilities/discriminable/discriminable";
+import { orderByOrderNumber } from "../../../common/utils/composable-responsibilities/orderable/orderable";
+import logErrorInjectable from "../../../common/log-error.injectable";
+import { isShown } from "../../../common/utils/composable-responsibilities/showable/showable";
+
+export type MenuItemRoot = Discriminable<"root"> & RootComposite<"root">;
+
+const applicationMenuItemCompositeInjectable = getInjectable({
+  id: "application-menu-item-composite",
+
+  instantiate: (di) => {
+    const menuItems = di.inject(applicationMenuItemsInjectable);
+    const logError = di.inject(logErrorInjectable);
+
+    return computed((): Composite<ApplicationMenuItemTypes | MenuItemRoot> => {
+      const items = menuItems.get();
+
+      return pipeline(
+        [
+          {
+            parentId: undefined,
+            id: "root",
+            kind: "root",
+          } as const,
+
+          ...items,
+        ],
+
+        getCompositeFor({
+          getId: (x) => x.id,
+          getParentId: (x) => x.parentId,
+          transformChildren: (children) =>
+            pipeline(
+              children,
+              orderByOrderNumber,
+              (children) => children.filter(isShown),
+            ),
+
+          handleMissingParentIds: ({ missingParentIds }) => {
+            logError(
+              `[MENU]: cannot render menu item for missing parentIds: "${missingParentIds.join(
+                '", "',
+              )}"`,
+            );
+          },
+        }),
+      );
+    });
+  },
+});
+
+export default applicationMenuItemCompositeInjectable;
diff --git a/packages/core/src/features/application-menu/main/application-menu-item-registrator.injectable.ts b/packages/core/src/features/application-menu/main/application-menu-item-registrator.injectable.ts
new file mode 100644
index 0000000000..8c3d635db0
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/application-menu-item-registrator.injectable.ts
@@ -0,0 +1,158 @@
+/**
+ * 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 { extensionRegistratorInjectionToken } from "../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { LensExtension } from "../../../extensions/lens-extension";
+import type { LensMainExtension } from "../../../extensions/lens-main-extension";
+import type {
+  ApplicationMenuItemTypes,
+  ClickableMenuItem,
+  OsActionMenuItem,
+  Separator,
+} from "./menu-items/application-menu-item-injection-token";
+import applicationMenuItemInjectionToken from "./menu-items/application-menu-item-injection-token";
+import type { MenuRegistration } from "./menu-registration";
+import logErrorInjectable from "../../../common/log-error.injectable";
+
+const applicationMenuItemRegistratorInjectable = getInjectable({
+  id: "application-menu-item-registrator",
+
+  instantiate: (di) => {
+    const logError = di.inject(logErrorInjectable);
+    const toRecursedInjectables = toRecursedInjectablesFor(logError);
+
+    return (ext: LensExtension) => {
+      const extension = ext as LensMainExtension;
+
+      return extension.appMenus.flatMap(
+        toRecursedInjectables([extension.sanitizedExtensionId]),
+      );
+    };
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default applicationMenuItemRegistratorInjectable;
+
+const toRecursedInjectablesFor = (logError: (errorMessage: string) => void) => {
+  const toRecursedInjectables = (previousIdPath: string[]) =>
+    (
+      registration: MenuRegistration,
+      index: number,
+      // Todo: new version of injectable would require less type parameters with defaults.
+    ): Injectable<
+      ApplicationMenuItemTypes,
+      ApplicationMenuItemTypes,
+      void
+      >[] => {
+      const previousIdPathString = previousIdPath.join("/");
+      const registrationId = registration.id || index.toString();
+      const currentIdPath = [...previousIdPath, registrationId];
+      const currentIdPathString = currentIdPath.join("/");
+      const parentId = registration.parentId || previousIdPathString;
+
+      const menuItem = getApplicationMenuItem({
+        registration,
+        parentId,
+        currentIdPathString,
+        index,
+      });
+
+      if (!menuItem) {
+        logError(`[MENU]: Tried to register menu item "${currentIdPathString}" but it is not recognizable as any of ApplicationMenuItemTypes`);
+
+        return [];
+      }
+
+      return [
+        getInjectable({
+          id: `${currentIdPathString}/application-menu-item`,
+
+          instantiate: () => menuItem,
+
+          injectionToken: applicationMenuItemInjectionToken,
+        }),
+
+        ...((registration.submenu as MenuRegistration[])
+          ? (registration.submenu as MenuRegistration[]).flatMap(
+            toRecursedInjectables(currentIdPath),
+          )
+          : []),
+      ];
+    };
+
+  return toRecursedInjectables;
+};
+
+const getApplicationMenuItem = ({
+  registration,
+  index,
+  currentIdPathString,
+  parentId,
+}: {
+  registration: MenuRegistration;
+  index: number;
+  currentIdPathString: string;
+  parentId: string;
+}): ApplicationMenuItemTypes | undefined => {
+  const orderNumber = 1000 + index * 10;
+
+  if (registration.type === "separator") {
+    return {
+      kind: "separator" as const,
+      id: `${currentIdPathString}-separator`,
+      parentId,
+      orderNumber,
+    } as Separator;
+  }
+
+  if (registration.submenu) {
+    return {
+      kind: "sub-menu" as const,
+      id: currentIdPathString,
+      parentId,
+      isShown: registration.visible ?? true,
+      orderNumber,
+      label: registration.label || "",
+    };
+  }
+
+  if (registration.click) {
+    return {
+      kind: "clickable-menu-item" as const,
+      id: currentIdPathString,
+      parentId,
+      // Todo: hide electron events from this abstraction.
+      onClick: registration.click,
+      label: registration.label,
+      isShown: registration.visible ?? true,
+      orderNumber,
+
+      ...(registration.accelerator
+        ? { keyboardShortcut: registration.accelerator as string }
+        : {}),
+    } as ClickableMenuItem;
+  }
+
+  if (registration.role) {
+    return {
+      kind: "os-action-menu-item" as const,
+      id: currentIdPathString,
+      parentId,
+      label: registration.label,
+      isShown: registration.visible ?? true,
+      orderNumber,
+      actionName: registration.role,
+
+      ...(registration.accelerator
+        ? { keyboardShortcut: registration.accelerator as string }
+        : {}),
+    } as OsActionMenuItem;
+  }
+
+  return undefined;
+};
diff --git a/packages/core/src/features/application-menu/main/application-menu-items.injectable.ts b/packages/core/src/features/application-menu/main/application-menu-items.injectable.ts
new file mode 100644
index 0000000000..7cb8cd3ef4
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/application-menu-items.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 { MenuItemConstructorOptions } from "electron";
+import { computed } from "mobx";
+import applicationMenuItemInjectionToken from "./menu-items/application-menu-item-injection-token";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+
+export interface MenuItemOpts extends MenuItemConstructorOptions {
+  submenu?: MenuItemConstructorOptions[];
+}
+
+const applicationMenuItemsInjectable = getInjectable({
+  id: "application-menu-items",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+
+    return computed(() =>
+      computedInjectMany(applicationMenuItemInjectionToken).get(),
+    );
+  },
+});
+
+
+export default applicationMenuItemsInjectable;
diff --git a/packages/core/src/features/application-menu/main/application-menu-reactivity.injectable.ts b/packages/core/src/features/application-menu/main/application-menu-reactivity.injectable.ts
new file mode 100644
index 0000000000..80bfd108fd
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/application-menu-reactivity.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 { autorun } from "mobx";
+import { getStartableStoppable } from "../../../common/utils/get-startable-stoppable";
+import populateApplicationMenuInjectable from "./populate-application-menu.injectable";
+import applicationMenuItemCompositeInjectable from "./application-menu-item-composite.injectable";
+
+const applicationMenuReactivityInjectable = getInjectable({
+  id: "application-menu-reactivity",
+
+  instantiate: (di) => {
+    const applicationMenuItemComposite = di.inject(applicationMenuItemCompositeInjectable);
+    const populateApplicationMenu = di.inject(populateApplicationMenuInjectable);
+
+    return getStartableStoppable(
+      "application-menu-reactivity",
+      () => autorun(() => populateApplicationMenu(applicationMenuItemComposite.get()), {
+        delay: 100,
+      }),
+    );
+  },
+});
+
+export default applicationMenuReactivityInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/application-menu-item-injection-token.ts b/packages/core/src/features/application-menu/main/menu-items/application-menu-item-injection-token.ts
new file mode 100644
index 0000000000..b90e5e1612
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/application-menu-item-injection-token.ts
@@ -0,0 +1,91 @@
+/**
+ * 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 { BrowserWindow, KeyboardEvent, MenuItemConstructorOptions, MenuItem as ElectronMenuItem } from "electron";
+import type { SetOptional } from "type-fest";
+import type { ChildOfParentComposite, ParentOfChildComposite } from "../../../../common/utils/composite/interfaces";
+import type { MaybeShowable } from "../../../../common/utils/composable-responsibilities/showable/showable";
+import type { Discriminable } from "../../../../common/utils/composable-responsibilities/discriminable/discriminable";
+import type { Orderable } from "../../../../common/utils/composable-responsibilities/orderable/orderable";
+
+export interface MayHaveKeyboardShortcut {
+  keyboardShortcut?: string;
+}
+
+export interface ElectronClickable {
+  // TODO: This leaky abstraction is exposed in Extension API, therefore cannot be updated
+  onClick: (menuItem: ElectronMenuItem, browserWindow: (BrowserWindow) | (undefined), event: KeyboardEvent) => void;
+}
+
+export interface Labeled {
+  label: string;
+}
+
+export interface MaybeLabeled extends SetOptional<Labeled, "label"> {}
+
+type ApplicationMenuItemType<T extends string> =
+  // Note: "kind" is being used for Discriminated unions of TypeScript to achieve type narrowing.
+  // See: https://www.typescriptlang.org/docs/handbook/2/narrowing.html#discriminated-unions
+  & Discriminable<T>
+  & ParentOfChildComposite
+  & ChildOfParentComposite
+  & MaybeShowable
+  & Orderable;
+
+export type TopLevelMenu =
+  & ApplicationMenuItemType<"top-level-menu">
+  & { parentId: "root" }
+  & Labeled
+  & MayHaveElectronRole;
+
+interface MayHaveElectronRole {
+  role?: ElectronRoles;
+}
+
+type ElectronRoles = Exclude<MenuItemConstructorOptions["role"], undefined>;
+
+export type SubMenu =
+  & ApplicationMenuItemType<"sub-menu">
+  & Labeled
+  & ChildOfParentComposite;
+
+export type ClickableMenuItem =
+  & ApplicationMenuItemType<"clickable-menu-item">
+  & MenuItem
+  & Labeled
+  & ElectronClickable;
+
+export type OsActionMenuItem =
+  & ApplicationMenuItemType<"os-action-menu-item">
+  & MenuItem
+  & MaybeLabeled
+  & TriggersElectronAction;
+
+type MenuItem =
+  & ChildOfParentComposite
+  & MayHaveKeyboardShortcut;
+
+interface TriggersElectronAction {
+  actionName: ElectronRoles;
+}
+
+// Todo: SeparatorMenuItem
+export type Separator =
+  & ApplicationMenuItemType<"separator">
+  & ChildOfParentComposite;
+
+export type ApplicationMenuItemTypes =
+  | TopLevelMenu
+  | SubMenu
+  | OsActionMenuItem
+  | ClickableMenuItem
+  | Separator
+;
+
+const applicationMenuItemInjectionToken = getInjectionToken<ApplicationMenuItemTypes>({
+  id: "application-menu-item-injection-token",
+});
+
+export default applicationMenuItemInjectionToken;
diff --git a/packages/core/src/features/application-menu/main/menu-items/edit/edit-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/edit/edit-menu-item.injectable.ts
new file mode 100644
index 0000000000..f62a4221ac
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/edit/edit-menu-item.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 applicationMenuItemInjectionToken from "../application-menu-item-injection-token";
+
+const editMenuItemInjectable = getInjectable({
+  id: "edit-application-menu-item",
+
+  instantiate: () => ({
+    kind: "top-level-menu" as const,
+    id: "edit",
+    parentId: "root" as const,
+    orderNumber: 30,
+    label: "Edit",
+  }),
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default editMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/edit/operation-system-actions/operation-system-actions.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/edit/operation-system-actions/operation-system-actions.injectable.ts
new file mode 100644
index 0000000000..aea229cc68
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/edit/operation-system-actions/operation-system-actions.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 { getApplicationMenuOperationSystemActionInjectable } from "../../get-application-menu-operation-system-action-injectable";
+import { getApplicationMenuSeparatorInjectable } from "../../get-application-menu-separator-injectable";
+
+export const actionForUndo = getApplicationMenuOperationSystemActionInjectable({
+  id: "undo",
+  parentId: "edit",
+  orderNumber: 10,
+  actionName: "undo",
+});
+
+export const actionForRedo = getApplicationMenuOperationSystemActionInjectable({
+  id: "redo",
+  parentId: "edit",
+  orderNumber: 20,
+  actionName: "redo",
+});
+
+export const separator1 = getApplicationMenuSeparatorInjectable({
+  id: "separator-1-in-edit",
+  parentId: "edit",
+  orderNumber: 30,
+});
+
+export const actionForCut = getApplicationMenuOperationSystemActionInjectable({
+  id: "cut",
+  parentId: "edit",
+  orderNumber: 40,
+  actionName: "cut",
+});
+
+export const actionForCopy = getApplicationMenuOperationSystemActionInjectable({
+  id: "copy",
+  parentId: "edit",
+  orderNumber: 50,
+  actionName: "copy",
+});
+
+export const actionForPaste = getApplicationMenuOperationSystemActionInjectable({
+  id: "paste",
+  parentId: "edit",
+  orderNumber: 60,
+  actionName: "paste",
+});
+
+export const actionForDelete = getApplicationMenuOperationSystemActionInjectable({
+  id: "delete",
+  parentId: "edit",
+  orderNumber: 70,
+  actionName: "delete",
+});
+
+export const separator2 = getApplicationMenuSeparatorInjectable({
+  id: "separator-2-in-edit",
+  parentId: "edit",
+  orderNumber: 80,
+});
+
+export const actionForSelectAll = getApplicationMenuOperationSystemActionInjectable({
+  id: "selectAll",
+  parentId: "edit",
+  orderNumber: 90,
+  actionName: "selectAll",
+});
+
diff --git a/packages/core/src/features/application-menu/main/menu-items/file/add-cluster/add-cluster-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/file/add-cluster/add-cluster-menu-item.injectable.ts
new file mode 100644
index 0000000000..78c7201ca6
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/file/add-cluster/add-cluster-menu-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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import navigateToAddClusterInjectable from "../../../../../../common/front-end-routing/routes/add-cluster/navigate-to-add-cluster.injectable";
+
+const addClusterMenuItemInjectable = getInjectable({
+  id: "add-cluster-application-menu-item",
+
+  instantiate: (di) => {
+    const navigateToAddCluster = di.inject(navigateToAddClusterInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      parentId: "file",
+      id: "add-cluster",
+      orderNumber: 10,
+      label: "Add Cluster",
+      keyboardShortcut: "CmdOrCtrl+Shift+A",
+
+      onClick: () => {
+        navigateToAddCluster();
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default addClusterMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/file/close-window/close-window-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/file/close-window/close-window-menu-item.injectable.ts
new file mode 100644
index 0000000000..745adb55df
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/file/close-window/close-window-menu-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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import isMacInjectable from "../../../../../../common/vars/is-mac.injectable";
+
+const closeWindowMenuItemInjectable = getInjectable({
+  id: "close-window-application-menu-item",
+
+  instantiate: (di) => {
+    const isMac = di.inject(isMacInjectable);
+
+    return {
+      id: "close-window",
+      kind: "os-action-menu-item" as const,
+      parentId: "file",
+      orderNumber: 60,
+      actionName: "close" as const,
+      label: "Close Window",
+      keyboardShortcut: "Shift+Cmd+W",
+      isShown: isMac,
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default closeWindowMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/file/file-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/file/file-menu-item.injectable.ts
new file mode 100644
index 0000000000..dce2bb5cef
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/file/file-menu-item.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 applicationMenuItemInjectionToken from "../application-menu-item-injection-token";
+
+const fileMenuItemInjectable = getInjectable({
+  id: "file-application-menu-item",
+
+  instantiate: () => ({
+    kind: "top-level-menu" as const,
+    id: "file",
+    parentId: "root" as const,
+    orderNumber: 20,
+    label: "File",
+  }),
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default fileMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/file/separators/separators.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/file/separators/separators.injectable.ts
new file mode 100644
index 0000000000..a0f2cbe5d8
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/file/separators/separators.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 {
+  getApplicationMenuSeparatorInjectable,
+} from "../../get-application-menu-separator-injectable";
+
+export const separator1 = getApplicationMenuSeparatorInjectable({
+  id: "separator-1-for-file",
+  parentId: "file",
+  orderNumber: 20,
+  isShownOnlyOnMac: true,
+});
diff --git a/packages/core/src/features/application-menu/main/menu-items/get-application-menu-operation-system-action-injectable.ts b/packages/core/src/features/application-menu/main/menu-items/get-application-menu-operation-system-action-injectable.ts
new file mode 100644
index 0000000000..ebe6a6865e
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/get-application-menu-operation-system-action-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 { OsActionMenuItem } from "./application-menu-item-injection-token";
+import applicationMenuItemInjectionToken from "./application-menu-item-injection-token";
+
+const getApplicationMenuOperationSystemActionInjectable = ({
+  id,
+  ...rest
+}: Omit<OsActionMenuItem, "kind" >) =>
+  getInjectable({
+    id: `application-menu-operation-system-action/${id}`,
+
+    instantiate: () => ({
+      ...rest,
+      id,
+      kind: "os-action-menu-item" as const,
+    }),
+
+    injectionToken: applicationMenuItemInjectionToken,
+  });
+
+export { getApplicationMenuOperationSystemActionInjectable };
diff --git a/packages/core/src/features/application-menu/main/menu-items/get-application-menu-separator-injectable.ts b/packages/core/src/features/application-menu/main/menu-items/get-application-menu-separator-injectable.ts
new file mode 100644
index 0000000000..d9eb1677cc
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/get-application-menu-separator-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 type { Separator } from "./application-menu-item-injection-token";
+import applicationMenuItemInjectionToken from "./application-menu-item-injection-token";
+import isMacInjectable from "../../../../common/vars/is-mac.injectable";
+
+const getApplicationMenuSeparatorInjectable = ({
+  id,
+  isShownOnlyOnMac = false,
+  ...rest
+}: { isShownOnlyOnMac?: boolean } & Omit<
+  Separator,
+  "kind" | "isShown"
+>) =>
+  getInjectable({
+    id: `application-menu-separator/${id}`,
+
+    instantiate: (di) => {
+      const isMac = di.inject(isMacInjectable);
+      const isShown = isShownOnlyOnMac ? isMac : true;
+
+      return {
+        ...rest,
+        id,
+        kind: "separator" as const,
+        isShown,
+      };
+    },
+
+    injectionToken: applicationMenuItemInjectionToken,
+  });
+
+export { getApplicationMenuSeparatorInjectable };
diff --git a/packages/core/src/features/application-menu/main/menu-items/help/help-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/help/help-menu-item.injectable.ts
new file mode 100644
index 0000000000..5b83115362
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/help/help-menu-item.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 applicationMenuItemInjectionToken from "../application-menu-item-injection-token";
+
+const helpMenuItemInjectable = getInjectable({
+  id: "help-application-menu-item",
+
+  instantiate: () => ({
+    kind: "top-level-menu" as const,
+    id: "help",
+    parentId: "root" as const,
+    orderNumber: 50,
+    label: "Help",
+    role: "help" as const,
+  }),
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default helpMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/help/navigate-to-welcome/navigate-to-extensions-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/help/navigate-to-welcome/navigate-to-extensions-menu-item.injectable.ts
new file mode 100644
index 0000000000..10100ecb4c
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/help/navigate-to-welcome/navigate-to-extensions-menu-item.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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import navigateToWelcomeInjectable from "../../../../../../common/front-end-routing/routes/welcome/navigate-to-welcome.injectable";
+
+const navigateToWelcomeMenuItem = getInjectable({
+  id: "navigate-to-welcome-menu-item",
+
+  instantiate: (di) => {
+    const navigateToWelcome = di.inject(navigateToWelcomeInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      parentId: "help",
+      id: "navigate-to-welcome",
+      orderNumber: 10,
+      label: "Welcome",
+
+      onClick: () => {
+        navigateToWelcome();
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default navigateToWelcomeMenuItem;
diff --git a/packages/core/src/features/application-menu/main/menu-items/help/open-documentation/open-documentation-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/help/open-documentation/open-documentation-menu-item.injectable.ts
new file mode 100644
index 0000000000..ca63120810
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/help/open-documentation/open-documentation-menu-item.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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import { docsUrl } from "../../../../../../common/vars";
+import openLinkInBrowserInjectable from "../../../../../../common/utils/open-link-in-browser.injectable";
+import loggerInjectable from "../../../../../../common/logger.injectable";
+
+const openDocumentationMenuItemInjectable = getInjectable({
+  id: "open-documentation-menu-item",
+
+  instantiate: (di) => {
+    const openLinkInBrowser = di.inject(openLinkInBrowserInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      parentId: "help",
+      id: "open-documentation",
+      orderNumber: 20,
+      label: "Documentation",
+
+      // TODO: Convert to async/await
+      onClick: () => {
+        openLinkInBrowser(docsUrl).catch((error) => {
+          logger.error("[MENU]: failed to open browser", { error });
+        });
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default openDocumentationMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/help/open-support/open-support-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/help/open-support/open-support-item.injectable.ts
new file mode 100644
index 0000000000..7a1db63078
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/help/open-support/open-support-item.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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import { supportUrl } from "../../../../../../common/vars";
+import openLinkInBrowserInjectable from "../../../../../../common/utils/open-link-in-browser.injectable";
+import loggerInjectable from "../../../../../../common/logger.injectable";
+
+const openSupportItemInjectable = getInjectable({
+  id: "open-support-menu-item",
+
+  instantiate: (di) => {
+    const openLinkInBrowser = di.inject(openLinkInBrowserInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      parentId: "help",
+      id: "open-support",
+      orderNumber: 30,
+      label: "Support",
+
+      // TODO: Convert to async/await
+      onClick: () => {
+        openLinkInBrowser(supportUrl).catch((error) => {
+          logger.error("[MENU]: failed to open browser", { error });
+        });
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default openSupportItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/navigate-to-extensions/navigate-to-extensions-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/navigate-to-extensions/navigate-to-extensions-menu-item.injectable.ts
new file mode 100644
index 0000000000..40aa366280
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/navigate-to-extensions/navigate-to-extensions-menu-item.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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import navigateToExtensionsInjectable from "../../../../../../common/front-end-routing/routes/extensions/navigate-to-extensions.injectable";
+import isMacInjectable from "../../../../../../common/vars/is-mac.injectable";
+
+const navigateToExtensionsMenuItem = getInjectable({
+  id: "navigate-to-extensions-menu-item",
+
+  instantiate: (di) => {
+    const navigateToExtensions = di.inject(navigateToExtensionsInjectable);
+    const isMac = di.inject(isMacInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      parentId: isMac ? "mac" : "file",
+      id: "navigate-to-extensions",
+      orderNumber: isMac ? 50 : 40,
+      label: "Extensions",
+      keyboardShortcut: isMac ? "CmdOrCtrl+Shift+E" : "Ctrl+Shift+E",
+
+      onClick: () => {
+        navigateToExtensions();
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default navigateToExtensionsMenuItem;
diff --git a/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/operation-system-actions/operation-system-actions.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/operation-system-actions/operation-system-actions.injectable.ts
new file mode 100644
index 0000000000..1c78d81031
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/operation-system-actions/operation-system-actions.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 {
+  getApplicationMenuOperationSystemActionInjectable,
+} from "../../get-application-menu-operation-system-action-injectable";
+
+export const actionForServices = getApplicationMenuOperationSystemActionInjectable({
+  id: "services",
+  parentId: "mac",
+  orderNumber: 80,
+  actionName: "services",
+});
+
+export const actionForHide = getApplicationMenuOperationSystemActionInjectable({
+  id: "hide",
+  parentId: "mac",
+  orderNumber: 100,
+  actionName: "hide",
+});
+
+export const actionForHideOthers = getApplicationMenuOperationSystemActionInjectable({
+  id: "hide-others",
+  parentId: "mac",
+  orderNumber: 110,
+  actionName: "hideOthers",
+});
+
+export const actionForUnhide = getApplicationMenuOperationSystemActionInjectable({
+  id: "unhide",
+  parentId: "mac",
+  orderNumber: 120,
+  actionName: "unhide",
+});
diff --git a/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/primary-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/primary-menu-item.injectable.ts
new file mode 100644
index 0000000000..b85df1d511
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/primary-menu-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 applicationMenuItemInjectionToken from "../application-menu-item-injection-token";
+import appNameInjectable from "../../../../../common/vars/app-name.injectable";
+import isMacInjectable from "../../../../../common/vars/is-mac.injectable";
+
+const primaryMenuItemInjectable = getInjectable({
+  id: "primary-application-menu-item",
+
+  instantiate: (di) => {
+    const appName = di.inject(appNameInjectable);
+    const isMac = di.inject(isMacInjectable);
+
+    return {
+      kind: "top-level-menu" as const,
+      parentId: "root" as const,
+      id: "mac",
+      orderNumber: 10,
+      label: appName,
+      isShown: isMac,
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default primaryMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/quit-application/quit-application-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/quit-application/quit-application-menu-item.injectable.ts
new file mode 100644
index 0000000000..71f7cde125
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/quit-application/quit-application-menu-item.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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import stopServicesAndExitAppInjectable from "../../../../../../main/stop-services-and-exit-app.injectable";
+import isMacInjectable from "../../../../../../common/vars/is-mac.injectable";
+
+const quitApplicationMenuItemInjectable = getInjectable({
+  id: "quit-application-menu-item",
+
+  instantiate: (di) => {
+    const stopServicesAndExitApp = di.inject(stopServicesAndExitAppInjectable);
+    const isMac = di.inject(isMacInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      id: "quit",
+      label: "Quit",
+
+      parentId: isMac ? "mac" : "file",
+      orderNumber: isMac ? 140 : 70,
+      keyboardShortcut: isMac ? "Cmd+Q" : "Alt+F4",
+
+      onClick: () => {
+        stopServicesAndExitApp();
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default quitApplicationMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/separators/separators.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/separators/separators.injectable.ts
new file mode 100644
index 0000000000..e878df9210
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/separators/separators.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 {
+  getApplicationMenuSeparatorInjectable,
+} from "../../get-application-menu-separator-injectable";
+
+export const separator1 = getApplicationMenuSeparatorInjectable({
+  id: "separator-1",
+  parentId: "mac",
+  orderNumber: 30,
+});
+
+export const separator2 = getApplicationMenuSeparatorInjectable({
+  id: "separator-2",
+  parentId: "mac",
+  orderNumber: 70,
+});
+
+export const separator3 = getApplicationMenuSeparatorInjectable({
+  id: "separator-3",
+  parentId: "mac",
+  orderNumber: 90,
+});
+
+export const separator4 = getApplicationMenuSeparatorInjectable({
+  id: "separator-4",
+  parentId: "mac",
+  orderNumber: 130,
+});
diff --git a/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/show-about-application/about-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/show-about-application/about-menu-item.injectable.ts
new file mode 100644
index 0000000000..6e269a9e3a
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/show-about-application/about-menu-item.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 productNameInjectable from "../../../../../../common/vars/product-name.injectable";
+import showAboutInjectable from "./show-about.injectable";
+import applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import isMacInjectable from "../../../../../../common/vars/is-mac.injectable";
+
+const aboutMenuItemInjectable = getInjectable({
+  id: "about-menu-item",
+
+  instantiate: (di) => {
+    const productName = di.inject(productNameInjectable);
+    const showAbout = di.inject(showAboutInjectable);
+    const isMac = di.inject(isMacInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      id: "about",
+      parentId: isMac ? "mac" : "help",
+      orderNumber: isMac ? 10 : 40,
+      label: `About ${productName}`,
+
+      onClick() {
+        showAbout();
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default aboutMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/show-about-application/show-about.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/show-about-application/show-about.injectable.ts
new file mode 100644
index 0000000000..a91e2af337
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/special-menu-for-mac-application/show-about-application/show-about.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 showMessagePopupInjectable from "../../../../../../main/electron-app/features/show-message-popup.injectable";
+import isWindowsInjectable from "../../../../../../common/vars/is-windows.injectable";
+import appNameInjectable from "../../../../../../common/vars/app-name.injectable";
+import productNameInjectable from "../../../../../../common/vars/product-name.injectable";
+import buildVersionInjectable from "../../../../../../main/vars/build-version/build-version.injectable";
+import extensionApiVersionInjectable from "../../../../../../common/vars/extension-api-version.injectable";
+import applicationCopyrightInjectable from "../../../../../../common/vars/application-copyright.injectable";
+
+const showAboutInjectable = getInjectable({
+  id: "show-about",
+
+  instantiate: (di) => {
+    const buildVersion = di.inject(buildVersionInjectable);
+    const extensionApiVersion = di.inject(extensionApiVersionInjectable);
+    const showMessagePopup = di.inject(showMessagePopupInjectable);
+    const isWindows = di.inject(isWindowsInjectable);
+    const appName = di.inject(appNameInjectable);
+    const productName = di.inject(productNameInjectable);
+    const applicationCopyright = di.inject(applicationCopyrightInjectable);
+
+    return () => {
+      const appInfo = [
+        `${appName}: ${buildVersion.get()}`,
+        `Extension API: ${extensionApiVersion}`,
+        `Electron: ${process.versions.electron}`,
+        `Chrome: ${process.versions.chrome}`,
+        `Node: ${process.versions.node}`,
+        applicationCopyright,
+      ];
+
+      showMessagePopup(
+        `${isWindows ? " ".repeat(2) : ""}${appName}`,
+        productName,
+        appInfo.join("\r\n"),
+      );
+    };
+  },
+});
+
+export default showAboutInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/view/go-back/go-back-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/view/go-back/go-back-menu-item.injectable.ts
new file mode 100644
index 0000000000..42860bdc5c
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/view/go-back/go-back-menu-item.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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import { webContents } from "electron";
+
+const goBackMenuItemInjectable = getInjectable({
+  id: "go-back-menu-item",
+
+  instantiate: () => ({
+    kind: "clickable-menu-item" as const,
+    parentId: "view",
+    id: "go-back",
+    orderNumber: 40,
+    label: "Back",
+    keyboardShortcut: "CmdOrCtrl+[",
+
+    onClick: () => {
+      webContents
+        .getAllWebContents()
+        .filter((wc) => wc.getType() === "window")
+        .forEach((wc) => wc.goBack());
+    },
+  }),
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default goBackMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/view/go-forward/go-forward-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/view/go-forward/go-forward-menu-item.injectable.ts
new file mode 100644
index 0000000000..e37b8d1cf7
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/view/go-forward/go-forward-menu-item.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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import { webContents } from "electron";
+
+const goForwardMenuItemInjectable = getInjectable({
+  id: "go-forward-menu-item",
+
+  instantiate: () => ({
+    kind: "clickable-menu-item" as const,
+    parentId: "view",
+    id: "go-forward",
+    orderNumber: 50,
+    label: "Forward",
+    keyboardShortcut: "CmdOrCtrl+]",
+
+    onClick: () => {
+      webContents
+        .getAllWebContents()
+        .filter((wc) => wc.getType() === "window")
+        .forEach((wc) => wc.goForward());
+    },
+  }),
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default goForwardMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/view/navigate-to-catalog/navigate-to-catalog-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/view/navigate-to-catalog/navigate-to-catalog-menu-item.injectable.ts
new file mode 100644
index 0000000000..eb414fe1ec
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/view/navigate-to-catalog/navigate-to-catalog-menu-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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import navigateToCatalogInjectable from "../../../../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+
+const navigateToCatalogMenuItemInjectable = getInjectable({
+  id: "navigate-to-catalog-menu-item",
+
+  instantiate: (di) => {
+    const navigateToCatalog = di.inject(navigateToCatalogInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      parentId: "view",
+      id: "navigate-to-catalog",
+      orderNumber: 10,
+      label: "Catalog",
+      keyboardShortcut: "Shift+CmdOrCtrl+C",
+
+      onClick: () => {
+        navigateToCatalog();
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default navigateToCatalogMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/view/open-command-palette/open-command-palette-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/view/open-command-palette/open-command-palette-menu-item.injectable.ts
new file mode 100644
index 0000000000..ac0bd77bfc
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/view/open-command-palette/open-command-palette-menu-item.injectable.ts
@@ -0,0 +1,40 @@
+/**
+ * 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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import broadcastMessageInjectable from "../../../../../../common/ipc/broadcast-message.injectable";
+
+const openCommandPaletteMenuItemInjectable = getInjectable({
+  id: "open-command-palette-menu-item",
+
+  instantiate: (di) => {
+    const broadcastMessage = di.inject(broadcastMessageInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      parentId: "view",
+      id: "open-command-palette",
+      orderNumber: 20,
+      label: "Command Palette...",
+      keyboardShortcut: "Shift+CmdOrCtrl+P",
+
+      onClick(_m, _b, event) {
+        /**
+         * Don't broadcast unless it was triggered by menu iteration so that
+         * there aren't double events in renderer
+         *
+         * NOTE: this `?` is required because of a bug in playwright. https://github.com/microsoft/playwright/issues/10554
+         */
+        if (!event?.triggeredByAccelerator) {
+          broadcastMessage("command-palette:open");
+        }
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default openCommandPaletteMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/view/operation-system-actions/operation-system-actions.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/view/operation-system-actions/operation-system-actions.injectable.ts
new file mode 100644
index 0000000000..a7969d94f7
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/view/operation-system-actions/operation-system-actions.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import {
+  getApplicationMenuOperationSystemActionInjectable,
+} from "../../get-application-menu-operation-system-action-injectable";
+
+export const actionForToggleDevTools = getApplicationMenuOperationSystemActionInjectable({
+  id: "toggle-dev-tools",
+  parentId: "view",
+  orderNumber: 70,
+  actionName: "toggleDevTools",
+});
+
+export const actionForResetZoom = getApplicationMenuOperationSystemActionInjectable({
+  id: "reset-zoom",
+  parentId: "view",
+  orderNumber: 90,
+  actionName: "resetZoom",
+});
+
+export const actionForZoomIn = getApplicationMenuOperationSystemActionInjectable({
+  id: "zoom-in",
+  parentId: "view",
+  orderNumber: 100,
+  actionName: "zoomIn",
+});
+
+export const actionForZoomOut = getApplicationMenuOperationSystemActionInjectable({
+  id: "zoom-out",
+  parentId: "view",
+  orderNumber: 110,
+  actionName: "zoomOut",
+});
+
+export const actionForToggleFullScreen = getApplicationMenuOperationSystemActionInjectable({
+  id: "toggle-full-screen",
+  parentId: "view",
+  orderNumber: 130,
+  actionName: "togglefullscreen",
+});
diff --git a/packages/core/src/features/application-menu/main/menu-items/view/reload/reload-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/view/reload/reload-menu-item.injectable.ts
new file mode 100644
index 0000000000..683daf666a
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/view/reload/reload-menu-item.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 applicationMenuItemInjectionToken from "../../application-menu-item-injection-token";
+import reloadCurrentApplicationWindowInjectable from "../../../../../../main/start-main-application/lens-window/reload-current-application-window.injectable";
+
+const reloadMenuItemInjectable = getInjectable({
+  id: "reload-menu-item",
+
+  instantiate: (di) => {
+    const reloadApplicationWindow = di.inject(
+      reloadCurrentApplicationWindowInjectable,
+    );
+
+    return {
+      kind: "clickable-menu-item" as const,
+      parentId: "view",
+      id: "reload",
+      orderNumber: 60,
+      label: "Reload",
+      keyboardShortcut: "CmdOrCtrl+R",
+
+      onClick: () => {
+        reloadApplicationWindow();
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default reloadMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-items/view/separators/separators.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/view/separators/separators.injectable.ts
new file mode 100644
index 0000000000..00584ea384
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/view/separators/separators.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 {
+  getApplicationMenuSeparatorInjectable,
+} from "../../get-application-menu-separator-injectable";
+
+export const separator1 = getApplicationMenuSeparatorInjectable({
+  id: "separator-1-for-view",
+  parentId: "view",
+  orderNumber: 30,
+});
+
+export const separator2 = getApplicationMenuSeparatorInjectable({
+  id: "separator-2-for-view",
+  parentId: "view",
+  orderNumber: 80,
+});
+
+export const separator3 = getApplicationMenuSeparatorInjectable({
+  id: "separator-3-for-view",
+  parentId: "view",
+  orderNumber: 120,
+});
diff --git a/packages/core/src/features/application-menu/main/menu-items/view/view-menu-item.injectable.ts b/packages/core/src/features/application-menu/main/menu-items/view/view-menu-item.injectable.ts
new file mode 100644
index 0000000000..f45fbf7ebc
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-items/view/view-menu-item.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 applicationMenuItemInjectionToken from "../application-menu-item-injection-token";
+
+const viewMenuItemInjectable = getInjectable({
+  id: "view-application-menu-item",
+
+  instantiate: () => ({
+    kind: "top-level-menu" as const,
+    parentId: "root" as const,
+    id: "view",
+    orderNumber: 40,
+    label: "View",
+  }),
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default viewMenuItemInjectable;
diff --git a/packages/core/src/features/application-menu/main/menu-registration.ts b/packages/core/src/features/application-menu/main/menu-registration.ts
new file mode 100644
index 0000000000..8f0ba5933f
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu-registration.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 type { MenuItemConstructorOptions } from "electron";
+
+export interface MenuRegistration extends MenuItemConstructorOptions {
+  parentId: string;
+}
diff --git a/packages/core/src/features/application-menu/main/menu.ts b/packages/core/src/features/application-menu/main/menu.ts
new file mode 100644
index 0000000000..2082a35ed8
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/menu.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 { Menu } from "electron";
+import type { MenuItemOpts } from "./application-menu-items.injectable";
+
+export type MenuTopId = "mac" | "file" | "edit" | "view" | "help";
+
+export function buildMenu(applicationMenuItems: MenuItemOpts[]) {
+  Menu.setApplicationMenu(
+    Menu.buildFromTemplate(applicationMenuItems),
+  );
+}
diff --git a/packages/core/src/features/application-menu/main/populate-application-menu.global-override-for-injectable.ts b/packages/core/src/features/application-menu/main/populate-application-menu.global-override-for-injectable.ts
new file mode 100644
index 0000000000..acd4f5f14e
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/populate-application-menu.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 populateApplicationMenuInjectable from "./populate-application-menu.injectable";
+import { getGlobalOverride } from "../../../common/test-utils/get-global-override";
+
+export default getGlobalOverride(populateApplicationMenuInjectable, () => () => {});
diff --git a/packages/core/src/features/application-menu/main/populate-application-menu.injectable.ts b/packages/core/src/features/application-menu/main/populate-application-menu.injectable.ts
new file mode 100644
index 0000000000..8d744b4ded
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/populate-application-menu.injectable.ts
@@ -0,0 +1,110 @@
+/**
+ * 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 { Menu } from "electron";
+import type { MenuItemOpts } from "./application-menu-items.injectable";
+import type { Composite } from "../../../common/utils/composite/get-composite/get-composite";
+import type { ApplicationMenuItemTypes } from "./menu-items/application-menu-item-injection-token";
+import { pipeline } from "@ogre-tools/fp";
+import { map, sortBy } from "lodash/fp";
+import type { MenuItemRoot } from "./application-menu-item-composite.injectable";
+import { checkThatAllDiscriminablesAreExhausted } from "../../../common/utils/composable-responsibilities/discriminable/discriminable";
+
+const populateApplicationMenuInjectable = getInjectable({
+  id: "populate-application-menu",
+
+  instantiate:
+    () => (composite: Composite<ApplicationMenuItemTypes | MenuItemRoot>) => {
+      const electronTemplate = getApplicationMenuTemplate(composite);
+      const menu = Menu.buildFromTemplate(electronTemplate);
+
+      Menu.setApplicationMenu(menu);
+    },
+
+  causesSideEffects: true,
+});
+
+export default populateApplicationMenuInjectable;
+
+export const getApplicationMenuTemplate = (composite: Composite<ApplicationMenuItemTypes | MenuItemRoot>) => {
+  const topLevelMenus = composite.children.filter(
+    (x): x is Composite<ApplicationMenuItemTypes> => x.value.kind !== "root",
+  );
+
+  return topLevelMenus.map(toHierarchicalElectronMenuItem);
+};
+
+const toHierarchicalElectronMenuItem = (
+  composite: Composite<ApplicationMenuItemTypes>,
+): MenuItemOpts => {
+  const value = composite.value;
+
+  switch (value.kind) {
+    case "top-level-menu": {
+      const { id } = composite;
+      const { label, role } = value;
+
+      return {
+        ...(id ? { id } : {}),
+        ...(role ? { role } : {}),
+        label,
+
+        submenu: pipeline(
+          composite.children,
+          sortBy((childComposite) => childComposite.value.orderNumber),
+          map(toHierarchicalElectronMenuItem),
+        ),
+      };
+    }
+
+    case "sub-menu": {
+      const { id } = composite;
+      const { label } = value;
+
+      return {
+        ...(id ? { id } : {}),
+        label,
+
+        submenu: pipeline(
+          composite.children,
+          sortBy((childComposite) => childComposite.value.orderNumber),
+          map(toHierarchicalElectronMenuItem),
+        ),
+      };
+    }
+
+    case "clickable-menu-item": {
+      const { id } = composite;
+      const { label, onClick, keyboardShortcut } = value;
+
+      return {
+        ...(id ? { id } : {}),
+        ...(label ? { label } : {}),
+        ...(keyboardShortcut ? { accelerator: keyboardShortcut }: {}),
+        click: onClick,
+      };
+    }
+
+    case "os-action-menu-item": {
+      const { label, keyboardShortcut, actionName } = value;
+
+      return {
+        ...(label ? { label } : {}),
+        ...(keyboardShortcut ? { accelerator: keyboardShortcut } : {}),
+        role: actionName,
+      };
+    }
+
+    case "separator": {
+      return {
+        type: "separator",
+      };
+    }
+
+    default: {
+      throw checkThatAllDiscriminablesAreExhausted(value);
+    }
+  }
+};
diff --git a/packages/core/src/features/application-menu/main/start-application-menu.injectable.ts b/packages/core/src/features/application-menu/main/start-application-menu.injectable.ts
new file mode 100644
index 0000000000..a3edd09ca1
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/start-application-menu.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 applicationMenuReactivityInjectable from "./application-menu-reactivity.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../../main/start-main-application/runnable-tokens/on-load-of-application-injection-token";
+
+const startApplicationMenuInjectable = getInjectable({
+  id: "start-application-menu",
+
+  instantiate: (di) => {
+    const applicationMenu = di.inject(
+      applicationMenuReactivityInjectable,
+    );
+
+    return {
+      id: "start-application-menu",
+      run: () => {
+        applicationMenu.start();
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default startApplicationMenuInjectable;
diff --git a/packages/core/src/features/application-menu/main/stop-application-menu.injectable.ts b/packages/core/src/features/application-menu/main/stop-application-menu.injectable.ts
new file mode 100644
index 0000000000..62abd439df
--- /dev/null
+++ b/packages/core/src/features/application-menu/main/stop-application-menu.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 applicationMenuReactivityInjectable from "./application-menu-reactivity.injectable";
+import { beforeQuitOfBackEndInjectionToken } from "../../../main/start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
+
+const stopApplicationMenuInjectable = getInjectable({
+  id: "stop-application-menu",
+
+  instantiate: (di) => {
+    const applicationMenu = di.inject(applicationMenuReactivityInjectable);
+
+    return {
+      id: "stop-application-menu",
+      run: () => void applicationMenu.stop(),
+    };
+  },
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default stopApplicationMenuInjectable;
diff --git a/packages/core/src/features/application-update/__snapshots__/installing-update.test.ts.snap b/packages/core/src/features/application-update/__snapshots__/installing-update.test.ts.snap
new file mode 100644
index 0000000000..6e61ea5e5d
--- /dev/null
+++ b/packages/core/src/features/application-update/__snapshots__/installing-update.test.ts.snap
@@ -0,0 +1,1761 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/application-update/analytics-for-installing-update.test.ts b/packages/core/src/features/application-update/analytics-for-installing-update.test.ts
new file mode 100644
index 0000000000..ce77d37229
--- /dev/null
+++ b/packages/core/src/features/application-update/analytics-for-installing-update.test.ts
@@ -0,0 +1,266 @@
+/**
+ * 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 electronUpdaterIsActiveInjectable from "../../main/electron-app/features/electron-updater-is-active.injectable";
+import publishIsConfiguredInjectable from "./main/updating-is-enabled/publish-is-configured/publish-is-configured.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { CheckForPlatformUpdates } from "./main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "./main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import appEventBusInjectable from "../../common/app-event-bus/app-event-bus.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import processCheckingForUpdatesInjectable from "./main/process-checking-for-updates.injectable";
+import type { DownloadPlatformUpdate } from "./main/download-update/download-platform-update/download-platform-update.injectable";
+import downloadPlatformUpdateInjectable from "./main/download-update/download-platform-update/download-platform-update.injectable";
+import quitAndInstallUpdateInjectable from "./main/quit-and-install-update.injectable";
+import periodicalCheckForUpdatesInjectable from "./child-features/periodical-checking-of-updates/main/periodical-check-for-updates.injectable";
+import { advanceFakeTime, testUsingFakeTime } from "../../common/test-utils/use-fake-time";
+import emitEventInjectable from "../../common/app-event-bus/emit-event.injectable";
+import getBuildVersionInjectable from "../../main/vars/build-version/get-build-version.injectable";
+
+describe("analytics for installing update", () => {
+  let builder: ApplicationBuilder;
+  let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
+  let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
+  let analyticsListenerMock: jest.Mock;
+  let mainDi: DiContainer;
+
+  beforeEach(async () => {
+    testUsingFakeTime("2015-10-21T07:28:00Z");
+
+    builder = getApplicationBuilder();
+
+    analyticsListenerMock = jest.fn();
+
+    builder.beforeApplicationStart(mainDi => {
+      mainDi.override(getBuildVersionInjectable, () => () => "42.0.0");
+
+      checkForPlatformUpdatesMock = asyncFn();
+
+      mainDi.override(
+        checkForPlatformUpdatesInjectable,
+        () => checkForPlatformUpdatesMock,
+      );
+
+      downloadPlatformUpdateMock = asyncFn();
+
+      mainDi.override(downloadPlatformUpdateInjectable, () => downloadPlatformUpdateMock);
+      mainDi.override(electronUpdaterIsActiveInjectable, () => true);
+
+      mainDi.override(publishIsConfiguredInjectable, () => true);
+
+      mainDi.unoverride(emitEventInjectable);
+
+      const eventBus = mainDi.inject(appEventBusInjectable);
+
+      eventBus.addListener(analyticsListenerMock);
+    });
+
+    mainDi = builder.mainDi;
+  });
+
+  describe("given application is started and checking updates periodically", () => {
+    beforeEach(async () => {
+      mainDi.unoverride(periodicalCheckForUpdatesInjectable);
+      mainDi.permitSideEffects(periodicalCheckForUpdatesInjectable);
+
+      await builder.render();
+    });
+
+    it("sends event to analytics for being checked periodically", () => {
+      expect(analyticsListenerMock).toHaveBeenCalledWith({
+        name: "app",
+        action: "checking-for-updates",
+
+        params: {
+          currentDateTime: "2015-10-21T07:28:00Z",
+          source: "periodic",
+        },
+      });
+    });
+
+    it("when enough time passes to check for updates again, sends event to analytics for being checked periodically", () => {
+      analyticsListenerMock.mockClear();
+
+      advanceFakeTime(1000 * 60 * 60 * 2);
+
+      expect(analyticsListenerMock).toHaveBeenCalledWith({
+        name: "app",
+        action: "checking-for-updates",
+
+        params: {
+          currentDateTime: "2015-10-21T09:28:00Z",
+          source: "periodic",
+        },
+      });
+    });
+  });
+
+  describe("when application is started", () => {
+    beforeEach(async () => {
+      analyticsListenerMock.mockClear();
+
+      await builder.render();
+    });
+
+    it("sends event to analytics about the current version", () => {
+      expect(analyticsListenerMock).toHaveBeenCalledWith({
+        name: "app",
+        action: "current-version",
+
+        params: {
+          version: "42.0.0",
+          currentDateTime: "2015-10-21T07:28:00Z",
+        },
+      });
+    });
+
+    it("when checking for updates using tray, sends event to analytics for being checked from tray", async () => {
+      analyticsListenerMock.mockClear();
+
+      builder.tray.click("check-for-updates");
+
+      expect(analyticsListenerMock.mock.calls).toEqual([
+        [
+          {
+            name: "app",
+            action: "checking-for-updates",
+
+            params: {
+              currentDateTime: "2015-10-21T07:28:00Z",
+              source: "tray",
+            },
+          },
+        ],
+      ]);
+
+    });
+
+    it("when checking for updates using application menu, sends event to analytics for being checked from application menu", async () => {
+      analyticsListenerMock.mockClear();
+
+      builder.applicationMenu.click("root", "mac", "check-for-updates");
+
+      expect(analyticsListenerMock.mock.calls).toEqual([
+        [
+          {
+            name: "app",
+            action: "checking-for-updates",
+
+            params: {
+              currentDateTime: "2015-10-21T07:28:00Z",
+              source: "application-menu",
+            },
+          },
+        ],
+      ]);
+    });
+
+    describe("given checking for updates, when check for updates resolves with new update being available", () => {
+      beforeEach(async () => {
+        const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+
+        processCheckingForUpdates("irrelevant");
+
+        analyticsListenerMock.mockClear();
+
+        await checkForPlatformUpdatesMock.resolve({
+          updateWasDiscovered: true,
+          version: "43.0.0",
+        });
+      });
+
+      it("sends event to analytics about new update being available", () => {
+        expect(analyticsListenerMock.mock.calls).toEqual([
+          [
+            {
+              name: "app",
+              action: "update-was-discovered",
+
+              params: {
+                version: "43.0.0",
+                currentDateTime: "2015-10-21T07:28:00Z",
+              },
+            },
+          ],
+        ]);
+      });
+
+      describe("given update is downloaded", () => {
+        beforeEach(async () => {
+          analyticsListenerMock.mockClear();
+
+          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();
+        });
+
+        it("when installing the update, sends event to analytics about installing the update", () => {
+          const quitAndInstallUpdate = mainDi.inject(quitAndInstallUpdateInjectable);
+
+          quitAndInstallUpdate();
+
+          expect(analyticsListenerMock.mock.calls).toEqual([
+            [
+              {
+                name: "app",
+                action: "start-installing-update",
+
+                params: {
+                  version: "43.0.0",
+                  currentDateTime: "2015-10-21T07:28:00Z",
+                  updateChannel: "latest",
+                },
+              },
+            ],
+          ]);
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/application-update/child-features/application-update-using-application-menu/main/check-for-updates-menu-item.injectable.ts b/packages/core/src/features/application-update/child-features/application-update-using-application-menu/main/check-for-updates-menu-item.injectable.ts
new file mode 100644
index 0000000000..fe997e62fb
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-application-menu/main/check-for-updates-menu-item.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 applicationMenuItemInjectionToken from "../../../../application-menu/main/menu-items/application-menu-item-injection-token";
+import processCheckingForUpdatesInjectable from "../../../main/process-checking-for-updates.injectable";
+import showApplicationWindowInjectable from "../../../../../main/start-main-application/lens-window/show-application-window.injectable";
+import updatingIsEnabledInjectable from "../../../main/updating-is-enabled/updating-is-enabled.injectable";
+import isMacInjectable from "../../../../../common/vars/is-mac.injectable";
+
+const checkForUpdatesMenuItemInjectable = getInjectable({
+  id: "check-for-updates-menu-item",
+
+  instantiate: (di) => {
+    const processCheckingForUpdates = di.inject(
+      processCheckingForUpdatesInjectable,
+    );
+
+    const showApplicationWindow = di.inject(showApplicationWindowInjectable);
+
+    const updatingIsEnabled = di.inject(updatingIsEnabledInjectable);
+    const isMac = di.inject(isMacInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      id: "check-for-updates",
+      parentId: isMac ? "mac" : "help",
+      orderNumber: isMac ? 20 : 50,
+      label: "Check for updates",
+      isShown: updatingIsEnabled,
+
+      onClick: () => {
+        // Todo: implement using async/await
+        processCheckingForUpdates("application-menu").then(() =>
+          showApplicationWindow(),
+        );
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default checkForUpdatesMenuItemInjectable;
diff --git a/packages/core/src/features/application-update/child-features/application-update-using-top-bar/__snapshots__/installing-update-using-topbar-button.test.tsx.snap b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/__snapshots__/installing-update-using-topbar-button.test.tsx.snap
new file mode 100644
index 0000000000..a4787d0de3
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/__snapshots__/installing-update-using-topbar-button.test.tsx.snap
@@ -0,0 +1,596 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/application-update/child-features/application-update-using-top-bar/installing-update-using-topbar-button.test.tsx b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/installing-update-using-topbar-button.test.tsx
new file mode 100644
index 0000000000..adede427d2
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/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/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "../../main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import type { DownloadPlatformUpdate } from "../../main/download-update/download-platform-update/download-platform-update.injectable";
+import downloadPlatformUpdateInjectable from "../../main/download-update/download-platform-update/download-platform-update.injectable";
+import publishIsConfiguredInjectable from "../../main/updating-is-enabled/publish-is-configured/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/process-checking-for-updates.injectable";
+import quitAndInstallUpdateInjectable from "../../main/quit-and-install-update.injectable";
+import { advanceFakeTime, testUsingFakeTime } 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(() => {
+    testUsingFakeTime("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/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-application-top-bar-item.injectable.ts b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-application-top-bar-item.injectable.ts
new file mode 100644
index 0000000000..0cbbcb89e5
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-application-top-bar-item.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 { computed } from "mobx";
+import { topBarItemOnLeftSideInjectionToken } from "../../../../../../renderer/components/layout/top-bar/top-bar-items/top-bar-item-injection-token";
+import { UpdateButton } from "./update-button";
+import updateWarningLevelInjectable from "./update-warning-level.injectable";
+
+const updateApplicationTopBarItemInjectable = getInjectable({
+  id: "update-application-top-bar-item",
+
+  instantiate: (di) => {
+    const warningLevel = di.inject(updateWarningLevelInjectable);
+
+    return {
+      id: "update-application",
+      isShown: computed(() => !!warningLevel.get()),
+      orderNumber: 50,
+      Component: UpdateButton,
+    };
+  },
+
+  injectionToken: topBarItemOnLeftSideInjectionToken,
+});
+
+export default updateApplicationTopBarItemInjectable;
diff --git a/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-button/index.ts b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-button/index.ts
new file mode 100644
index 0000000000..006a7f0d81
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-button/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./update-button";
diff --git a/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-button/styles.module.scss b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-button/styles.module.scss
new file mode 100644
index 0000000000..14b607327b
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-button/styles.module.scss
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.updateButton {
+  --accent-color: var(--colorOk);
+
+  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;
+  cursor: default;
+  position: relative;
+
+  &:hover::before{
+    opacity: 0.25;
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 2px var(--blue);
+    border-color: transparent;
+  }
+
+  &::before {
+    content: " ";
+    position: absolute;
+    background: var(--accent-color);
+    width: 100%;
+    height: 100%;
+    left: 0;
+    opacity: 0.15;
+    z-index: -1;
+    transition: opacity 0.1s;
+  }
+}
+
+.icon {
+  width: 16px;
+  height: 16px;
+}
+
+.warningMedium {
+  --accent-color: var(--colorWarning);
+}
+
+.warningHigh {
+  --accent-color: var(--colorSoftError);
+}
diff --git a/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-button/update-button.tsx b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-button/update-button.tsx
new file mode 100644
index 0000000000..acdd9929f2
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-button/update-button.tsx
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./styles.module.scss";
+
+import type { HTMLAttributes } from "react";
+import React, { useState } from "react";
+import { Menu, MenuItem } from "../../../../../../../renderer/components/menu";
+import { cssNames } from "../../../../../../../renderer/utils";
+import type { IconProps } from "../../../../../../../renderer/components/icon";
+import { Icon } from "../../../../../../../renderer/components/icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { observer } from "mobx-react";
+import type { IComputedValue } from "mobx";
+import restartAndInstallUpdateInjectable from "../../../../../renderer/restart-and-install-update.injectable";
+import updateWarningLevelInjectable from "../update-warning-level.injectable";
+
+interface UpdateButtonProps extends HTMLAttributes<HTMLButtonElement> {}
+
+interface Dependencies {
+  warningLevel: IComputedValue<"light" | "medium" | "high" | "">;
+  update: () => void;
+}
+
+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);
+  };
+
+  return (
+    <>
+      <button
+        data-testid="update-button"
+        data-warning-level={level}
+        id={buttonId}
+        className={cssNames(styles.updateButton, {
+          [styles.warningHigh]: level === "high",
+          [styles.warningMedium]: level === "medium",
+        })}
+      >
+        Update
+        <Icon material="arrow_drop_down" className={styles.icon}/>
+      </button>
+      <Menu
+        usePortal
+        htmlFor={buttonId}
+        isOpen={opened}
+        close={toggle}
+        open={toggle}
+      >
+        <MenuItem
+          icon={menuIconProps}
+          onClick={update}
+          data-testid="update-lens-menu-item"
+        >
+          Relaunch to Update Lens
+        </MenuItem>
+      </Menu>
+    </>
+  );
+});
+
+export const UpdateButton = withInjectables<Dependencies, UpdateButtonProps>(
+  NonInjectedUpdateButton,
+  {
+    getProps: (di, props) => ({
+      ...props,
+      warningLevel: di.inject(updateWarningLevelInjectable),
+      update: di.inject(restartAndInstallUpdateInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-warning-level.injectable.ts b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/update-warning-level.injectable.ts
new file mode 100644
index 0000000000..b6890a206d
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-top-bar/renderer/update-application-top-bar-item/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/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/packages/core/src/features/application-update/child-features/application-update-using-tray/__snapshots__/installing-update-using-tray.test.ts.snap b/packages/core/src/features/application-update/child-features/application-update-using-tray/__snapshots__/installing-update-using-tray.test.ts.snap
new file mode 100644
index 0000000000..a2ea7a417b
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-tray/__snapshots__/installing-update-using-tray.test.ts.snap
@@ -0,0 +1,1761 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/application-update/child-features/application-update-using-tray/installing-update-using-tray.test.ts b/packages/core/src/features/application-update/child-features/application-update-using-tray/installing-update-using-tray.test.ts
new file mode 100644
index 0000000000..af38da12b7
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-tray/installing-update-using-tray.test.ts
@@ -0,0 +1,282 @@
+/**
+ * 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 { RenderResult } from "@testing-library/react";
+import electronUpdaterIsActiveInjectable from "../../../../main/electron-app/features/electron-updater-is-active.injectable";
+import publishIsConfiguredInjectable from "../../main/updating-is-enabled/publish-is-configured/publish-is-configured.injectable";
+import type { CheckForPlatformUpdates } from "../../main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "../../main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { DownloadPlatformUpdate } from "../../main/download-update/download-platform-update/download-platform-update.injectable";
+import downloadPlatformUpdateInjectable from "../../main/download-update/download-platform-update/download-platform-update.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 builder: ApplicationBuilder;
+  let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
+  let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart((mainDi) => {
+      checkForPlatformUpdatesMock = asyncFn();
+      downloadPlatformUpdateMock = asyncFn();
+
+      mainDi.override(
+        checkForPlatformUpdatesInjectable,
+        () => checkForPlatformUpdatesMock,
+      );
+
+      mainDi.override(
+        downloadPlatformUpdateInjectable,
+        () => downloadPlatformUpdateMock,
+      );
+
+      mainDi.override(electronUpdaterIsActiveInjectable, () => true);
+      mainDi.override(publishIsConfiguredInjectable, () => true);
+    });
+  });
+
+  describe("when started", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("user cannot install update yet", () => {
+      expect(builder.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", () => {
+      beforeEach(() => {
+        builder.tray.click("check-for-updates");
+      });
+
+      it("user cannot check for updates again", () => {
+        expect(
+          builder.tray.get("check-for-updates")?.enabled,
+        ).toBe(false);
+      });
+
+      it("name of tray item for checking updates indicates that checking is happening", () => {
+        expect(
+          builder.tray.get("check-for-updates")?.label,
+        ).toBe("Checking for updates...");
+      });
+
+      it("user cannot install update yet", () => {
+        expect(builder.tray.get("install-update")).toBeNull();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when no new update is discovered", () => {
+        beforeEach(async () => {
+          await checkForPlatformUpdatesMock.resolve({
+            updateWasDiscovered: false,
+          });
+        });
+
+        it("user cannot install update", () => {
+          expect(builder.tray.get("install-update")).toBeNull();
+        });
+
+        it("user can check for updates again", () => {
+          expect(
+            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(
+            builder.tray.get("check-for-updates")?.label,
+          ).toBe("Check for updates");
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+      });
+
+      describe("when new update is discovered", () => {
+        beforeEach(async () => {
+          await checkForPlatformUpdatesMock.resolve({
+            updateWasDiscovered: true,
+            version: "some-version",
+          });
+        });
+
+        it("user cannot check for updates again yet", () => {
+          expect(
+            builder.tray.get("check-for-updates")?.enabled,
+          ).toBe(false);
+        });
+
+        it("name of tray item for checking updates indicates that downloading is happening", () => {
+          expect(
+            builder.tray.get("check-for-updates")?.label,
+          ).toBe("Downloading update some-version (0%)...");
+        });
+
+        it("when download progresses with decimals, percentage increases as integers", () => {
+          downloadPlatformUpdateMock.mock.calls[0][0]({ percentage: 42.424242 });
+
+          expect(
+            builder.tray.get("check-for-updates")?.label,
+          ).toBe("Downloading update some-version (42%)...");
+        });
+
+        it("user still cannot install update", () => {
+          expect(builder.tray.get("install-update")).toBeNull();
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        describe("when download fails", () => {
+          beforeEach(async () => {
+            await downloadPlatformUpdateMock.resolve({ downloadWasSuccessful: false });
+          });
+
+          it("user cannot install update", () => {
+            expect(
+              builder.tray.get("install-update"),
+            ).toBeNull();
+          });
+
+          it("user can check for updates again", () => {
+            expect(
+              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(
+              builder.tray.get("check-for-updates")?.label,
+            ).toBe("Check for updates");
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+        });
+
+        describe("when download succeeds", () => {
+          beforeEach(async () => {
+            await downloadPlatformUpdateMock.resolve({ downloadWasSuccessful: true });
+          });
+
+          it("user can install update", () => {
+            expect(
+              builder.tray.get("install-update")?.label,
+            ).toBe("Install update some-version");
+          });
+
+          it("user can check for updates again", () => {
+            expect(
+              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(
+              builder.tray.get("check-for-updates")?.label,
+            ).toBe("Check for updates");
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-icons/checking-for-updates-tray-icon.injectable.ts b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-icons/checking-for-updates-tray-icon.injectable.ts
new file mode 100644
index 0000000000..c955199c21
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/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 "../../../../../../main/tray/menu-icon/get-tray-icon-path.injectable";
+import { trayIconInjectionToken } from "../../../../../../main/tray/menu-icon/tray-icon-injection-token";
+import updatesAreBeingDiscoveredInjectable from "../../../../common/updates-are-being-discovered/updates-are-being-discovered.injectable";
+import updateIsBeingDownloadedInjectable from "../../../../common/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/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-icons/update-is-ready-to-be-installed-tray-icon.injectable.ts b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-icons/update-is-ready-to-be-installed-tray-icon.injectable.ts
new file mode 100644
index 0000000000..19d0495c38
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/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 "../../../../../../main/tray/menu-icon/get-tray-icon-path.injectable";
+import { trayIconInjectionToken } from "../../../../../../main/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/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-items/check-for-updates-tray-item.injectable.ts b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-items/check-for-updates-tray-item.injectable.ts
new file mode 100644
index 0000000000..e904abaa99
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-items/check-for-updates-tray-item.injectable.ts
@@ -0,0 +1,81 @@
+/**
+ * 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 updatingIsEnabledInjectable from "../../../../main/updating-is-enabled/updating-is-enabled.injectable";
+import { trayMenuItemInjectionToken } from "../../../../../../main/tray/tray-menu-item/tray-menu-item-injection-token";
+import showApplicationWindowInjectable from "../../../../../../main/start-main-application/lens-window/show-application-window.injectable";
+import discoveredUpdateVersionInjectable from "../../../../common/discovered-update-version/discovered-update-version.injectable";
+import updateIsBeingDownloadedInjectable from "../../../../common/update-is-being-downloaded/update-is-being-downloaded.injectable";
+import updatesAreBeingDiscoveredInjectable from "../../../../common/updates-are-being-discovered/updates-are-being-discovered.injectable";
+import progressOfUpdateDownloadInjectable from "../../../../common/progress-of-update-download/progress-of-update-download.injectable";
+import assert from "assert";
+import processCheckingForUpdatesInjectable from "../../../../main/process-checking-for-updates.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";
+
+const checkForUpdatesTrayItemInjectable = getInjectable({
+  id: "check-for-updates-tray-item",
+
+  instantiate: (di) => {
+    const showApplicationWindow = di.inject(showApplicationWindowInjectable);
+    const updatingIsEnabled = di.inject(updatingIsEnabledInjectable);
+    const progressOfUpdateDownload = di.inject(progressOfUpdateDownloadInjectable);
+    const discoveredVersionState = di.inject(discoveredUpdateVersionInjectable);
+    const downloadingUpdateState = di.inject(updateIsBeingDownloadedInjectable);
+    const checkingForUpdatesState = di.inject(updatesAreBeingDiscoveredInjectable);
+    const processCheckingForUpdates = di.inject(processCheckingForUpdatesInjectable);
+    const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+
+    return {
+      id: "check-for-updates",
+      parentId: null,
+      orderNumber: 30,
+
+      label: computed(() => {
+        if (downloadingUpdateState.value.get()) {
+          const discoveredVersion = discoveredVersionState.value.get();
+
+          assert(discoveredVersion);
+
+          const roundedPercentage = Math.round(progressOfUpdateDownload.value.get().percentage);
+
+          return `Downloading update ${discoveredVersion.version} (${roundedPercentage}%)...`;
+        }
+
+        if (checkingForUpdatesState.value.get()) {
+          return "Checking for updates...";
+        }
+
+        return "Check for updates";
+      }),
+
+      enabled: computed(() => !checkingForUpdatesState.value.get() && !downloadingUpdateState.value.get()),
+
+      visible: computed(() => updatingIsEnabled),
+
+      click: pipeline(
+        async () => {
+          const { updateIsReadyToBeInstalled } = await processCheckingForUpdates("tray");
+
+          if (updateIsReadyToBeInstalled) {
+            await showApplicationWindow();
+          }
+        },
+
+        withErrorLoggingFor(() => "[TRAY]: Checking for updates failed."),
+
+        // TODO: Find out how to improve typing so that instead of
+        // x => withErrorSuppression(x) there could only be withErrorSuppression
+        (x) => withErrorSuppression(x),
+      ),
+    };
+  },
+
+  injectionToken: trayMenuItemInjectionToken,
+});
+
+export default checkForUpdatesTrayItemInjectable;
diff --git a/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-items/install-application-update-tray-item.injectable.ts b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-items/install-application-update-tray-item.injectable.ts
new file mode 100644
index 0000000000..86ae7d676f
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/tray-items/install-application-update-tray-item.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { trayMenuItemInjectionToken } from "../../../../../../main/tray/tray-menu-item/tray-menu-item-injection-token";
+import discoveredUpdateVersionInjectable from "../../../../common/discovered-update-version/discovered-update-version.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 "../../../../main/quit-and-install-update.injectable";
+import updateIsReadyToBeInstalledInjectable from "../update-is-ready-to-be-installed.injectable";
+
+const installApplicationUpdateTrayItemInjectable = getInjectable({
+  id: "install-update-tray-item",
+
+  instantiate: (di) => {
+    const quitAndInstallUpdate = di.inject(quitAndInstallUpdateInjectable);
+    const discoveredVersionState = di.inject(discoveredUpdateVersionInjectable);
+    const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+    const updateIsReadyToBeInstalled = di.inject(updateIsReadyToBeInstalledInjectable);
+
+    return {
+      id: "install-update",
+      parentId: null,
+      orderNumber: 50,
+
+      label: computed(() => {
+        const versionToBeInstalled = discoveredVersionState.value.get()?.version;
+
+        return `Install update ${versionToBeInstalled}`;
+      }),
+
+      enabled: computed(() => true),
+
+      visible: updateIsReadyToBeInstalled,
+
+      click: pipeline(
+        quitAndInstallUpdate,
+
+        withErrorLoggingFor(() => "[TRAY]: Update installation failed."),
+
+        // TODO: Find out how to improve typing so that instead of
+        // x => withErrorSuppression(x) there could only be withErrorSuppression
+        (x) => withErrorSuppression(x),
+      ),
+    };
+  },
+
+  injectionToken: trayMenuItemInjectionToken,
+});
+
+export default installApplicationUpdateTrayItemInjectable;
diff --git a/packages/core/src/features/application-update/child-features/application-update-using-tray/main/update-is-ready-to-be-installed.injectable.ts b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/update-is-ready-to-be-installed.injectable.ts
new file mode 100644
index 0000000000..39e23f51e6
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/application-update-using-tray/main/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/discovered-update-version/discovered-update-version.injectable";
+import updateIsBeingDownloadedInjectable from "../../../common/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/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
new file mode 100644
index 0000000000..95101e8294
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
@@ -0,0 +1,978 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts
new file mode 100644
index 0000000000..39ac24570a
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/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/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "../../main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import type { DownloadPlatformUpdate } from "../../main/download-update/download-platform-update/download-platform-update.injectable";
+import downloadPlatformUpdateInjectable from "../../main/download-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/process-checking-for-updates.injectable";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import { advanceFakeTime, testUsingFakeTime } from "../../../../common/test-utils/use-fake-time";
+import quitAndInstallUpdateInjectable from "../../main/quit-and-install-update.injectable";
+import timeAfterUpdateMustBeInstalledInjectable from "./renderer/force-update-modal/time-after-update-must-be-installed.injectable";
+import secondsAfterInstallStartsInjectable from "./renderer/force-update-modal/seconds-after-install-starts.injectable";
+import forceUpdateModalRootFrameComponentInjectable from "./renderer/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(() => {
+    testUsingFakeTime("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/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/force-update-modal-root-frame-component.global-override-for-injectable.ts b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/force-update-modal-root-frame-component.global-override-for-injectable.ts
new file mode 100644
index 0000000000..49c4be5075
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/force-update-modal-root-frame-component.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 { computed } from "mobx";
+import { getGlobalOverride } from "../../../../../../common/test-utils/get-global-override";
+import forceUpdateModalRootFrameComponentInjectable from "./force-update-modal-root-frame-component.injectable";
+
+export default getGlobalOverride(
+  forceUpdateModalRootFrameComponentInjectable,
+
+  () => ({
+    id: "force-update-modal",
+    Component: () => null,
+    shouldRender: computed(() => false),
+  }),
+);
diff --git a/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/force-update-modal-root-frame-component.injectable.ts b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/force-update-modal-root-frame-component.injectable.ts
new file mode 100644
index 0000000000..9109f4bfe3
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/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 "../../../../../../renderer/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/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/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/force-update-modal.module.scss b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/force-update-modal.module.scss
new file mode 100644
index 0000000000..268a4a2af7
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/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/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/force-update-modal.tsx b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/force-update-modal.tsx
new file mode 100644
index 0000000000..83daa606e3
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/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 "../../../../renderer/restart-and-install-update.injectable";
+import { Countdown } from "../../../../../../renderer/components/countdown/countdown";
+import type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import installUpdateCountdownInjectable from "./install-update-countdown.injectable";
+import { Dialog } from "../../../../../../renderer/components/dialog";
+import { Button } from "../../../../../../renderer/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/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/install-update-countdown.injectable.ts b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/install-update-countdown.injectable.ts
new file mode 100644
index 0000000000..f8e99b9ac1
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/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 "../../../../../../renderer/components/countdown/countdown-state.injectable";
+import secondsAfterInstallStartsInjectable from "./seconds-after-install-starts.injectable";
+import restartAndInstallUpdateInjectable from "../../../../renderer/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/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/seconds-after-install-starts.injectable.ts b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/seconds-after-install-starts.injectable.ts
new file mode 100644
index 0000000000..aec4c29f14
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/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/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/time-after-update-must-be-installed.injectable.ts b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/time-after-update-must-be-installed.injectable.ts
new file mode 100644
index 0000000000..c2bdb3cc83
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/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/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/time-since-update-was-downloaded.injectable.ts b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/force-update-modal/time-since-update-was-downloaded.injectable.ts
new file mode 100644
index 0000000000..8ac86c80ca
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/renderer/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/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/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/__snapshots__/periodical-checking-of-updates.test.ts.snap b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/__snapshots__/periodical-checking-of-updates.test.ts.snap
new file mode 100644
index 0000000000..413477ef9a
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/__snapshots__/periodical-checking-of-updates.test.ts.snap
@@ -0,0 +1,286 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/periodical-check-for-updates.global-override-for-injectable.ts b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/periodical-check-for-updates.global-override-for-injectable.ts
new file mode 100644
index 0000000000..db86b30e37
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/periodical-check-for-updates.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 periodicalCheckForUpdatesInjectable from "./periodical-check-for-updates.injectable";
+import { getGlobalOverride } from "../../../../../common/test-utils/get-global-override";
+
+export default getGlobalOverride(periodicalCheckForUpdatesInjectable, () => ({
+  start: () => {},
+  stop: () => {},
+  started: false,
+}));
diff --git a/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/periodical-check-for-updates.injectable.ts b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/periodical-check-for-updates.injectable.ts
new file mode 100644
index 0000000000..85c687e478
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/periodical-check-for-updates.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 { getStartableStoppable } from "../../../../../common/utils/get-startable-stoppable";
+import processCheckingForUpdatesInjectable from "../../../main/process-checking-for-updates.injectable";
+import withOrphanPromiseInjectable from "../../../../../common/utils/with-orphan-promise/with-orphan-promise.injectable";
+
+const TWO_HOURS = 1000 * 60 * 60 * 2;
+
+const periodicalCheckForUpdatesInjectable = getInjectable({
+  id: "periodical-check-for-updates",
+
+  instantiate: (di) => {
+    const withOrphanPromise = di.inject(withOrphanPromiseInjectable);
+    const processCheckingForUpdates = withOrphanPromise(di.inject(processCheckingForUpdatesInjectable));
+
+    return getStartableStoppable("periodical-check-for-updates", () => {
+      processCheckingForUpdates("periodic");
+
+      const intervalId = setInterval(() => {
+        processCheckingForUpdates("periodic");
+      }, TWO_HOURS);
+
+      return () => {
+        clearInterval(intervalId);
+      };
+    });
+  },
+
+  causesSideEffects: true,
+});
+
+export default periodicalCheckForUpdatesInjectable;
diff --git a/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/start-checking-for-updates.injectable.ts b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/start-checking-for-updates.injectable.ts
new file mode 100644
index 0000000000..20b60af2fa
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/start-checking-for-updates.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 periodicalCheckForUpdatesInjectable from "./periodical-check-for-updates.injectable";
+import updatingIsEnabledInjectable from "../../../main/updating-is-enabled/updating-is-enabled.injectable";
+import { afterApplicationIsLoadedInjectionToken } from "../../../../../main/start-main-application/runnable-tokens/after-application-is-loaded-injection-token";
+
+const startCheckingForUpdatesInjectable = getInjectable({
+  id: "start-checking-for-updates",
+
+  instantiate: (di) => {
+    const periodicalCheckForUpdates = di.inject(periodicalCheckForUpdatesInjectable);
+    const updatingIsEnabled = di.inject(updatingIsEnabledInjectable);
+
+    return {
+      id: "start-checking-for-updates",
+      run: () => {
+        if (updatingIsEnabled && !periodicalCheckForUpdates.started) {
+          periodicalCheckForUpdates.start();
+        }
+      },
+    };
+  },
+
+  injectionToken: afterApplicationIsLoadedInjectionToken,
+});
+
+export default startCheckingForUpdatesInjectable;
diff --git a/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/stop-checking-for-updates.injectable.ts b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/stop-checking-for-updates.injectable.ts
new file mode 100644
index 0000000000..6e58d7dd77
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/main/stop-checking-for-updates.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 periodicalCheckForUpdatesInjectable from "./periodical-check-for-updates.injectable";
+import { beforeQuitOfBackEndInjectionToken } from "../../../../../main/start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
+
+const stopCheckingForUpdatesInjectable = getInjectable({
+  id: "stop-checking-for-updates",
+
+  instantiate: (di) => {
+    const periodicalCheckForUpdates = di.inject(periodicalCheckForUpdatesInjectable);
+
+    return {
+      id: "stop-checking-for-updates",
+      run: () => {
+        if (periodicalCheckForUpdates.started) {
+          periodicalCheckForUpdates.stop();
+        }
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default stopCheckingForUpdatesInjectable;
diff --git a/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/periodical-checking-of-updates.test.ts b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/periodical-checking-of-updates.test.ts
new file mode 100644
index 0000000000..22765b85de
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/periodical-checking-of-updates/periodical-checking-of-updates.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 { ApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import type { RenderResult } from "@testing-library/react";
+import electronUpdaterIsActiveInjectable from "../../../../main/electron-app/features/electron-updater-is-active.injectable";
+import publishIsConfiguredInjectable from "../../main/updating-is-enabled/publish-is-configured/publish-is-configured.injectable";
+import processCheckingForUpdatesInjectable from "../../main/process-checking-for-updates.injectable";
+import periodicalCheckForUpdatesInjectable from "./main/periodical-check-for-updates.injectable";
+import { advanceFakeTime, testUsingFakeTime } from "../../../../common/test-utils/use-fake-time";
+
+const ENOUGH_TIME = 1000 * 60 * 60 * 2;
+
+describe("periodical checking of updates", () => {
+  let builder: ApplicationBuilder;
+  let processCheckingForUpdatesMock: jest.Mock;
+
+  beforeEach(() => {
+    testUsingFakeTime("2015-10-21T07:28:00Z");
+
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.unoverride(periodicalCheckForUpdatesInjectable);
+      mainDi.permitSideEffects(periodicalCheckForUpdatesInjectable);
+
+      processCheckingForUpdatesMock = jest.fn();
+
+      mainDi.override(
+        processCheckingForUpdatesInjectable,
+        () => processCheckingForUpdatesMock,
+      );
+    });
+  });
+
+  describe("given updater is enabled and configuration exists, when started", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      builder.beforeApplicationStart((mainDi) => {
+        mainDi.override(electronUpdaterIsActiveInjectable, () => true);
+        mainDi.override(publishIsConfiguredInjectable, () => true);
+      });
+
+      rendered = await builder.render();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("checks for updates", () => {
+      expect(processCheckingForUpdatesMock).toHaveBeenCalled();
+    });
+
+    it("when just not enough time passes, does not check for updates again automatically yet", () => {
+      processCheckingForUpdatesMock.mockClear();
+
+      advanceFakeTime(ENOUGH_TIME - 1);
+
+      expect(processCheckingForUpdatesMock).not.toHaveBeenCalled();
+    });
+
+    it("when just enough time passes, checks for updates again automatically", () => {
+      processCheckingForUpdatesMock.mockClear();
+
+      advanceFakeTime(ENOUGH_TIME);
+
+      expect(processCheckingForUpdatesMock).toHaveBeenCalled();
+    });
+  });
+
+  describe("given updater is enabled but no configuration exist, when started", () => {
+    beforeEach(async () => {
+      builder.beforeApplicationStart((mainDi) => {
+        mainDi.override(electronUpdaterIsActiveInjectable, () => true);
+        mainDi.override(publishIsConfiguredInjectable, () => false);
+      });
+
+      await builder.render();
+    });
+
+    it("does not check for updates", () => {
+      expect(processCheckingForUpdatesMock).not.toHaveBeenCalled();
+    });
+
+    it("when time passes, never checks for updates", () => {
+      jest.runOnlyPendingTimers();
+
+      expect(processCheckingForUpdatesMock).not.toHaveBeenCalled();
+    });
+  });
+
+  describe("given updater is not enabled but and configuration exist, when started", () => {
+    beforeEach(async () => {
+      builder.beforeApplicationStart((mainDi) => {
+        mainDi.override(electronUpdaterIsActiveInjectable, () => false);
+        mainDi.override(publishIsConfiguredInjectable, () => true);
+      });
+
+      await builder.render();
+    });
+
+    it("does not check for updates", () => {
+      expect(processCheckingForUpdatesMock).not.toHaveBeenCalled();
+    });
+
+    it("when time passes, never checks for updates", () => {
+      jest.runOnlyPendingTimers();
+
+      expect(processCheckingForUpdatesMock).not.toHaveBeenCalled();
+    });
+  });
+});
diff --git a/packages/core/src/features/application-update/child-features/preferences/renderer/update-channel/update-channel-preference-block.injectable.ts b/packages/core/src/features/application-update/child-features/preferences/renderer/update-channel/update-channel-preference-block.injectable.ts
new file mode 100644
index 0000000000..aa4fe3f5fb
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/preferences/renderer/update-channel/update-channel-preference-block.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 { preferenceItemInjectionToken } from "../../../../../preferences/renderer/preference-items/preference-item-injection-token";
+import { UpdateChannel } from "./update-channel";
+
+const updateChannelPreferenceBlockInjectable = getInjectable({
+  id: "update-channel-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "update-channel",
+    parentId: "application-page",
+    orderNumber: 50,
+    Component: UpdateChannel,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default updateChannelPreferenceBlockInjectable;
diff --git a/packages/core/src/features/application-update/child-features/preferences/renderer/update-channel/update-channel.tsx b/packages/core/src/features/application-update/child-features/preferences/renderer/update-channel/update-channel.tsx
new file mode 100644
index 0000000000..339d54beb8
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/preferences/renderer/update-channel/update-channel.tsx
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { Select } from "../../../../../../renderer/components/select";
+import { updateChannels } from "../../../../common/update-channels";
+import type { SelectedUpdateChannel } from "../../../../common/selected-update-channel/selected-update-channel.injectable";
+import selectedUpdateChannelInjectable from "../../../../common/selected-update-channel/selected-update-channel.injectable";
+import { pipeline } from "@ogre-tools/fp";
+import { map, toPairs } from "lodash/fp";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  selectedUpdateChannel: SelectedUpdateChannel;
+}
+
+const updateChannelOptions = pipeline(
+  toPairs(updateChannels),
+
+  map(([, channel]) => ({
+    value: channel.id,
+    label: channel.label,
+  })),
+);
+
+
+const NonInjectedUpdateChannel = observer(({ selectedUpdateChannel }: Dependencies) => (
+  <section id="update-channel">
+    <SubTitle title="Update Channel" />
+    <Select
+      id="update-channel-input"
+      options={updateChannelOptions}
+      value={selectedUpdateChannel.value.get().id}
+      onChange={(selected) => selectedUpdateChannel.setValue(selected?.value)}
+      themeName="lens"
+    />
+  </section>
+));
+
+export const UpdateChannel = withInjectables<Dependencies>(
+  NonInjectedUpdateChannel,
+
+  {
+    getProps: (di) => ({
+      selectedUpdateChannel: di.inject(selectedUpdateChannelInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/application-update/child-features/selection-of-update-stability/__snapshots__/selection-of-update-stability.test.ts.snap b/packages/core/src/features/application-update/child-features/selection-of-update-stability/__snapshots__/selection-of-update-stability.test.ts.snap
new file mode 100644
index 0000000000..7da7f42004
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/selection-of-update-stability/__snapshots__/selection-of-update-stability.test.ts.snap
@@ -0,0 +1,286 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/application-update/child-features/selection-of-update-stability/selection-of-update-stability.test.ts b/packages/core/src/features/application-update/child-features/selection-of-update-stability/selection-of-update-stability.test.ts
new file mode 100644
index 0000000000..8e84d4d32f
--- /dev/null
+++ b/packages/core/src/features/application-update/child-features/selection-of-update-stability/selection-of-update-stability.test.ts
@@ -0,0 +1,320 @@
+/**
+ * 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 quitAndInstallUpdateInjectable from "../../main/quit-and-install-update.injectable";
+import type { RenderResult } from "@testing-library/react";
+import electronUpdaterIsActiveInjectable from "../../../../main/electron-app/features/electron-updater-is-active.injectable";
+import publishIsConfiguredInjectable from "../../main/updating-is-enabled/publish-is-configured/publish-is-configured.injectable";
+import type { CheckForPlatformUpdates } from "../../main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "../../main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { UpdateChannel, ReleaseChannel } from "../../common/update-channels";
+import { updateChannels } from "../../common/update-channels";
+import type { DownloadPlatformUpdate } from "../../main/download-update/download-platform-update/download-platform-update.injectable";
+import downloadPlatformUpdateInjectable from "../../main/download-update/download-platform-update/download-platform-update.injectable";
+import selectedUpdateChannelInjectable from "../../common/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 showInfoNotificationInjectable from "../../../../renderer/components/notifications/show-info-notification.injectable";
+import processCheckingForUpdatesInjectable from "../../main/process-checking-for-updates.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import getBuildVersionInjectable
+  from "../../../../main/vars/build-version/get-build-version.injectable";
+
+describe("selection of update stability", () => {
+  let builder: ApplicationBuilder;
+  let quitAndInstallUpdateMock: jest.Mock;
+  let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
+  let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
+  let setUpdateOnQuitMock: jest.Mock;
+  let showInfoNotificationMock: jest.Mock;
+  let mainDi: DiContainer;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart((mainDi) => {
+      quitAndInstallUpdateMock = jest.fn();
+      checkForPlatformUpdatesMock = asyncFn();
+      downloadPlatformUpdateMock = asyncFn();
+      setUpdateOnQuitMock = jest.fn();
+
+      mainDi.override(setUpdateOnQuitInjectable, () => setUpdateOnQuitMock);
+
+      mainDi.override(
+        checkForPlatformUpdatesInjectable,
+        () => checkForPlatformUpdatesMock,
+      );
+
+      mainDi.override(
+        downloadPlatformUpdateInjectable,
+        () => downloadPlatformUpdateMock,
+      );
+
+      mainDi.override(
+        quitAndInstallUpdateInjectable,
+        () => quitAndInstallUpdateMock,
+      );
+
+      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<{ updateIsReadyToBeInstalled: boolean }>;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    describe('given update channel "alpha" is selected, when checking for updates', () => {
+      let selectedUpdateChannel: {
+        value: IComputedValue<UpdateChannel>;
+        setValue: (channelId: ReleaseChannel) => void;
+      };
+
+      beforeEach(() => {
+        selectedUpdateChannel = mainDi.inject(
+          selectedUpdateChannelInjectable,
+        );
+
+        selectedUpdateChannel.setValue(updateChannels.alpha.id);
+
+        processCheckingForUpdates("irrelevant");
+      });
+
+      it('checks updates from update channel "alpha"', () => {
+        expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(
+          updateChannels.alpha,
+          { allowDowngrade: false },
+        );
+      });
+
+      it("when update is discovered, does not check update from other update channels", async () => {
+        checkForPlatformUpdatesMock.mockClear();
+
+        await checkForPlatformUpdatesMock.resolve({
+          updateWasDiscovered: true,
+          version: "some-version",
+        });
+
+        expect(checkForPlatformUpdatesMock).not.toHaveBeenCalled();
+      });
+
+      describe("when no update is discovered", () => {
+        beforeEach(async () => {
+          checkForPlatformUpdatesMock.mockClear();
+
+          await checkForPlatformUpdatesMock.resolve({
+            updateWasDiscovered: false,
+          });
+        });
+
+        it('checks updates from update channel "beta"', () => {
+          expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(
+            updateChannels.beta,
+            { allowDowngrade: false },
+          );
+        });
+
+        it("when update is discovered, does not check update from other update channels", async () => {
+          checkForPlatformUpdatesMock.mockClear();
+
+          await checkForPlatformUpdatesMock.resolve({
+            updateWasDiscovered: true,
+            version: "some-version",
+          });
+
+          expect(checkForPlatformUpdatesMock).not.toHaveBeenCalled();
+        });
+
+        describe("when no update is discovered again", () => {
+          beforeEach(async () => {
+            checkForPlatformUpdatesMock.mockClear();
+
+            await checkForPlatformUpdatesMock.resolve({
+              updateWasDiscovered: false,
+            });
+          });
+
+          it('finally checks updates from update channel "latest"', () => {
+            expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(
+              updateChannels.latest,
+              { allowDowngrade: false },
+            );
+          });
+
+          it("when update is discovered, does not check update from other update channels", async () => {
+            checkForPlatformUpdatesMock.mockClear();
+
+            await checkForPlatformUpdatesMock.resolve({
+              updateWasDiscovered: true,
+              version: "some-version",
+            });
+
+            expect(checkForPlatformUpdatesMock).not.toHaveBeenCalled();
+          });
+        });
+      });
+    });
+
+    describe('given update channel "beta" is selected', () => {
+      let selectedUpdateChannel: {
+        value: IComputedValue<UpdateChannel>;
+        setValue: (channelId: ReleaseChannel) => void;
+      };
+
+      beforeEach(() => {
+        selectedUpdateChannel = mainDi.inject(
+          selectedUpdateChannelInjectable,
+        );
+
+        selectedUpdateChannel.setValue(updateChannels.beta.id);
+      });
+
+      describe("when checking for updates", () => {
+        beforeEach(() => {
+          processCheckingForUpdates("irrelevant");
+        });
+
+        describe('when update from "beta" channel is discovered', () => {
+          beforeEach(async () => {
+            await checkForPlatformUpdatesMock.resolve({
+              updateWasDiscovered: true,
+              version: "some-beta-version",
+            });
+          });
+
+          describe("when update is downloaded", () => {
+            beforeEach(async () => {
+              await downloadPlatformUpdateMock.resolve({ downloadWasSuccessful: true });
+            });
+
+            it("when user would close the application, installs the update", () => {
+              expect(setUpdateOnQuitMock).toHaveBeenLastCalledWith(true);
+            });
+
+            it('given user changes update channel to "latest", when user would close the application, does not install the update for not being stable enough', () => {
+              selectedUpdateChannel.setValue(updateChannels.latest.id);
+
+              expect(setUpdateOnQuitMock).toHaveBeenLastCalledWith(false);
+            });
+
+            it('given user changes update channel to "alpha", when user would close the application, installs the update for being stable enough', () => {
+              selectedUpdateChannel.setValue(updateChannels.alpha.id);
+
+              expect(setUpdateOnQuitMock).toHaveBeenLastCalledWith(true);
+            });
+          });
+        });
+      });
+    });
+  });
+
+  it("given valid update channel selection is stored, when checking for updates, checks for updates from the update channel", async () => {
+    await builder.render();
+
+    // TODO: Switch to more natural way of setting initial value
+    // TODO: UserStore is currently responsible for getting and setting initial value
+    mainDi.inject(selectedUpdateChannelInjectable).setValue(updateChannels.beta.id);
+
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+
+    processCheckingForUpdates("irrelevant");
+
+    expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(updateChannels.beta, expect.any(Object));
+  });
+
+  it("given invalid update channel selection is stored, when checking for updates, checks for updates from the update channel", async () => {
+    await builder.render();
+
+    // TODO: Switch to more natural way of setting initial value
+    // TODO: UserStore is currently responsible for getting and setting initial value
+    mainDi.inject(selectedUpdateChannelInjectable).setValue("something-invalid" as ReleaseChannel);
+
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+
+    processCheckingForUpdates("irrelevant");
+
+    expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(updateChannels.latest, expect.any(Object));
+  });
+
+  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 () => {
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(getBuildVersionInjectable, () => () => "1.0.0");
+    });
+
+    await builder.render();
+
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+
+    processCheckingForUpdates("irrelevant");
+
+    expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(
+      updateChannels.latest,
+      { allowDowngrade: false },
+    );
+  });
+
+  it('given no update channel selection is stored and currently using alpha release, when checking for updates, checks for updates from "alpha" channel', async () => {
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(getBuildVersionInjectable, () => () => "1.0.0-alpha");
+    });
+
+    await builder.render();
+
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+
+    processCheckingForUpdates("irrelevant");
+
+    expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(updateChannels.alpha, expect.any(Object));
+  });
+
+  it('given no update channel selection is stored and currently using beta release, when checking for updates, checks for updates from "beta" channel', async () => {
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(getBuildVersionInjectable, () => () => "1.0.0-beta");
+    });
+
+    await builder.render();
+
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+
+    processCheckingForUpdates("irrelevant");
+
+    expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(updateChannels.beta, expect.any(Object));
+  });
+
+  it("given update channel selection is stored and currently using prerelease, when checking for updates, checks for updates from stored channel", async () => {
+    await builder.render();
+
+    // TODO: Switch to more natural way of setting initial value
+    // TODO: UserStore is currently responsible for getting and setting initial value
+    mainDi.inject(selectedUpdateChannelInjectable).setValue(updateChannels.beta.id);
+
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+
+    processCheckingForUpdates("irrelevant");
+
+    expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(updateChannels.beta, expect.any(Object));
+  });
+});
diff --git a/packages/core/src/features/application-update/common/discovered-update-version/discovered-update-version.injectable.ts b/packages/core/src/features/application-update/common/discovered-update-version/discovered-update-version.injectable.ts
new file mode 100644
index 0000000000..1aefbb2c97
--- /dev/null
+++ b/packages/core/src/features/application-update/common/discovered-update-version/discovered-update-version.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 createSyncBoxInjectable from "../../../../common/utils/sync-box/create-sync-box.injectable";
+import type { UpdateChannel } from "../update-channels";
+import type { SyncBox } from "../../../../common/utils/sync-box/sync-box-injection-token";
+import { syncBoxInjectionToken } from "../../../../common/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(
+      "discovered-update-version",
+      null,
+    ) as DiscoveredUpdateVersion;
+  },
+
+  injectionToken: syncBoxInjectionToken,
+});
+
+export default discoveredUpdateVersionInjectable;
diff --git a/packages/core/src/features/application-update/common/progress-of-update-download/progress-of-update-download.injectable.ts b/packages/core/src/features/application-update/common/progress-of-update-download/progress-of-update-download.injectable.ts
new file mode 100644
index 0000000000..ff0d5dc021
--- /dev/null
+++ b/packages/core/src/features/application-update/common/progress-of-update-download/progress-of-update-download.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 createSyncBoxInjectable from "../../../../common/utils/sync-box/create-sync-box.injectable";
+import type { SyncBox } from "../../../../common/utils/sync-box/sync-box-injection-token";
+import { syncBoxInjectionToken } from "../../../../common/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",
+
+  instantiate: (di) => {
+    const createSyncBox = di.inject(createSyncBoxInjectable);
+
+    return createSyncBox<ProgressOfDownload>("progress-of-update-download", { percentage: 0 });
+  },
+
+  injectionToken: syncBoxInjectionToken,
+});
+
+export default progressOfUpdateDownloadInjectable;
diff --git a/packages/core/src/features/application-update/common/restart-and-install-update-channel.ts b/packages/core/src/features/application-update/common/restart-and-install-update-channel.ts
new file mode 100644
index 0000000000..470debf981
--- /dev/null
+++ b/packages/core/src/features/application-update/common/restart-and-install-update-channel.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 type { MessageChannel } from "../../../common/utils/channel/message-channel-listener-injection-token";
+
+export type RestartAndInstallUpdateChannel = MessageChannel<void>;
+
+export const restartAndInstallUpdateChannel: RestartAndInstallUpdateChannel = {
+  id: "restart-and-install-update-channel",
+};
diff --git a/packages/core/src/features/application-update/common/selected-update-channel/default-update-channel.injectable.ts b/packages/core/src/features/application-update/common/selected-update-channel/default-update-channel.injectable.ts
new file mode 100644
index 0000000000..0be5adca42
--- /dev/null
+++ b/packages/core/src/features/application-update/common/selected-update-channel/default-update-channel.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 releaseChannelInjectable from "../../../../common/vars/release-channel.injectable";
+import { updateChannels } from "../update-channels";
+import { createInitializableState } from "../../../../common/initializable-state/create";
+
+const defaultUpdateChannelInjectable = createInitializableState({
+  id: "default-update-channel",
+  init: (di) => updateChannels[di.inject(releaseChannelInjectable).get()],
+});
+
+export default defaultUpdateChannelInjectable;
diff --git a/packages/core/src/features/application-update/common/selected-update-channel/selected-update-channel.injectable.ts b/packages/core/src/features/application-update/common/selected-update-channel/selected-update-channel.injectable.ts
new file mode 100644
index 0000000000..d11778b9bd
--- /dev/null
+++ b/packages/core/src/features/application-update/common/selected-update-channel/selected-update-channel.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 type { IComputedValue } from "mobx";
+import { action, computed, observable } from "mobx";
+import type { UpdateChannel, ReleaseChannel } from "../update-channels";
+import { updateChannels } from "../update-channels";
+import defaultUpdateChannelInjectable from "./default-update-channel.injectable";
+
+export interface SelectedUpdateChannel {
+  value: IComputedValue<UpdateChannel>;
+  setValue: (channelId?: ReleaseChannel) => void;
+}
+
+const selectedUpdateChannelInjectable = getInjectable({
+  id: "selected-update-channel",
+
+  instantiate: (di): SelectedUpdateChannel => {
+    const defaultUpdateChannel = di.inject(defaultUpdateChannelInjectable);
+    const state = observable.box<UpdateChannel>(undefined, { deep: false });
+
+    return {
+      value: computed(() => state.get() ?? defaultUpdateChannel.get()),
+
+      setValue: action((channelId) => {
+        const targetUpdateChannel =
+          channelId && updateChannels[channelId]
+            ? updateChannels[channelId]
+            : defaultUpdateChannel.get();
+
+        state.set(targetUpdateChannel);
+      }),
+    };
+  },
+});
+
+export default selectedUpdateChannelInjectable;
diff --git a/packages/core/src/features/application-update/common/update-channels.ts b/packages/core/src/features/application-update/common/update-channels.ts
new file mode 100644
index 0000000000..1a38974946
--- /dev/null
+++ b/packages/core/src/features/application-update/common/update-channels.ts
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+export type ReleaseChannel = "alpha" | "beta" | "latest";
+
+const latestChannel: UpdateChannel = {
+  id: "latest",
+  label: "Stable",
+  moreStableUpdateChannel: null,
+};
+
+const betaChannel: UpdateChannel = {
+  id: "beta",
+  label: "Beta",
+  moreStableUpdateChannel: latestChannel,
+};
+
+const alphaChannel: UpdateChannel = {
+  id: "alpha",
+  label: "Alpha",
+  moreStableUpdateChannel: betaChannel,
+};
+
+export const updateChannels = {
+  latest: latestChannel,
+  beta: betaChannel,
+  alpha: alphaChannel,
+};
+
+export interface UpdateChannel {
+  readonly id: ReleaseChannel;
+  readonly label: string;
+  readonly moreStableUpdateChannel: UpdateChannel | null;
+}
diff --git a/packages/core/src/features/application-update/common/update-downloaded-date-time/update-downloaded-date-time.injectable.ts b/packages/core/src/features/application-update/common/update-downloaded-date-time/update-downloaded-date-time.injectable.ts
new file mode 100644
index 0000000000..4caaa6654a
--- /dev/null
+++ b/packages/core/src/features/application-update/common/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 "../../../../common/utils/sync-box/create-sync-box.injectable";
+import { syncBoxInjectionToken } from "../../../../common/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/packages/core/src/features/application-update/common/update-is-being-downloaded/update-is-being-downloaded.injectable.ts b/packages/core/src/features/application-update/common/update-is-being-downloaded/update-is-being-downloaded.injectable.ts
new file mode 100644
index 0000000000..e10e5f5046
--- /dev/null
+++ b/packages/core/src/features/application-update/common/update-is-being-downloaded/update-is-being-downloaded.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 "../../../../common/utils/sync-box/create-sync-box.injectable";
+import type { SyncBox } from "../../../../common/utils/sync-box/sync-box-injection-token";
+import { syncBoxInjectionToken } from "../../../../common/utils/sync-box/sync-box-injection-token";
+
+export type UpdateIsBeingDownloaded = SyncBox<boolean>;
+
+const updateIsBeingDownloadedInjectable = getInjectable({
+  id: "update-is-being-downloaded",
+
+  instantiate: (di) => {
+    const createSyncBox = di.inject(createSyncBoxInjectable);
+
+    return createSyncBox("update-is-being-downloaded", false);
+  },
+
+  injectionToken: syncBoxInjectionToken,
+});
+
+export default updateIsBeingDownloadedInjectable;
diff --git a/packages/core/src/features/application-update/common/updates-are-being-discovered/updates-are-being-discovered.injectable.ts b/packages/core/src/features/application-update/common/updates-are-being-discovered/updates-are-being-discovered.injectable.ts
new file mode 100644
index 0000000000..d762771269
--- /dev/null
+++ b/packages/core/src/features/application-update/common/updates-are-being-discovered/updates-are-being-discovered.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 "../../../../common/utils/sync-box/create-sync-box.injectable";
+import type { SyncBox } from "../../../../common/utils/sync-box/sync-box-injection-token";
+import { syncBoxInjectionToken } from "../../../../common/utils/sync-box/sync-box-injection-token";
+
+export type UpdatesAreBeingDiscovered = SyncBox<boolean>;
+
+const updatesAreBeingDiscoveredInjectable = getInjectable({
+  id: "updates-are-being-discovered",
+
+  instantiate: (di) => {
+    const createSyncBox = di.inject(createSyncBoxInjectable);
+
+    return createSyncBox("updates-are-being-discovered", false);
+  },
+
+  injectionToken: syncBoxInjectionToken,
+});
+
+export default updatesAreBeingDiscoveredInjectable;
diff --git a/packages/core/src/features/application-update/downgrading-version-update.test.ts b/packages/core/src/features/application-update/downgrading-version-update.test.ts
new file mode 100644
index 0000000000..69c6b5c6ff
--- /dev/null
+++ b/packages/core/src/features/application-update/downgrading-version-update.test.ts
@@ -0,0 +1,120 @@
+/**
+ * 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 electronUpdaterIsActiveInjectable from "../../main/electron-app/features/electron-updater-is-active.injectable";
+import publishIsConfiguredInjectable from "./main/updating-is-enabled/publish-is-configured/publish-is-configured.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { CheckForPlatformUpdates } from "./main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "./main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import processCheckingForUpdatesInjectable from "./main/process-checking-for-updates.injectable";
+import selectedUpdateChannelInjectable from "./common/selected-update-channel/selected-update-channel.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { updateChannels } from "./common/update-channels";
+import getBuildVersionInjectable from "../../main/vars/build-version/get-build-version.injectable";
+
+describe("downgrading version update", () => {
+  let applicationBuilder: ApplicationBuilder;
+  let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
+  let mainDi: DiContainer;
+
+  beforeEach(() => {
+    applicationBuilder = getApplicationBuilder();
+
+    applicationBuilder.beforeApplicationStart(mainDi => {
+      checkForPlatformUpdatesMock = asyncFn();
+
+      mainDi.override(
+        checkForPlatformUpdatesInjectable,
+        () => checkForPlatformUpdatesMock,
+      );
+
+      mainDi.override(electronUpdaterIsActiveInjectable, () => true);
+      mainDi.override(publishIsConfiguredInjectable, () => true);
+    });
+
+    mainDi = applicationBuilder.mainDi;
+  });
+
+  [
+    {
+      updateChannel: updateChannels.latest,
+      appVersion: "4.0.0",
+      downgradeIsAllowed: false,
+    },
+    {
+      updateChannel: updateChannels.beta,
+      appVersion: "4.0.0",
+      downgradeIsAllowed: false,
+    },
+    {
+      updateChannel: updateChannels.alpha,
+      appVersion: "4.0.0",
+      downgradeIsAllowed: false,
+    },
+    {
+      updateChannel: updateChannels.latest,
+      appVersion: "4.0.0-latest",
+      downgradeIsAllowed: false,
+    },
+    {
+      updateChannel: updateChannels.beta,
+      appVersion: "4.0.0-latest",
+      downgradeIsAllowed: false,
+    },
+    {
+      updateChannel: updateChannels.alpha,
+      appVersion: "4.0.0-latest",
+      downgradeIsAllowed: false,
+    },
+    {
+      updateChannel: updateChannels.latest,
+      appVersion: "4.0.0-beta",
+      downgradeIsAllowed: true,
+    },
+    {
+      updateChannel: updateChannels.beta,
+      appVersion: "4.0.0-beta",
+      downgradeIsAllowed: false,
+    },
+    {
+      updateChannel: updateChannels.alpha,
+      appVersion: "4.0.0-beta",
+      downgradeIsAllowed: false,
+    },
+    {
+      updateChannel: updateChannels.latest,
+      appVersion: "4.0.0-alpha",
+      downgradeIsAllowed: true,
+    },
+    {
+      updateChannel: updateChannels.beta,
+      appVersion: "4.0.0-alpha",
+      downgradeIsAllowed: false,
+    },
+    {
+      updateChannel: updateChannels.alpha,
+      appVersion: "4.0.0-alpha",
+      downgradeIsAllowed: false,
+    },
+  ].forEach(({ appVersion, updateChannel, downgradeIsAllowed }) => {
+    it(`given application version "${appVersion}" and update channel "${updateChannel.id}", when checking for updates, can${downgradeIsAllowed ? "": "not"} downgrade`, async () => {
+      mainDi.override(getBuildVersionInjectable, () => () => appVersion);
+
+      await applicationBuilder.render();
+
+      const selectedUpdateChannel = mainDi.inject(selectedUpdateChannelInjectable);
+
+      selectedUpdateChannel.setValue(updateChannel.id);
+
+      const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+
+      processCheckingForUpdates("irrelevant");
+
+      expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(expect.any(Object), { allowDowngrade: downgradeIsAllowed });
+    });
+  });
+});
diff --git a/packages/core/src/features/application-update/installing-update.test.ts b/packages/core/src/features/application-update/installing-update.test.ts
new file mode 100644
index 0000000000..81529a851f
--- /dev/null
+++ b/packages/core/src/features/application-update/installing-update.test.ts
@@ -0,0 +1,246 @@
+/**
+ * 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 quitAndInstallUpdateInjectable from "./main/quit-and-install-update.injectable";
+import type { RenderResult } from "@testing-library/react";
+import electronUpdaterIsActiveInjectable from "../../main/electron-app/features/electron-updater-is-active.injectable";
+import publishIsConfiguredInjectable from "./main/updating-is-enabled/publish-is-configured/publish-is-configured.injectable";
+import type { CheckForPlatformUpdates } from "./main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "./main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { DownloadPlatformUpdate } from "./main/download-update/download-platform-update/download-platform-update.injectable";
+import downloadPlatformUpdateInjectable from "./main/download-update/download-platform-update/download-platform-update.injectable";
+import setUpdateOnQuitInjectable from "../../main/electron-app/features/set-update-on-quit.injectable";
+import processCheckingForUpdatesInjectable from "./main/process-checking-for-updates.injectable";
+import { testUsingFakeTime } from "../../common/test-utils/use-fake-time";
+import staticFilesDirectoryInjectable from "../../common/vars/static-files-directory.injectable";
+
+describe("installing update", () => {
+  let builder: ApplicationBuilder;
+  let quitAndInstallUpdateMock: jest.Mock;
+  let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
+  let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
+  let setUpdateOnQuitMock: jest.Mock;
+
+  beforeEach(() => {
+    testUsingFakeTime("2015-10-21T07:28:00Z");
+
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart((mainDi) => {
+      quitAndInstallUpdateMock = jest.fn();
+      checkForPlatformUpdatesMock = asyncFn();
+      downloadPlatformUpdateMock = asyncFn();
+      setUpdateOnQuitMock = jest.fn();
+
+      mainDi.override(staticFilesDirectoryInjectable, () => "/some-static-files-directory");
+
+      mainDi.override(setUpdateOnQuitInjectable, () => setUpdateOnQuitMock);
+
+      mainDi.override(
+        checkForPlatformUpdatesInjectable,
+        () => checkForPlatformUpdatesMock,
+      );
+
+      mainDi.override(
+        downloadPlatformUpdateInjectable,
+        () => downloadPlatformUpdateMock,
+      );
+
+      mainDi.override(
+        quitAndInstallUpdateInjectable,
+        () => quitAndInstallUpdateMock,
+      );
+
+      mainDi.override(electronUpdaterIsActiveInjectable, () => true);
+      mainDi.override(publishIsConfiguredInjectable, () => true);
+    });
+  });
+
+  describe("when started", () => {
+    let rendered: RenderResult;
+    let processCheckingForUpdates: (source: string) => Promise<{ updateIsReadyToBeInstalled: boolean }>;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      processCheckingForUpdates = builder.mainDi.inject(
+        processCheckingForUpdatesInjectable,
+      );
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows normal tray icon", () => {
+      expect(builder.tray.getIconPath()).toBe(
+        "/some-static-files-directory/build/tray/trayIconTemplate.png",
+      );
+    });
+
+    describe("when user checks for updates", () => {
+      beforeEach(() => {
+        processCheckingForUpdates("irrelevant");
+      });
+
+      it("checks for updates", () => {
+        expect(checkForPlatformUpdatesMock).toHaveBeenCalledWith(
+          expect.any(Object),
+          { allowDowngrade: false },
+        );
+      });
+
+      it("shows tray icon for checking for updates", () => {
+        expect(builder.tray.getIconPath()).toBe(
+          "/some-static-files-directory/build/tray/trayIconCheckingForUpdatesTemplate.png",
+        );
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when no new update is discovered", () => {
+        beforeEach(async () => {
+          await checkForPlatformUpdatesMock.resolve({
+            updateWasDiscovered: false,
+          });
+        });
+
+        it("shows tray icon for normal", () => {
+          expect(builder.tray.getIconPath()).toBe(
+            "/some-static-files-directory/build/tray/trayIconTemplate.png",
+          );
+        });
+
+        it("does not start downloading update", () => {
+          expect(downloadPlatformUpdateMock).not.toHaveBeenCalled();
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+      });
+
+      describe("when new update is discovered", () => {
+        beforeEach(async () => {
+          await checkForPlatformUpdatesMock.resolve({
+            updateWasDiscovered: true,
+            version: "some-version",
+          });
+        });
+
+        it("starts downloading the update", () => {
+          expect(downloadPlatformUpdateMock).toHaveBeenCalled();
+        });
+
+        it("still shows tray icon for downloading", () => {
+          expect(builder.tray.getIconPath()).toBe(
+            "/some-static-files-directory/build/tray/trayIconCheckingForUpdatesTemplate.png",
+          );
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        describe("when download fails", () => {
+          beforeEach(async () => {
+            await downloadPlatformUpdateMock.resolve({ downloadWasSuccessful: false });
+          });
+
+          it("does not quit and install update yet", () => {
+            expect(quitAndInstallUpdateMock).not.toHaveBeenCalled();
+          });
+
+          it("still shows normal tray icon", () => {
+            expect(builder.tray.getIconPath()).toBe(
+              "/some-static-files-directory/build/tray/trayIconTemplate.png",
+            );
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+        });
+
+        describe("when download succeeds", () => {
+          beforeEach(async () => {
+            await downloadPlatformUpdateMock.resolve({ downloadWasSuccessful: true });
+          });
+
+          it("does not quit and install update yet", () => {
+            expect(quitAndInstallUpdateMock).not.toHaveBeenCalled();
+          });
+
+          it("shows tray icon for update being available", () => {
+            expect(builder.tray.getIconPath()).toBe(
+              "/some-static-files-directory/build/tray/trayIconUpdateAvailableTemplate.png",
+            );
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          describe("given checking for updates again", () => {
+            beforeEach(() => {
+              downloadPlatformUpdateMock.mockClear();
+
+              processCheckingForUpdates("irrelevant");
+            });
+
+            it("shows tray icon for checking for updates", () => {
+              expect(builder.tray.getIconPath()).toBe(
+                "/some-static-files-directory/build/tray/trayIconCheckingForUpdatesTemplate.png",
+              );
+            });
+
+            describe("when check resolves with same update that is already downloaded", () => {
+              beforeEach(async () => {
+                await checkForPlatformUpdatesMock.resolve({
+                  updateWasDiscovered: true,
+                  version: "some-version",
+                });
+              });
+
+              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/build/tray/trayIconUpdateAvailableTemplate.png",
+                );
+              });
+            });
+
+            describe("when check resolves with different update that was previously downloaded", () => {
+              beforeEach(async () => {
+                await checkForPlatformUpdatesMock.resolve({
+                  updateWasDiscovered: true,
+                  version: "some-other-version",
+                });
+              });
+
+              it("downloads the update", () => {
+                expect(downloadPlatformUpdateMock).toHaveBeenCalled();
+              });
+
+              it("shows tray icon for downloading update", () => {
+                expect(builder.tray.getIconPath()).toBe(
+                  "/some-static-files-directory/build/tray/trayIconCheckingForUpdatesTemplate.png",
+                );
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/application-update/main/check-for-updates/check-for-platform-updates/check-for-platform-updates.global-override-for-injectable.ts b/packages/core/src/features/application-update/main/check-for-updates/check-for-platform-updates/check-for-platform-updates.global-override-for-injectable.ts
new file mode 100644
index 0000000000..5e271eaa30
--- /dev/null
+++ b/packages/core/src/features/application-update/main/check-for-updates/check-for-platform-updates/check-for-platform-updates.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 checkForPlatformUpdatesInjectable from "./check-for-platform-updates.injectable";
+import { getGlobalOverrideForFunction } from "../../../../../common/test-utils/get-global-override-for-function";
+
+export default getGlobalOverrideForFunction(checkForPlatformUpdatesInjectable);
diff --git a/packages/core/src/features/application-update/main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable.ts b/packages/core/src/features/application-update/main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable.ts
new file mode 100644
index 0000000000..22726467a9
--- /dev/null
+++ b/packages/core/src/features/application-update/main/check-for-updates/check-for-platform-updates/check-for-platform-updates.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import electronUpdaterInjectable from "../../../../../main/electron-app/features/electron-updater.injectable";
+import type { UpdateChannel } from "../../../common/update-channels";
+import loggerInjectable from "../../../../../common/logger.injectable";
+import type { UpdateCheckResult } from "electron-updater";
+
+export type CheckForUpdatesResult = {
+  updateWasDiscovered: false;
+} | {
+  updateWasDiscovered: true;
+  version: string;
+};
+
+export type CheckForPlatformUpdates = (updateChannel: UpdateChannel, opts: { allowDowngrade: boolean }) => Promise<CheckForUpdatesResult>;
+
+const checkForPlatformUpdatesInjectable = getInjectable({
+  id: "check-for-platform-updates",
+
+  instantiate: (di): CheckForPlatformUpdates => {
+    const electronUpdater = di.inject(electronUpdaterInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (updateChannel, { allowDowngrade }) => {
+      electronUpdater.channel = updateChannel.id;
+      electronUpdater.autoDownload = false;
+      electronUpdater.allowDowngrade = allowDowngrade;
+
+      let result: UpdateCheckResult;
+
+      try {
+        result = await electronUpdater.checkForUpdates();
+      } catch (error) {
+        logger.error("[UPDATE-APP/CHECK-FOR-UPDATES]", error);
+
+        return {
+          updateWasDiscovered: false,
+        };
+      }
+
+      const { updateInfo, cancellationToken } = result;
+
+      if (!cancellationToken) {
+        return {
+          updateWasDiscovered: false,
+        };
+      }
+
+      return {
+        updateWasDiscovered: true,
+        version: updateInfo.version,
+      };
+    };
+  },
+});
+
+export default checkForPlatformUpdatesInjectable;
diff --git a/packages/core/src/features/application-update/main/check-for-updates/check-for-platform-updates/check-for-platform-updates.test.ts b/packages/core/src/features/application-update/main/check-for-updates/check-for-platform-updates/check-for-platform-updates.test.ts
new file mode 100644
index 0000000000..07875dd728
--- /dev/null
+++ b/packages/core/src/features/application-update/main/check-for-updates/check-for-platform-updates/check-for-platform-updates.test.ts
@@ -0,0 +1,134 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getDiForUnitTesting } from "../../../../../main/getDiForUnitTesting";
+import electronUpdaterInjectable from "../../../../../main/electron-app/features/electron-updater.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { AppUpdater, UpdateCheckResult } from "electron-updater";
+import type { CheckForPlatformUpdates } from "./check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "./check-for-platform-updates.injectable";
+import type { UpdateChannel, ReleaseChannel } from "../../../common/update-channels";
+import { getPromiseStatus } from "../../../../../common/test-utils/get-promise-status";
+import loggerInjectable from "../../../../../common/logger.injectable";
+import { noop } from "../../../../../common/utils";
+
+describe("check-for-platform-updates", () => {
+  let checkForPlatformUpdates: CheckForPlatformUpdates;
+  let electronUpdaterFake: AppUpdater;
+  let checkForUpdatesMock: AsyncFnMock<() => UpdateCheckResult>;
+  let logErrorMock: jest.Mock;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting();
+
+    checkForUpdatesMock = asyncFn();
+
+    electronUpdaterFake = {
+      channel: undefined,
+      autoDownload: undefined,
+      allowDowngrade: undefined,
+
+      checkForUpdates: checkForUpdatesMock,
+    } as unknown as AppUpdater;
+
+    di.override(electronUpdaterInjectable, () => electronUpdaterFake);
+
+    logErrorMock = jest.fn();
+
+    di.override(loggerInjectable, () => ({
+      error: logErrorMock,
+      debug: noop,
+      info: noop,
+      silly: noop,
+      warn: noop,
+    }));
+
+    checkForPlatformUpdates = di.inject(checkForPlatformUpdatesInjectable);
+  });
+
+  describe("when called", () => {
+    let actualPromise: Promise<any>;
+
+    beforeEach(() => {
+      const testUpdateChannel: UpdateChannel = {
+        id: "some-update-channel" as ReleaseChannel,
+        label: "Some update channel",
+        moreStableUpdateChannel: null,
+      };
+
+      actualPromise = checkForPlatformUpdates(testUpdateChannel, { allowDowngrade: true });
+    });
+
+    it("sets update channel", () => {
+      expect(electronUpdaterFake.channel).toBe("some-update-channel");
+    });
+
+    it("sets flag for allowing downgrade", () => {
+      expect(electronUpdaterFake.allowDowngrade).toBe(true);
+    });
+
+    it("disables auto downloading for being controlled", () => {
+      expect(electronUpdaterFake.autoDownload).toBe(false);
+    });
+
+    it("checks for updates", () => {
+      expect(checkForUpdatesMock).toHaveBeenCalled();
+    });
+
+    it("does not resolve yet", async () => {
+      const promiseStatus = await getPromiseStatus(actualPromise);
+
+      expect(promiseStatus.fulfilled).toBe(false);
+    });
+
+    it("when checking for updates resolves with update, resolves with the discovered update", async () => {
+      await checkForUpdatesMock.resolve({
+        updateInfo: {
+          version: "some-version",
+        },
+
+        cancellationToken: "some-cancellation-token",
+      } as unknown as UpdateCheckResult);
+
+      const actual = await actualPromise;
+
+      expect(actual).toEqual({ updateWasDiscovered: true, version: "some-version" });
+    });
+
+    it("when checking for updates resolves without update, resolves with update not being discovered", async () => {
+      await checkForUpdatesMock.resolve({
+        updateInfo: {
+          version: "some-version-that-matches-to-current-installed-version",
+        },
+
+        cancellationToken: null,
+      } as unknown as UpdateCheckResult);
+
+      const actual = await actualPromise;
+
+      expect(actual).toEqual({ updateWasDiscovered: false });
+    });
+
+    describe("when checking for updates rejects", () => {
+      let errorStub: Error;
+
+      beforeEach(() => {
+        errorStub = new Error("Some error");
+
+        checkForUpdatesMock.reject(errorStub);
+      });
+
+      it("logs errors", () => {
+        expect(logErrorMock).toHaveBeenCalledWith("[UPDATE-APP/CHECK-FOR-UPDATES]", errorStub);
+      });
+
+      it("resolves with update not being discovered", async () => {
+        const actual = await actualPromise;
+
+        expect(actual).toEqual({ updateWasDiscovered: false });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/application-update/main/check-for-updates/check-for-updates-starting-from-channel.injectable.ts b/packages/core/src/features/application-update/main/check-for-updates/check-for-updates-starting-from-channel.injectable.ts
new file mode 100644
index 0000000000..8bd8498654
--- /dev/null
+++ b/packages/core/src/features/application-update/main/check-for-updates/check-for-updates-starting-from-channel.injectable.ts
@@ -0,0 +1,51 @@
+/**
+ * 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 { UpdateChannel } from "../../common/update-channels";
+import checkForPlatformUpdatesInjectable from "./check-for-platform-updates/check-for-platform-updates.injectable";
+import updateCanBeDowngradedInjectable from "./update-can-be-downgraded.injectable";
+
+export type CheckForUpdatesFromChannelResult = {
+  updateWasDiscovered: false;
+} | {
+  updateWasDiscovered: true;
+  version: string;
+  actualUpdateChannel: UpdateChannel;
+};
+
+const checkForUpdatesStartingFromChannelInjectable = getInjectable({
+  id: "check-for-updates-starting-from-channel",
+
+  instantiate: (di) => {
+    const checkForPlatformUpdates = di.inject(checkForPlatformUpdatesInjectable);
+    const updateCanBeDowngraded = di.inject(updateCanBeDowngradedInjectable);
+
+    const _recursiveCheck = async (
+      updateChannel: UpdateChannel,
+    ): Promise<CheckForUpdatesFromChannelResult> => {
+      const result = await checkForPlatformUpdates(updateChannel, {
+        allowDowngrade: updateCanBeDowngraded.get(),
+      });
+
+      if (result.updateWasDiscovered) {
+        return {
+          updateWasDiscovered: true,
+          version: result.version,
+          actualUpdateChannel: updateChannel,
+        };
+      }
+
+      if (updateChannel.moreStableUpdateChannel) {
+        return await _recursiveCheck(updateChannel.moreStableUpdateChannel);
+      }
+
+      return { updateWasDiscovered: false };
+    };
+
+    return _recursiveCheck;
+  },
+});
+
+export default checkForUpdatesStartingFromChannelInjectable;
diff --git a/packages/core/src/features/application-update/main/check-for-updates/update-can-be-downgraded.injectable.ts b/packages/core/src/features/application-update/main/check-for-updates/update-can-be-downgraded.injectable.ts
new file mode 100644
index 0000000000..d5f27464be
--- /dev/null
+++ b/packages/core/src/features/application-update/main/check-for-updates/update-can-be-downgraded.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 selectedUpdateChannelInjectable from "../../common/selected-update-channel/selected-update-channel.injectable";
+import releaseChannelInjectable from "../../../../common/vars/release-channel.injectable";
+
+const updateCanBeDowngradedInjectable = getInjectable({
+  id: "update-can-be-downgraded",
+
+  instantiate: (di) => {
+    const selectedUpdateChannel = di.inject(selectedUpdateChannelInjectable);
+    const releaseChannel = di.inject(releaseChannelInjectable);
+
+    return computed(() => (
+      selectedUpdateChannel.value.get().id === "latest"
+      && releaseChannel.get() !== "latest"
+    ));
+  },
+});
+
+export default updateCanBeDowngradedInjectable;
diff --git a/packages/core/src/features/application-update/main/download-update/download-platform-update/download-platform-update.global-override-for-injectable.ts b/packages/core/src/features/application-update/main/download-update/download-platform-update/download-platform-update.global-override-for-injectable.ts
new file mode 100644
index 0000000000..15df5d835b
--- /dev/null
+++ b/packages/core/src/features/application-update/main/download-update/download-platform-update/download-platform-update.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 { getGlobalOverrideForFunction } from "../../../../../common/test-utils/get-global-override-for-function";
+import downloadPlatformUpdateInjectable from "./download-platform-update.injectable";
+
+export default getGlobalOverrideForFunction(downloadPlatformUpdateInjectable);
diff --git a/packages/core/src/features/application-update/main/download-update/download-platform-update/download-platform-update.injectable.ts b/packages/core/src/features/application-update/main/download-update/download-platform-update/download-platform-update.injectable.ts
new file mode 100644
index 0000000000..14c4d2b075
--- /dev/null
+++ b/packages/core/src/features/application-update/main/download-update/download-platform-update/download-platform-update.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 electronUpdaterInjectable from "../../../../../main/electron-app/features/electron-updater.injectable";
+import loggerInjectable from "../../../../../common/logger.injectable";
+import type { ProgressInfo } from "electron-updater";
+import type { ProgressOfDownload } from "../../../common/progress-of-update-download/progress-of-update-download.injectable";
+
+export type DownloadPlatformUpdate = (
+  onDownloadProgress: (arg: ProgressOfDownload) => void
+) => Promise<{ downloadWasSuccessful: boolean }>;
+
+const downloadPlatformUpdateInjectable = getInjectable({
+  id: "download-platform-update",
+
+  instantiate: (di): DownloadPlatformUpdate => {
+    const electronUpdater = di.inject(electronUpdaterInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (onDownloadProgress) => {
+      onDownloadProgress({ percentage: 0 });
+
+      const updateDownloadProgress = ({ percent: percentage }: ProgressInfo) =>
+        onDownloadProgress({ percentage });
+
+      electronUpdater.on("download-progress", updateDownloadProgress);
+
+      try {
+        await electronUpdater.downloadUpdate();
+      } catch(error) {
+        logger.error("[UPDATE-APP/DOWNLOAD]", error);
+
+        return { downloadWasSuccessful: false };
+      } finally {
+        electronUpdater.off("download-progress", updateDownloadProgress);
+      }
+
+      return { downloadWasSuccessful: true };
+    };
+  },
+});
+
+export default downloadPlatformUpdateInjectable;
diff --git a/packages/core/src/features/application-update/main/download-update/download-platform-update/download-platform-update.test.ts b/packages/core/src/features/application-update/main/download-update/download-platform-update/download-platform-update.test.ts
new file mode 100644
index 0000000000..2cedacb68b
--- /dev/null
+++ b/packages/core/src/features/application-update/main/download-update/download-platform-update/download-platform-update.test.ts
@@ -0,0 +1,161 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getDiForUnitTesting } from "../../../../../main/getDiForUnitTesting";
+import electronUpdaterInjectable from "../../../../../main/electron-app/features/electron-updater.injectable";
+import type { DownloadPlatformUpdate } from "./download-platform-update.injectable";
+import downloadPlatformUpdateInjectable from "./download-platform-update.injectable";
+import type { AppUpdater } from "electron-updater";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import { getPromiseStatus } from "../../../../../common/test-utils/get-promise-status";
+import type { DiContainer } from "@ogre-tools/injectable";
+import loggerInjectable from "../../../../../common/logger.injectable";
+import { noop } from "../../../../../common/utils";
+
+describe("download-platform-update", () => {
+  let downloadPlatformUpdate: DownloadPlatformUpdate;
+  let downloadUpdateMock: AsyncFnMock<() => void>;
+  let electronUpdaterFake: AppUpdater;
+  let electronUpdaterOnMock: jest.Mock;
+  let electronUpdaterOffMock: jest.Mock;
+  let di: DiContainer;
+  let logErrorMock: jest.Mock;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting();
+
+    downloadUpdateMock = asyncFn();
+    electronUpdaterOnMock = jest.fn();
+    electronUpdaterOffMock = jest.fn();
+
+    electronUpdaterFake = {
+      channel: undefined,
+      autoDownload: undefined,
+
+      on: electronUpdaterOnMock,
+      off: electronUpdaterOffMock,
+
+      downloadUpdate: downloadUpdateMock,
+    } as unknown as AppUpdater;
+
+    di.override(electronUpdaterInjectable, () => electronUpdaterFake);
+
+    logErrorMock = jest.fn();
+    di.override(loggerInjectable, () => ({
+      error: logErrorMock,
+      debug: noop,
+      info: noop,
+      silly: noop,
+      warn: noop,
+    }));
+
+    downloadPlatformUpdate = di.inject(downloadPlatformUpdateInjectable);
+  });
+
+  describe("when called", () => {
+    let actualPromise: Promise<{ downloadWasSuccessful: boolean }>;
+    let onDownloadProgressMock: jest.Mock;
+
+    beforeEach(() => {
+      onDownloadProgressMock = jest.fn();
+
+      actualPromise = downloadPlatformUpdate(onDownloadProgressMock);
+    });
+
+    it("calls for downloading of update", () => {
+      expect(downloadUpdateMock).toHaveBeenCalled();
+    });
+
+    it("does not resolve yet", async () => {
+      const promiseStatus = await getPromiseStatus(actualPromise);
+
+      expect(promiseStatus.fulfilled).toBe(false);
+    });
+
+    it("starts progress of download from 0", () => {
+      expect(onDownloadProgressMock).toHaveBeenCalledWith({ percentage: 0 });
+    });
+
+    describe("when downloading progresses", () => {
+      beforeEach(() => {
+        onDownloadProgressMock.mockClear();
+
+        const [, callback] = electronUpdaterOnMock.mock.calls.find(
+          ([event]) => event === "download-progress",
+        );
+
+        callback({
+          percent: 42,
+          total: 0,
+          delta: 0,
+          transferred: 0,
+          bytesPerSecond: 0,
+        });
+      });
+
+      it("updates progress of the download", () => {
+        expect(onDownloadProgressMock).toHaveBeenCalledWith({ percentage: 42 });
+      });
+
+      describe("when downloading resolves", () => {
+        beforeEach(async () => {
+          onDownloadProgressMock.mockClear();
+
+          await downloadUpdateMock.resolve();
+        });
+
+        it("resolves with success", async () => {
+          const actual = await actualPromise;
+
+          expect(actual).toEqual({ downloadWasSuccessful: true });
+        });
+
+        it("does not reset progress of download yet", () => {
+          expect(onDownloadProgressMock).not.toHaveBeenCalled();
+        });
+
+        it("stops watching for download progress", () => {
+          expect(electronUpdaterOffMock).toHaveBeenCalledWith(
+            "download-progress",
+            expect.any(Function),
+          );
+        });
+
+        it("when starting download again, resets progress of download", () => {
+          downloadPlatformUpdate(onDownloadProgressMock);
+
+          expect(onDownloadProgressMock).toHaveBeenCalledWith({ percentage: 0 });
+        });
+      });
+
+      describe("when downloading rejects", () => {
+        let errorStub: Error;
+
+        beforeEach(() => {
+          errorStub = new Error("Some error");
+
+          downloadUpdateMock.reject(errorStub);
+        });
+
+        it("logs error", () => {
+          expect(logErrorMock).toHaveBeenCalledWith("[UPDATE-APP/DOWNLOAD]", errorStub);
+        });
+
+        it("stops watching for download progress", () => {
+          expect(electronUpdaterOffMock).toHaveBeenCalledWith(
+            "download-progress",
+            expect.any(Function),
+          );
+        });
+
+        it("resolves with failure", async () => {
+          const actual = await actualPromise;
+
+          expect(actual).toEqual({ downloadWasSuccessful: false });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/application-update/main/download-update/download-update.injectable.ts b/packages/core/src/features/application-update/main/download-update/download-update.injectable.ts
new file mode 100644
index 0000000000..e9019dc7b2
--- /dev/null
+++ b/packages/core/src/features/application-update/main/download-update/download-update.injectable.ts
@@ -0,0 +1,57 @@
+/**
+ * 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 downloadPlatformUpdateInjectable from "./download-platform-update/download-platform-update.injectable";
+import updateIsBeingDownloadedInjectable from "../../common/update-is-being-downloaded/update-is-being-downloaded.injectable";
+import discoveredUpdateVersionInjectable from "../../common/discovered-update-version/discovered-update-version.injectable";
+import { action, runInAction } from "mobx";
+import type { ProgressOfDownload } from "../../common/progress-of-update-download/progress-of-update-download.injectable";
+import progressOfUpdateDownloadInjectable from "../../common/progress-of-update-download/progress-of-update-download.injectable";
+import { getCurrentDateTime } from "../../../../common/utils/date/get-current-date-time";
+import updateDownloadedDateTimeInjectable from "../../common/update-downloaded-date-time/update-downloaded-date-time.injectable";
+
+const downloadUpdateInjectable = getInjectable({
+  id: "download-update",
+
+  instantiate: (di) => {
+    const downloadPlatformUpdate = di.inject(downloadPlatformUpdateInjectable);
+    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);
+    });
+
+    return async () => {
+      runInAction(() => {
+        progressOfUpdateDownload.set({ percentage: 0 });
+        downloadingUpdateState.set(true);
+      });
+
+      const { downloadWasSuccessful } = await downloadPlatformUpdate(
+        updateDownloadProgress,
+      );
+
+      runInAction(() => {
+        if (!downloadWasSuccessful) {
+          progressOfUpdateDownload.set({ percentage: 0, failed: "Download of update failed" });
+          discoveredVersionState.set(null);
+        }
+
+        const currentDateTime = getCurrentDateTime();
+
+        updateDownloadedDate.set(currentDateTime);
+
+        downloadingUpdateState.set(false);
+      });
+
+      return { downloadWasSuccessful };
+    };
+  },
+});
+
+export default downloadUpdateInjectable;
diff --git a/packages/core/src/features/application-update/main/emit-current-version-to-analytics.injectable.ts b/packages/core/src/features/application-update/main/emit-current-version-to-analytics.injectable.ts
new file mode 100644
index 0000000000..17fdf89944
--- /dev/null
+++ b/packages/core/src/features/application-update/main/emit-current-version-to-analytics.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 { afterApplicationIsLoadedInjectionToken } from "../../../main/start-main-application/runnable-tokens/after-application-is-loaded-injection-token";
+import emitAppEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import { getCurrentDateTime } from "../../../common/utils/date/get-current-date-time";
+import buildVersionInjectable from "../../../main/vars/build-version/build-version.injectable";
+
+const emitCurrentVersionToAnalyticsInjectable = getInjectable({
+  id: "emit-current-version-to-analytics",
+
+  instantiate: (di) => {
+    const emitAppEvent = di.inject(emitAppEventInjectable);
+    const buildVersion = di.inject(buildVersionInjectable);
+
+    return {
+      id: "emit-current-version-to-analytics",
+      run: () => {
+        emitAppEvent({
+          name: "app",
+          action: "current-version",
+
+          params: {
+            version: buildVersion.get(),
+            currentDateTime: getCurrentDateTime(),
+          },
+        });
+      },
+    };
+  },
+
+  injectionToken: afterApplicationIsLoadedInjectionToken,
+});
+
+export default emitCurrentVersionToAnalyticsInjectable;
diff --git a/packages/core/src/features/application-update/main/process-checking-for-updates.injectable.ts b/packages/core/src/features/application-update/main/process-checking-for-updates.injectable.ts
new file mode 100644
index 0000000000..40fde375f4
--- /dev/null
+++ b/packages/core/src/features/application-update/main/process-checking-for-updates.injectable.ts
@@ -0,0 +1,82 @@
+/**
+ * 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 selectedUpdateChannelInjectable from "../common/selected-update-channel/selected-update-channel.injectable";
+import updatesAreBeingDiscoveredInjectable from "../common/updates-are-being-discovered/updates-are-being-discovered.injectable";
+import discoveredUpdateVersionInjectable from "../common/discovered-update-version/discovered-update-version.injectable";
+import { runInAction } from "mobx";
+import downloadUpdateInjectable from "./download-update/download-update.injectable";
+import checkForUpdatesStartingFromChannelInjectable from "./check-for-updates/check-for-updates-starting-from-channel.injectable";
+import emitAppEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import { getCurrentDateTime } from "../../../common/utils/date/get-current-date-time";
+
+const processCheckingForUpdatesInjectable = getInjectable({
+  id: "process-checking-for-updates",
+
+  instantiate: (di) => {
+    const downloadUpdate = di.inject(downloadUpdateInjectable);
+    const selectedUpdateChannel = di.inject(selectedUpdateChannelInjectable);
+    const checkingForUpdatesState = di.inject(updatesAreBeingDiscoveredInjectable);
+    const discoveredVersionState = di.inject(discoveredUpdateVersionInjectable);
+    const checkForUpdatesStartingFromChannel = di.inject(checkForUpdatesStartingFromChannelInjectable);
+    const emitEvent = di.inject(emitAppEventInjectable);
+
+    return async (source: string) => {
+      emitEvent({
+        name: "app",
+        action: "checking-for-updates",
+        params: { currentDateTime: getCurrentDateTime(), source },
+      });
+
+      runInAction(() => {
+        checkingForUpdatesState.set(true);
+      });
+
+      const result = await checkForUpdatesStartingFromChannel(selectedUpdateChannel.value.get());
+
+      if (!result.updateWasDiscovered) {
+        runInAction(() => {
+          discoveredVersionState.set(null);
+          checkingForUpdatesState.set(false);
+        });
+
+        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() },
+      });
+
+      runInAction(() => {
+        discoveredVersionState.set({
+          version,
+          updateChannel: actualUpdateChannel,
+        });
+
+        checkingForUpdatesState.set(false);
+      });
+
+      const { downloadWasSuccessful } = await downloadUpdate();
+
+      return { updateIsReadyToBeInstalled: downloadWasSuccessful };
+    };
+  },
+});
+
+export default processCheckingForUpdatesInjectable;
diff --git a/packages/core/src/features/application-update/main/quit-and-install-update.injectable.ts b/packages/core/src/features/application-update/main/quit-and-install-update.injectable.ts
new file mode 100644
index 0000000000..3c31b0bcc2
--- /dev/null
+++ b/packages/core/src/features/application-update/main/quit-and-install-update.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 electronQuitAndInstallUpdateInjectable from "../../../main/electron-app/features/electron-quit-and-install-update.injectable";
+import { getCurrentDateTime } from "../../../common/utils/date/get-current-date-time";
+import emitAppEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import discoveredUpdateVersionInjectable from "../common/discovered-update-version/discovered-update-version.injectable";
+
+const quitAndInstallUpdateInjectable = getInjectable({
+  id: "quit-and-install-update",
+
+  instantiate: (di) => {
+    const electronQuitAndInstallUpdate = di.inject(
+      electronQuitAndInstallUpdateInjectable,
+    );
+
+    const emitEvent = di.inject(emitAppEventInjectable);
+    const discoveredUpdateVersion = di.inject(discoveredUpdateVersionInjectable);
+
+    return () => {
+      const discoveredVersion = discoveredUpdateVersion.value.get();
+
+      if (!discoveredVersion) {
+        throw new Error("Tried to install update but no update was discovered.");
+      }
+
+      emitEvent({
+        name: "app",
+        action: "start-installing-update",
+
+        params: {
+          version: discoveredVersion.version,
+          updateChannel: discoveredVersion.updateChannel.id,
+          currentDateTime: getCurrentDateTime(),
+        },
+      });
+
+      electronQuitAndInstallUpdate();
+    };
+  },
+});
+
+export default quitAndInstallUpdateInjectable;
diff --git a/packages/core/src/features/application-update/main/restart-and-install-update/restart-and-install-update-listener.injectable.ts b/packages/core/src/features/application-update/main/restart-and-install-update/restart-and-install-update-listener.injectable.ts
new file mode 100644
index 0000000000..940856ad3b
--- /dev/null
+++ b/packages/core/src/features/application-update/main/restart-and-install-update/restart-and-install-update-listener.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 { restartAndInstallUpdateChannel } from "../../common/restart-and-install-update-channel";
+import { getMessageChannelListenerInjectable } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import quitAndInstallUpdateInjectable from "../quit-and-install-update.injectable";
+
+const restartAndInstallUpdateListenerInjectable = getMessageChannelListenerInjectable({
+  id: "restart",
+  channel: restartAndInstallUpdateChannel,
+  handler: (di) => di.inject(quitAndInstallUpdateInjectable),
+});
+
+export default restartAndInstallUpdateListenerInjectable;
diff --git a/packages/core/src/features/application-update/main/updating-is-enabled/publish-is-configured/publish-is-configured.global-override-for-injectable.ts b/packages/core/src/features/application-update/main/updating-is-enabled/publish-is-configured/publish-is-configured.global-override-for-injectable.ts
new file mode 100644
index 0000000000..f8c36953c6
--- /dev/null
+++ b/packages/core/src/features/application-update/main/updating-is-enabled/publish-is-configured/publish-is-configured.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 "../../../../../common/test-utils/get-global-override";
+import publishIsConfiguredInjectable from "./publish-is-configured.injectable";
+
+export default getGlobalOverride(publishIsConfiguredInjectable, () => false);
diff --git a/packages/core/src/features/application-update/main/updating-is-enabled/publish-is-configured/publish-is-configured.injectable.ts b/packages/core/src/features/application-update/main/updating-is-enabled/publish-is-configured/publish-is-configured.injectable.ts
new file mode 100644
index 0000000000..6b2f31380f
--- /dev/null
+++ b/packages/core/src/features/application-update/main/updating-is-enabled/publish-is-configured/publish-is-configured.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 applicationInformationToken from "../../../../../common/vars/application-information-token";
+
+const publishIsConfiguredInjectable = getInjectable({
+  id: "publish-is-configured",
+  instantiate: (di) => Boolean(di.inject(applicationInformationToken).build.publish?.length),
+});
+
+export default publishIsConfiguredInjectable;
diff --git a/packages/core/src/features/application-update/main/updating-is-enabled/updating-is-enabled.injectable.ts b/packages/core/src/features/application-update/main/updating-is-enabled/updating-is-enabled.injectable.ts
new file mode 100644
index 0000000000..0a9af398c0
--- /dev/null
+++ b/packages/core/src/features/application-update/main/updating-is-enabled/updating-is-enabled.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 electronUpdaterIsActiveInjectable from "../../../../main/electron-app/features/electron-updater-is-active.injectable";
+import publishIsConfiguredInjectable from "./publish-is-configured/publish-is-configured.injectable";
+
+const updatingIsEnabledInjectable = getInjectable({
+  id: "updating-is-enabled",
+
+  instantiate: (di) => {
+    const electronUpdaterIsActive = di.inject(electronUpdaterIsActiveInjectable);
+    const publishIsConfigured = di.inject(publishIsConfiguredInjectable);
+
+    return electronUpdaterIsActive && publishIsConfigured;
+  },
+});
+
+export default updatingIsEnabledInjectable;
diff --git a/packages/core/src/features/application-update/main/watch-if-update-should-happen-on-quit/start-watching-if-update-should-happen-on-quit.injectable.ts b/packages/core/src/features/application-update/main/watch-if-update-should-happen-on-quit/start-watching-if-update-should-happen-on-quit.injectable.ts
new file mode 100644
index 0000000000..2609f8f46f
--- /dev/null
+++ b/packages/core/src/features/application-update/main/watch-if-update-should-happen-on-quit/start-watching-if-update-should-happen-on-quit.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 { onLoadOfApplicationInjectionToken } from "../../../../main/start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import watchIfUpdateShouldHappenOnQuitInjectable from "./watch-if-update-should-happen-on-quit.injectable";
+
+const startWatchingIfUpdateShouldHappenOnQuitInjectable = getInjectable({
+  id: "start-watching-if-update-should-happen-on-quit",
+
+  instantiate: (di) => {
+    const watchIfUpdateShouldHappenOnQuit = di.inject(watchIfUpdateShouldHappenOnQuitInjectable);
+
+    return {
+      id: "start-watching-if-update-should-happen-on-quit",
+      run: () => {
+        watchIfUpdateShouldHappenOnQuit.start();
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default startWatchingIfUpdateShouldHappenOnQuitInjectable;
diff --git a/packages/core/src/features/application-update/main/watch-if-update-should-happen-on-quit/stop-watching-if-update-should-happen-on-quit.injectable.ts b/packages/core/src/features/application-update/main/watch-if-update-should-happen-on-quit/stop-watching-if-update-should-happen-on-quit.injectable.ts
new file mode 100644
index 0000000000..faf67b4ffc
--- /dev/null
+++ b/packages/core/src/features/application-update/main/watch-if-update-should-happen-on-quit/stop-watching-if-update-should-happen-on-quit.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 watchIfUpdateShouldHappenOnQuitInjectable from "./watch-if-update-should-happen-on-quit.injectable";
+import { beforeQuitOfBackEndInjectionToken } from "../../../../main/start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
+
+const stopWatchingIfUpdateShouldHappenOnQuitInjectable = getInjectable({
+  id: "stop-watching-if-update-should-happen-on-quit",
+
+  instantiate: (di) => {
+    const watchIfUpdateShouldHappenOnQuit = di.inject(watchIfUpdateShouldHappenOnQuitInjectable);
+
+    return {
+      id: "stop-watching-if-update-should-happen-on-quit",
+      run: () => void watchIfUpdateShouldHappenOnQuit.stop(),
+    };
+  },
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default stopWatchingIfUpdateShouldHappenOnQuitInjectable;
diff --git a/packages/core/src/features/application-update/main/watch-if-update-should-happen-on-quit/watch-if-update-should-happen-on-quit.injectable.ts b/packages/core/src/features/application-update/main/watch-if-update-should-happen-on-quit/watch-if-update-should-happen-on-quit.injectable.ts
new file mode 100644
index 0000000000..bcad45a0ac
--- /dev/null
+++ b/packages/core/src/features/application-update/main/watch-if-update-should-happen-on-quit/watch-if-update-should-happen-on-quit.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 { autorun } from "mobx";
+import { getStartableStoppable } from "../../../../common/utils/get-startable-stoppable";
+import setUpdateOnQuitInjectable from "../../../../main/electron-app/features/set-update-on-quit.injectable";
+import selectedUpdateChannelInjectable from "../../common/selected-update-channel/selected-update-channel.injectable";
+import type { ReleaseChannel, UpdateChannel } from "../../common/update-channels";
+import discoveredUpdateVersionInjectable from "../../common/discovered-update-version/discovered-update-version.injectable";
+
+const watchIfUpdateShouldHappenOnQuitInjectable = getInjectable({
+  id: "watch-if-update-should-happen-on-quit",
+
+  instantiate: (di) => {
+    const setUpdateOnQuit = di.inject(setUpdateOnQuitInjectable);
+    const selectedUpdateChannel = di.inject(selectedUpdateChannelInjectable);
+    const discoveredVersionState = di.inject(discoveredUpdateVersionInjectable);
+
+    return getStartableStoppable("watch-if-update-should-happen-on-quit", () =>
+      autorun(() => {
+        const sufficientlyStableUpdateChannels = getSufficientlyStableUpdateChannels(selectedUpdateChannel.value.get());
+        const updateIsDiscoveredFromChannel = discoveredVersionState.value.get()?.updateChannel;
+
+        setUpdateOnQuit((
+          updateIsDiscoveredFromChannel
+            ? sufficientlyStableUpdateChannels.includes(updateIsDiscoveredFromChannel.id)
+            : false
+        ));
+      }),
+    );
+  },
+});
+
+const getSufficientlyStableUpdateChannels = (updateChannel: UpdateChannel): ReleaseChannel[] => {
+  if (!updateChannel.moreStableUpdateChannel) {
+    return [updateChannel.id];
+  }
+
+  return [
+    updateChannel.id,
+    ...getSufficientlyStableUpdateChannels(updateChannel.moreStableUpdateChannel),
+  ];
+};
+
+export default watchIfUpdateShouldHappenOnQuitInjectable;
diff --git a/packages/core/src/features/application-update/renderer/restart-and-install-update.injectable.ts b/packages/core/src/features/application-update/renderer/restart-and-install-update.injectable.ts
new file mode 100644
index 0000000000..2502a599a2
--- /dev/null
+++ b/packages/core/src/features/application-update/renderer/restart-and-install-update.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 { restartAndInstallUpdateChannel } from "../common/restart-and-install-update-channel";
+import messageToChannelInjectable from "../../../renderer/utils/channel/message-to-channel.injectable";
+
+const restartAndInstallUpdateInjectable = getInjectable({
+  id: "restart-and-install-update",
+
+  instantiate: (di) => {
+    const messageToChannel = di.inject(messageToChannelInjectable);
+
+    return () => {
+      messageToChannel(restartAndInstallUpdateChannel);
+    };
+  },
+});
+
+export default restartAndInstallUpdateInjectable;
diff --git a/packages/core/src/features/catalog/__snapshots__/opening-entity-details.test.tsx.snap b/packages/core/src/features/catalog/__snapshots__/opening-entity-details.test.tsx.snap
new file mode 100644
index 0000000000..49d085fc85
--- /dev/null
+++ b/packages/core/src/features/catalog/__snapshots__/opening-entity-details.test.tsx.snap
@@ -0,0 +1,6611 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`opening catalog entity details panel renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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[`opening catalog entity details panel when navigated to the catalog renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </h5>
+                  <div
+                    class="info-panel box grow"
+                  >
+                    3 items
+                  </div>
+                  <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>
+                </div>
+                <div
+                  class="items box grow flex column"
+                >
+                  <div
+                    class="Table flex column Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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="VirtualList Catalog box grow dark"
+                    >
+                      <div>
+                        <div
+                          class="list"
+                          style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                        >
+                          <div
+                            style="height: 99px; width: 100%;"
+                          >
+                            <div
+                              style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(140, 4, 8);"
+                                  >
+                                    skc
+                                  </div>
+                                  <span>
+                                    some-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id"
+                                      id="menu-actions-for-catalog-for-some-entity-id"
+                                      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"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(77, 163, 16);"
+                                  >
+                                    sw
+                                  </div>
+                                  <span>
+                                    some-weblink
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  WebLink
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="available"
+                                  >
+                                    available
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-weblink-id"
+                                      id="menu-actions-for-catalog-for-some-weblink-id"
+                                      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: 66px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(83, 137, 8);"
+                                  >
+                                    slk
+                                  </div>
+                                  <span>
+                                    some-local-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  local
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id-2"
+                                      id="menu-actions-for-catalog-for-some-entity-id-2"
+                                      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>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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[`opening catalog entity details panel when navigated to the catalog when opening the menu 'some-kubernetes-cluster' renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </h5>
+                  <div
+                    class="info-panel box grow"
+                  >
+                    3 items
+                  </div>
+                  <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>
+                </div>
+                <div
+                  class="items box grow flex column"
+                >
+                  <div
+                    class="Table flex column Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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="VirtualList Catalog box grow dark"
+                    >
+                      <div>
+                        <div
+                          class="list"
+                          style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                        >
+                          <div
+                            style="height: 99px; width: 100%;"
+                          >
+                            <div
+                              style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(140, 4, 8);"
+                                  >
+                                    skc
+                                  </div>
+                                  <span>
+                                    some-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive active focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id"
+                                      id="menu-actions-for-catalog-for-some-entity-id"
+                                      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"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(77, 163, 16);"
+                                  >
+                                    sw
+                                  </div>
+                                  <span>
+                                    some-weblink
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  WebLink
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="available"
+                                  >
+                                    available
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-weblink-id"
+                                      id="menu-actions-for-catalog-for-some-weblink-id"
+                                      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: 66px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(83, 137, 8);"
+                                  >
+                                    slk
+                                  </div>
+                                  <span>
+                                    some-local-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  local
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id-2"
+                                      id="menu-actions-for-catalog-for-some-entity-id-2"
+                                      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>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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>
+  <ul
+    class="Animate opacity Menu MenuActions flex right bottom portal enter"
+    data-testid="menu-actions-for-catalog-for-some-entity-id"
+    id="menu-actions-for-catalog-for-some-entity-id"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <li
+      class="MenuItem"
+      data-testid="open-details-menu-item-for-some-entity-id"
+      tabindex="0"
+    >
+      View Details
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Settings
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Disconnect
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Add to Hotbar
+    </li>
+  </ul>
+</body>
+`;
+
+exports[`opening catalog entity details panel when navigated to the catalog when opening the menu 'some-kubernetes-cluster' when clicking the 'View Details' menu item renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </h5>
+                  <div
+                    class="info-panel box grow"
+                  >
+                    3 items
+                  </div>
+                  <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>
+                </div>
+                <div
+                  class="items box grow flex column"
+                >
+                  <div
+                    class="Table flex column Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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="VirtualList Catalog box grow dark"
+                    >
+                      <div>
+                        <div
+                          class="list"
+                          style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                        >
+                          <div
+                            style="height: 99px; width: 100%;"
+                          >
+                            <div
+                              style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(140, 4, 8);"
+                                  >
+                                    skc
+                                  </div>
+                                  <span>
+                                    some-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id"
+                                      id="menu-actions-for-catalog-for-some-entity-id"
+                                      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"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(77, 163, 16);"
+                                  >
+                                    sw
+                                  </div>
+                                  <span>
+                                    some-weblink
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  WebLink
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="available"
+                                  >
+                                    available
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-weblink-id"
+                                      id="menu-actions-for-catalog-for-some-weblink-id"
+                                      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: 66px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(83, 137, 8);"
+                                  >
+                                    slk
+                                  </div>
+                                  <span>
+                                    some-local-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  local
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id-2"
+                                      id="menu-actions-for-catalog-for-some-entity-id-2"
+                                      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>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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>
+  <ul
+    class="Animate opacity Menu MenuActions flex right bottom portal enter"
+    data-testid="menu-actions-for-catalog-for-some-entity-id"
+    id="menu-actions-for-catalog-for-some-entity-id"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <li
+      class="MenuItem"
+      data-testid="open-details-menu-item-for-some-entity-id"
+      tabindex="0"
+    >
+      View Details
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Settings
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Disconnect
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Add to Hotbar
+    </li>
+  </ul>
+</body>
+`;
+
+exports[`opening catalog entity details panel when navigated to the catalog when opening the menu 'some-kubernetes-cluster' when clicking the 'View Details' menu item when the panel opens renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </h5>
+                  <div
+                    class="info-panel box grow"
+                  >
+                    3 items
+                  </div>
+                  <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>
+                </div>
+                <div
+                  class="items box grow flex column"
+                >
+                  <div
+                    class="Table flex column Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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="VirtualList Catalog box grow dark"
+                    >
+                      <div>
+                        <div
+                          class="list"
+                          style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                        >
+                          <div
+                            style="height: 99px; width: 100%;"
+                          >
+                            <div
+                              style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(140, 4, 8);"
+                                  >
+                                    skc
+                                  </div>
+                                  <span>
+                                    some-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id"
+                                      id="menu-actions-for-catalog-for-some-entity-id"
+                                      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"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(77, 163, 16);"
+                                  >
+                                    sw
+                                  </div>
+                                  <span>
+                                    some-weblink
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  WebLink
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="available"
+                                  >
+                                    available
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-weblink-id"
+                                      id="menu-actions-for-catalog-for-some-weblink-id"
+                                      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: 66px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(83, 137, 8);"
+                                  >
+                                    slk
+                                  </div>
+                                  <span>
+                                    some-local-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  local
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id-2"
+                                      id="menu-actions-for-catalog-for-some-entity-id-2"
+                                      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>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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>
+  <ul
+    class="Animate opacity Menu MenuActions flex bottom right portal enter leave"
+    data-testid="menu-actions-for-catalog-for-some-entity-id"
+    id="menu-actions-for-catalog-for-some-entity-id"
+    style="--enter-duration: 100ms; --leave-duration: 100ms; left: 0px; top: 8px;"
+  >
+    <li
+      class="MenuItem"
+      data-testid="open-details-menu-item-for-some-entity-id"
+      tabindex="0"
+    >
+      View Details
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Settings
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Disconnect
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Add to Hotbar
+    </li>
+  </ul>
+  <div
+    class="Animate slide-right Drawer entityDetails right enter"
+    data-testid="catalog-entity-details-drawer"
+    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"
+        >
+          KubernetesCluster: some-kubernetes-cluster
+          <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 CatalogEntityDrawerMenu toolbar gaps right bottom"
+          id="menu-actions-for-catalog-entity-drawer-menu-some-entity-id"
+        >
+          <li
+            class="MenuItem"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="settings"
+              >
+                settings
+              </span>
+            </i>
+            <div>
+              Settings
+            </div>
+          </li>
+          <li
+            class="MenuItem"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="link_off"
+              >
+                link_off
+              </span>
+            </i>
+            <div>
+              Disconnect
+            </div>
+          </li>
+          <li
+            class="MenuItem"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable small"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="push_pin"
+              >
+                push_pin
+              </span>
+            </i>
+            <div>
+              Add to Hotbar
+            </div>
+          </li>
+        </ul>
+        <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="flex"
+          data-testid="catalog-entity-details-content-for-some-entity-id"
+        >
+          <div
+            class="entityIcon"
+          >
+            <div
+              class="Avatar rounded avatar"
+              data-testid="detail-panel-hot-bar-icon"
+              style="width: 128px; height: 128px; background: rgb(140, 4, 8);"
+            >
+              skc
+            </div>
+            <div
+              class="hint"
+            >
+              Click to open
+            </div>
+          </div>
+          <div
+            class="box grow metadata"
+          >
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Name
+              </span>
+              <span
+                class="value"
+              >
+                some-kubernetes-cluster
+              </span>
+            </div>
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Kind
+              </span>
+              <span
+                class="value"
+              >
+                KubernetesCluster
+              </span>
+            </div>
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Source
+              </span>
+              <span
+                class="value"
+              >
+                unknown
+              </span>
+            </div>
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Status
+              </span>
+              <span
+                class="value"
+              >
+                connecting
+              </span>
+            </div>
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Labels
+              </span>
+              <span
+                class="value"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="box grow"
+        >
+          <div
+            class="DrawerTitle title"
+          >
+            Kubernetes Information
+          </div>
+          <div
+            class="box grow EntityMetadata"
+          >
+            <div
+              class="DrawerItem"
+              data-testid="kubernetes-distro-for-some-entity-id"
+            >
+              <span
+                class="name"
+              >
+                Distribution
+              </span>
+              <span
+                class="value"
+              >
+                unknown
+              </span>
+            </div>
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Kubelet Version
+              </span>
+              <span
+                class="value"
+              >
+                unknown
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`opening catalog entity details panel when navigated to the catalog when opening the menu 'some-weblink' renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </h5>
+                  <div
+                    class="info-panel box grow"
+                  >
+                    3 items
+                  </div>
+                  <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>
+                </div>
+                <div
+                  class="items box grow flex column"
+                >
+                  <div
+                    class="Table flex column Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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="VirtualList Catalog box grow dark"
+                    >
+                      <div>
+                        <div
+                          class="list"
+                          style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                        >
+                          <div
+                            style="height: 99px; width: 100%;"
+                          >
+                            <div
+                              style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(140, 4, 8);"
+                                  >
+                                    skc
+                                  </div>
+                                  <span>
+                                    some-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id"
+                                      id="menu-actions-for-catalog-for-some-entity-id"
+                                      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"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(77, 163, 16);"
+                                  >
+                                    sw
+                                  </div>
+                                  <span>
+                                    some-weblink
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  WebLink
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="available"
+                                  >
+                                    available
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive active focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-weblink-id"
+                                      id="menu-actions-for-catalog-for-some-weblink-id"
+                                      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: 66px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(83, 137, 8);"
+                                  >
+                                    slk
+                                  </div>
+                                  <span>
+                                    some-local-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  local
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id-2"
+                                      id="menu-actions-for-catalog-for-some-entity-id-2"
+                                      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>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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>
+  <ul
+    class="Animate opacity Menu MenuActions flex right bottom portal enter"
+    data-testid="menu-actions-for-catalog-for-some-weblink-id"
+    id="menu-actions-for-catalog-for-some-weblink-id"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <li
+      class="MenuItem"
+      data-testid="open-details-menu-item-for-some-weblink-id"
+      tabindex="0"
+    >
+      View Details
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Add to Hotbar
+    </li>
+  </ul>
+</body>
+`;
+
+exports[`opening catalog entity details panel when navigated to the catalog when opening the menu 'some-weblink' when clicking the 'View Details' menu item renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </h5>
+                  <div
+                    class="info-panel box grow"
+                  >
+                    3 items
+                  </div>
+                  <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>
+                </div>
+                <div
+                  class="items box grow flex column"
+                >
+                  <div
+                    class="Table flex column Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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="VirtualList Catalog box grow dark"
+                    >
+                      <div>
+                        <div
+                          class="list"
+                          style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                        >
+                          <div
+                            style="height: 99px; width: 100%;"
+                          >
+                            <div
+                              style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(140, 4, 8);"
+                                  >
+                                    skc
+                                  </div>
+                                  <span>
+                                    some-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id"
+                                      id="menu-actions-for-catalog-for-some-entity-id"
+                                      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"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(77, 163, 16);"
+                                  >
+                                    sw
+                                  </div>
+                                  <span>
+                                    some-weblink
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  WebLink
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="available"
+                                  >
+                                    available
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-weblink-id"
+                                      id="menu-actions-for-catalog-for-some-weblink-id"
+                                      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: 66px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(83, 137, 8);"
+                                  >
+                                    slk
+                                  </div>
+                                  <span>
+                                    some-local-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  local
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id-2"
+                                      id="menu-actions-for-catalog-for-some-entity-id-2"
+                                      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>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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>
+  <ul
+    class="Animate opacity Menu MenuActions flex right bottom portal enter"
+    data-testid="menu-actions-for-catalog-for-some-weblink-id"
+    id="menu-actions-for-catalog-for-some-weblink-id"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <li
+      class="MenuItem"
+      data-testid="open-details-menu-item-for-some-weblink-id"
+      tabindex="0"
+    >
+      View Details
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Add to Hotbar
+    </li>
+  </ul>
+</body>
+`;
+
+exports[`opening catalog entity details panel when navigated to the catalog when opening the menu 'some-weblink' when clicking the 'View Details' menu item when the panel opens renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </h5>
+                  <div
+                    class="info-panel box grow"
+                  >
+                    3 items
+                  </div>
+                  <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>
+                </div>
+                <div
+                  class="items box grow flex column"
+                >
+                  <div
+                    class="Table flex column Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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="VirtualList Catalog box grow dark"
+                    >
+                      <div>
+                        <div
+                          class="list"
+                          style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                        >
+                          <div
+                            style="height: 99px; width: 100%;"
+                          >
+                            <div
+                              style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(140, 4, 8);"
+                                  >
+                                    skc
+                                  </div>
+                                  <span>
+                                    some-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id"
+                                      id="menu-actions-for-catalog-for-some-entity-id"
+                                      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"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(77, 163, 16);"
+                                  >
+                                    sw
+                                  </div>
+                                  <span>
+                                    some-weblink
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  WebLink
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  unknown
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="available"
+                                  >
+                                    available
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-weblink-id"
+                                      id="menu-actions-for-catalog-for-some-weblink-id"
+                                      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: 66px; height: 33px; width: 100%;"
+                            >
+                              <div
+                                class="TableRow nowrap"
+                              >
+                                <div
+                                  class="TableCell entityName"
+                                >
+                                  <div
+                                    class="Avatar rounded catalogAvatar"
+                                    style="width: 24px; height: 24px; background: rgb(83, 137, 8);"
+                                  >
+                                    slk
+                                  </div>
+                                  <span>
+                                    some-local-kubernetes-cluster
+                                  </span>
+                                  <i
+                                    class="Icon pinIcon svg interactive focusable small"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                    />
+                                  </i>
+                                  <div>
+                                    Add to Hotbar
+                                  </div>
+                                </div>
+                                <div
+                                  class="TableCell"
+                                >
+                                  KubernetesCluster
+                                </div>
+                                <div
+                                  class="TableCell sourceCell"
+                                >
+                                  local
+                                </div>
+                                <div
+                                  class="TableCell labelsCell scrollable"
+                                />
+                                <div
+                                  class="TableCell statusCell"
+                                >
+                                  <span
+                                    class="connecting"
+                                  >
+                                    connecting
+                                  </span>
+                                </div>
+                                <div
+                                  class="TableCell menu"
+                                >
+                                  <div>
+                                    <i
+                                      class="Icon material interactive focusable"
+                                      data-testid="icon-for-menu-actions-for-catalog-for-some-entity-id-2"
+                                      id="menu-actions-for-catalog-for-some-entity-id-2"
+                                      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>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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>
+  <ul
+    class="Animate opacity Menu MenuActions flex bottom right portal enter leave"
+    data-testid="menu-actions-for-catalog-for-some-weblink-id"
+    id="menu-actions-for-catalog-for-some-weblink-id"
+    style="--enter-duration: 100ms; --leave-duration: 100ms; left: 0px; top: 8px;"
+  >
+    <li
+      class="MenuItem"
+      data-testid="open-details-menu-item-for-some-weblink-id"
+      tabindex="0"
+    >
+      View Details
+    </li>
+    <li
+      class="MenuItem"
+      tabindex="0"
+    >
+      Add to Hotbar
+    </li>
+  </ul>
+  <div
+    class="Animate slide-right Drawer entityDetails right enter"
+    data-testid="catalog-entity-details-drawer"
+    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"
+        >
+          WebLink: some-weblink
+          <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="flex"
+          data-testid="catalog-entity-details-content-for-some-weblink-id"
+        >
+          <div
+            class="entityIcon"
+          >
+            <div
+              class="Avatar rounded avatar"
+              data-testid="detail-panel-hot-bar-icon"
+              style="width: 128px; height: 128px; background: rgb(77, 163, 16);"
+            >
+              sw
+            </div>
+            <div
+              class="hint"
+            >
+              Click to open
+            </div>
+          </div>
+          <div
+            class="box grow metadata"
+          >
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Name
+              </span>
+              <span
+                class="value"
+              >
+                some-weblink
+              </span>
+            </div>
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Kind
+              </span>
+              <span
+                class="value"
+              >
+                WebLink
+              </span>
+            </div>
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Source
+              </span>
+              <span
+                class="value"
+              >
+                unknown
+              </span>
+            </div>
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Status
+              </span>
+              <span
+                class="value"
+              >
+                available
+              </span>
+            </div>
+            <div
+              class="DrawerItem"
+            >
+              <span
+                class="name"
+              >
+                Labels
+              </span>
+              <span
+                class="value"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="box grow"
+        >
+          <div
+            class="DrawerTitle title"
+          >
+            More Information
+          </div>
+          <div
+            class="DrawerItem"
+            data-testid="weblink-url-for-some-weblink-id"
+          >
+            <span
+              class="name"
+            >
+              URL
+            </span>
+            <span
+              class="value"
+            >
+              https://my-websome.com
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
diff --git a/packages/core/src/features/catalog/opening-entity-details.test.tsx b/packages/core/src/features/catalog/opening-entity-details.test.tsx
new file mode 100644
index 0000000000..8ae49ff548
--- /dev/null
+++ b/packages/core/src/features/catalog/opening-entity-details.test.tsx
@@ -0,0 +1,223 @@
+/**
+ * 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 { KubernetesCluster, WebLink } from "../../common/catalog-entities";
+import getClusterByIdInjectable from "../../common/cluster-store/get-by-id.injectable";
+import type { Cluster } from "../../common/cluster/cluster";
+import navigateToCatalogInjectable from "../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import catalogEntityRegistryInjectable from "../../renderer/api/catalog/entity/registry.injectable";
+import createClusterInjectable from "../../renderer/cluster/create-cluster.injectable";
+import { type ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+
+describe("opening catalog entity details panel", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let windowDi: DiContainer;
+  let clusterEntity: KubernetesCluster;
+  let localClusterEntity: KubernetesCluster;
+  let otherEntity: WebLink;
+  let cluster: Cluster;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.afterWindowStart((windowDi) => {
+      const createCluster = windowDi.inject(createClusterInjectable);
+
+      clusterEntity = new KubernetesCluster({
+        metadata: {
+          labels: {},
+          name: "some-kubernetes-cluster",
+          uid: "some-entity-id",
+        },
+        spec: {
+          kubeconfigContext: "some-context",
+          kubeconfigPath: "/some/path/to/kubeconfig",
+        },
+        status: {
+          phase: "connecting",
+        },
+      });
+      localClusterEntity = new KubernetesCluster({
+        metadata: {
+          labels: {},
+          name: "some-local-kubernetes-cluster",
+          uid: "some-entity-id-2",
+          source: "local",
+        },
+        spec: {
+          kubeconfigContext: "some-context",
+          kubeconfigPath: "/some/path/to/local/kubeconfig",
+        },
+        status: {
+          phase: "connecting",
+        },
+      });
+      otherEntity = new WebLink({
+        metadata: {
+          labels: {},
+          name: "some-weblink",
+          uid: "some-weblink-id",
+        },
+        spec: {
+          url: "https://my-websome.com",
+        },
+        status: {
+          phase: "available",
+        },
+      });
+      cluster = createCluster({
+        contextName: clusterEntity.spec.kubeconfigContext,
+        id: clusterEntity.getId(),
+        kubeConfigPath: clusterEntity.spec.kubeconfigPath,
+      }, {
+        clusterServerUrl: "https://localhost:9999",
+      });
+
+      // TODO: remove once ClusterStore can be used without overriding it
+      windowDi.override(getClusterByIdInjectable, () => (clusterId) => {
+        if (clusterId === cluster.id) {
+          return cluster;
+        }
+
+        return undefined;
+      });
+
+      // TODO: replace with proper entity source once syncing entities between main and windows is injectable
+      const catalogEntityRegistry = windowDi.inject(catalogEntityRegistryInjectable);
+
+      catalogEntityRegistry.updateItems([clusterEntity, otherEntity, localClusterEntity]);
+    });
+
+    rendered = await builder.render();
+    windowDi = builder.applicationWindow.only.di;
+  });
+
+  it("renders", () => {
+    expect(rendered.baseElement).toMatchSnapshot();
+  });
+
+  it("shouldn't show the details yet", () => {
+    expect(rendered.queryByTestId("catalog-entity-details-drawer")).not.toBeInTheDocument();
+  });
+
+  describe("when navigated to the catalog", () => {
+    beforeEach(async () => {
+      const navigateToCatalog = windowDi.inject(navigateToCatalogInjectable);
+
+      navigateToCatalog();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("should show the 'Browse All' view", () => {
+      expect(rendered.queryByTestId("catalog-list-for-browse-all")).toBeInTheDocument();
+    });
+
+    it("shouldn't show the details yet", () => {
+      expect(rendered.queryByTestId("catalog-entity-details-drawer")).not.toBeInTheDocument();
+    });
+
+    describe("when opening the menu 'some-kubernetes-cluster'", () => {
+      beforeEach(() => {
+        rendered.getByTestId("icon-for-menu-actions-for-catalog-for-some-entity-id").click();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("opens the menu", () => {
+        expect(rendered.queryByTestId("menu-actions-for-catalog-for-some-entity-id")).toBeInTheDocument();
+      });
+
+      it("shouldn't show the details yet", () => {
+        expect(rendered.queryByTestId("catalog-entity-details-drawer")).not.toBeInTheDocument();
+      });
+
+      describe("when clicking the 'View Details' menu item", () => {
+        beforeEach(() => {
+          rendered.getByTestId("open-details-menu-item-for-some-entity-id").click();
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        describe("when the panel opens", () => {
+          beforeEach(async () => {
+            await rendered.findAllByTestId("catalog-entity-details-drawer");
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("opens the detail panel for the correct item", () => {
+            expect(rendered.queryByTestId("catalog-entity-details-content-for-some-entity-id")).toBeInTheDocument();
+          });
+
+          it("shows the registered items", () => {
+            expect(rendered.queryByTestId("kubernetes-distro-for-some-entity-id")).toBeInTheDocument();
+          });
+        });
+      });
+    });
+
+    describe("when opening the menu 'some-weblink'", () => {
+      beforeEach(() => {
+        rendered.getByTestId("icon-for-menu-actions-for-catalog-for-some-weblink-id").click();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("opens the menu", () => {
+        expect(rendered.queryByTestId("menu-actions-for-catalog-for-some-weblink-id")).toBeInTheDocument();
+      });
+
+      it("shouldn't show the details yet", () => {
+        expect(rendered.queryByTestId("catalog-entity-details-drawer")).not.toBeInTheDocument();
+      });
+
+      describe("when clicking the 'View Details' menu item", () => {
+        beforeEach(() => {
+          rendered.getByTestId("open-details-menu-item-for-some-weblink-id").click();
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        describe("when the panel opens", () => {
+          beforeEach(async () => {
+            await rendered.findAllByTestId("catalog-entity-details-drawer");
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("opens the detail panel for the correct item", () => {
+            expect(rendered.queryByTestId("catalog-entity-details-content-for-some-weblink-id")).toBeInTheDocument();
+          });
+
+          it("shows the registered items", () => {
+            expect(rendered.queryByTestId("weblink-url-for-some-weblink-id")).toBeInTheDocument();
+          });
+
+          it("should not show registered items for different kinds", () => {
+            expect(rendered.queryByTestId("kubernetes-distro-for-some-weblink-id")).not.toBeInTheDocument();
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/cluster/__snapshots__/legacy-extension-adding-cluster-frame-components.test.tsx.snap b/packages/core/src/features/cluster/__snapshots__/legacy-extension-adding-cluster-frame-components.test.tsx.snap
new file mode 100644
index 0000000000..6ae0d91f41
--- /dev/null
+++ b/packages/core/src/features/cluster/__snapshots__/legacy-extension-adding-cluster-frame-components.test.tsx.snap
@@ -0,0 +1,554 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`legacy extension adding cluster frame components given custom components for cluster view available renders 1`] = `
+<div>
+  <div
+    class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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
+    data-testid="test-modal"
+  >
+    test modal
+  </div>
+</div>
+`;
diff --git a/packages/core/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap b/packages/core/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
new file mode 100644
index 0000000000..faf31e0cd7
--- /dev/null
+++ b/packages/core/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
@@ -0,0 +1,1259 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cluster - order of sidebar items when rendered renders 1`] = `
+<div>
+  <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"
+        >
+          
+        </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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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/packages/core/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap b/packages/core/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
new file mode 100644
index 0000000000..3f79b3e219
--- /dev/null
+++ b/packages/core/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
@@ -0,0 +1,3848 @@
+// 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="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"
+        >
+          
+        </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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="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"
+        >
+          
+        </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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="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"
+        >
+          
+        </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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="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"
+        >
+          
+        </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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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/packages/core/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap b/packages/core/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
new file mode 100644
index 0000000000..0936bd6264
--- /dev/null
+++ b/packages/core/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
@@ -0,0 +1,4509 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class=""
+        >
+          <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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class=""
+        >
+          <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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class=""
+        >
+          <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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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/packages/core/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap b/packages/core/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
new file mode 100644
index 0000000000..78c7646b7e
--- /dev/null
+++ b/packages/core/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
@@ -0,0 +1,1137 @@
+// 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="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"
+        >
+          
+        </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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+    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"
+          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>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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/packages/core/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap b/packages/core/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap
new file mode 100644
index 0000000000..7e07408ae0
--- /dev/null
+++ b/packages/core/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap
@@ -0,0 +1,605 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`workload overview when navigating to workload overview renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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/packages/core/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap b/packages/core/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap
new file mode 100644
index 0000000000..980e1a5461
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap
@@ -0,0 +1,3522 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Deleting a cluster when an internal kubeconfig cluster is used when the dialog is opened renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </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..."
+                        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 Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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 dialog modal enter"
+    data-testid="delete-cluster-dialog"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="dialogContent"
+      >
+        <div>
+          Delete the 
+          <b>
+            some-context
+          </b>
+           context from Lens's internal kubeconfig?
+        </div>
+        <div
+          class="warning"
+        >
+          <i
+            class="Icon warningIcon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="warning_amber"
+            >
+              warning_amber
+            </span>
+          </i>
+          <p
+            data-testid="internal-kubeconfig-warning"
+          >
+            Are you sure you want to delete it? It can be re-added through the copy/paste mechanism.
+          </p>
+        </div>
+      </div>
+      <div
+        class="dialogButtons"
+      >
+        <button
+          class="Button plain"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="Button accent"
+          type="button"
+        >
+          Delete Context
+        </button>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`Deleting a cluster when the kubeconfig has multiple clusters when the dialog is opened for not the current cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </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..."
+                        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 Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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 dialog modal enter"
+    data-testid="delete-cluster-dialog"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="dialogContent"
+      >
+        <div>
+          Delete the 
+          <b>
+            some-non-current-context
+          </b>
+           context from 
+          <b>
+            ./temp-kube-config
+          </b>
+          ?
+        </div>
+        <div
+          class="warning"
+        >
+          <i
+            class="Icon warningIcon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="warning_amber"
+            >
+              warning_amber
+            </span>
+          </i>
+          <p
+            data-testid="kubeconfig-change-warning"
+          >
+            The contents of kubeconfig file will be changed!
+          </p>
+        </div>
+        <hr
+          class="hr"
+        />
+        <div
+          class="mt-4"
+        >
+          <label
+            class="Checkbox flex align-center"
+          >
+            <input
+              data-testid="delete-cluster-dialog-context-switch"
+              type="checkbox"
+            />
+            <i
+              class="box flex align-center"
+            />
+            <span
+              class="label"
+            >
+              <span
+                class="font-semibold"
+              >
+                Select current-context
+              </span>
+               
+              (optional)
+            </span>
+          </label>
+        </div>
+      </div>
+      <div
+        class="dialogButtons"
+      >
+        <button
+          class="Button plain"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="Button accent"
+          type="button"
+        >
+          Delete Context
+        </button>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`Deleting a cluster when the kubeconfig has multiple clusters when the dialog is opened for not the current cluster when context switching checkbox is clicked renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </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..."
+                        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 Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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 dialog modal enter"
+    data-testid="delete-cluster-dialog"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="dialogContent"
+      >
+        <div>
+          Delete the 
+          <b>
+            some-non-current-context
+          </b>
+           context from 
+          <b>
+            ./temp-kube-config
+          </b>
+          ?
+        </div>
+        <div
+          class="warning"
+        >
+          <i
+            class="Icon warningIcon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="warning_amber"
+            >
+              warning_amber
+            </span>
+          </i>
+          <p
+            data-testid="kubeconfig-change-warning"
+          >
+            The contents of kubeconfig file will be changed!
+          </p>
+        </div>
+        <hr
+          class="hr"
+        />
+        <div
+          class="mt-4"
+        >
+          <label
+            class="Checkbox flex align-center checked"
+          >
+            <input
+              data-testid="delete-cluster-dialog-context-switch"
+              type="checkbox"
+            />
+            <i
+              class="box flex align-center"
+            />
+            <span
+              class="label"
+            >
+              <span
+                class="font-semibold"
+              >
+                Select current-context
+              </span>
+               
+              (optional)
+            </span>
+          </label>
+        </div>
+        <div
+          class="mt-4"
+        >
+          <div
+            class="Select theme-light ml-[1px] mr-[1px] css-b62m3t-container"
+          >
+            <span
+              class="css-1f43avz-a11yText-A11yText"
+              id="react-select-delete-cluster-input-live-region"
+            />
+            <span
+              aria-atomic="false"
+              aria-live="polite"
+              aria-relevant="additions text"
+              class="css-1f43avz-a11yText-A11yText"
+            />
+            <div
+              class="Select__control css-13cymwt-control"
+            >
+              <div
+                class="Select__value-container css-1fdsijx-ValueContainer"
+              >
+                <div
+                  class="Select__placeholder css-1jqq78o-placeholder"
+                  id="react-select-delete-cluster-input-placeholder"
+                >
+                  Select new context...
+                </div>
+                <div
+                  class="Select__input-container css-qbdosj-Input"
+                  data-value=""
+                >
+                  <input
+                    aria-autocomplete="list"
+                    aria-describedby="react-select-delete-cluster-input-placeholder"
+                    aria-expanded="false"
+                    aria-haspopup="true"
+                    autocapitalize="none"
+                    autocomplete="off"
+                    autocorrect="off"
+                    class="Select__input"
+                    id="delete-cluster-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-1u9des2-indicatorSeparator"
+                />
+                <div
+                  aria-hidden="true"
+                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                >
+                  <svg
+                    aria-hidden="true"
+                    class="css-tj5bde-Svg"
+                    focusable="false"
+                    height="20"
+                    viewBox="0 0 20 20"
+                    width="20"
+                  >
+                    <path
+                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="dialogButtons"
+      >
+        <button
+          class="Button plain"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="Button accent"
+          disabled=""
+          type="button"
+        >
+          Delete Context
+        </button>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`Deleting a cluster when the kubeconfig has multiple clusters when the dialog is opened for the current cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </h5>
+                  <div
+                    class="info-panel box grow"
+                  >
+                    0 items
+                  </div>
+                  <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>
+                </div>
+                <div
+                  class="items box grow flex column"
+                >
+                  <div
+                    class="Table flex column Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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 dialog modal enter"
+    data-testid="delete-cluster-dialog"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="dialogContent"
+      >
+        <div>
+          Delete the 
+          <b>
+            some-current-context
+          </b>
+           context from 
+          <b>
+            ./temp-kube-config
+          </b>
+          ?
+        </div>
+        <div
+          class="warning"
+        >
+          <i
+            class="Icon warningIcon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="warning_amber"
+            >
+              warning_amber
+            </span>
+          </i>
+          <p
+            data-testid="current-context-warning"
+          >
+            This will remove active context in kubeconfig. Use drop down below to select a different one.
+          </p>
+        </div>
+        <hr
+          class="hr"
+        />
+        <div
+          class="mt-4"
+        >
+          <label
+            class="Checkbox flex align-center checked"
+          >
+            <input
+              checked=""
+              data-testid="delete-cluster-dialog-context-switch"
+              type="checkbox"
+            />
+            <i
+              class="box flex align-center"
+            />
+            <span
+              class="label"
+            >
+              <span
+                class="font-semibold"
+              >
+                Select current-context
+              </span>
+               
+            </span>
+          </label>
+        </div>
+        <div
+          class="mt-4"
+        >
+          <div
+            class="Select theme-light ml-[1px] mr-[1px] css-b62m3t-container"
+          >
+            <span
+              class="css-1f43avz-a11yText-A11yText"
+              id="react-select-delete-cluster-input-live-region"
+            />
+            <span
+              aria-atomic="false"
+              aria-live="polite"
+              aria-relevant="additions text"
+              class="css-1f43avz-a11yText-A11yText"
+            />
+            <div
+              class="Select__control css-13cymwt-control"
+            >
+              <div
+                class="Select__value-container css-1fdsijx-ValueContainer"
+              >
+                <div
+                  class="Select__placeholder css-1jqq78o-placeholder"
+                  id="react-select-delete-cluster-input-placeholder"
+                >
+                  Select new context...
+                </div>
+                <div
+                  class="Select__input-container css-qbdosj-Input"
+                  data-value=""
+                >
+                  <input
+                    aria-autocomplete="list"
+                    aria-describedby="react-select-delete-cluster-input-placeholder"
+                    aria-expanded="false"
+                    aria-haspopup="true"
+                    autocapitalize="none"
+                    autocomplete="off"
+                    autocorrect="off"
+                    class="Select__input"
+                    id="delete-cluster-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-1u9des2-indicatorSeparator"
+                />
+                <div
+                  aria-hidden="true"
+                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                >
+                  <svg
+                    aria-hidden="true"
+                    class="css-tj5bde-Svg"
+                    focusable="false"
+                    height="20"
+                    viewBox="0 0 20 20"
+                    width="20"
+                  >
+                    <path
+                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="dialogButtons"
+      >
+        <button
+          class="Button plain"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="Button accent"
+          disabled=""
+          type="button"
+        >
+          Delete Context
+        </button>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`Deleting a cluster when the kubeconfig has only one cluster when the dialog is opened renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="mainLayout"
+          style="--sidebar-width: 200px;"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="flex flex-col w-full"
+            >
+              <div
+                class="catalog"
+              >
+                Catalog
+              </div>
+              <ul
+                aria-multiselectable="false"
+                class="MuiTreeView-root"
+                role="tree"
+              >
+                <li
+                  aria-selected="true"
+                  class="MuiTreeItem-root Mui-selected"
+                  data-testid="*-tab"
+                  role="treeitem"
+                  tabindex="0"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    />
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      Browse
+                    </div>
+                  </div>
+                </li>
+                <li
+                  aria-expanded="true"
+                  class="MuiTreeItem-root bordered Mui-expanded"
+                  role="treeitem"
+                  tabindex="-1"
+                >
+                  <div
+                    class="MuiTreeItem-content"
+                  >
+                    <div
+                      class="MuiTreeItem-iconContainer"
+                    >
+                      <i
+                        class="Icon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="expand_more"
+                        >
+                          expand_more
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                    >
+                      <div
+                        class="parent"
+                      >
+                        Categories
+                      </div>
+                    </div>
+                  </div>
+                  <ul
+                    class="MuiCollapse-root MuiTreeItem-group MuiCollapse-entered"
+                    role="group"
+                    style="min-height: 0px;"
+                  >
+                    <div
+                      class="MuiCollapse-wrapper"
+                    >
+                      <div
+                        class="MuiCollapse-wrapperInner"
+                      >
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/General-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="settings"
+                                >
+                                  settings
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  General
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/KubernetesCluster-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name=""
+                                />
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Clusters
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="MuiTreeItem-root"
+                          data-testid="entity.k8slens.dev/WebLink-tab"
+                          role="treeitem"
+                          tabindex="-1"
+                        >
+                          <div
+                            class="MuiTreeItem-content"
+                          >
+                            <div
+                              class="MuiTreeItem-iconContainer"
+                            >
+                              <i
+                                class="Icon material focusable small"
+                              >
+                                <span
+                                  class="icon"
+                                  data-icon-name="public"
+                                >
+                                  public
+                                </span>
+                              </i>
+                            </div>
+                            <div
+                              class="MuiTypography-root MuiTreeItem-label MuiTypography-body1"
+                            >
+                              <div
+                                class="flex"
+                              >
+                                <div>
+                                  Web Links
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </div>
+                    </div>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div
+              class="ResizingAnchor horizontal trailing"
+            />
+          </div>
+          <div
+            class="contents"
+          >
+            <div
+              class="views"
+            >
+              <div
+                class="ItemListLayout flex column Catalog"
+                data-testid="catalog-list-for-browse-all"
+              >
+                <div
+                  class="header flex gaps align-center"
+                >
+                  <h5
+                    class="title"
+                  >
+                    Browse All
+                  </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..."
+                        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 Catalog box grow dark selectable scrollable sortable autoSize virtual"
+                  >
+                    <div
+                      class="TableHead sticky nowrap topLine"
+                    >
+                      <div
+                        class="TableCell entityName 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 nowrap sorting"
+                        id="kind"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Kind
+                        </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 sourceCell nowrap sorting"
+                        id="source"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Source
+                        </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 labelsCell scrollable nowrap"
+                        id="labels"
+                      >
+                        <div
+                          class="content"
+                        >
+                          Labels
+                        </div>
+                      </div>
+                      <div
+                        class="TableCell statusCell 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"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="footer"
+          />
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        >
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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 dialog modal enter"
+    data-testid="delete-cluster-dialog"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="dialogContent"
+      >
+        <div>
+          Delete the 
+          <b>
+            some-context
+          </b>
+           context from 
+          <b>
+            ./temp-kube-config
+          </b>
+          ?
+        </div>
+        <div
+          class="warning"
+        >
+          <i
+            class="Icon warningIcon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="warning_amber"
+            >
+              warning_amber
+            </span>
+          </i>
+          <p
+            data-testid="no-more-contexts-warning"
+          >
+            This will remove the last context in kubeconfig. There will be no active context.
+          </p>
+        </div>
+      </div>
+      <div
+        class="dialogButtons"
+      >
+        <button
+          class="Button plain"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="Button accent"
+          type="button"
+        >
+          Delete Context
+        </button>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/packages/core/src/features/cluster/delete-dialog/common/clear-as-deleting-channel.ts b/packages/core/src/features/cluster/delete-dialog/common/clear-as-deleting-channel.ts
new file mode 100644
index 0000000000..bf33a23165
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/common/clear-as-deleting-channel.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 { ClusterId } from "../../../../common/cluster-types";
+import type { RequestChannel } from "../../../../common/utils/channel/request-channel-listener-injection-token";
+
+export type ClearClusterAsDeletingChannel = RequestChannel<ClusterId, void>;
+
+export const clearClusterAsDeletingChannel: ClearClusterAsDeletingChannel = {
+  id: "clear-cluster-as-deleting",
+};
diff --git a/packages/core/src/features/cluster/delete-dialog/common/delete-channel.ts b/packages/core/src/features/cluster/delete-dialog/common/delete-channel.ts
new file mode 100644
index 0000000000..0e9142fcd3
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/common/delete-channel.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 { ClusterId } from "../../../../common/cluster-types";
+import type { RequestChannel } from "../../../../common/utils/channel/request-channel-listener-injection-token";
+
+export type DeleteClusterChannel = RequestChannel<ClusterId, void>;
+
+export const deleteClusterChannel: DeleteClusterChannel = {
+  id: "delete-cluster",
+};
diff --git a/packages/core/src/features/cluster/delete-dialog/common/set-as-deleting-channel.ts b/packages/core/src/features/cluster/delete-dialog/common/set-as-deleting-channel.ts
new file mode 100644
index 0000000000..57ef2e3a8d
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/common/set-as-deleting-channel.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 { ClusterId } from "../../../../common/cluster-types";
+import type { RequestChannel } from "../../../../common/utils/channel/request-channel-listener-injection-token";
+
+export type SetClusterAsDeletingChannel = RequestChannel<ClusterId, void>;
+
+export const setClusterAsDeletingChannel: SetClusterAsDeletingChannel = {
+  id: "set-cluster-as-deleting",
+};
diff --git a/packages/core/src/features/cluster/delete-dialog/delete-cluster-dialog.test.tsx b/packages/core/src/features/cluster/delete-dialog/delete-cluster-dialog.test.tsx
new file mode 100644
index 0000000000..5cbf8267de
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/delete-cluster-dialog.test.tsx
@@ -0,0 +1,267 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import "@testing-library/jest-dom/extend-expect";
+import { KubeConfig } from "@kubernetes/client-node";
+import type { RenderResult } from "@testing-library/react";
+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 createKubeconfigManagerInjectable from "../../../main/kubeconfig-manager/create-kubeconfig-manager.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";
+import openDeleteClusterDialogInjectable, { type OpenDeleteClusterDialog } from "../../../renderer/components/delete-cluster-dialog/open.injectable";
+import { type ApplicationBuilder, getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import type { Cluster } from "../../../common/cluster/cluster";
+import navigateToCatalogInjectable from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+import { advanceFakeTime } from "../../../common/test-utils/use-fake-time";
+
+const currentClusterServerUrl = "https://localhost";
+const nonCurrentClusterServerUrl = "http://localhost";
+const multiClusterConfig = `
+apiVersion: v1
+clusters:
+- cluster:
+    server: ${currentClusterServerUrl}
+  name: some-current-context-cluster
+- cluster:
+    server: ${nonCurrentClusterServerUrl}
+  name: some-non-current-context-cluster
+contexts:
+- context:
+    cluster: some-current-context-cluster
+    user: some-user
+  name: some-current-context
+- context:
+    cluster: some-non-current-context-cluster
+    user: some-user
+  name: some-non-current-context
+current-context: some-current-context
+kind: Config
+preferences: {}
+users:
+- name: some-user
+  user:
+    token: kubeconfig-user-q4lm4:xxxyyyy
+`;
+
+const singleClusterServerUrl = "http://localhost";
+const singleClusterConfig = `
+apiVersion: v1
+clusters:
+- cluster:
+    server: ${singleClusterServerUrl}
+  name: some-cluster
+contexts:
+- context:
+    cluster: some-cluster
+    user: some-user
+  name: some-context
+current-context: some-context
+kind: Config
+preferences: {}
+users:
+- name: some-user
+  user:
+    token: kubeconfig-user-q4lm4:xxxyyyy
+`;
+
+describe("Deleting a cluster", () => {
+  let builder: ApplicationBuilder;
+  let openDeleteClusterDialog: OpenDeleteClusterDialog;
+  let createCluster: CreateCluster;
+  let rendered: RenderResult;
+  let config: KubeConfig;
+
+  beforeEach(async () => {
+    config = new KubeConfig();
+    builder = getApplicationBuilder();
+
+    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");
+    });
+
+    builder.beforeWindowStart((windowDi) => {
+      openDeleteClusterDialog = windowDi.inject(openDeleteClusterDialogInjectable);
+    });
+
+    builder.afterWindowStart(windowDi => {
+      createCluster = windowDi.inject(createClusterInjectionToken);
+
+      const navigateToCatalog = windowDi.inject(navigateToCatalogInjectable);
+
+      navigateToCatalog();
+    });
+
+    rendered = await builder.render();
+  });
+
+  describe("when the kubeconfig has multiple clusters", () => {
+    let currentCluster: Cluster;
+    let nonCurrentCluster: Cluster;
+
+    beforeEach(() => {
+      config.loadFromString(multiClusterConfig);
+
+      currentCluster = createCluster({
+        id: "some-current-context-cluster",
+        contextName: "some-current-context",
+        preferences: {
+          clusterName: "some-current-context-cluster",
+        },
+        kubeConfigPath: "./temp-kube-config",
+      }, {
+        clusterServerUrl: currentClusterServerUrl,
+      });
+      nonCurrentCluster = createCluster({
+        id: "some-non-current-context-cluster",
+        contextName: "some-non-current-context",
+        preferences: {
+          clusterName: "some-non-current-context-cluster",
+        },
+        kubeConfigPath: "./temp-kube-config",
+      }, {
+        clusterServerUrl: currentClusterServerUrl,
+      });
+    });
+
+    describe("when the dialog is opened for the current cluster", () => {
+      // TODO: replace with actual behaviour instead of technical use
+      beforeEach(async () => {
+        openDeleteClusterDialog(config, currentCluster);
+        advanceFakeTime(1000);
+        await rendered.findByTestId("delete-cluster-dialog");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows context switcher", () => {
+        expect(rendered.queryByText("Select new context...")).toBeInTheDocument();
+      });
+
+      it("shows warning", () => {
+        expect(rendered.queryByTestId("current-context-warning")).toBeInTheDocument();
+      });
+    });
+
+    describe("when the dialog is opened for not the current cluster", () => {
+      // TODO: replace with actual behaviour instead of technical use
+      beforeEach(async () => {
+        openDeleteClusterDialog(config, nonCurrentCluster);
+        advanceFakeTime(1000);
+        await rendered.findByTestId("delete-cluster-dialog");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows warning", () => {
+        expect(rendered.queryByTestId("kubeconfig-change-warning")).toBeInTheDocument();
+      });
+
+      it("does not show context switcher", () => {
+        expect(rendered.queryByText("Select new context...")).not.toBeInTheDocument();
+      });
+
+      describe("when context switching checkbox is clicked", () => {
+        beforeEach(() => {
+          rendered.getByTestId("delete-cluster-dialog-context-switch").click();
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        it("shows context switcher", () => {
+          expect(rendered.queryByText("Select new context...")).toBeInTheDocument();
+        });
+      });
+    });
+  });
+
+  describe("when an internal kubeconfig cluster is used", () => {
+    let currentCluster: Cluster;
+
+    beforeEach(() => {
+      config.loadFromString(singleClusterConfig);
+
+      const directoryForKubeConfigs = builder.applicationWindow.only.di.inject(directoryForKubeConfigsInjectable);
+      const joinPaths = builder.applicationWindow.only.di.inject(joinPathsInjectable);
+
+      currentCluster = createCluster({
+        id: "some-cluster",
+        contextName: "some-context",
+        preferences: {
+          clusterName: "some-cluster",
+        },
+        kubeConfigPath: joinPaths(directoryForKubeConfigs, "some-cluster.json"),
+      }, {
+        clusterServerUrl: singleClusterServerUrl,
+      });
+    });
+
+    describe("when the dialog is opened", () => {
+      // TODO: replace with actual behaviour instead of technical use
+      beforeEach(async () => {
+        openDeleteClusterDialog(config, currentCluster);
+        advanceFakeTime(1000);
+        await rendered.findByTestId("delete-cluster-dialog");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows warning", () => {
+        expect(rendered.queryByTestId("internal-kubeconfig-warning")).toBeInTheDocument();
+      });
+    });
+  });
+
+  describe("when the kubeconfig has only one cluster", () => {
+    let currentCluster: Cluster;
+
+    beforeEach(() => {
+      config.loadFromString(singleClusterConfig);
+
+      currentCluster = createCluster({
+        id: "some-cluster",
+        contextName: "some-context",
+        preferences: {
+          clusterName: "some-cluster",
+        },
+        kubeConfigPath: "./temp-kube-config",
+      }, {
+        clusterServerUrl: singleClusterServerUrl,
+      });
+    });
+
+    describe("when the dialog is opened", () => {
+      // TODO: replace with actual behaviour instead of technical use
+      beforeEach(async () => {
+        openDeleteClusterDialog(config, currentCluster);
+        advanceFakeTime(1000);
+        await rendered.findByTestId("delete-cluster-dialog");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows warning", () => {
+        expect(rendered.queryByTestId("no-more-contexts-warning")).toBeInTheDocument();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/cluster/delete-dialog/main/clear-as-deleting-channel-listener.injectable.ts b/packages/core/src/features/cluster/delete-dialog/main/clear-as-deleting-channel-listener.injectable.ts
new file mode 100644
index 0000000000..a8dd2a80b0
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/main/clear-as-deleting-channel-listener.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 clustersThatAreBeingDeletedInjectable from "../../../../main/cluster/are-being-deleted.injectable";
+import { getRequestChannelListenerInjectable } from "../../../../main/utils/channel/channel-listeners/listener-tokens";
+import { clearClusterAsDeletingChannel } from "../common/clear-as-deleting-channel";
+
+const clearClusterAsDeletingChannelListenerInjectable = getRequestChannelListenerInjectable({
+  channel: clearClusterAsDeletingChannel,
+  handler: (di) => {
+    const clustersThatAreBeingDeleted = di.inject(clustersThatAreBeingDeletedInjectable);
+
+    return (clusterId) => {
+      clustersThatAreBeingDeleted.delete(clusterId);
+    };
+  },
+});
+
+export default clearClusterAsDeletingChannelListenerInjectable;
diff --git a/packages/core/src/features/cluster/delete-dialog/main/delete-channel-listener.injectable.ts b/packages/core/src/features/cluster/delete-dialog/main/delete-channel-listener.injectable.ts
new file mode 100644
index 0000000000..b2ac54d5e4
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/main/delete-channel-listener.injectable.ts
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import emitAppEventInjectable from "../../../../common/app-event-bus/emit-event.injectable";
+import clusterFramesInjectable from "../../../../common/cluster-frames.injectable";
+import clusterStoreInjectable from "../../../../common/cluster-store/cluster-store.injectable";
+import directoryForLensLocalStorageInjectable from "../../../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+import removePathInjectable from "../../../../common/fs/remove.injectable";
+import joinPathsInjectable from "../../../../common/path/join-paths.injectable";
+import { noop } from "../../../../common/utils";
+import { getRequestChannelListenerInjectable } from "../../../../main/utils/channel/channel-listeners/listener-tokens";
+import { deleteClusterChannel } from "../common/delete-channel";
+
+const deleteClusterChannelListenerInjectable = getRequestChannelListenerInjectable({
+  channel: deleteClusterChannel,
+  handler: (di) => {
+    const emitAppEvent = di.inject(emitAppEventInjectable);
+    const clusterStore = di.inject(clusterStoreInjectable);
+    const clusterFrames = di.inject(clusterFramesInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const directoryForLensLocalStorage = di.inject(directoryForLensLocalStorageInjectable);
+    const deleteFile = di.inject(removePathInjectable);
+
+    return async (clusterId) => {
+      emitAppEvent({ name: "cluster", action: "remove" });
+
+      const cluster = clusterStore.getById(clusterId);
+
+      if (!cluster) {
+        return;
+      }
+
+      cluster.disconnect();
+      clusterFrames.delete(cluster.id);
+
+      // Remove from the cluster store as well, this should clear any old settings
+      clusterStore.clusters.delete(cluster.id);
+
+      // remove the local storage file
+      const localStorageFilePath = joinPaths(directoryForLensLocalStorage, `${cluster.id}.json`);
+
+      await deleteFile(localStorageFilePath).catch(noop);
+    };
+  },
+});
+
+export default deleteClusterChannelListenerInjectable;
diff --git a/packages/core/src/features/cluster/delete-dialog/main/set-as-deleteing-channel-listener.injectable.ts b/packages/core/src/features/cluster/delete-dialog/main/set-as-deleteing-channel-listener.injectable.ts
new file mode 100644
index 0000000000..f532b4a81f
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/main/set-as-deleteing-channel-listener.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 clustersThatAreBeingDeletedInjectable from "../../../../main/cluster/are-being-deleted.injectable";
+import { getRequestChannelListenerInjectable } from "../../../../main/utils/channel/channel-listeners/listener-tokens";
+import { setClusterAsDeletingChannel } from "../common/set-as-deleting-channel";
+
+const setClusterAsDeletingChannelHandlerInjectable = getRequestChannelListenerInjectable({
+  channel: setClusterAsDeletingChannel,
+  handler: (di) => {
+    const clustersThatAreBeingDeleted = di.inject(clustersThatAreBeingDeletedInjectable);
+
+    return (clusterId) => {
+      clustersThatAreBeingDeleted.add(clusterId);
+    };
+  },
+});
+
+export default setClusterAsDeletingChannelHandlerInjectable;
diff --git a/packages/core/src/features/cluster/delete-dialog/renderer/request-clear-as-deleting.injectable.ts b/packages/core/src/features/cluster/delete-dialog/renderer/request-clear-as-deleting.injectable.ts
new file mode 100644
index 0000000000..e476998ca0
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/renderer/request-clear-as-deleting.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 { ClusterId } from "../../../../common/cluster-types";
+import requestFromChannelInjectable from "../../../../renderer/utils/channel/request-from-channel.injectable";
+import { clearClusterAsDeletingChannel } from "../common/clear-as-deleting-channel";
+
+export type RequestClearClusterAsDeleting = (clusterId: ClusterId) => Promise<void>;
+
+const requestClearClusterAsDeletingInjectable = getInjectable({
+  id: "request-clear-cluster-as-deleting",
+  instantiate: (di): RequestClearClusterAsDeleting => {
+    const requestChannel = di.inject(requestFromChannelInjectable);
+
+    return (clusterId) => requestChannel(clearClusterAsDeletingChannel, clusterId);
+  },
+});
+
+export default requestClearClusterAsDeletingInjectable;
diff --git a/packages/core/src/features/cluster/delete-dialog/renderer/request-delete.injectable.ts b/packages/core/src/features/cluster/delete-dialog/renderer/request-delete.injectable.ts
new file mode 100644
index 0000000000..c1286e3103
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/renderer/request-delete.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 { ClusterId } from "../../../../common/cluster-types";
+import requestFromChannelInjectable from "../../../../renderer/utils/channel/request-from-channel.injectable";
+import { deleteClusterChannel } from "../common/delete-channel";
+
+export type RequestDeleteCluster = (clusterId: ClusterId) => Promise<void>;
+
+const requestDeleteClusterInjectable = getInjectable({
+  id: "request-delete-cluster",
+  instantiate: (di): RequestDeleteCluster => {
+    const requestChannel = di.inject(requestFromChannelInjectable);
+
+    return (clusterId) => requestChannel(deleteClusterChannel, clusterId);
+  },
+});
+
+export default requestDeleteClusterInjectable;
diff --git a/packages/core/src/features/cluster/delete-dialog/renderer/request-set-as-deleting.injectable.ts b/packages/core/src/features/cluster/delete-dialog/renderer/request-set-as-deleting.injectable.ts
new file mode 100644
index 0000000000..de3a6393b3
--- /dev/null
+++ b/packages/core/src/features/cluster/delete-dialog/renderer/request-set-as-deleting.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 { ClusterId } from "../../../../common/cluster-types";
+import requestFromChannelInjectable from "../../../../renderer/utils/channel/request-from-channel.injectable";
+import { setClusterAsDeletingChannel } from "../common/set-as-deleting-channel";
+
+export type RequestSetClusterAsDeleting = (clusterId: ClusterId) => Promise<void>;
+
+const requestSetClusterAsDeletingInjectable = getInjectable({
+  id: "request-set-cluster-as-deleting",
+  instantiate: (di): RequestSetClusterAsDeleting => {
+    const requestChannel = di.inject(requestFromChannelInjectable);
+
+    return (clusterId) => requestChannel(setClusterAsDeletingChannel, clusterId);
+  },
+});
+
+export default requestSetClusterAsDeletingInjectable;
diff --git a/packages/core/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap b/packages/core/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
new file mode 100644
index 0000000000..df94d42877
--- /dev/null
+++ b/packages/core/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
@@ -0,0 +1,1529 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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/packages/core/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap b/packages/core/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
new file mode 100644
index 0000000000..0faccf1aaa
--- /dev/null
+++ b/packages/core/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -0,0 +1,1669 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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/packages/core/src/features/cluster/extension-api/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx b/packages/core/src/features/cluster/extension-api/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx
new file mode 100644
index 0000000000..fcd5044639
--- /dev/null
+++ b/packages/core/src/features/cluster/extension-api/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,101 @@
+/**
+ * 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";
+
+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();
+
+    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/packages/core/src/features/cluster/extension-api/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx b/packages/core/src/features/cluster/extension-api/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx
new file mode 100644
index 0000000000..efc16c8ef2
--- /dev/null
+++ b/packages/core/src/features/cluster/extension-api/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,105 @@
+/**
+ * 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";
+
+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();
+
+    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/packages/core/src/features/cluster/extension-api/reactively-disable-cluster-pages.test.tsx b/packages/core/src/features/cluster/extension-api/reactively-disable-cluster-pages.test.tsx
new file mode 100644
index 0000000000..57dc83d810
--- /dev/null
+++ b/packages/core/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/packages/core/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap b/packages/core/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..5f9f15db46
--- /dev/null
+++ b/packages/core/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,1869 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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
+            data-testid="some-kube-object-detail-item"
+          >
+            Some detail
+          </div>
+          <div>
+            <div
+              class="DrawerTitle flex gaps align-center title"
+            >
+              <span>
+                Events
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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
+              class="DrawerTitle flex gaps align-center title"
+            >
+              <span>
+                Events
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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
+              class="DrawerTitle flex gaps align-center title"
+            >
+              <span>
+                Events
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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/packages/core/src/features/cluster/kube-object-details/extension-api/__snapshots__/reactively-hide-kube-object-detail-item.test.tsx.snap b/packages/core/src/features/cluster/kube-object-details/extension-api/__snapshots__/reactively-hide-kube-object-detail-item.test.tsx.snap
new file mode 100644
index 0000000000..b6c14ca470
--- /dev/null
+++ b/packages/core/src/features/cluster/kube-object-details/extension-api/__snapshots__/reactively-hide-kube-object-detail-item.test.tsx.snap
@@ -0,0 +1,1248 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`reactively hide kube object detail item renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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
+              class="DrawerTitle flex gaps align-center title"
+            >
+              <span>
+                Events
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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[`reactively hide kube object detail item when the item is shown renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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
+            data-testid="some-kube-object-detail-item"
+          >
+            Some detail
+          </div>
+          <div>
+            <div
+              class="DrawerTitle flex gaps align-center title"
+            >
+              <span>
+                Events
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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/packages/core/src/features/cluster/kube-object-details/extension-api/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx b/packages/core/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..3804ea7046
--- /dev/null
+++ b/packages/core/src/features/cluster/kube-object-details/extension-api/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,134 @@
+/**
+ * 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 React from "react";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import apiManagerInjectable from "../../../../common/k8s-api/api-manager/manager.injectable";
+import type { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
+import type { KubeApi } from "../../../../common/k8s-api/kube-api";
+import showDetailsInjectable from "../../../../renderer/components/kube-detail-params/show-details.injectable";
+
+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.afterWindowStart((windowDi) => {
+      const apiManager = windowDi.inject(apiManagerInjectable);
+      const api = {
+        apiBase: "/apis/some-api-version/some-kind",
+      } as Partial<KubeApi<KubeObject>> as KubeApi<KubeObject>;
+      const store = {
+        api,
+        loadFromPath: async () => getKubeObjectStub("some-kind", "some-api-version"),
+      } as Partial<KubeObjectStore<KubeObject>> as KubeObjectStore<KubeObject>;
+
+      apiManager.registerApi(api);
+      apiManager.registerStore(store);
+    });
+
+    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 showDetails = windowDi.inject(showDetailsInjectable);
+
+    showDetails("/apis/some-api-version/namespaces/some-namespace/some-kind/some-name");
+
+    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 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/packages/core/src/features/cluster/kube-object-details/extension-api/reactively-hide-kube-object-detail-item.test.tsx b/packages/core/src/features/cluster/kube-object-details/extension-api/reactively-hide-kube-object-detail-item.test.tsx
new file mode 100644
index 0000000000..1a22d5d0b0
--- /dev/null
+++ b/packages/core/src/features/cluster/kube-object-details/extension-api/reactively-hide-kube-object-detail-item.test.tsx
@@ -0,0 +1,117 @@
+/**
+ * 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 type { IObservableValue } from "mobx";
+import { runInAction, computed, observable } from "mobx";
+import React from "react";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import apiManagerInjectable from "../../../../common/k8s-api/api-manager/manager.injectable";
+import type { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
+import type { KubeApi } from "../../../../common/k8s-api/kube-api";
+import showDetailsInjectable from "../../../../renderer/components/kube-detail-params/show-details.injectable";
+
+describe("reactively hide kube object detail item", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let someObservable: IObservableValue<boolean>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.afterWindowStart((windowDi) => {
+      const apiManager = windowDi.inject(apiManagerInjectable);
+      const api = {
+        apiBase: "/apis/some-api-version/some-kind",
+      } as Partial<KubeApi<KubeObject>> as KubeApi<KubeObject>;
+      const store = {
+        api,
+        loadFromPath: async () => getKubeObjectStub("some-kind", "some-api-version"),
+      } as Partial<KubeObjectStore<KubeObject>> as KubeObjectStore<KubeObject>;
+
+      apiManager.registerApi(api);
+      apiManager.registerStore(store);
+    });
+
+    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 showDetails = windowDi.inject(showDetailsInjectable);
+
+    showDetails("/apis/some-api-version/namespaces/some-namespace/some-kind/some-name");
+
+    builder.extensions.enable(testExtension);
+  });
+
+  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("when the item is shown", () => {
+    beforeEach(() => {
+      runInAction(() => {
+        someObservable.set(true);
+      });
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows the kube object detail item", () => {
+      const actual = rendered.queryByTestId("some-kube-object-detail-item");
+
+      expect(actual).toBeInTheDocument();
+    });
+  });
+});
+
+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/packages/core/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap b/packages/core/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..f1f1bb8490
--- /dev/null
+++ b/packages/core/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,1288 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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/packages/core/src/features/cluster/kube-object-menu/extension-api/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx b/packages/core/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..f7dff90f24
--- /dev/null
+++ b/packages/core/src/features/cluster/kube-object-menu/extension-api/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,158 @@
+/**
+ * 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 { 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) => {
+      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/packages/core/src/features/cluster/kube-object-menu/extension-api/reactively-hide-kube-object-menu-item.test.tsx b/packages/core/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/packages/core/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/packages/core/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap b/packages/core/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
new file mode 100644
index 0000000000..0105bb93ee
--- /dev/null
+++ b/packages/core/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
@@ -0,0 +1,2653 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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/packages/core/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap b/packages/core/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..56d42fced8
--- /dev/null
+++ b/packages/core/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,1307 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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/packages/core/src/features/cluster/kube-object-status-icon/extension-api/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx b/packages/core/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..49fae34daf
--- /dev/null
+++ b/packages/core/src/features/cluster/kube-object-status-icon/extension-api/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,158 @@
+/**
+ * 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";
+
+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) => {
+      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/packages/core/src/features/cluster/kube-object-status-icon/extension-api/reactively-hide-kube-object-status.test.tsx b/packages/core/src/features/cluster/kube-object-status-icon/extension-api/reactively-hide-kube-object-status.test.tsx
new file mode 100644
index 0000000000..aebc03a0f4
--- /dev/null
+++ b/packages/core/src/features/cluster/kube-object-status-icon/extension-api/reactively-hide-kube-object-status.test.tsx
@@ -0,0 +1,130 @@
+/**
+ * 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 { 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) => {
+      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/packages/core/src/features/cluster/kube-object-status-icon/show-status-for-a-kube-object.test.tsx b/packages/core/src/features/cluster/kube-object-status-icon/show-status-for-a-kube-object.test.tsx
new file mode 100644
index 0000000000..49fe7f9efd
--- /dev/null
+++ b/packages/core/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 { testUsingFakeTime } 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(() => {
+    testUsingFakeTime("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/packages/core/src/features/cluster/legacy-extension-adding-cluster-frame-components.test.tsx b/packages/core/src/features/cluster/legacy-extension-adding-cluster-frame-components.test.tsx
new file mode 100644
index 0000000000..f837550f7a
--- /dev/null
+++ b/packages/core/src/features/cluster/legacy-extension-adding-cluster-frame-components.test.tsx
@@ -0,0 +1,78 @@
+/**
+ * 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 { IObservableValue } from "mobx";
+import { computed, observable, runInAction } from "mobx";
+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";
+
+describe("legacy extension adding cluster frame components", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+    builder.setEnvironmentToClusterFrame();
+  });
+
+  describe("given custom components for cluster view available", () => {
+    let someObservable: IObservableValue<boolean>;
+
+    beforeEach(async () => {
+      someObservable = observable.box(false);
+
+      const testExtension = {
+        id: "some-extension-id",
+        name: "some-extension-name",
+
+        rendererOptions: {
+          clusterFrameComponents: [
+            {
+              id: "test-modal-id",
+              Component: () => <div data-testid="test-modal">test modal</div>,
+              shouldRender: computed(() => true),
+            },
+            {
+              id: "dialog-with-observable-visibility-id",
+              Component: () => <div data-testid="dialog-with-observable-visibility">dialog contents</div>,
+              shouldRender: computed(() => someObservable.get()),
+            },
+          ],
+        },
+      };
+
+      rendered = await builder.render();
+      builder.extensions.enable(testExtension);
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("renders provided component html", () => {
+      const modal = rendered.getByTestId("test-modal");
+
+      expect(modal).toBeInTheDocument();
+    });
+
+    it("doesn't render component which should be invisible", () => {
+      const dialog = rendered.queryByTestId("dialog-with-observable-visibility");
+
+      expect(dialog).not.toBeInTheDocument();
+    });
+
+    it("when injectable component becomes visible, shows it", () => {
+      runInAction(() => {
+        act(() => someObservable.set(true));
+      });
+
+      const dialog = rendered.getByTestId("dialog-with-observable-visibility");
+
+      expect(dialog).toBeInTheDocument();
+    });
+  });
+});
diff --git a/packages/core/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap b/packages/core/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
new file mode 100644
index 0000000000..6675611fca
--- /dev/null
+++ b/packages/core/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
@@ -0,0 +1,11438 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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"
+                          data-testid="dock-tab-close-for-some-second-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-second-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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"
+                          data-testid="dock-tab-close-for-some-second-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-second-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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"
+                          data-testid="dock-tab-close-for-some-second-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-second-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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/packages/core/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap b/packages/core/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
new file mode 100644
index 0000000000..1612e1d052
--- /dev/null
+++ b/packages/core/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
@@ -0,0 +1,1236 @@
+// 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="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"
+          >
+            
+          </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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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/packages/core/src/features/cluster/namespaces/edit-namespace-from-new-tab.test.tsx b/packages/core/src/features/cluster/namespaces/edit-namespace-from-new-tab.test.tsx
new file mode 100644
index 0000000000..a3761caf21
--- /dev/null
+++ b/packages/core/src/features/cluster/namespaces/edit-namespace-from-new-tab.test.tsx
@@ -0,0 +1,930 @@
+/**
+ * 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";
+
+describe("cluster/namespaces - edit namespace from new tab", () => {
+  let builder: ApplicationBuilder;
+  let callForResourceMock: AsyncFnMock<CallForResource>;
+  let callForPatchResourceMock: AsyncFnMock<CallForPatchResource>;
+  let showSuccessNotificationMock: jest.Mock;
+  let showErrorNotificationMock: jest.Mock;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        directoryForLensLocalStorageInjectable,
+        () => "/some-directory-for-lens-local-storage",
+      );
+
+      windowDi.override(hostedClusterIdInjectable, () => "some-cluster-id");
+
+      showSuccessNotificationMock = jest.fn();
+      windowDi.override(showSuccessNotificationInjectable, () => showSuccessNotificationMock);
+
+      showErrorNotificationMock = jest.fn();
+      windowDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
+
+      windowDi.override(getRandomIdForEditResourceTabInjectable, () =>
+        jest
+          .fn(() => "some-irrelevant-random-id")
+          .mockReturnValueOnce("some-first-tab-id")
+          .mockReturnValueOnce("some-second-tab-id"),
+      );
+
+      callForResourceMock = asyncFn();
+      windowDi.override(callForResourceInjectable, () => callForResourceMock);
+
+      callForPatchResourceMock = asyncFn();
+      windowDi.override(callForPatchResourceInjectable, () => callForPatchResourceMock);
+    });
+
+    builder.allowKubeResource({
+      apiName: "namespaces",
+      group: "v1",
+    });
+  });
+
+  describe("when navigating to namespaces", () => {
+    let rendered: RenderResult;
+    let windowDi: DiContainer;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      windowDi = builder.applicationWindow.only.di;
+
+      const navigateToNamespaces = windowDi.inject(navigateToNamespacesInjectable);
+      const dockStore = windowDi.inject(dockStoreInjectable);
+
+      navigateToNamespaces();
+
+      // 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(callForResourceMock).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 callForResourceMock.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(callForPatchResourceMock).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 callForPatchResourceMock.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 callForPatchResourceMock.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 callForPatchResourceMock.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 callForPatchResourceMock.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(callForPatchResourceMock).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 callForPatchResourceMock.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
+`,
+                    },
+                  });
+
+
+                  callForPatchResourceMock.mockClear();
+
+                  const saveButton = rendered.getByTestId(
+                    "save-edit-resource-from-tab-for-some-first-tab-id",
+                  );
+
+                  fireEvent.click(saveButton);
+
+                  expect(callForPatchResourceMock).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(() => {
+                callForResourceMock.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(callForResourceMock).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 callForResourceMock.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", () => {
+                  callForPatchResourceMock.mockClear();
+
+                  const saveButton = rendered.getByTestId(
+                    "save-edit-resource-from-tab-for-some-second-tab-id",
+                  );
+
+                  fireEvent.click(saveButton);
+
+                  expect(callForPatchResourceMock).toHaveBeenCalledWith(
+                    someOtherNamespace,
+                    [],
+                  );
+                });
+
+                describe("when clicking dock tab for the first namespace", () => {
+                  beforeEach(() => {
+                    callForResourceMock.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(callForResourceMock).not.toHaveBeenCalledWith("/apis/some-api-version/namespaces/some-uid");
+                  });
+
+                  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", () => {
+                    callForPatchResourceMock.mockClear();
+
+                    const saveButton = rendered.getByTestId(
+                      "save-edit-resource-from-tab-for-some-first-tab-id",
+                    );
+
+                    fireEvent.click(saveButton);
+
+                    expect(callForPatchResourceMock).toHaveBeenCalledWith(
+                      someNamespace,
+                      [],
+                    );
+                  });
+                });
+              });
+            });
+          });
+
+          describe("when call for namespace resolves without namespace", () => {
+            beforeEach(async () => {
+              await callForResourceMock.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 callForResourceMock.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/packages/core/src/features/cluster/namespaces/edit-namespace-from-previously-opened-tab.test.tsx b/packages/core/src/features/cluster/namespaces/edit-namespace-from-previously-opened-tab.test.tsx
new file mode 100644
index 0000000000..0d49469951
--- /dev/null
+++ b/packages/core/src/features/cluster/namespaces/edit-namespace-from-previously-opened-tab.test.tsx
@@ -0,0 +1,143 @@
+/**
+ * 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 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>;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    callForNamespaceMock = asyncFn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        directoryForLensLocalStorageInjectable,
+        () => "/some-directory-for-lens-local-storage",
+      );
+
+      windowDi.override(callForResourceInjectable, () => callForNamespaceMock);
+    });
+
+    builder.allowKubeResource({
+      apiName: "namespaces",
+      group: "v1",
+    });
+  });
+
+  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();
+    });
+
+    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/packages/core/src/features/cluster/order-of-sidebar-items.test.tsx b/packages/core/src/features/cluster/order-of-sidebar-items.test.tsx
new file mode 100644
index 0000000000..449fb838c1
--- /dev/null
+++ b/packages/core/src/features/cluster/order-of-sidebar-items.test.tsx
@@ -0,0 +1,131 @@
+/**
+ * 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 { 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, 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 builder: ApplicationBuilder;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      runInAction(() => {
+        windowDi.register(testSidebarItemsInjectable);
+      });
+    });
+  });
+
+  describe("when rendered", () => {
+    beforeEach(async () => {
+      rendered = await builder.render();
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("has parent items in order", () => {
+      const actual = rendered
+        .queryAllByTestId(/^sidebar-item-(some-parent-id|some-other-parent-id|some-another-parent-id)/)
+        .map(elem => elem.dataset.testid);
+
+      expect(actual).toEqual([
+        "sidebar-item-some-parent-id",
+        "sidebar-item-some-another-parent-id",
+        "sidebar-item-some-other-parent-id",
+      ]);
+    });
+
+    describe("when parent is expanded", () => {
+      beforeEach(() => {
+        const parentLink = rendered.getByTestId(
+          "sidebar-item-link-for-some-parent-id",
+        );
+
+        fireEvent.click(parentLink);
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("has child items in order", () => {
+        const actual = rendered
+          .queryAllByTestId(/^sidebar-item-*/)
+          .filter((element) => element.dataset.parentIdTest === "some-parent-id")
+          .map(elem => elem.dataset.testid);
+
+        expect(actual).toEqual([
+          "sidebar-item-some-child-id",
+          "sidebar-item-some-another-child-id",
+          "sidebar-item-some-other-child-id",
+        ]);
+      });
+    });
+  });
+});
+
+const testSidebarItemsInjectable = getInjectable({
+  id: "some-sidebar-item-injectable",
+
+  instantiate: () =>
+    computed((): SidebarItemRegistration[] => [
+      {
+        id: "some-parent-id",
+        parentId: null,
+        title: "Some parent",
+        onClick: noop,
+        orderNumber: 42,
+      },
+      {
+        id: "some-other-parent-id",
+        parentId: null,
+        title: "Some other parent",
+        onClick: noop,
+        orderNumber: 126,
+      },
+      {
+        id: "some-another-parent-id",
+        parentId: null,
+        title: "Some another parent",
+        onClick: noop,
+        orderNumber: 84,
+      },
+      {
+        id: "some-child-id",
+        parentId: "some-parent-id",
+        title: "Some child",
+        onClick: noop,
+        orderNumber: 168,
+      },
+      {
+        id: "some-other-child-id",
+        parentId: "some-parent-id",
+        title: "Some other child",
+        onClick: noop,
+        orderNumber: 252,
+      },
+      {
+        id: "some-another-child-id",
+        parentId: "some-parent-id",
+        title: "Some another child",
+        onClick: noop,
+        orderNumber: 210,
+      },
+    ]),
+
+  injectionToken: sidebarItemsInjectionToken,
+});
diff --git a/packages/core/src/features/cluster/sidebar-and-tab-navigation-for-core.test.tsx b/packages/core/src/features/cluster/sidebar-and-tab-navigation-for-core.test.tsx
new file mode 100644
index 0000000000..a4995c38ae
--- /dev/null
+++ b/packages/core/src/features/cluster/sidebar-and-tab-navigation-for-core.test.tsx
@@ -0,0 +1,348 @@
+/**
+ * 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 React from "react";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+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, 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";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+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 { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
+import { advanceFakeTime, testUsingFakeTime } from "../../common/test-utils/use-fake-time";
+import storageSaveDelayInjectable from "../../renderer/utils/create-storage/storage-save-delay.injectable";
+import { flushPromises } from "../../common/test-utils/flush-promises";
+
+describe("cluster - sidebar and tab navigation for core", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+
+  beforeEach(() => {
+    testUsingFakeTime("2015-10-21T07:28:00Z");
+
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(storageSaveDelayInjectable, () => 250);
+    });
+  });
+
+  describe("given core registrations", () => {
+    beforeEach(() => {
+      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 () => {
+        rendered = await builder.render();
+
+        const windowDi = builder.applicationWindow.only.di;
+
+        const route = windowDi.inject(testRouteInjectable);
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+
+        navigateToRoute(route);
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent is highlighted", () => {
+        const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+
+        expect(parent?.dataset.isActiveTest).toBe("true");
+      });
+
+      it("parent sidebar item is not expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+
+        expect(child).toBeNull();
+      });
+
+      it("child page is shown", () => {
+        expect(rendered.getByTestId("some-child-page")).not.toBeNull();
+      });
+    });
+
+    describe("given state for expanded sidebar items already exists, when rendered", () => {
+      beforeEach(async () => {
+        builder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFile = windowDi.inject(writeJsonFileInjectable);
+
+          await writeJsonFile(
+            "/some-directory-for-app-data/some-product-name/lens-local-storage/some-cluster-id.json",
+            {
+              sidebar: {
+                expanded: { "some-parent-id": true },
+                width: 200,
+              },
+            },
+          );
+        });
+
+        rendered = await builder.render();
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent sidebar item is not highlighted", () => {
+        const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+
+        expect(parent?.dataset.isActiveTest).toBe("false");
+      });
+
+      it("parent sidebar item is expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+
+        expect(child).not.toBeNull();
+      });
+    });
+
+    describe("given state for expanded unknown sidebar items already exists, when rendered", () => {
+      beforeEach(async () => {
+        builder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
+
+          await writeJsonFileFake(
+            "/some-directory-for-app-data/some-product-name/lens-local-storage/some-hosted-cluster-id.json",
+            {
+              sidebar: {
+                expanded: { "some-unknown-parent-id": true },
+                width: 200,
+              },
+            },
+          );
+        });
+
+        rendered = await builder.render();
+      });
+
+      it("renders without errors", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent sidebar item is not expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+
+        expect(child).toBeNull();
+      });
+    });
+
+    describe("given empty state for expanded sidebar items already exists, when rendered", () => {
+      beforeEach(async () => {
+        builder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
+
+          await writeJsonFileFake(
+            "/some-directory-for-app-data/some-product-name/lens-local-storage/some-hosted-cluster-id.json",
+            {
+              someThingButSidebar: {},
+            },
+          );
+        });
+
+        rendered = await builder.render();
+      });
+
+      it("renders without errors", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent sidebar item is not expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+
+        expect(child).toBeNull();
+      });
+    });
+
+    describe("given no initially persisted state for sidebar items, when rendered", () => {
+      let windowDi: DiContainer;
+
+      beforeEach(async () => {
+        rendered = await builder.render();
+
+        windowDi = builder.applicationWindow.only.di;
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent sidebar item is not highlighted", () => {
+        const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+
+        expect(parent?.dataset.isActiveTest).toBe("false");
+      });
+
+      it("parent sidebar item is not expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+
+        expect(child).toBeNull();
+      });
+
+      describe("when a parent sidebar item is expanded", () => {
+        beforeEach(() => {
+          const parentLink = rendered.getByTestId(
+            "sidebar-item-link-for-some-parent-id",
+          );
+
+          fireEvent.click(parentLink);
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("parent sidebar item is not highlighted", () => {
+          const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+
+          expect(parent?.dataset.isActiveTest).toBe("false");
+        });
+
+        it("parent sidebar item is expanded", () => {
+          const child = rendered.queryByTestId("sidebar-item-some-child-id");
+
+          expect(child).not.toBeNull();
+        });
+
+        describe("when a child of the parent is selected", () => {
+          beforeEach(() => {
+            const childLink = rendered.getByTestId(
+              "sidebar-item-link-for-some-child-id",
+            );
+
+            fireEvent.click(childLink);
+          });
+
+          it("renders", () => {
+            expect(rendered.container).toMatchSnapshot();
+          });
+
+          it("parent is highlighted", () => {
+            const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+
+            expect(parent?.dataset.isActiveTest).toBe("true");
+          });
+
+          it("child is highlighted", () => {
+            const child = rendered.queryByTestId("sidebar-item-some-child-id");
+
+            expect(child?.dataset.isActiveTest).toBe("true");
+          });
+
+          it("child page is shown", () => {
+            expect(rendered.getByTestId("some-child-page")).not.toBeNull();
+          });
+
+          it("when not enough time passes, does not store state for expanded sidebar items to file system yet", async () => {
+            advanceFakeTime(250 - 1);
+
+            const pathExistsFake = windowDi.inject(pathExistsInjectable);
+
+            const actual = await pathExistsFake(
+              "/some-directory-for-app-data/some-product-name/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 () => {
+            advanceFakeTime(250);
+
+            const readJsonFileFake = windowDi.inject(readJsonFileInjectable);
+
+            await flushPromises();
+
+            const actual = await readJsonFileFake(
+              "/some-directory-for-app-data/some-product-name/lens-local-storage/some-cluster-id.json",
+            );
+
+            expect(actual).toEqual({
+              sidebar: {
+                expanded: { "some-parent-id": true },
+                width: 200,
+              },
+            });
+          });
+        });
+      });
+    });
+  });
+});
+
+const testSidebarItemsInjectable = getInjectable({
+  id: "some-sidebar-items-injectable",
+
+  instantiate: (di) => {
+    const route = di.inject(testRouteInjectable);
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed((): SidebarItemRegistration[] => [
+      {
+        id: "some-parent-id",
+        parentId: null,
+        title: "Some parent",
+        onClick: noop,
+        getIcon: () => <div data-testid="some-icon-for-parent" />,
+        orderNumber: 42,
+      },
+
+      {
+        id: "some-child-id",
+        parentId: "some-parent-id",
+        title: "Some child",
+        onClick: () => navigateToRoute(route),
+        isActive: routeIsActive,
+        orderNumber: 42,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+const testRouteInjectable = getInjectable({
+  id: "some-route-injectable-id",
+
+  instantiate: () => ({
+    path: "/some-child-page",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "some-child-page-route-component-injectable",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteInjectable),
+    Component: () => <div data-testid="some-child-page" />,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
diff --git a/packages/core/src/features/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx b/packages/core/src/features/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
new file mode 100644
index 0000000000..27a211a0cb
--- /dev/null
+++ b/packages/core/src/features/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
@@ -0,0 +1,456 @@
+/**
+ * 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 { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import directoryForLensLocalStorageInjectable from "../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+import routesInjectable from "../../renderer/routes/routes.injectable";
+import { matches } from "lodash/fp";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+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 { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
+import assert from "assert";
+import { advanceFakeTime, testUsingFakeTime } 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";
+import { flushPromises } from "../../common/test-utils/flush-promises";
+
+describe("cluster - sidebar and tab navigation for extensions", () => {
+  let applicationBuilder: ApplicationBuilder;
+  let rendered: RenderResult;
+
+  beforeEach(() => {
+    testUsingFakeTime("2015-10-21T07:28:00Z");
+
+    applicationBuilder = getApplicationBuilder();
+
+    applicationBuilder.setEnvironmentToClusterFrame();
+
+    applicationBuilder.beforeWindowStart((windowDi) => {
+      windowDi.override(storageSaveDelayInjectable, () => 250);
+
+      windowDi.override(
+        directoryForLensLocalStorageInjectable,
+        () => "/some-directory-for-lens-local-storage",
+      );
+    });
+  });
+
+  describe("given extension with cluster pages and cluster page menus", () => {
+    let someObservable: IObservableValue<boolean>;
+
+    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 () => {
+        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", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent is highlighted", () => {
+        const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
+
+        expect(parent?.dataset.isActiveTest).toBe("true");
+      });
+
+      it("parent sidebar item is not expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
+
+        expect(child).toBeNull();
+      });
+
+      it("child page is shown", () => {
+        expect(rendered.getByTestId("some-child-page")).not.toBeNull();
+      });
+    });
+
+    describe("given state for expanded sidebar items already exists, when rendered", () => {
+      beforeEach(async () => {
+        applicationBuilder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
+
+          await writeJsonFileFake(
+            "/some-directory-for-lens-local-storage/some-cluster-id.json",
+            {
+              sidebar: {
+                expanded: { "some-extension-name-some-parent-id": true },
+                width: 200,
+              },
+            },
+          );
+        });
+
+        rendered = await applicationBuilder.render();
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent sidebar item is not highlighted", () => {
+        const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
+
+        expect(parent?.dataset.isActiveTest).toBe("false");
+      });
+
+      it("parent sidebar item is expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
+
+        expect(child).not.toBeNull();
+      });
+    });
+
+    describe("given state for expanded unknown sidebar items already exists, when rendered", () => {
+      beforeEach(async () => {
+        applicationBuilder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
+
+          await writeJsonFileFake(
+            "/some-directory-for-lens-local-storage/some-cluster-id.json",
+            {
+              sidebar: {
+                expanded: { "some-extension-name-some-unknown-parent-id": true },
+                width: 200,
+              },
+            },
+          );
+        });
+
+        rendered = await applicationBuilder.render();
+      });
+
+      it("renders without errors", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent sidebar item is not expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
+
+        expect(child).toBeNull();
+      });
+    });
+
+    describe("given empty state for expanded sidebar items already exists, when rendered", () => {
+      beforeEach(async () => {
+        applicationBuilder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
+
+          await writeJsonFileFake(
+            "/some-directory-for-lens-local-storage/some-cluster-id.json",
+            {
+              someThingButSidebar: {},
+            },
+          );
+        });
+
+        rendered = await applicationBuilder.render();
+      });
+
+      it("renders without errors", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent sidebar item is not expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
+
+        expect(child).toBeNull();
+      });
+    });
+
+    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", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("parent sidebar item is not highlighted", () => {
+        const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
+
+        expect(parent?.dataset.isActiveTest).toBe("false");
+      });
+
+      it("parent sidebar item is not expanded", () => {
+        const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
+
+        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(
+            "sidebar-item-link-for-some-extension-name-some-parent-id",
+          );
+
+          fireEvent.click(parentLink);
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("parent sidebar item is not highlighted", () => {
+          const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
+
+          expect(parent?.dataset.isActiveTest).toBe("false");
+        });
+
+        it("parent sidebar item is expanded", () => {
+          const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
+
+          expect(child).not.toBeNull();
+        });
+
+        describe("when a child of the parent is selected", () => {
+          beforeEach(() => {
+            const childLink = rendered.getByTestId(
+              "sidebar-item-link-for-some-extension-name-some-child-id",
+            );
+
+            fireEvent.click(childLink);
+          });
+
+          it("renders", () => {
+            expect(rendered.container).toMatchSnapshot();
+          });
+
+          it("parent is highlighted", () => {
+            const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
+
+            expect(parent?.dataset.isActiveTest).toBe("true");
+          });
+
+          it("child is highlighted", () => {
+            const child = rendered.getByTestId("sidebar-item-some-extension-name-some-child-id");
+
+            expect(child?.dataset.isActiveTest).toBe("true");
+          });
+
+          it("child page is shown", () => {
+            expect(rendered.getByTestId("some-child-page")).not.toBeNull();
+          });
+
+          it("renders tabs", () => {
+            expect(rendered.getByTestId("tab-layout")).not.toBeNull();
+          });
+
+          it("tab for child page is active", () => {
+            const tabLink = rendered.getByTestId(
+              "tab-link-for-some-extension-name-some-child-id",
+            );
+
+            expect(tabLink.dataset.isActiveTest).toBe("true");
+          });
+
+          it("tab for sibling page is not active", () => {
+            const tabLink = rendered.getByTestId(
+              "tab-link-for-some-extension-name-some-other-child-id",
+            );
+
+            expect(tabLink.dataset.isActiveTest).toBe("false");
+          });
+
+          it("when not enough time passes, does not store state for expanded sidebar items to file system yet", async () => {
+            advanceFakeTime(250 - 1);
+
+            const pathExistsFake = windowDi.inject(pathExistsInjectable);
+
+            const actual = await pathExistsFake(
+              "/some-directory-for-lens-local-storage/some-cluster-id.json",
+            );
+
+            expect(actual).toBe(false);
+          });
+
+          it("when enough time passes, stores state for expanded sidebar items to file system", async () => {
+            advanceFakeTime(250);
+
+            const readJsonFileFake = windowDi.inject(readJsonFileInjectable);
+
+            await flushPromises(); // Needed because of several async calls
+
+            const actual = await readJsonFileFake(
+              "/some-directory-for-lens-local-storage/some-cluster-id.json",
+            );
+
+            expect(actual).toEqual({
+              sidebar: {
+                expanded: { "some-extension-name-some-parent-id": true },
+                width: 200,
+              },
+            });
+          });
+
+          describe("when selecting sibling tab", () => {
+            beforeEach(() => {
+              const childTabLink = rendered.getByTestId(
+                "tab-link-for-some-extension-name-some-other-child-id",
+              );
+
+              fireEvent.click(childTabLink);
+            });
+
+            it("renders", () => {
+              expect(rendered.container).toMatchSnapshot();
+            });
+
+            it("sibling child page is shown", () => {
+              expect(
+                rendered.getByTestId("some-other-child-page"),
+              ).not.toBeNull();
+            });
+
+            it("tab for sibling page is active", () => {
+              const tabLink = rendered.getByTestId(
+                "tab-link-for-some-extension-name-some-other-child-id",
+              );
+
+              expect(tabLink.dataset.isActiveTest).toBe("true");
+            });
+
+            it("tab for previous page is not active", () => {
+              const tabLink = rendered.getByTestId(
+                "tab-link-for-some-extension-name-some-child-id",
+              );
+
+              expect(tabLink.dataset.isActiveTest).toBe("false");
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/cluster/state-sync/common/channels.ts b/packages/core/src/features/cluster/state-sync/common/channels.ts
new file mode 100644
index 0000000000..7ceeb82f84
--- /dev/null
+++ b/packages/core/src/features/cluster/state-sync/common/channels.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 type { ClusterId, ClusterState } from "../../../../common/cluster-types";
+import type { MessageChannel } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import type { RequestChannel } from "../../../../common/utils/channel/request-channel-listener-injection-token";
+
+export interface ClusterStateSync {
+  clusterId: ClusterId;
+  state: ClusterState;
+}
+
+export const clusterStateSyncChannel: MessageChannel<ClusterStateSync> = {
+  id: "cluster-state-sync",
+};
+
+export const initialClusterStatesChannel: RequestChannel<void, ClusterStateSync[]> = {
+  id: "initial-cluster-state-sync",
+};
diff --git a/packages/core/src/features/cluster/state-sync/main/emit-update.injectable.ts b/packages/core/src/features/cluster/state-sync/main/emit-update.injectable.ts
new file mode 100644
index 0000000000..8cadd32864
--- /dev/null
+++ b/packages/core/src/features/cluster/state-sync/main/emit-update.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 { MessageChannelHandler } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import { sendMessageToChannelInjectionToken } from "../../../../common/utils/channel/message-to-channel-injection-token";
+import { clusterStateSyncChannel } from "../common/channels";
+
+export type EmitClusterStateUpdate = MessageChannelHandler<typeof clusterStateSyncChannel>;
+
+const emitClusterStateUpdateInjectable = getInjectable({
+  id: "emit-cluster-state-update",
+  instantiate: (di): EmitClusterStateUpdate => {
+    const sendMessageToChannel = di.inject(sendMessageToChannelInjectionToken);
+
+    return (message) => sendMessageToChannel(clusterStateSyncChannel, message);
+  },
+});
+
+export default emitClusterStateUpdateInjectable;
diff --git a/packages/core/src/features/cluster/state-sync/main/handle-initial.injectable.ts b/packages/core/src/features/cluster/state-sync/main/handle-initial.injectable.ts
new file mode 100644
index 0000000000..708f032d48
--- /dev/null
+++ b/packages/core/src/features/cluster/state-sync/main/handle-initial.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 clusterStoreInjectable from "../../../../common/cluster-store/cluster-store.injectable";
+import { getRequestChannelListenerInjectable } from "../../../../main/utils/channel/channel-listeners/listener-tokens";
+import { initialClusterStatesChannel } from "../common/channels";
+
+const handleInitialClusterStateSyncInjectable = getRequestChannelListenerInjectable({
+  channel: initialClusterStatesChannel,
+  handler: (di) => {
+    const clusterStore = di.inject(clusterStoreInjectable);
+
+    return () => clusterStore.clustersList.map(cluster => ({
+      clusterId: cluster.id,
+      state: cluster.getState(),
+    }));
+  },
+});
+
+export default handleInitialClusterStateSyncInjectable;
diff --git a/packages/core/src/features/cluster/state-sync/main/setup-sync.injectable.ts b/packages/core/src/features/cluster/state-sync/main/setup-sync.injectable.ts
new file mode 100644
index 0000000000..9b0e13249d
--- /dev/null
+++ b/packages/core/src/features/cluster/state-sync/main/setup-sync.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 { getInjectable } from "@ogre-tools/injectable";
+import { isEqual } from "lodash";
+import { autorun } from "mobx";
+import clusterStoreInjectable from "../../../../common/cluster-store/cluster-store.injectable";
+import type { ClusterId, ClusterState } from "../../../../common/cluster-types";
+import { beforeApplicationIsLoadingInjectionToken } from "../../../../main/start-main-application/runnable-tokens/before-application-is-loading-injection-token";
+import initClusterStoreInjectable from "../../store/main/init.injectable";
+import emitClusterStateUpdateInjectable from "./emit-update.injectable";
+
+const setupClusterStateBroadcastingInjectable = getInjectable({
+  id: "setup-cluster-state-broadcasting",
+  instantiate: (di) => ({
+    id: "setup-cluster-state-broadcasting",
+    run: () => {
+      const emitClusterStateUpdate = di.inject(emitClusterStateUpdateInjectable);
+      const clusterStore = di.inject(clusterStoreInjectable);
+      const prevStates = new Map<ClusterId, ClusterState>();
+
+      autorun(() => {
+        for (const cluster of clusterStore.clusters.values()) {
+          const prevState = prevStates.get(cluster.id);
+          const curState = cluster.getState();
+
+          if (!prevState || !isEqual(prevState, curState)) {
+            prevStates.set(cluster.id, curState);
+
+            emitClusterStateUpdate({
+              clusterId: cluster.id,
+              state: cluster.getState(),
+            });
+          }
+        }
+      });
+    },
+    runAfter: di.inject(initClusterStoreInjectable),
+  }),
+  injectionToken: beforeApplicationIsLoadingInjectionToken,
+});
+
+export default setupClusterStateBroadcastingInjectable;
diff --git a/packages/core/src/features/cluster/state-sync/renderer/listener.injectable.ts b/packages/core/src/features/cluster/state-sync/renderer/listener.injectable.ts
new file mode 100644
index 0000000000..9863a391e8
--- /dev/null
+++ b/packages/core/src/features/cluster/state-sync/renderer/listener.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 getClusterByIdInjectable from "../../../../common/cluster-store/get-by-id.injectable";
+import { getMessageChannelListenerInjectable } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import { clusterStateSyncChannel } from "../common/channels";
+
+const clusterStateListenerInjectable = getMessageChannelListenerInjectable({
+  channel: clusterStateSyncChannel,
+  id: "main",
+  handler: (di) => {
+    const getClusterById = di.inject(getClusterByIdInjectable);
+
+    return ({ clusterId, state }) => getClusterById(clusterId)?.setState(state);
+  },
+});
+
+export default clusterStateListenerInjectable;
diff --git a/packages/core/src/features/cluster/state-sync/renderer/request-initial.injectable.ts b/packages/core/src/features/cluster/state-sync/renderer/request-initial.injectable.ts
new file mode 100644
index 0000000000..89f72fbcf5
--- /dev/null
+++ b/packages/core/src/features/cluster/state-sync/renderer/request-initial.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 { RequestChannelHandler } from "../../../../main/utils/channel/channel-listeners/listener-tokens";
+import requestFromChannelInjectable from "../../../../renderer/utils/channel/request-from-channel.injectable";
+import { initialClusterStatesChannel } from "../common/channels";
+
+export type RequestInitialClusterStates = RequestChannelHandler<typeof initialClusterStatesChannel>;
+
+const requestInitialClusterStatesInjectable = getInjectable({
+  id: "request-initial-cluster-states",
+  instantiate: (di): RequestInitialClusterStates => {
+    const requestFromChannel = di.inject(requestFromChannelInjectable);
+
+    return () => requestFromChannel(initialClusterStatesChannel);
+  },
+});
+
+export default requestInitialClusterStatesInjectable;
diff --git a/packages/core/src/features/cluster/state-sync/renderer/setup-sync.injectable.ts b/packages/core/src/features/cluster/state-sync/renderer/setup-sync.injectable.ts
new file mode 100644
index 0000000000..e4df4c7f8e
--- /dev/null
+++ b/packages/core/src/features/cluster/state-sync/renderer/setup-sync.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 getClusterByIdInjectable from "../../../../common/cluster-store/get-by-id.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../../../../renderer/before-frame-starts/tokens";
+import initClusterStoreInjectable from "../../store/renderer/init.injectable";
+import requestInitialClusterStatesInjectable from "./request-initial.injectable";
+
+const setupClusterStateSyncInjectable = getInjectable({
+  id: "setup-cluster-state-sync",
+  instantiate: (di) => ({
+    id: "setup-cluster-state-sync",
+    run: async () => {
+      const requestInitialClusterStates = di.inject(requestInitialClusterStatesInjectable);
+      const getClusterById = di.inject(getClusterByIdInjectable);
+      const initalStates = await requestInitialClusterStates();
+
+      for (const { clusterId, state } of initalStates) {
+        getClusterById(clusterId)?.setState(state);
+      }
+    },
+    runAfter: di.inject(initClusterStoreInjectable),
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default setupClusterStateSyncInjectable;
diff --git a/packages/core/src/features/cluster/store/main/init.injectable.ts b/packages/core/src/features/cluster/store/main/init.injectable.ts
new file mode 100644
index 0000000000..7849ab6acd
--- /dev/null
+++ b/packages/core/src/features/cluster/store/main/init.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 clusterStoreInjectable from "../../../../common/cluster-store/cluster-store.injectable";
+import { beforeApplicationIsLoadingInjectionToken } from "../../../../main/start-main-application/runnable-tokens/before-application-is-loading-injection-token";
+import initUserStoreInjectable from "../../../../main/stores/init-user-store.injectable";
+
+const initClusterStoreInjectable = getInjectable({
+  id: "init-cluster-store",
+  instantiate: (di) => {
+    const clusterStore = di.inject(clusterStoreInjectable);
+
+    return {
+      id: "init-cluster-store",
+      run: () => {
+        clusterStore.load();
+      },
+      runAfter: di.inject(initUserStoreInjectable),
+    };
+  },
+  injectionToken: beforeApplicationIsLoadingInjectionToken,
+});
+
+export default initClusterStoreInjectable;
diff --git a/packages/core/src/features/cluster/store/renderer/init.injectable.ts b/packages/core/src/features/cluster/store/renderer/init.injectable.ts
new file mode 100644
index 0000000000..66d2e31e09
--- /dev/null
+++ b/packages/core/src/features/cluster/store/renderer/init.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 clusterStoreInjectable from "../../../../common/cluster-store/cluster-store.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../../../../renderer/before-frame-starts/tokens";
+import initUserStoreInjectable from "../../../../renderer/stores/init-user-store.injectable";
+
+const initClusterStoreInjectable = getInjectable({
+  id: "init-cluster-store",
+  instantiate: (di) => ({
+    id: "init-cluster-store",
+    run: () => {
+      const clusterStore = di.inject(clusterStoreInjectable);
+
+      clusterStore.load();
+    },
+    runAfter: di.inject(initUserStoreInjectable),
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default initClusterStoreInjectable;
diff --git a/packages/core/src/features/cluster/visibility-of-sidebar-items.test.tsx b/packages/core/src/features/cluster/visibility-of-sidebar-items.test.tsx
new file mode 100644
index 0000000000..2eb42b7fdf
--- /dev/null
+++ b/packages/core/src/features/cluster/visibility-of-sidebar-items.test.tsx
@@ -0,0 +1,119 @@
+/**
+ * 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 { 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, runInAction } from "mobx";
+import { routeSpecificComponentInjectionToken } from "../../renderer/routes/route-specific-component-injection-token";
+import React from "react";
+import { frontEndRouteInjectionToken } from "../../common/front-end-routing/front-end-route-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 { shouldShowResourceInjectionToken } from "../../common/cluster-store/allowed-resources-injection-token";
+
+describe("cluster - visibility of sidebar items", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    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 builder.render();
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("related sidebar item does not exist", () => {
+      const item = rendered.queryByTestId("sidebar-item-some-item-id");
+
+      expect(item).toBeNull();
+    });
+
+    describe("when kube resource becomes allowed", () => {
+      beforeEach(() => {
+        builder.allowKubeResource({
+          apiName: "namespaces",
+          group: "v1",
+        });
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("related sidebar item exists", () => {
+        const item = rendered.queryByTestId("sidebar-item-some-item-id");
+
+        expect(item).not.toBeNull();
+      });
+    });
+  });
+});
+
+const testRouteInjectable = getInjectable({
+  id: "some-route-injectable-id",
+
+  instantiate: (di) => ({
+    path: "/some-child-page",
+    clusterFrame: true,
+    isEnabled: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "namespaces",
+      group: "v1",
+    }),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "some-child-page-route-component-injectable",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteInjectable),
+    Component: () => <div data-testid="some-child-page" />,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const testSidebarItemsInjectable = getInjectable({
+  id: "some-sidebar-item-injectable",
+
+  instantiate: (di) => {
+    const testRoute = di.inject(testRouteInjectable);
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+
+    return computed((): SidebarItemRegistration[] => [
+      {
+        id: "some-item-id",
+        parentId: null,
+        title: "Some item",
+        onClick: () => navigateToRoute(testRoute),
+        isVisible: testRoute.isEnabled,
+        orderNumber: 42,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
diff --git a/packages/core/src/features/cluster/workload-overview.test.tsx b/packages/core/src/features/cluster/workload-overview.test.tsx
new file mode 100644
index 0000000000..205c837b47
--- /dev/null
+++ b/packages/core/src/features/cluster/workload-overview.test.tsx
@@ -0,0 +1,40 @@
+/**
+ * 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({
+      apiName: "pods",
+      group: "v1",
+    });
+    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/packages/core/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap b/packages/core/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..1b29e79e6b
--- /dev/null
+++ b/packages/core/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
@@ -0,0 +1,1656 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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/packages/core/src/features/cluster/workloads/overview/extension-api/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx b/packages/core/src/features/cluster/workloads/overview/extension-api/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx
new file mode 100644
index 0000000000..e40b7361fb
--- /dev/null
+++ b/packages/core/src/features/cluster/workloads/overview/extension-api/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,103 @@
+/**
+ * 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 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();
+
+    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/packages/core/src/features/cluster/workloads/overview/extension-api/order-of-workload-overview-details.test.tsx b/packages/core/src/features/cluster/workloads/overview/extension-api/order-of-workload-overview-details.test.tsx
new file mode 100644
index 0000000000..620b2cabb1
--- /dev/null
+++ b/packages/core/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/packages/core/src/features/cluster/workloads/overview/extension-api/reactively-hide-workloads-overview-details-item.test.tsx b/packages/core/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/packages/core/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/packages/core/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap b/packages/core/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap
new file mode 100644
index 0000000000..cbe09a0e1c
--- /dev/null
+++ b/packages/core/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap
@@ -0,0 +1,2669 @@
+// 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="preventedDragging"
+          >
+            <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>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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>
+      </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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="preventedDragging"
+          >
+            <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>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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>
+      </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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="preventedDragging"
+          >
+            <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>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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>
+      </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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="preventedDragging"
+          >
+            <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>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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>
+      </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/command-pallet/keyboard-shortcuts.test.tsx b/packages/core/src/features/command-pallet/keyboard-shortcuts.test.tsx
new file mode 100644
index 0000000000..ddf18b2f76
--- /dev/null
+++ b/packages/core/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/packages/core/src/features/entity-settings/__snapshots__/showing-settings-for-correct-entity.test.tsx.snap b/packages/core/src/features/entity-settings/__snapshots__/showing-settings-for-correct-entity.test.tsx.snap
new file mode 100644
index 0000000000..a61803d059
--- /dev/null
+++ b/packages/core/src/features/entity-settings/__snapshots__/showing-settings-for-correct-entity.test.tsx.snap
@@ -0,0 +1,1283 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Showing correct entity settings renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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[`Showing correct entity settings when navigating to local cluster entity settings renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation"
+          data-testid="entity-settings"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="avatarAndName"
+              >
+                <div
+                  class="Avatar rounded settingsAvatar"
+                  style="width: 40px; height: 40px; background: rgb(83, 137, 8);"
+                >
+                  slk
+                </div>
+                <div
+                  class="entityName"
+                >
+                  some-local-kubernetes-cluster
+                </div>
+              </div>
+              <div
+                class="Tabs flex column"
+              >
+                <hr />
+                <div
+                  class="header"
+                >
+                  Settings
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="general-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    General
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="proxy-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="terminal-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="namespace-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Namespace
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="metrics-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Metrics
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="node-shell-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Node Shell
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section>
+                <h2
+                  data-testid="general-header"
+                >
+                  General
+                </h2>
+                <section />
+              </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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[`Showing correct entity settings when navigating to non-local cluster entity settings renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation"
+          data-testid="entity-settings"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="avatarAndName"
+              >
+                <div
+                  class="Avatar rounded settingsAvatar"
+                  style="width: 40px; height: 40px; background: rgb(9, 124, 92);"
+                >
+                  skc
+                </div>
+                <div
+                  class="entityName"
+                >
+                  some-kubernetes-cluster
+                </div>
+              </div>
+              <div
+                class="Tabs flex column"
+              >
+                <hr />
+                <div
+                  class="header"
+                >
+                  Settings
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="proxy-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="terminal-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="namespace-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Namespace
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="metrics-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Metrics
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="node-shell-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Node Shell
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section>
+                <h2
+                  data-testid="proxy-header"
+                >
+                  Proxy
+                </h2>
+                <section />
+              </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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[`Showing correct entity settings when navigating to weblink entity settings renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation"
+          data-testid="entity-settings"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="avatarAndName"
+              >
+                <div
+                  class="Avatar rounded settingsAvatar"
+                  style="width: 40px; height: 40px; background: rgb(53, 8, 142);"
+                >
+                  sw
+                </div>
+                <div
+                  class="entityName"
+                >
+                  some-weblink
+                </div>
+              </div>
+              <div
+                class="Tabs flex column"
+              />
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <div
+                class="flex items-center"
+                data-preference-page-does-not-exist-test="true"
+              >
+                No settings found for
+                 
+                entity.k8slens.dev/v1alpha1
+                /
+                WebLink
+              </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/entity-settings/showing-settings-for-correct-entity.test.tsx b/packages/core/src/features/entity-settings/showing-settings-for-correct-entity.test.tsx
new file mode 100644
index 0000000000..36844cb3af
--- /dev/null
+++ b/packages/core/src/features/entity-settings/showing-settings-for-correct-entity.test.tsx
@@ -0,0 +1,226 @@
+/**
+ * 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 { KubernetesCluster, WebLink } from "../../common/catalog-entities";
+import getClusterByIdInjectable from "../../common/cluster-store/get-by-id.injectable";
+import type { Cluster } from "../../common/cluster/cluster";
+import navigateToEntitySettingsInjectable from "../../common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable";
+import catalogEntityRegistryInjectable from "../../renderer/api/catalog/entity/registry.injectable";
+import { type ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import createClusterInjectable from "../../renderer/cluster/create-cluster.injectable";
+
+describe("Showing correct entity settings", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let windowDi: DiContainer;
+  let clusterEntity: KubernetesCluster;
+  let localClusterEntity: KubernetesCluster;
+  let otherEntity: WebLink;
+  let cluster: Cluster;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.afterWindowStart((windowDi) => {
+      const createCluster = windowDi.inject(createClusterInjectable);
+
+      clusterEntity = new KubernetesCluster({
+        metadata: {
+          labels: {},
+          name: "some-kubernetes-cluster",
+          uid: "some-entity-id",
+        },
+        spec: {
+          kubeconfigContext: "some-context",
+          kubeconfigPath: "/some/path/to/kubeconfig",
+        },
+        status: {
+          phase: "connecting",
+        },
+      });
+      localClusterEntity = new KubernetesCluster({
+        metadata: {
+          labels: {},
+          name: "some-local-kubernetes-cluster",
+          uid: "some-entity-id-2",
+          source: "local",
+        },
+        spec: {
+          kubeconfigContext: "some-context",
+          kubeconfigPath: "/some/path/to/local/kubeconfig",
+        },
+        status: {
+          phase: "connecting",
+        },
+      });
+      otherEntity = new WebLink({
+        metadata: {
+          labels: {},
+          name: "some-weblink",
+          uid: "some-weblink-id",
+        },
+        spec: {
+          url: "https://my-websome.com",
+        },
+        status: {
+          phase: "available",
+        },
+      });
+      cluster = createCluster({
+        contextName: clusterEntity.spec.kubeconfigContext,
+        id: clusterEntity.getId(),
+        kubeConfigPath: clusterEntity.spec.kubeconfigPath,
+      }, {
+        clusterServerUrl: "https://localhost:9999",
+      });
+
+      // TODO: remove once ClusterStore can be used without overriding it
+      windowDi.override(getClusterByIdInjectable, () => (clusterId) => {
+        if (clusterId === cluster.id) {
+          return cluster;
+        }
+
+        return undefined;
+      });
+
+      // TODO: replace with proper entity source once syncing entities between main and windows is injectable
+      const catalogEntityRegistry = windowDi.inject(catalogEntityRegistryInjectable);
+
+      catalogEntityRegistry.updateItems([clusterEntity, otherEntity, localClusterEntity]);
+    });
+
+    rendered = await builder.render();
+    windowDi = builder.applicationWindow.only.di;
+  });
+
+  it("renders", () => {
+    expect(rendered.baseElement).toMatchSnapshot();
+  });
+
+  it("does not show entity settings page yet", () => {
+    expect(rendered.queryByTestId("entity-settings")).not.toBeInTheDocument();
+  });
+
+  describe("when navigating to non-local cluster entity settings", () => {
+    beforeEach(() => {
+      const navigateToEntitySettings = windowDi.inject(navigateToEntitySettingsInjectable);
+
+      navigateToEntitySettings(clusterEntity.getId());
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows entity settings page", () => {
+      expect(rendered.queryByTestId("entity-settings")).toBeInTheDocument();
+    });
+
+    it("does not show the General setting tab header for non-local cluster", () => {
+      expect(rendered.queryByTestId("general-tab")).not.toBeInTheDocument();
+    });
+
+    it("shows Proxy setting tab header", () => {
+      expect(rendered.queryByTestId("proxy-tab")).toBeInTheDocument();
+    });
+
+    it("shows Terminal setting tab header", () => {
+      expect(rendered.queryByTestId("terminal-tab")).toBeInTheDocument();
+    });
+
+    it("shows Namespaces setting tab header", () => {
+      expect(rendered.queryByTestId("namespace-tab")).toBeInTheDocument();
+    });
+
+    it("shows Metrics setting tab header", () => {
+      expect(rendered.queryByTestId("metrics-tab")).toBeInTheDocument();
+    });
+
+    it("shows Node Shell setting tab header", () => {
+      expect(rendered.queryByTestId("node-shell-tab")).toBeInTheDocument();
+    });
+
+    it("shows the setting tabs in the correct order", () => {
+      expect(rendered.getByTestId("proxy-tab").nextSibling).toHaveAttribute("data-testid", "terminal-tab");
+      expect(rendered.getByTestId("terminal-tab").nextSibling).toHaveAttribute("data-testid", "namespace-tab");
+      expect(rendered.getByTestId("namespace-tab").nextSibling).toHaveAttribute("data-testid", "metrics-tab");
+      expect(rendered.getByTestId("metrics-tab").nextSibling).toHaveAttribute("data-testid", "node-shell-tab");
+    });
+  });
+
+  describe("when navigating to local cluster entity settings", () => {
+    beforeEach(() => {
+      const navigateToEntitySettings = windowDi.inject(navigateToEntitySettingsInjectable);
+
+      navigateToEntitySettings(localClusterEntity.getId());
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows entity settings page", () => {
+      expect(rendered.queryByTestId("entity-settings")).toBeInTheDocument();
+    });
+
+    it("shows the General setting tab header", () => {
+      expect(rendered.queryByTestId("general-tab")).toBeInTheDocument();
+    });
+
+    it("shows Proxy setting tab header", () => {
+      expect(rendered.queryByTestId("proxy-tab")).toBeInTheDocument();
+    });
+
+    it("shows Terminal setting tab header", () => {
+      expect(rendered.queryByTestId("terminal-tab")).toBeInTheDocument();
+    });
+
+    it("shows Namespaces setting tab header", () => {
+      expect(rendered.queryByTestId("namespace-tab")).toBeInTheDocument();
+    });
+
+    it("shows Metrics setting tab header", () => {
+      expect(rendered.queryByTestId("metrics-tab")).toBeInTheDocument();
+    });
+
+    it("shows Node Shell setting tab header", () => {
+      expect(rendered.queryByTestId("node-shell-tab")).toBeInTheDocument();
+    });
+
+    it("shows the setting tabs in the correct order", () => {
+      expect(rendered.getByTestId("general-tab").nextSibling).toHaveAttribute("data-testid", "proxy-tab");
+      expect(rendered.getByTestId("proxy-tab").nextSibling).toHaveAttribute("data-testid", "terminal-tab");
+      expect(rendered.getByTestId("terminal-tab").nextSibling).toHaveAttribute("data-testid", "namespace-tab");
+      expect(rendered.getByTestId("namespace-tab").nextSibling).toHaveAttribute("data-testid", "metrics-tab");
+      expect(rendered.getByTestId("metrics-tab").nextSibling).toHaveAttribute("data-testid", "node-shell-tab");
+    });
+  });
+
+  describe("when navigating to weblink entity settings", () => {
+    beforeEach(() => {
+      const navigateToEntitySettings = windowDi.inject(navigateToEntitySettingsInjectable);
+
+      navigateToEntitySettings(otherEntity.getId());
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows entity settings page", () => {
+      expect(rendered.queryByTestId("entity-settings")).toBeInTheDocument();
+    });
+
+    it("does not show the unrelated settings", () => {
+      expect(rendered.queryByTestId("general-tab")).not.toBeInTheDocument();
+    });
+
+    it("shows no settings page info", () => {
+      expect(rendered.baseElement.querySelector("[data-preference-page-does-not-exist-test='true']")).toBeInTheDocument();
+    });
+  });
+});
diff --git a/packages/core/src/features/extension-special-characters-in-page-registrations.test.tsx b/packages/core/src/features/extension-special-characters-in-page-registrations.test.tsx
new file mode 100644
index 0000000000..ac038a5743
--- /dev/null
+++ b/packages/core/src/features/extension-special-characters-in-page-registrations.test.tsx
@@ -0,0 +1,66 @@
+/**
+ * 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 { 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 builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let windowDi: DiContainer;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    rendered = await builder.render();
+
+    builder.extensions.enable(extensionWithPagesHavingSpecialCharacters);
+
+    windowDi = builder.applicationWindow.only.di;
+  });
+
+  it("renders", () => {
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  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/");
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("knows URL", () => {
+      const currentPath = windowDi.inject(currentPathInjectable);
+
+      expect(currentPath.get()).toBe("/extension/some-extension-name--/some-page-id");
+    });
+  });
+});
+
+const extensionWithPagesHavingSpecialCharacters: FakeExtensionOptions = {
+  id: "some-extension-id",
+  name: "@some-extension-name/",
+
+  rendererOptions: {
+    globalPages: [
+      {
+        id: "/some-page-id/",
+        components: {
+          Page: () => <div>Some page</div>,
+        },
+      },
+    ],
+  },
+};
diff --git a/packages/core/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap b/packages/core/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap
new file mode 100644
index 0000000000..ac3f45e0fd
--- /dev/null
+++ b/packages/core/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -0,0 +1,594 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="home-button"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </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 some-product-name!
+              </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://k8slens.dev/slack.html"
+                  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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </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/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 and drop a 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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/extensions/navigate/common/channel.ts b/packages/core/src/features/extensions/navigate/common/channel.ts
new file mode 100644
index 0000000000..4c6892e6cb
--- /dev/null
+++ b/packages/core/src/features/extensions/navigate/common/channel.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 type { MessageChannel } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+
+export interface NavigateForExtensionArgs {
+  extId: string;
+  pageId: string | undefined;
+  params: Record<string, any> | undefined;
+}
+
+export const navigateForExtensionChannel: MessageChannel<NavigateForExtensionArgs> = {
+  id: "navigate-for-extension",
+};
diff --git a/packages/core/src/features/extensions/navigate/renderer/listener.injectable.ts b/packages/core/src/features/extensions/navigate/renderer/listener.injectable.ts
new file mode 100644
index 0000000000..fccf0efca6
--- /dev/null
+++ b/packages/core/src/features/extensions/navigate/renderer/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 { getMessageChannelListenerInjectable } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import extensionLoaderInjectable from "../../../../extensions/extension-loader/extension-loader.injectable";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import { navigateForExtensionChannel } from "../common/channel";
+
+const navigateForExtensionListenerInjectable = getMessageChannelListenerInjectable({
+  channel: navigateForExtensionChannel,
+  id: "main",
+  handler: (di) => {
+    const extensionLoader = di.inject(extensionLoaderInjectable);
+
+    return ({ extId, pageId, params }) => {
+      const extension = extensionLoader.getInstanceById(extId) as LensRendererExtension | undefined;
+
+      if (extension) {
+        extension.navigate(pageId, params);
+      }
+    };
+  },
+});
+
+export default navigateForExtensionListenerInjectable;
diff --git a/packages/core/src/features/extensions/navigation-using-application-menu.test.ts b/packages/core/src/features/extensions/navigation-using-application-menu.test.ts
new file mode 100644
index 0000000000..237e0a93a1
--- /dev/null
+++ b/packages/core/src/features/extensions/navigation-using-application-menu.test.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 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 focusWindowInjectable from "../../renderer/navigation/focus-window.injectable";
+
+// TODO: Make components free of side effects by making them deterministic
+jest.mock("../../renderer/components/input/input");
+
+describe("extensions - navigation using application menu", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let focusWindowMock: jest.Mock;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.beforeWindowStart((windowDi) => {
+      focusWindowMock = jest.fn();
+
+      windowDi.override(focusWindowInjectable, () => focusWindowMock);
+    });
+
+    rendered = await builder.render();
+  });
+
+  it("renders", () => {
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("does not show extensions page yet", () => {
+    const actual = rendered.queryByTestId("extensions-page");
+
+    expect(actual).toBeNull();
+  });
+
+  describe("when navigating to extensions using application menu", () => {
+    beforeEach(() => {
+      builder.applicationMenu.click("root", "mac", "navigate-to-extensions");
+    });
+
+    it("focuses the window", () => {
+      expect(focusWindowMock).toHaveBeenCalled();
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("shows extensions page", () => {
+      const actual = rendered.getByTestId("extensions-page");
+
+      expect(actual).not.toBeNull();
+    });
+  });
+});
diff --git a/packages/core/src/features/file-system-provisioner/main/init-store.injectable.ts b/packages/core/src/features/file-system-provisioner/main/init-store.injectable.ts
new file mode 100644
index 0000000000..0fe3d4f77b
--- /dev/null
+++ b/packages/core/src/features/file-system-provisioner/main/init-store.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 fileSystemProvisionerStoreInjectable from "../../../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../../main/start-main-application/runnable-tokens/on-load-of-application-injection-token";
+
+const initFileSystemProvisionerStoreInjectable = getInjectable({
+  id: "init-file-system-provisioner-store",
+  instantiate: (di) => ({
+    id: "init-file-system-provisioner-store",
+    run: () => {
+      const store = di.inject(fileSystemProvisionerStoreInjectable);
+
+      store.load();
+    },
+  }),
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default initFileSystemProvisionerStoreInjectable;
diff --git a/packages/core/src/features/file-system-provisioner/renderer/init-store.injectable.ts b/packages/core/src/features/file-system-provisioner/renderer/init-store.injectable.ts
new file mode 100644
index 0000000000..0e64e49fd6
--- /dev/null
+++ b/packages/core/src/features/file-system-provisioner/renderer/init-store.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 fileSystemProvisionerStoreInjectable from "../../../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../../../renderer/before-frame-starts/tokens";
+
+const initFileSystemProvisionerStoreInjectable = getInjectable({
+  id: "init-file-system-provisioner-store",
+  instantiate: (di) => ({
+    id: "init-file-system-provisioner-store",
+    run: () => {
+      const store = di.inject(fileSystemProvisionerStoreInjectable);
+
+      store.load();
+    },
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default initFileSystemProvisionerStoreInjectable;
diff --git a/packages/core/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap b/packages/core/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
new file mode 100644
index 0000000000..7932686bbf
--- /dev/null
+++ b/packages/core/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
@@ -0,0 +1,10010 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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="loading-spinner"
+                    >
+                      <div
+                        class="Spinner singleColor"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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>
+</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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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>
+</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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap b/packages/core/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
new file mode 100644
index 0000000000..516b4a0e1e
--- /dev/null
+++ b/packages/core/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
@@ -0,0 +1,7578 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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="loading-spinner"
+                    >
+                      <div
+                        class="Spinner singleColor"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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-1no2yl0-MenuPortal"
+  >
+    <div
+      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-1nmdiq5-menu"
+      id="react-select-selection-of-active-public-helm-repository-listbox"
+    >
+      <div
+        class="Select__menu-list css-1n6sfyn-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-d7l1ni-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-10wo9uf-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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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-1no2yl0-MenuPortal"
+  >
+    <div
+      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-1nmdiq5-menu"
+      id="react-select-selection-of-active-public-helm-repository-listbox"
+    >
+      <div
+        class="Select__menu-list css-1n6sfyn-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-d7l1ni-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-10wo9uf-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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap b/packages/core/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
new file mode 100644
index 0000000000..08746bc247
--- /dev/null
+++ b/packages/core/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
@@ -0,0 +1,6788 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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="loading-spinner"
+                    >
+                      <div
+                        class="Spinner singleColor"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap b/packages/core/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
new file mode 100644
index 0000000000..afac42ce72
--- /dev/null
+++ b/packages/core/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
@@ -0,0 +1,2863 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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="loading-spinner"
+                    >
+                      <div
+                        class="Spinner singleColor"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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="loading-spinner"
+                    >
+                      <div
+                        class="Spinner singleColor"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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="loading-spinner"
+                    >
+                      <div
+                        class="Spinner singleColor"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-13cymwt-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="kubernetes-page"
+                id="kubernetes-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Kubernetes
+                </h2>
+                <div
+                  data-preference-item-test="kubectl"
+                >
+                  <section
+                    id="kubectl"
+                  >
+                    <div
+                      data-preference-item-test="kubectl-binary-download"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Kubectl binary download
+                           
+                        </div>
+                        <label
+                          class="Switch"
+                          data-testid="switch"
+                        >
+                          Download kubectl binaries matching the Kubernetes cluster version
+                          <input
+                            checked=""
+                            role="switch"
+                            type="checkbox"
+                          />
+                        </label>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-download-mirror"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Download mirror
+                           
+                        </div>
+                        <div
+                          class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__single-value css-1dimb5e-singleValue"
+                              >
+                                Default (Google)
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-directory-for-binaries"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Directory for binaries
+                           
+                        </div>
+                        <div
+                          class="Input theme round black"
+                        >
+                          <label
+                            class="input-area flex gaps align-center"
+                            id=""
+                          >
+                            <input
+                              class="input box grow"
+                              placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                        <div
+                          class="hint"
+                        >
+                          The directory to download binaries into.
+                        </div>
+                      </section>
+                    </div>
+                    <div
+                      class="size-xl"
+                    />
+                    <div
+                      data-preference-item-test="kubectl-path-to-binary"
+                    >
+                      <section>
+                        <div
+                          class="SubTitle"
+                        >
+                          Path to kubectl binary
+                           
+                        </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                              spellcheck="false"
+                              value=""
+                            />
+                          </label>
+                          <div
+                            class="input-info flex gaps"
+                          />
+                        </div>
+                      </section>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="kubeconfig-sync"
+                >
+                  <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>
+                      <div
+                        class="item flex gaps align-center justify-space-between mt-3"
+                      >
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /some-home-dir/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="helm-charts"
+                >
+                  <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-16xfy0z-control"
+                            >
+                              <div
+                                class="Select__value-container css-1fdsijx-ValueContainer"
+                              >
+                                <div
+                                  class="Select__placeholder css-1jqq78o-placeholder"
+                                  id="react-select-selection-of-active-public-helm-repository-placeholder"
+                                >
+                                  Repositories
+                                </div>
+                                <div
+                                  class="Select__input-container css-1h01tm3-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-pogzpp-loadingIndicator"
+                                >
+                                  <span
+                                    class="css-1xtdfmb-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-zoievk-LoadingDot"
+                                  />
+                                  <span
+                                    class="css-x748d8-LoadingDot"
+                                  />
+                                </div>
+                                <span
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                />
+                                <div
+                                  aria-hidden="true"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="css-tj5bde-Svg"
+                                    focusable="false"
+                                    height="20"
+                                    viewBox="0 0 20 20"
+                                    width="20"
+                                  >
+                                    <path
+                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/helm-charts/add-custom-helm-repository-in-preferences.test.ts b/packages/core/src/features/helm-charts/add-custom-helm-repository-in-preferences.test.ts
new file mode 100644
index 0000000000..495d2e9fb3
--- /dev/null
+++ b/packages/core/src/features/helm-charts/add-custom-helm-repository-in-preferences.test.ts
@@ -0,0 +1,393 @@
+/**
+ * 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 { 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 { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { ExecFile } from "../../common/fs/exec-file.injectable";
+import execFileInjectable from "../../common/fs/exec-file.injectable";
+import helmBinaryPathInjectable from "../../main/helm/helm-binary-path.injectable";
+import getActiveHelmRepositoriesInjectable from "../../main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories.injectable";
+import type { HelmRepo } from "../../common/helm/helm-repo";
+import requestPublicHelmRepositoriesInjectable from "./child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.injectable";
+import isPathInjectable from "../../renderer/components/input/validators/is-path.injectable";
+import showSuccessNotificationInjectable from "../../renderer/components/notifications/show-success-notification.injectable";
+import showErrorNotificationInjectable from "../../renderer/components/notifications/show-error-notification.injectable";
+import type { AsyncResult } from "../../common/utils/async-result";
+import { testUsingFakeTime } from "../../common/test-utils/use-fake-time";
+
+describe("add custom helm repository in preferences", () => {
+  let builder: ApplicationBuilder;
+  let showSuccessNotificationMock: jest.Mock;
+  let showErrorNotificationMock: jest.Mock;
+  let rendered: RenderResult;
+  let execFileMock: AsyncFnMock<ExecFile>;
+  let getActiveHelmRepositoriesMock: AsyncFnMock<() => Promise<AsyncResult<HelmRepo[]>>>;
+
+  beforeEach(async () => {
+    jest.useFakeTimers();
+
+    builder = getApplicationBuilder();
+
+    testUsingFakeTime("2021-01-01 12:00:00");
+
+    execFileMock = asyncFn();
+    getActiveHelmRepositoriesMock = asyncFn();
+    showSuccessNotificationMock = jest.fn();
+    showErrorNotificationMock = jest.fn();
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(getActiveHelmRepositoriesInjectable, () => getActiveHelmRepositoriesMock);
+      mainDi.override(execFileInjectable, () => execFileMock);
+      mainDi.override(helmBinaryPathInjectable, () => "some-helm-binary-path");
+    });
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(requestPublicHelmRepositoriesInjectable, () => 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 () => {
+      builder.preferences.navigate();
+      builder.preferences.navigation.click("kubernetes");
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    describe("when active repositories resolve", () => {
+      beforeEach(async () => {
+        await Promise.all([
+          getActiveHelmRepositoriesMock.resolve({
+            callWasSuccessful: true,
+            response: [{
+              name: "Some active repository",
+              url: "some-url",
+              cacheFilePath: "/some-cache-file-for-active",
+            }],
+          }),
+        ]);
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when selecting to add custom repository", () => {
+        beforeEach(() => {
+          const button = rendered.getByTestId("add-custom-helm-repo-button");
+
+          fireEvent.click(button);
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        it("shows dialog", () => {
+          expect(
+            rendered.queryByTestId("add-custom-helm-repository-dialog"),
+          ).toBeInTheDocument();
+        });
+
+        // TODO: Figure out how to close dialog by clicking outside of it
+        xdescribe("when closing the dialog by clicking outside", () => {
+          beforeEach(() => {});
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("does not show dialog anymore", () => {
+            expect(
+              rendered.queryByTestId("add-custom-helm-repository-dialog"),
+            ).not.toBeInTheDocument();
+          });
+        });
+
+        describe("when closing the dialog by clicking cancel", () => {
+          beforeEach(() => {
+            const button = rendered.getByTestId("custom-helm-repository-cancel-button");
+
+            fireEvent.click(button);
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("does not show dialog anymore", () => {
+            expect(
+              rendered.queryByTestId("add-custom-helm-repository-dialog"),
+            ).not.toBeInTheDocument();
+          });
+        });
+
+        describe("when inputted minimal options for the repository", () => {
+          beforeEach(() => {
+            getActiveHelmRepositoriesMock.mockClear();
+
+            const nameInput = rendered.getByTestId("custom-helm-repository-name-input");
+
+            fireEvent.change(nameInput, { target: { value: "some-custom-repository" }});
+
+            const urlInput = rendered.getByTestId("custom-helm-repository-url-input");
+
+            fireEvent.change(urlInput, { target: { value: "http://some.url" }});
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          describe("when submitted and some time passes", () => {
+            beforeEach(() => {
+              const submitButton = rendered.getByTestId("custom-helm-repository-submit-button");
+
+              fireEvent.click(submitButton);
+
+              // TODO: Remove when debounce is removed from WizardStep.submit
+              jest.runOnlyPendingTimers();
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("adds the repository", () => {
+              expect(execFileMock).toHaveBeenCalledWith(
+                "some-helm-binary-path",
+                ["repo", "add", "some-custom-repository", "http://some.url"],
+                {
+                  maxBuffer: 34359738368,
+                  env: {},
+                },
+              );
+            });
+
+            it("does not reload active repositories yet", () => {
+              expect(getActiveHelmRepositoriesMock).not.toHaveBeenCalled();
+            });
+
+            it("does not show notification yet", () => {
+              expect(showSuccessNotificationMock).not.toHaveBeenCalled();
+            });
+
+            describe("when activation rejects", () => {
+              beforeEach(async () => {
+                await execFileMock.resolve({
+                  callWasSuccessful: false,
+                  error: Object.assign(new Error("Some error"), {
+                    stderr: "",
+                  }),
+                });
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("shows error notification", () => {
+                expect(showErrorNotificationMock).toHaveBeenCalledWith(
+                  "Some error",
+                );
+              });
+
+              it("does not show success notification", () => {
+                expect(showSuccessNotificationMock).not.toHaveBeenCalled();
+              });
+
+              it("does not show dialog anymore", () => {
+                expect(rendered.queryByTestId("add-custom-helm-repository-dialog")).not.toBeInTheDocument();
+              });
+
+              it("does not reload active repositories", () => {
+                expect(getActiveHelmRepositoriesMock).not.toHaveBeenCalled();
+              });
+            });
+
+            describe("when activation resolves with success", () => {
+              beforeEach(async () => {
+                await execFileMock.resolveSpecific(
+                  [
+                    "some-helm-binary-path",
+                    ["repo", "add", "some-custom-repository", "http://some.url"],
+                  ],
+                  {
+                    callWasSuccessful: true,
+                    response: "",
+                  },
+                );
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("does not show dialog anymore", () => {
+                expect(rendered.queryByTestId("add-custom-helm-repository-dialog")).not.toBeInTheDocument();
+              });
+
+              it("reloads active repositories", () => {
+                expect(getActiveHelmRepositoriesMock).toHaveBeenCalled();
+              });
+
+              it("shows success notification", () => {
+                expect(showSuccessNotificationMock).toHaveBeenCalledWith(
+                  "Helm repository some-custom-repository has been added.",
+                );
+              });
+
+              describe("when adding custom repository again", () => {
+                beforeEach(() => {
+                  const button = rendered.getByTestId("add-custom-helm-repo-button");
+
+                  fireEvent.click(button);
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("repository name is empty", () => {
+                  const input = rendered.getByTestId("custom-helm-repository-name-input") as HTMLInputElement;
+
+                  expect(input.value).toBe("");
+                });
+
+                it("repository url is empty", () => {
+                  const input = rendered.getByTestId("custom-helm-repository-url-input") as HTMLInputElement;
+
+                  expect(input.value).toBe("");
+                });
+              });
+            });
+          });
+
+          describe("when showing the maximal options", () => {
+            beforeEach(() => {
+              const button = rendered.getByTestId("toggle-maximal-options-for-custom-helm-repository-button");
+
+              fireEvent.click(button);
+            });
+
+            it("shows maximal options", () => {
+              const maximalOptions = rendered.getByTestId("maximal-options-for-custom-helm-repository-dialog");
+
+              expect(maximalOptions).toBeInTheDocument();
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("given closing the dialog, when reopening the dialog, still shows maximal options", () => {
+              const cancelButton = rendered.getByTestId("custom-helm-repository-cancel-button");
+
+              fireEvent.click(cancelButton);
+
+              const openButton = rendered.getByTestId("add-custom-helm-repo-button");
+
+              fireEvent.click(openButton);
+
+              const maximalOptions = rendered.getByTestId("maximal-options-for-custom-helm-repository-dialog");
+
+              expect(maximalOptions).toBeInTheDocument();
+            });
+
+            describe("when hiding maximal options", () => {
+              beforeEach(() => {
+                const button = rendered.getByTestId("toggle-maximal-options-for-custom-helm-repository-button");
+
+                fireEvent.click(button);
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("does not show maximal options anymore", () => {
+                const maximalOptions = rendered.queryByTestId("maximal-options-for-custom-helm-repository-dialog");
+
+                expect(maximalOptions).not.toBeInTheDocument();
+              });
+            });
+
+            describe("when inputted maximal options", () => {
+              beforeEach(async () => {
+                [
+                  { selector: "username-input", value: "some-username" },
+                  { selector: "password-input", value: "some-password" },
+                  { selector: "ca-cert-file-input", value: "some-ca-cert-file" },
+                  { selector: "cert-file-input", value: "some-cert-file" },
+                  { selector: "key-file-input", value: "some-key-file" },
+                ].forEach(({ selector, value }) => {
+                  const input = rendered.getByTestId(`custom-helm-repository-${selector}`);
+
+                  fireEvent.change(input, { target: { value }});
+                });
+
+                const checkbox = rendered.getByTestId(`custom-helm-repository-verify-tls-input`);
+
+                fireEvent.click(checkbox);
+
+                jest.runOnlyPendingTimers();
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("when submitted and some time passes, adds the repository with maximal options", () => {
+                const submitButton = rendered.getByTestId("custom-helm-repository-submit-button");
+
+                fireEvent.click(submitButton);
+
+                // TODO: Remove when debounce is removed from WizardStep.submit
+                jest.runOnlyPendingTimers();
+
+                expect(execFileMock).toHaveBeenCalledWith(
+                  "some-helm-binary-path",
+                  [
+                    "repo",
+                    "add",
+                    "some-custom-repository",
+                    "http://some.url",
+                    "--insecure-skip-tls-verify",
+                    "--username",
+                    "some-username",
+                    "--password",
+                    "some-password",
+                    "--ca-file",
+                    "some-ca-cert-file",
+                    "--key-file",
+                    "some-key-file",
+                    "--cert-file",
+                    "some-cert-file",
+                  ],
+                  {
+                    maxBuffer: 34359738368,
+                    env: {},
+                  },
+                );
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/helm-charts/add-helm-repository-from-list-in-preferences.test.ts b/packages/core/src/features/helm-charts/add-helm-repository-from-list-in-preferences.test.ts
new file mode 100644
index 0000000000..8bdfb4e507
--- /dev/null
+++ b/packages/core/src/features/helm-charts/add-helm-repository-from-list-in-preferences.test.ts
@@ -0,0 +1,297 @@
+/**
+ * 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 type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { ExecFile } from "../../common/fs/exec-file.injectable";
+import execFileInjectable from "../../common/fs/exec-file.injectable";
+import helmBinaryPathInjectable from "../../main/helm/helm-binary-path.injectable";
+import getActiveHelmRepositoriesInjectable from "../../main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories.injectable";
+import type { HelmRepo } from "../../common/helm/helm-repo";
+import requestPublicHelmRepositoriesInjectable from "./child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.injectable";
+import showSuccessNotificationInjectable from "../../renderer/components/notifications/show-success-notification.injectable";
+import showErrorNotificationInjectable from "../../renderer/components/notifications/show-error-notification.injectable";
+import type { AsyncResult } from "../../common/utils/async-result";
+
+describe("add helm repository from list in preferences", () => {
+  let builder: ApplicationBuilder;
+  let showSuccessNotificationMock: jest.Mock;
+  let showErrorNotificationMock: jest.Mock;
+  let rendered: RenderResult;
+  let execFileMock: AsyncFnMock<ExecFile>;
+  let getActiveHelmRepositoriesMock: AsyncFnMock<() => Promise<AsyncResult<HelmRepo[]>>>;
+  let callForPublicHelmRepositoriesMock: AsyncFnMock<() => Promise<HelmRepo[]>>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    execFileMock = asyncFn();
+    getActiveHelmRepositoriesMock = asyncFn();
+    callForPublicHelmRepositoriesMock = asyncFn();
+    showSuccessNotificationMock = jest.fn();
+    showErrorNotificationMock = jest.fn();
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(getActiveHelmRepositoriesInjectable, () => getActiveHelmRepositoriesMock);
+      mainDi.override(execFileInjectable, () => execFileMock);
+      mainDi.override(helmBinaryPathInjectable, () => "some-helm-binary-path");
+    });
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(showSuccessNotificationInjectable, () => showSuccessNotificationMock);
+      windowDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
+      windowDi.override(requestPublicHelmRepositoriesInjectable, () => callForPublicHelmRepositoriesMock);
+    });
+
+    rendered = await builder.render();
+  });
+
+  describe("when navigating to preferences containing helm repositories", () => {
+    beforeEach(() => {
+      builder.preferences.navigate();
+      builder.preferences.navigation.click("kubernetes");
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("calls for public repositories", () => {
+      expect(callForPublicHelmRepositoriesMock).toHaveBeenCalled();
+    });
+
+    it("calls for active repositories", () => {
+      expect(getActiveHelmRepositoriesMock).toHaveBeenCalled();
+    });
+
+    describe("when both active and public repositories resolve", () => {
+      beforeEach(async () => {
+        await Promise.all([
+          callForPublicHelmRepositoriesMock.resolve([
+            {
+              name: "Some already active repository",
+              url: "some-url",
+              cacheFilePath: "/some-cache-file-for-active",
+            },
+            {
+              name: "Some to be added repository",
+              url: "some-other-url",
+              cacheFilePath: "/some-cache-file-for-non-active",
+            },
+          ]),
+
+          getActiveHelmRepositoriesMock.resolve({
+            callWasSuccessful: true,
+            response: [{
+              name: "Some already active repository",
+              url: "some-url",
+              cacheFilePath: "/some-cache-file-for-active",
+            }],
+          }),
+        ]);
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when select for adding public repositories is clicked", () => {
+        beforeEach(() => {
+          builder.select.openMenu(
+            "selection-of-active-public-helm-repository",
+          );
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        describe("when deactive public repository is selected", () => {
+          beforeEach(async () => {
+            getActiveHelmRepositoriesMock.mockClear();
+
+            builder.select.selectOption(
+              "selection-of-active-public-helm-repository",
+              "Some to be added repository",
+            );
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("adds the repository", () => {
+            expect(execFileMock).toHaveBeenCalledWith(
+              "some-helm-binary-path",
+              ["repo", "add", "Some to be added repository", "some-other-url"],
+              {
+                maxBuffer: 34359738368,
+                env: {},
+              },
+            );
+          });
+
+          it("does not reload active repositories yet", () => {
+            expect(getActiveHelmRepositoriesMock).not.toHaveBeenCalled();
+          });
+
+          describe("when adding rejects", () => {
+            beforeEach(async () => {
+              await execFileMock.resolve({
+                callWasSuccessful: false,
+                error: Object.assign(new Error("Some error"), {
+                  stderr: "",
+                }),
+              });
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("shows error notification", () => {
+              expect(showErrorNotificationMock).toHaveBeenCalledWith(
+                "Some error",
+              );
+            });
+
+            it("does not show success notification", () => {
+              expect(showSuccessNotificationMock).not.toHaveBeenCalled();
+            });
+
+            it("does not show dialog anymore", () => {
+              expect(rendered.queryByTestId("add-custom-helm-repository-dialog")).not.toBeInTheDocument();
+            });
+
+            it("does not reload active repositories", () => {
+              expect(getActiveHelmRepositoriesMock).not.toHaveBeenCalled();
+            });
+          });
+
+          describe("when adding resolves", () => {
+            beforeEach(async () => {
+              await execFileMock.resolveSpecific(
+                [
+                  "some-helm-binary-path",
+                  ["repo", "add", "Some to be added repository", "some-other-url"],
+                ],
+                {
+                  callWasSuccessful: true,
+                  response: "",
+                },
+              );
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("reloads active repositories", () => {
+              expect(getActiveHelmRepositoriesMock).toHaveBeenCalled();
+            });
+
+            it("shows success notification", () => {
+              expect(showSuccessNotificationMock).toHaveBeenCalledWith(
+                "Helm repository Some to be added repository has been added.",
+              );
+            });
+
+            describe("when active repositories resolve again", () => {
+              beforeEach(async () => {
+                await getActiveHelmRepositoriesMock.resolve({
+                  callWasSuccessful: true,
+                  response: [
+                    {
+                      name: "Some already active repository",
+                      url: "some-url",
+                      cacheFilePath: "/some-cache-file-for-active",
+                    },
+                    {
+                      name: "Some to be added repository",
+                      url: "some-other-url",
+                      cacheFilePath: "/some-cache-file-for-non-active",
+                    },
+                  ],
+                });
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              describe("when select for selecting active repositories is clicked", () => {
+                beforeEach(() => {
+                  builder.select.openMenu(
+                    "selection-of-active-public-helm-repository",
+                  );
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                describe("when active repository is selected", () => {
+                  beforeEach(() => {
+                    execFileMock.mockClear();
+                    getActiveHelmRepositoriesMock.mockClear();
+
+                    builder.select.selectOption(
+                      "selection-of-active-public-helm-repository",
+                      "Some already active repository",
+                    );
+                  });
+
+                  it("renders", () => {
+                    expect(rendered.baseElement).toMatchSnapshot();
+                  });
+
+                  it("removes the repository", () => {
+                    expect(execFileMock).toHaveBeenCalledWith(
+                      "some-helm-binary-path",
+                      ["repo", "remove", "Some already active repository"],
+                      {
+                        maxBuffer: 34359738368,
+                        env: {},
+                      },
+                    );
+                  });
+
+                  it("does not reload active repositories yet", () => {
+                    expect(getActiveHelmRepositoriesMock).not.toHaveBeenCalled();
+                  });
+
+                  describe("when removing resolves", () => {
+                    beforeEach(async () => {
+                      await execFileMock.resolveSpecific(
+                        [
+                          "some-helm-binary-path",
+                          ["repo", "remove", "Some already active repository"],
+                        ],
+                        {
+                          callWasSuccessful: true,
+                          response: "",
+                        },
+                      );
+                    });
+
+                    it("renders", () => {
+                      expect(rendered.baseElement).toMatchSnapshot();
+                    });
+
+                    it("reloads active repositories", () => {
+                      expect(getActiveHelmRepositoriesMock).toHaveBeenCalled();
+                    });
+                  });
+                });
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/active-helm-repositories.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/active-helm-repositories.injectable.ts
new file mode 100644
index 0000000000..7a0d5e6b47
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/active-helm-repositories.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 { asyncComputed } from "@ogre-tools/injectable-react";
+import { getActiveHelmRepositoriesChannel } from "../../../../../common/helm/get-active-helm-repositories-channel";
+import { requestFromChannelInjectionToken } from "../../../../../common/utils/channel/request-from-channel-injection-token";
+import showErrorNotificationInjectable from "../../../../../renderer/components/notifications/show-error-notification.injectable";
+import helmRepositoriesErrorStateInjectable from "./helm-repositories-error-state.injectable";
+import { runInAction } from "mobx";
+
+const activeHelmRepositoriesInjectable = getInjectable({
+  id: "active-helm-repositories",
+
+  instantiate: (di) => {
+    const requestFromChannel = di.inject(requestFromChannelInjectionToken);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const helmRepositoriesErrorState = di.inject(
+      helmRepositoriesErrorStateInjectable,
+    );
+
+    return asyncComputed({
+      getValueFromObservedPromise: async () => {
+        const result = await requestFromChannel(
+          getActiveHelmRepositoriesChannel,
+        );
+
+        if (result.callWasSuccessful) {
+          return result.response;
+        } else {
+          showErrorNotification(result.error);
+
+          runInAction(() =>
+            helmRepositoriesErrorState.set({
+              controlsAreShown: false,
+              errorMessage: result.error,
+            }),
+          );
+
+          return [];
+        }
+      },
+
+      valueWhenPending: [],
+    });
+  },
+});
+
+export default activeHelmRepositoriesInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/add-helm-repo-dialog.scss b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/add-helm-repo-dialog.scss
new file mode 100644
index 0000000000..6cb9f4fd0a
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/add-helm-repo-dialog.scss
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.AddHelmRepoDialog {
+  --flex-gap: #{$margin * 1.5};
+
+  .accordion {
+    font-weight: bold;
+    align-self: flex-start;
+    padding: 0;
+    &:focus:not(:active) {
+      box-shadow: none;
+    }
+  }
+  .Icon {
+    --color-active: black;
+  }
+
+  .fields-title {
+    display: grid;
+    grid-template-columns: min-content auto;
+    align-items: center;
+    gap: $margin * 0.5;
+  }
+}
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/adding-of-custom-helm-repository-dialog-content.tsx b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/adding-of-custom-helm-repository-dialog-content.tsx
new file mode 100644
index 0000000000..1167beae0a
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/adding-of-custom-helm-repository-dialog-content.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 "./add-helm-repo-dialog.scss";
+
+import React from "react";
+import { Wizard, WizardStep } from "../../../../../../renderer/components/wizard";
+import { Input } from "../../../../../../renderer/components/input";
+import { isUrl, systemName } from "../../../../../../renderer/components/input/input_validators";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import customHelmRepoInjectable from "./custom-helm-repo.injectable";
+import type { HelmRepo } from "../../../../../../common/helm/helm-repo";
+import { observer } from "mobx-react";
+import type { IObservableValue } from "mobx";
+import { action } from "mobx";
+import submitCustomHelmRepositoryInjectable from "./submit-custom-helm-repository.injectable";
+import hideDialogForAddingCustomHelmRepositoryInjectable from "./dialog-visibility/hide-dialog-for-adding-custom-helm-repository.injectable";
+import { Button } from "../../../../../../renderer/components/button";
+import { Icon } from "../../../../../../renderer/components/icon";
+import maximalCustomHelmRepoOptionsAreShownInjectable from "./maximal-custom-helm-repo-options-are-shown.injectable";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { Checkbox } from "../../../../../../renderer/components/checkbox";
+import { HelmFileInput } from "./helm-file-input/helm-file-input";
+import { toJS } from "../../../../../../common/utils";
+
+interface Dependencies {
+  helmRepo: HelmRepo;
+  hideDialog: () => void;
+  submitCustomRepository: (repository: HelmRepo) => Promise<void>;
+  maximalOptionsAreShown: IObservableValue<boolean>;
+}
+
+const NonInjectedActivationOfCustomHelmRepositoryDialogContent = observer(({
+  helmRepo,
+  submitCustomRepository,
+  maximalOptionsAreShown,
+  hideDialog,
+} : Dependencies) => (
+  <Wizard header={<h5>Add custom Helm Repo</h5>} done={hideDialog}>
+    <WizardStep
+      contentClass="flow column"
+      nextLabel="Add"
+      next={() => submitCustomRepository(toJS(helmRepo))}
+      testIdForNext="custom-helm-repository-submit-button"
+      testIdForPrev="custom-helm-repository-cancel-button"
+    >
+      <div className="flex column gaps" data-testid="add-custom-helm-repository-dialog">
+        <Input
+          autoFocus
+          required
+          placeholder="Helm repo name"
+          trim
+          validators={systemName}
+          value={helmRepo.name}
+          onChange={action(v => helmRepo.name = v)}
+          data-testid="custom-helm-repository-name-input"
+        />
+        <Input
+          required
+          placeholder="URL"
+          validators={isUrl}
+          value={helmRepo.url}
+          onChange={action(v => helmRepo.url = v)}
+          data-testid="custom-helm-repository-url-input"
+        />
+        <Button
+          plain
+          className="accordion"
+          data-testid="toggle-maximal-options-for-custom-helm-repository-button"
+          onClick={action(() => maximalOptionsAreShown.set(!maximalOptionsAreShown.get()))}
+        >
+          More
+          <Icon
+            small
+            tooltip="More"
+            material={maximalOptionsAreShown.get() ? "remove" : "add"}
+          />
+        </Button>
+
+        {maximalOptionsAreShown.get() && (
+          <div data-testid="maximal-options-for-custom-helm-repository-dialog">
+            <SubTitle title="Security settings" />
+
+            <Checkbox
+              label="Skip TLS certificate checks for the repository"
+              value={helmRepo.insecureSkipTlsVerify}
+              onChange={action(v => {
+                helmRepo.insecureSkipTlsVerify = v;
+              })}
+              data-testid="custom-helm-repository-verify-tls-input"
+            />
+
+            <HelmFileInput
+              placeholder="Key file"
+              value={helmRepo.keyFile || ""}
+              setValue={action((value) => helmRepo.keyFile = value)}
+              fileExtensions={keyExtensions}
+              data-testid="custom-helm-repository-key-file-input"
+            />
+
+            <HelmFileInput
+              placeholder="Ca file"
+              value={helmRepo.caFile || ""}
+              setValue={action((value) => helmRepo.caFile = value)}
+              fileExtensions={certExtensions}
+              data-testid="custom-helm-repository-ca-cert-file-input"
+            />
+
+            <HelmFileInput
+              placeholder="Certificate file"
+              value={helmRepo.certFile || ""}
+              setValue={action((value) => helmRepo.certFile = value)}
+              fileExtensions={certExtensions}
+              data-testid="custom-helm-repository-cert-file-input"
+            />
+
+            <SubTitle title="Chart Repository Credentials" />
+
+            <Input
+              placeholder="Username"
+              value={helmRepo.username}
+              onChange= {action(v => helmRepo.username = v)}
+              data-testid="custom-helm-repository-username-input"
+            />
+            <Input
+              type="password"
+              placeholder="Password"
+              value={helmRepo.password}
+              onChange={action(v => helmRepo.password = v)}
+              data-testid="custom-helm-repository-password-input"
+            />
+          </div>
+        )}
+      </div>
+    </WizardStep>
+  </Wizard>
+));
+
+
+
+export const AddingOfCustomHelmRepositoryDialogContent = withInjectables<Dependencies>(NonInjectedActivationOfCustomHelmRepositoryDialogContent, {
+  getProps: (di) => ({
+    helmRepo: di.inject(customHelmRepoInjectable),
+    hideDialog: di.inject(hideDialogForAddingCustomHelmRepositoryInjectable),
+    submitCustomRepository: di.inject(submitCustomHelmRepositoryInjectable),
+    maximalOptionsAreShown: di.inject(maximalCustomHelmRepoOptionsAreShownInjectable),
+  }),
+});
+
+const keyExtensions = ["key", "keystore", "jks", "p12", "pfx", "pem"];
+const certExtensions = ["crt", "cer", "ca-bundle", "p7b", "p7c", "p7s", "p12", "pfx", "pem"];
+
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/adding-of-custom-helm-repository-dialog.tsx b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/adding-of-custom-helm-repository-dialog.tsx
new file mode 100644
index 0000000000..2f57b143a4
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/adding-of-custom-helm-repository-dialog.tsx
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./add-helm-repo-dialog.scss";
+
+import React from "react";
+import { Dialog } from "../../../../../../renderer/components/dialog";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { AddingOfCustomHelmRepositoryDialogContent } from "./adding-of-custom-helm-repository-dialog-content";
+import addingOfCustomHelmRepositoryDialogIsVisibleInjectable from "./dialog-visibility/adding-of-custom-helm-repository-dialog-is-visible.injectable";
+import type { IObservableValue } from "mobx";
+import { observer } from "mobx-react";
+import hideDialogForAddingCustomHelmRepositoryInjectable from "./dialog-visibility/hide-dialog-for-adding-custom-helm-repository.injectable";
+
+interface Dependencies {
+  contentIsVisible: IObservableValue<boolean>;
+  hideDialog: () => void;
+}
+
+const NonInjectedActivationOfCustomHelmRepositoryDialog = observer(({
+  contentIsVisible,
+  hideDialog,
+}: Dependencies) => (
+  <div>
+    <Dialog
+      className="AddHelmRepoDialog"
+      isOpen={contentIsVisible.get()}
+      close={hideDialog}
+    >
+      {contentIsVisible.get() && <AddingOfCustomHelmRepositoryDialogContent />}
+    </Dialog>
+  </div>
+));
+
+
+export const AddingOfCustomHelmRepositoryDialog = withInjectables<Dependencies>(
+  NonInjectedActivationOfCustomHelmRepositoryDialog,
+
+  {
+    getProps: (di) => ({
+      contentIsVisible: di.inject(addingOfCustomHelmRepositoryDialogIsVisibleInjectable),
+      hideDialog: di.inject(hideDialogForAddingCustomHelmRepositoryInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/adding-of-custom-helm-repository-open-button.tsx b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/adding-of-custom-helm-repository-open-button.tsx
new file mode 100644
index 0000000000..d81dfbe4c9
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/adding-of-custom-helm-repository-open-button.tsx
@@ -0,0 +1,32 @@
+/**
+ * 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 { Button } from "../../../../../../renderer/components/button";
+import showDialogForAddingCustomHelmRepositoryInjectable from "./dialog-visibility/show-dialog-for-adding-custom-helm-repository.injectable";
+
+interface Dependencies {
+  showDialog: () => void;
+}
+
+const NonInjectedActivationOfCustomHelmRepositoryOpenButton = ({ showDialog }: Dependencies) => (
+  <Button
+    primary
+    label="Add Custom Helm Repo"
+    onClick={showDialog}
+    data-testid="add-custom-helm-repo-button"
+  />
+);
+
+export const AddingOfCustomHelmRepositoryOpenButton = withInjectables<Dependencies>(
+  NonInjectedActivationOfCustomHelmRepositoryOpenButton,
+
+  {
+    getProps: (di) => ({
+      showDialog: di.inject(showDialogForAddingCustomHelmRepositoryInjectable),
+    }),
+  },
+);
+
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/custom-helm-repo.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/custom-helm-repo.injectable.ts
new file mode 100644
index 0000000000..b4c67a8efa
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/custom-helm-repo.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { observable } from "mobx";
+import type { HelmRepo } from "../../../../../../common/helm/helm-repo";
+
+const customHelmRepoInjectable = getInjectable({
+  id: "custom-helm-repo",
+
+  instantiate: () => observable.object<HelmRepo>({
+    name: "",
+    url: "",
+    username: "",
+    password: "",
+    insecureSkipTlsVerify: false,
+    caFile: "",
+    keyFile: "",
+    certFile: "",
+    cacheFilePath: "",
+  }),
+
+  lifecycle: lifecycleEnum.transient,
+});
+
+export default customHelmRepoInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/dialog-visibility/adding-of-custom-helm-repository-dialog-is-visible.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/dialog-visibility/adding-of-custom-helm-repository-dialog-is-visible.injectable.ts
new file mode 100644
index 0000000000..8c5fc69815
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/dialog-visibility/adding-of-custom-helm-repository-dialog-is-visible.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 { observable } from "mobx";
+
+const addingOfCustomHelmRepositoryDialogIsVisibleInjectable = getInjectable({
+  id: "adding-of-custom-helm-repository-dialog-is-visible",
+  instantiate: () => observable.box(false),
+});
+
+export default addingOfCustomHelmRepositoryDialogIsVisibleInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/dialog-visibility/hide-dialog-for-adding-custom-helm-repository.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/dialog-visibility/hide-dialog-for-adding-custom-helm-repository.injectable.ts
new file mode 100644
index 0000000000..3acd2061f7
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/dialog-visibility/hide-dialog-for-adding-custom-helm-repository.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 { action } from "mobx";
+import addingOfCustomHelmRepositoryDialogIsVisibleInjectable from "./adding-of-custom-helm-repository-dialog-is-visible.injectable";
+
+const hideDialogForAddingCustomHelmRepositoryInjectable = getInjectable({
+  id: "hide-dialog-for-adding-custom-helm-repository",
+
+  instantiate: (di) => {
+    const state = di.inject(addingOfCustomHelmRepositoryDialogIsVisibleInjectable);
+
+    return action(() => {
+      state.set(false);
+    });
+  },
+});
+
+export default hideDialogForAddingCustomHelmRepositoryInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/dialog-visibility/show-dialog-for-adding-custom-helm-repository.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/dialog-visibility/show-dialog-for-adding-custom-helm-repository.injectable.ts
new file mode 100644
index 0000000000..825bfeae9b
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/dialog-visibility/show-dialog-for-adding-custom-helm-repository.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 { action } from "mobx";
+import addingOfCustomHelmRepositoryDialogIsVisibleInjectable from "./adding-of-custom-helm-repository-dialog-is-visible.injectable";
+
+const showDialogForAddingCustomHelmRepositoryInjectable = getInjectable({
+  id: "show-dialog-for-adding-custom-helm-repository",
+
+  instantiate: (di) => {
+    const state = di.inject(addingOfCustomHelmRepositoryDialogIsVisibleInjectable);
+
+    return action(() => {
+      state.set(true);
+    });
+  },
+});
+
+export default showDialogForAddingCustomHelmRepositoryInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/helm-file-input/get-file-paths.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/helm-file-input/get-file-paths.injectable.ts
new file mode 100644
index 0000000000..3a45734e95
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/helm-file-input/get-file-paths.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 { FileFilter } from "electron";
+import type { PathPickOpts } from "../../../../../../../renderer/components/path-picker";
+import openPathPickingDialogInjectable from "../../../../../../path-picking-dialog/renderer/pick-paths.injectable";
+
+export interface RequestFilePathOptions extends Pick<PathPickOpts, "onCancel" | "onPick"> {
+  filter: FileFilter;
+}
+
+export type RequestFilePaths = (options: RequestFilePathOptions) => Promise<void>;
+
+const requestFilePathsInjectable = getInjectable({
+  id: "request-file-paths",
+
+  instantiate: (di): RequestFilePaths => {
+    const openPathPickingDialog = di.inject(openPathPickingDialogInjectable);
+
+    return async ({ filter, ...opts }) => await openPathPickingDialog({
+      properties: ["openFile", "showHiddenFiles"],
+      message: "Select file",
+      buttonLabel: "Use file",
+      filters: [filter, { name: "Any", extensions: ["*"] }],
+      ...opts,
+    });
+  },
+});
+
+export default requestFilePathsInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/helm-file-input/helm-file-input.tsx b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/helm-file-input/helm-file-input.tsx
new file mode 100644
index 0000000000..64d814685e
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/helm-file-input/helm-file-input.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 type { InputValidator } from "../../../../../../../renderer/components/input";
+import { Input } from "../../../../../../../renderer/components/input";
+import { Icon } from "../../../../../../../renderer/components/icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { RequestFilePaths } from "./get-file-paths.injectable";
+import requestFilePathsInjectable from "./get-file-paths.injectable";
+import isPathInjectable from "../../../../../../../renderer/components/input/validators/is-path.injectable";
+
+interface HelmFileInputProps {
+  placeholder: string;
+  fileExtensions: string[];
+  value: string;
+  setValue: (value: string) => void;
+  "data-testid"?: string;
+}
+
+interface Dependencies {
+  requestFilePaths: RequestFilePaths;
+  isPath: InputValidator<true>;
+}
+
+const NonInjectedHelmFileInput = ({
+  placeholder,
+  value,
+  setValue,
+  fileExtensions,
+  requestFilePaths,
+  isPath,
+  "data-testid": testId,
+}: Dependencies & HelmFileInputProps) => (
+  <div className="flex gaps align-center">
+    <Input
+      placeholder={placeholder}
+      validators={isPath}
+      className="box grow"
+      value={value}
+      onChange={(v) => setValue(v)}
+      data-testid={testId}
+    />
+    <Icon
+      material="folder"
+      onClick={() => void requestFilePaths({
+        filter: {
+          name: placeholder,
+          extensions: fileExtensions,
+        },
+        onPick: (filePaths) => {
+          if (filePaths.length) {
+            setValue(filePaths[0]);
+          }
+        },
+      })}
+      tooltip="Browse"
+    />
+  </div>
+);
+
+export const HelmFileInput = withInjectables<Dependencies, HelmFileInputProps>(NonInjectedHelmFileInput, {
+  getProps: (di, props) => ({
+    ...props,
+    requestFilePaths: di.inject(requestFilePathsInjectable),
+    isPath: di.inject(isPathInjectable),
+  }),
+});
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/maximal-custom-helm-repo-options-are-shown.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/maximal-custom-helm-repo-options-are-shown.injectable.ts
new file mode 100644
index 0000000000..56e3301d61
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/maximal-custom-helm-repo-options-are-shown.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 { observable } from "mobx";
+
+const maximalCustomHelmRepoOptionsAreShownInjectable = getInjectable({
+  id: "maximal-custom-helm-repo-options-are-shown",
+  instantiate: () => observable.box(false),
+});
+
+export default maximalCustomHelmRepoOptionsAreShownInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/submit-custom-helm-repository.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/submit-custom-helm-repository.injectable.ts
new file mode 100644
index 0000000000..0f4b68b4f5
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-custom-helm-repository/submit-custom-helm-repository.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 { HelmRepo } from "../../../../../../common/helm/helm-repo";
+import addHelmRepositoryInjectable from "../adding-of-public-helm-repository/select-helm-repository/add-helm-repository.injectable";
+import hideDialogForAddingCustomHelmRepositoryInjectable from "./dialog-visibility/hide-dialog-for-adding-custom-helm-repository.injectable";
+
+const submitCustomHelmRepositoryInjectable = getInjectable({
+  id: "submit-custom-helm-repository",
+
+  instantiate: (di) => {
+    const addHelmRepository = di.inject(addHelmRepositoryInjectable);
+    const hideDialog = di.inject(hideDialogForAddingCustomHelmRepositoryInjectable);
+
+    return async (repository: HelmRepo) => {
+      await addHelmRepository(repository);
+
+      hideDialog();
+    };
+  },
+});
+
+export default submitCustomHelmRepositoryInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/adding-of-public-helm-repository.tsx b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/adding-of-public-helm-repository.tsx
new file mode 100644
index 0000000000..6b6cfeedd4
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/adding-of-public-helm-repository.tsx
@@ -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 { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import publicHelmRepositoriesInjectable from "./public-helm-repositories/public-helm-repositories.injectable";
+import type { HelmRepo } from "../../../../../../common/helm/helm-repo";
+import type { SelectOption } from "../../../../../../renderer/components/select";
+import { Select } from "../../../../../../renderer/components/select";
+import { Icon } from "../../../../../../renderer/components/icon";
+import { observer } from "mobx-react";
+import type { SingleValue } from "react-select";
+import selectHelmRepositoryInjectable from "./select-helm-repository/select-helm-repository.injectable";
+import { matches } from "lodash/fp";
+import activeHelmRepositoriesInjectable from "../active-helm-repositories.injectable";
+
+interface Dependencies {
+  publicRepositories: IAsyncComputed<HelmRepo[]>;
+  activeRepositories: IAsyncComputed<HelmRepo[]>;
+  selectRepository: (value: SingleValue<SelectOption<HelmRepo>>) => void;
+}
+
+const NonInjectedAddingOfPublicHelmRepository = observer(({
+  publicRepositories,
+  activeRepositories,
+  selectRepository,
+}: Dependencies) => {
+  const dereferencesPublicRepositories = publicRepositories.value.get();
+  const dereferencesActiveRepositories = activeRepositories.value.get();
+
+  const valuesAreLoading = publicRepositories.pending.get() || activeRepositories.pending.get();
+
+  const repositoryOptions = dereferencesPublicRepositories.map(repository => ({
+    value: repository,
+    label: repository.name,
+    isSelected: !!dereferencesActiveRepositories.find(matches({ name: repository.name })),
+  }));
+
+  return (
+    <Select
+      id="selection-of-active-public-helm-repository"
+      placeholder="Repositories"
+      isLoading={valuesAreLoading}
+      isDisabled={valuesAreLoading}
+      options={repositoryOptions}
+      onChange={selectRepository}
+      value={dereferencesPublicRepositories}
+      formatOptionLabel={formatOptionLabel}
+      controlShouldRenderValue={false}
+      className="box grow"
+      themeName="lens"
+    />
+  );
+});
+
+export const AddingOfPublicHelmRepository = withInjectables<Dependencies>(
+  NonInjectedAddingOfPublicHelmRepository,
+
+  {
+    getProps: (di) => ({
+      publicRepositories: di.inject(publicHelmRepositoriesInjectable),
+      activeRepositories: di.inject(activeHelmRepositoriesInjectable),
+      selectRepository: di.inject(selectHelmRepositoryInjectable),
+    }),
+  },
+);
+
+const formatOptionLabel = ({ value, isSelected }: SelectOption<HelmRepo>) => (
+  <div className="flex gaps">
+    <span>{value.name}</span>
+    {isSelected && (
+      <Icon
+        small
+        material="check"
+        className="box right" />
+    )}
+  </div>
+);
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/public-helm-repositories.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/public-helm-repositories.injectable.ts
new file mode 100644
index 0000000000..16a0fe98cd
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/public-helm-repositories.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 { asyncComputed } from "@ogre-tools/injectable-react";
+import requestPublicHelmRepositoriesInjectable from "./request-public-helm-repositories.injectable";
+
+const publicHelmRepositoriesInjectable = getInjectable({
+  id: "public-helm-repositories",
+
+  instantiate: (di) => asyncComputed({
+    getValueFromObservedPromise: di.inject(requestPublicHelmRepositoriesInjectable),
+    valueWhenPending: [],
+  }),
+});
+
+export default publicHelmRepositoriesInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.global-override-for-injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.global-override-for-injectable.ts
new file mode 100644
index 0000000000..0a1304ac2d
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.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 { getGlobalOverrideForFunction } from "../../../../../../../common/test-utils/get-global-override-for-function";
+import requestPublicHelmRepositoriesInjectable from "./request-public-helm-repositories.injectable";
+
+export default getGlobalOverrideForFunction(requestPublicHelmRepositoriesInjectable);
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.injectable.ts
new file mode 100644
index 0000000000..325f3e305d
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.injectable.ts
@@ -0,0 +1,40 @@
+/**
+ * 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 { sortBy } from "lodash/fp";
+import proxyDownloadJsonInjectable from "../../../../../../../common/fetch/download-json/proxy.injectable";
+import { withTimeout } from "../../../../../../../common/fetch/timeout-controller";
+import type { HelmRepo } from "../../../../../../../common/helm/helm-repo";
+import loggerInjectable from "../../../../../../../common/logger.injectable";
+
+const publicHelmReposUrl = "https://github.com/lensapp/artifact-hub-repositories/releases/download/latest/repositories.json";
+
+const requestPublicHelmRepositoriesInjectable = getInjectable({
+  id: "request-public-helm-repositories",
+
+  instantiate: (di) => {
+    const downloadJson = di.inject(proxyDownloadJsonInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (): Promise<HelmRepo[]> => {
+      const controller = withTimeout(10_000);
+      const result = await downloadJson(publicHelmReposUrl, {
+        signal: controller.signal,
+      });
+
+      if (!result.callWasSuccessful) {
+        logger.warn(`Failed to download public helm repos: ${result.error}`);
+
+        return [];
+      }
+
+      return sortBy(repo => repo.name, result.response as HelmRepo[]);
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default requestPublicHelmRepositoriesInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/select-helm-repository/add-helm-repository.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/select-helm-repository/add-helm-repository.injectable.ts
new file mode 100644
index 0000000000..6b39d8dddf
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/select-helm-repository/add-helm-repository.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 { HelmRepo } from "../../../../../../../common/helm/helm-repo";
+import { requestFromChannelInjectionToken } from "../../../../../../../common/utils/channel/request-from-channel-injection-token";
+import activeHelmRepositoriesInjectable from "../../active-helm-repositories.injectable";
+import showErrorNotificationInjectable from "../../../../../../../renderer/components/notifications/show-error-notification.injectable";
+import showSuccessNotificationInjectable from "../../../../../../../renderer/components/notifications/show-success-notification.injectable";
+import { addHelmRepositoryChannel } from "../../../../../../../common/helm/add-helm-repository-channel";
+
+const addHelmRepositoryInjectable = getInjectable({
+  id: "add-public-helm-repository",
+
+  instantiate: (di) => {
+    const requestFromChannel = di.inject(requestFromChannelInjectionToken);
+    const activeHelmRepositories = di.inject(activeHelmRepositoriesInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const showSuccessNotification = di.inject(showSuccessNotificationInjectable);
+
+    return async (repository: HelmRepo) => {
+      const result = await requestFromChannel(
+        addHelmRepositoryChannel,
+        repository,
+      );
+
+      if (result.callWasSuccessful) {
+        showSuccessNotification(
+          `Helm repository ${repository.name} has been added.`,
+        );
+
+        activeHelmRepositories.invalidate();
+      } else {
+        showErrorNotification(result.error);
+      }
+    };
+  },
+});
+
+export default addHelmRepositoryInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/select-helm-repository/select-helm-repository.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/select-helm-repository/select-helm-repository.injectable.ts
new file mode 100644
index 0000000000..a33f9c39ca
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/select-helm-repository/select-helm-repository.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 addHelmRepositoryInjectable from "./add-helm-repository.injectable";
+import type { SelectOption } from "../../../../../../../renderer/components/select";
+import type { HelmRepo } from "../../../../../../../common/helm/helm-repo";
+import type { SingleValue } from "react-select";
+import removeHelmRepositoryInjectable from "../../remove-helm-repository.injectable";
+
+const selectHelmRepositoryInjectable = getInjectable({
+  id: "select-helm-repository",
+
+  instantiate: (di) => {
+    const addHelmRepository = di.inject(addHelmRepositoryInjectable);
+    const removeHelmRepository = di.inject(removeHelmRepositoryInjectable);
+
+    return (selected: SingleValue<SelectOption<HelmRepo>>) => {
+      if (!selected) {
+        return;
+      }
+
+      if (!selected.isSelected) {
+        addHelmRepository(selected.value);
+      } else {
+        removeHelmRepository(selected.value);
+      }
+    };
+  },
+});
+
+export default selectHelmRepositoryInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-charts-preference-block.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-charts-preference-block.injectable.ts
new file mode 100644
index 0000000000..e9beba4eb9
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-charts-preference-block.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 { HelmCharts } from "./helm-charts";
+import { preferenceItemInjectionToken } from "../../../../preferences/renderer/preference-items/preference-item-injection-token";
+
+const helmChartsPreferenceBlockInjectable = getInjectable({
+  id: "helm-charts-preference-block",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "helm-charts",
+    parentId: "kubernetes-page",
+    orderNumber: 30,
+    Component: HelmCharts,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default helmChartsPreferenceBlockInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-charts.module.scss b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-charts.module.scss
new file mode 100644
index 0000000000..0329e7f8f7
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-charts.module.scss
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.repos {
+  display: flex;
+  flex-direction: column;
+  margin-top: calc(var(--margin) * 2);
+}
+
+.repos .repo + .repo {
+  margin-top: calc(var(--margin) * 1.5);
+}
+
+.contents {
+  display: flex;
+  gap: var(--padding);
+}
+
+.repoName {
+  font-weight: 500;
+}
+
+.repoUrl {
+  color: var(--textColorDimmed);
+}
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-charts.tsx b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-charts.tsx
new file mode 100644
index 0000000000..3fd3c6718b
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-charts.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 React from "react";
+
+import { HelmRepositories } from "./helm-repositories";
+import { AddingOfPublicHelmRepository } from "./adding-of-public-helm-repository/adding-of-public-helm-repository";
+import { AddingOfCustomHelmRepositoryOpenButton } from "./adding-of-custom-helm-repository/adding-of-custom-helm-repository-open-button";
+import { AddingOfCustomHelmRepositoryDialog } from "./adding-of-custom-helm-repository/adding-of-custom-helm-repository-dialog";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { HelmRepositoriesErrorState } from "./helm-repositories-error-state.injectable";
+import helmRepositoriesErrorStateInjectable from "./helm-repositories-error-state.injectable";
+import type { IObservableValue } from "mobx";
+import { observer } from "mobx-react";
+import { Notice } from "../../../../../renderer/components/+extensions/notice";
+
+interface Dependencies {
+  helmRepositoriesErrorState: IObservableValue<HelmRepositoriesErrorState>;
+}
+
+const NonInjectedHelmCharts = observer(
+  ({ helmRepositoriesErrorState }: Dependencies) => {
+    const state = helmRepositoriesErrorState.get();
+
+    return (
+      <section id="helm">
+        <h2>Helm Charts</h2>
+
+        <div>
+          {!state.controlsAreShown && (
+            <Notice>
+              <div className="flex-grow text-center">{state.errorMessage}</div>
+            </Notice>
+          )}
+
+          {state.controlsAreShown && (
+            <div data-testid="helm-controls">
+              <div className="flex gaps">
+                <AddingOfPublicHelmRepository />
+
+                <AddingOfCustomHelmRepositoryOpenButton />
+              </div>
+
+              <HelmRepositories />
+
+              <AddingOfCustomHelmRepositoryDialog />
+            </div>
+          )}
+        </div>
+      </section>
+    );
+  },
+);
+
+export const HelmCharts = withInjectables<Dependencies>(
+  NonInjectedHelmCharts,
+
+  {
+    getProps: (di) => ({
+      helmRepositoriesErrorState: di.inject(helmRepositoriesErrorStateInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-repositories-error-state.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-repositories-error-state.injectable.ts
new file mode 100644
index 0000000000..cd390d01b0
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-repositories-error-state.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 { observable } from "mobx";
+
+export type HelmRepositoriesErrorState =
+  | { controlsAreShown: true }
+  | { controlsAreShown: false; errorMessage: string };
+
+const helmRepositoriesErrorStateInjectable = getInjectable({
+  id: "helm-repositories-error-state",
+
+  instantiate: () =>
+    observable.box<HelmRepositoriesErrorState>({ controlsAreShown: true }),
+});
+
+export default helmRepositoriesErrorStateInjectable;
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-repositories.tsx b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-repositories.tsx
new file mode 100644
index 0000000000..fd3cd333d8
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/helm-repositories.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 styles from "./helm-charts.module.scss";
+
+import React from "react";
+
+import { observer } from "mobx-react";
+import activeHelmRepositoriesInjectable from "./active-helm-repositories.injectable";
+import type { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { Spinner } from "../../../../../renderer/components/spinner";
+import type { HelmRepo } from "../../../../../common/helm/helm-repo";
+import { RemovableItem } from "../../../../preferences/renderer/removable-item/removable-item";
+import removeHelmRepositoryInjectable from "./remove-helm-repository.injectable";
+
+interface Dependencies {
+  activeHelmRepositories: IAsyncComputed<HelmRepo[]>;
+  removeRepository: (repository: HelmRepo) => Promise<void>;
+}
+
+const NonInjectedActiveHelmRepositories = observer(({ activeHelmRepositories, removeRepository }: Dependencies) => {
+  if (activeHelmRepositories.pending.get()) {
+    return (
+      <div className={styles.repos}>
+        <div className="pt-5 relative">
+          <Spinner center data-testid="helm-repositories-are-loading" />
+        </div>
+      </div>
+    );
+  }
+
+  const repositories = activeHelmRepositories.value.get();
+
+  return (
+    <div className={styles.repos}>
+      {repositories.map((repository) => (
+        <RemovableItem
+          key={repository.name}
+          onRemove={() => removeRepository(repository)}
+          className={styles.repo}
+          data-testid={`remove-helm-repository-${repository.name}`}
+        >
+          <div>
+            <div data-testid={`helm-repository-${repository.name}`} className={styles.repoName}>
+              {repository.name}
+            </div>
+
+            <div className={styles.repoUrl}>{repository.url}</div>
+          </div>
+        </RemovableItem>
+      ))}
+    </div>
+  );
+
+});
+
+export const HelmRepositories = withInjectables<Dependencies>(
+  NonInjectedActiveHelmRepositories,
+
+  {
+    getProps: (di) => ({
+      activeHelmRepositories: di.inject(activeHelmRepositoriesInjectable),
+      removeRepository: di.inject(removeHelmRepositoryInjectable),
+    }),
+  },
+);
+
diff --git a/packages/core/src/features/helm-charts/child-features/preferences/renderer/remove-helm-repository.injectable.ts b/packages/core/src/features/helm-charts/child-features/preferences/renderer/remove-helm-repository.injectable.ts
new file mode 100644
index 0000000000..3aa56a4b04
--- /dev/null
+++ b/packages/core/src/features/helm-charts/child-features/preferences/renderer/remove-helm-repository.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 type { HelmRepo } from "../../../../../common/helm/helm-repo";
+import { requestFromChannelInjectionToken } from "../../../../../common/utils/channel/request-from-channel-injection-token";
+import activeHelmRepositoriesInjectable from "./active-helm-repositories.injectable";
+import { removeHelmRepositoryChannel } from "../../../../../common/helm/remove-helm-repository-channel";
+
+const removePublicHelmRepositoryInjectable = getInjectable({
+  id: "remove-public-helm-repository",
+
+  instantiate: (di) => {
+    const requestFromChannel = di.inject(requestFromChannelInjectionToken);
+    const activeHelmRepositories = di.inject(activeHelmRepositoriesInjectable);
+
+    return async (repository: HelmRepo) => {
+      await requestFromChannel(removeHelmRepositoryChannel, repository);
+
+      activeHelmRepositories.invalidate();
+    };
+  },
+});
+
+export default removePublicHelmRepositoryInjectable;
diff --git a/packages/core/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap b/packages/core/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
new file mode 100644
index 0000000000..1e47ed84e1
--- /dev/null
+++ b/packages/core/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
@@ -0,0 +1,19952 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          some-version
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-1no2yl0-MenuPortal"
+  >
+    <div
+      class="theme-outlined install-chart-version-select-for-some-first-tab-id-options Select__menu css-1nmdiq5-menu"
+      id="react-select-install-chart-version-select-for-some-first-tab-id-listbox"
+    >
+      <div
+        class="Select__menu-list css-1n6sfyn-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused Select__option--is-selected css-tr4s17-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-10wo9uf-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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-other-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-other-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-1no2yl0-MenuPortal"
+  >
+    <div
+      class="NamespaceSelectMenu theme-outlined install-chart-namespace-select-for-some-first-tab-id-options Select__menu css-1nmdiq5-menu"
+      id="react-select-install-chart-namespace-select-for-some-first-tab-id-listbox"
+    >
+      <div
+        class="Select__menu-list css-1n6sfyn-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused Select__option--is-selected css-tr4s17-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-10wo9uf-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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-other-namespace
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+        >
+          some-release
+          <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"
+          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          some-version
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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"
+                          data-testid="dock-tab-close-for-some-second-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-second-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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"
+                          data-testid="dock-tab-close-for-some-second-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-second-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-1jqq78o-placeholder"
+                            id="react-select-install-chart-version-select-for-some-second-tab-id-placeholder"
+                          >
+                            Select...
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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"
+                          data-testid="dock-tab-close-for-some-second-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-second-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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/packages/core/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap b/packages/core/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
new file mode 100644
index 0000000000..7636ade12e
--- /dev/null
+++ b/packages/core/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
@@ -0,0 +1,1334 @@
+// 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="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"
+          >
+            
+          </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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-some-first-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
+                        >
+                          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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-other-version
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-other-namespace
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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/packages/core/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap b/packages/core/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
new file mode 100644
index 0000000000..de1103cdc7
--- /dev/null
+++ b/packages/core/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
@@ -0,0 +1,7566 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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="Spinner singleColor center"
+                  />
+                </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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          some-version
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                >
+                  <li>
+                    Some Foo&lt;some@foo.com&gt;
+                  </li>
+                </span>
+              </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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          some-version
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                >
+                  <li>
+                    Some Foo&lt;some@foo.com&gt;
+                  </li>
+                </span>
+              </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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          some-other-version
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                >
+                  <li>
+                    Some Foo&lt;some@foo.com&gt;
+                  </li>
+                </span>
+              </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 rejects renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          some-other-version
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                >
+                  <li>
+                    Some Foo&lt;some@foo.com&gt;
+                  </li>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="chart-description"
+            data-testid="helmchart-readme"
+          >
+            <div
+              class="MarkDownViewer"
+            />
+          </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 when readme resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          some-other-version
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                >
+                  <li>
+                    Some Foo&lt;some@foo.com&gt;
+                  </li>
+                </span>
+              </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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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"
+                          data-testid="dock-tab-close-for-some-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-tab-id"
+                        >
+                          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/packages/core/src/features/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts b/packages/core/src/features/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts
new file mode 100644
index 0000000000..f7aef8dd88
--- /dev/null
+++ b/packages/core/src/features/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts
@@ -0,0 +1,991 @@
+/**
+ * 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 { 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 { RequestCreateHelmRelease } from "../../../common/k8s-api/endpoints/helm-releases.api/request-create.injectable";
+import requestCreateHelmReleaseInjectable from "../../../common/k8s-api/endpoints/helm-releases.api/request-create.injectable";
+import currentPathInjectable from "../../../renderer/routes/current-path.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 dockStoreInjectable from "../../../renderer/components/dock/dock/store.injectable";
+import readJsonFileInjectable from "../../../common/fs/read-json-file.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import type { RequestHelmCharts } from "../../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import type { RequestHelmChartVersions } from "../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import type { RequestHelmChartReadme } from "../../../common/k8s-api/endpoints/helm-charts.api/request-readme.injectable";
+import type { RequestHelmChartValues } from "../../../common/k8s-api/endpoints/helm-charts.api/request-values.injectable";
+import requestHelmChartsInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import requestHelmChartVersionsInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import requestHelmChartReadmeInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-readme.injectable";
+import requestHelmChartValuesInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-values.injectable";
+import type { RequestDetailedHelmRelease } from "../../../renderer/components/+helm-releases/release-details/release-details-model/request-detailed-helm-release.injectable";
+import requestDetailedHelmReleaseInjectable from "../../../renderer/components/+helm-releases/release-details/release-details-model/request-detailed-helm-release.injectable";
+
+describe("installing helm chart from new tab", () => {
+  let builder: ApplicationBuilder;
+  let requestDetailedHelmReleaseMock: AsyncFnMock<RequestDetailedHelmRelease>;
+  let requestHelmChartsMock: AsyncFnMock<RequestHelmCharts>;
+  let requestHelmChartVersionsMock: AsyncFnMock<RequestHelmChartVersions>;
+  let requestHelmChartReadmeMock: AsyncFnMock<RequestHelmChartReadme>;
+  let requestHelmChartValuesMock: AsyncFnMock<RequestHelmChartValues>;
+  let requestCreateHelmReleaseMock: AsyncFnMock<RequestCreateHelmRelease>;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    requestDetailedHelmReleaseMock = asyncFn();
+    requestHelmChartsMock = asyncFn();
+    requestHelmChartVersionsMock = asyncFn();
+    requestHelmChartReadmeMock = asyncFn();
+    requestHelmChartValuesMock = asyncFn();
+    requestCreateHelmReleaseMock = asyncFn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(directoryForLensLocalStorageInjectable, () => "/some-directory-for-lens-local-storage");
+      windowDi.override(requestDetailedHelmReleaseInjectable, () => requestDetailedHelmReleaseMock);
+      windowDi.override(requestHelmChartsInjectable, () => requestHelmChartsMock);
+      windowDi.override(requestHelmChartVersionsInjectable, () => requestHelmChartVersionsMock);
+      windowDi.override(requestHelmChartReadmeInjectable, () => requestHelmChartReadmeMock);
+      windowDi.override(requestHelmChartValuesInjectable, () => requestHelmChartValuesMock);
+      windowDi.override(requestCreateHelmReleaseInjectable, () => requestCreateHelmReleaseMock);
+
+      windowDi.override(getRandomInstallChartTabIdInjectable, () =>
+        jest
+          .fn(() => "some-irrelevant-tab-id")
+          .mockReturnValueOnce("some-first-tab-id")
+          .mockReturnValueOnce("some-second-tab-id"),
+      );
+    });
+
+    builder.namespaces.add("default");
+    builder.namespaces.add("some-other-namespace");
+  });
+
+  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 requestHelmChartsMock.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 requestHelmChartVersionsMock.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 requestHelmChartReadmeMock.resolve({
+          callWasSuccessful: true,
+          response: "some-readme",
+        });
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when selecting to install the chart", () => {
+        beforeEach(() => {
+          requestHelmChartVersionsMock.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(requestHelmChartValuesMock).toHaveBeenCalledWith(
+            "some-repository",
+            "some-name",
+            "some-version",
+          );
+        });
+
+        it("calls for available versions", () => {
+          expect(requestHelmChartVersionsMock).toHaveBeenCalledWith(
+            "some-repository",
+            "some-name",
+          );
+        });
+
+        it("shows spinner in dock tab", () => {
+          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 requestHelmChartVersionsMock.resolve([]);
+
+          expect(
+            rendered.getByTestId("install-chart-tab-spinner"),
+          ).toBeInTheDocument();
+        });
+
+        describe("when default configuration and versions resolve", () => {
+          beforeEach(async () => {
+            await requestHelmChartValuesMock.resolve({
+              callWasSuccessful: true,
+              response: "some-default-configuration",
+            });
+
+            await requestHelmChartVersionsMock.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(requestCreateHelmReleaseMock).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 requestCreateHelmReleaseMock.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 () => {
+              requestHelmChartReadmeMock.mockClear();
+              requestHelmChartVersionsMock.mockClear();
+
+              const row = rendered.getByTestId(
+                "helm-chart-row-for-some-repository-some-other-name",
+              );
+
+              fireEvent.click(row);
+
+              await requestHelmChartVersionsMock.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 requestHelmChartReadmeMock.resolve({
+                callWasSuccessful: true,
+                response: "some-readme",
+              });
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            describe("when selecting to install second chart", () => {
+              beforeEach(() => {
+                requestHelmChartVersionsMock.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(requestHelmChartValuesMock).toHaveBeenCalledWith(
+                  "some-repository",
+                  "some-other-name",
+                  "some-version",
+                );
+              });
+
+              it("calls for available versions for the second chart", () => {
+                expect(requestHelmChartVersionsMock).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 requestHelmChartValuesMock.resolve({
+                    callWasSuccessful: true,
+                    response: "some-other-default-configuration",
+                  });
+
+                  await requestHelmChartVersionsMock.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(
+                    requestCreateHelmReleaseMock,
+                  ).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(() => {
+                    requestHelmChartValuesMock.mockClear();
+                    requestHelmChartVersionsMock.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(
+                      requestHelmChartValuesMock,
+                    ).not.toHaveBeenCalled();
+                  });
+
+                  it("does not call for available versions", () => {
+                    expect(
+                      requestHelmChartVersionsMock,
+                    ).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(
+                      requestCreateHelmReleaseMock,
+                    ).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(() => {
+              requestHelmChartVersionsMock.mockClear();
+              requestHelmChartValuesMock.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(requestHelmChartValuesMock).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(
+                  requestHelmChartVersionsMock,
+                ).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 requestHelmChartValuesMock.resolve({
+                    callWasSuccessful: true,
+                    response: "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(
+                    requestCreateHelmReleaseMock,
+                  ).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(requestCreateHelmReleaseMock).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 requestHelmChartValuesMock.resolve({
+                callWasSuccessful: true,
+                response: "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(requestCreateHelmReleaseMock).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 requestHelmChartValuesMock.resolve({
+                callWasSuccessful: true,
+                response: "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(requestCreateHelmReleaseMock).toHaveBeenCalledWith({
+                chart: "some-name",
+                name: "some-custom-name",
+                namespace: "default",
+                repo: "some-repository",
+                values: "some-default-configuration",
+                version: "some-version",
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts b/packages/core/src/features/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts
new file mode 100644
index 0000000000..db11c245aa
--- /dev/null
+++ b/packages/core/src/features/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts
@@ -0,0 +1,209 @@
+/**
+ * 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 writeJsonFileInjectable from "../../../common/fs/write-json-file.injectable";
+import directoryForLensLocalStorageInjectable from "../../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+import { TabKind } from "../../../renderer/components/dock/dock/store";
+import requestCreateHelmReleaseInjectable from "../../../common/k8s-api/endpoints/helm-releases.api/request-create.injectable";
+import type { RequestHelmChartVersions } from "../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import requestHelmChartVersionsInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import type { RequestHelmChartValues } from "../../../common/k8s-api/endpoints/helm-charts.api/request-values.injectable";
+import requestHelmChartValuesInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-values.injectable";
+
+describe("installing helm chart from previously opened tab", () => {
+  let builder: ApplicationBuilder;
+  let requestHelmChartVersionsMock: AsyncFnMock<RequestHelmChartVersions>;
+  let requestHelmChartValuesMock: AsyncFnMock<RequestHelmChartValues>;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    requestHelmChartVersionsMock = asyncFn();
+    requestHelmChartValuesMock = asyncFn();
+
+    builder.namespaces.add("default");
+    builder.namespaces.add("some-other-namespace");
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(directoryForLensLocalStorageInjectable, () => "/some-directory-for-lens-local-storage");
+      windowDi.override(requestHelmChartVersionsInjectable, () => requestHelmChartVersionsMock);
+      windowDi.override(requestHelmChartValuesInjectable, () => requestHelmChartValuesMock);
+      windowDi.override(requestCreateHelmReleaseInjectable, () => jest.fn());
+
+      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();
+    });
+
+    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(requestHelmChartValuesMock).toHaveBeenCalledWith(
+        "some-repository",
+        "some-name",
+        "some-other-version",
+      );
+    });
+
+    it("calls for available versions", () => {
+      expect(requestHelmChartVersionsMock).toHaveBeenCalledWith(
+        "some-repository",
+        "some-name",
+      );
+    });
+
+    describe("when configuration and version resolves", () => {
+      beforeEach(async () => {
+        await requestHelmChartValuesMock.resolve({
+          callWasSuccessful: true,
+          response: "some-default-configuration",
+        });
+
+        await requestHelmChartVersionsMock.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/packages/core/src/features/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts b/packages/core/src/features/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts
new file mode 100644
index 0000000000..3fd6a7deb7
--- /dev/null
+++ b/packages/core/src/features/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts
@@ -0,0 +1,357 @@
+/**
+ * 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 { 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 requestCreateHelmReleaseInjectable from "../../../common/k8s-api/endpoints/helm-releases.api/request-create.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";
+import type { RequestHelmCharts } from "../../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import type { RequestHelmChartVersions } from "../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import type { RequestHelmChartReadme } from "../../../common/k8s-api/endpoints/helm-charts.api/request-readme.injectable";
+import requestHelmChartsInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import requestHelmChartVersionsInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import requestHelmChartReadmeInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-readme.injectable";
+import requestHelmChartValuesInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-values.injectable";
+
+describe("opening dock tab for installing helm chart", () => {
+  let builder: ApplicationBuilder;
+  let requestHelmChartsMock: AsyncFnMock<RequestHelmCharts>;
+  let requestHelmChartVersionsMock: AsyncFnMock<RequestHelmChartVersions>;
+  let requestHelmChartReadmeMock: AsyncFnMock<RequestHelmChartReadme>;
+  let requestHelmChartValuesMock: jest.Mock;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    requestHelmChartsMock = asyncFn();
+    requestHelmChartVersionsMock = asyncFn();
+    requestHelmChartReadmeMock = asyncFn();
+    requestHelmChartValuesMock = jest.fn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(directoryForLensLocalStorageInjectable, () => "/some-directory-for-lens-local-storage");
+      windowDi.override(hostedClusterIdInjectable, () => "some-cluster-id");
+      windowDi.override(requestHelmChartsInjectable, () => requestHelmChartsMock);
+      windowDi.override(requestHelmChartVersionsInjectable, () => requestHelmChartVersionsMock);
+      windowDi.override(requestHelmChartReadmeInjectable, () => requestHelmChartReadmeMock);
+      windowDi.override(requestHelmChartValuesInjectable, () => requestHelmChartValuesMock);
+      windowDi.override(requestCreateHelmReleaseInjectable, () => 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(requestHelmChartsMock).toHaveBeenCalled();
+    });
+
+    describe("when charts resolve", () => {
+      beforeEach(async () => {
+        await requestHelmChartsMock.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: [{
+              email: "some@foo.com",
+              name: "Some Foo",
+            }],
+            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: [{
+              email: "other@bar.com",
+              name: "Other Bar",
+            }],
+            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(requestHelmChartVersionsMock).toHaveBeenCalledWith(
+            "some-repository",
+            "some-name",
+          );
+        });
+
+        it("shows spinner", () => {
+          expect(
+            rendered.getByTestId("spinner-for-chart-details"),
+          ).toBeInTheDocument();
+        });
+
+        describe("when chart versions resolve", () => {
+          beforeEach(async () => {
+            await requestHelmChartVersionsMock.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: [{
+                  email: "some@foo.com",
+                  name: "Some Foo",
+                }],
+                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: [{
+                  email: "other@bar.com",
+                  name: "Other Bar",
+                }],
+                deprecated: false,
+              }),
+            ]);
+          });
+
+          it("calls for chart readme for the version", () => {
+            expect(requestHelmChartReadmeMock).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 requestHelmChartReadmeMock.resolve({
+                callWasSuccessful: true,
+                response: "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(() => {
+                requestHelmChartReadmeMock.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(requestHelmChartReadmeMock).toHaveBeenCalledWith(
+                  "some-repository",
+                  "some-name",
+                  "some-other-version",
+                );
+              });
+
+              describe("when readme resolves", () => {
+                beforeEach(async () => {
+                  await requestHelmChartReadmeMock.resolve({
+                    callWasSuccessful: true,
+                    response: "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(requestHelmChartValuesMock).toHaveBeenCalledWith(
+                    "some-repository",
+                    "some-name",
+                    "some-other-version",
+                  );
+                });
+              });
+
+              describe("when readme rejects", () => {
+                beforeEach(async () => {
+                  await requestHelmChartReadmeMock.resolve({
+                    callWasSuccessful: false,
+                    error: "some-error",
+                  });
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+              });
+            });
+
+            describe("when selecting to install the chart", () => {
+              beforeEach(() => {
+                requestHelmChartVersionsMock.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/packages/core/src/features/helm-charts/listing-active-helm-repositories-in-preferences.test.ts b/packages/core/src/features/helm-charts/listing-active-helm-repositories-in-preferences.test.ts
new file mode 100644
index 0000000000..49a8d0c28e
--- /dev/null
+++ b/packages/core/src/features/helm-charts/listing-active-helm-repositories-in-preferences.test.ts
@@ -0,0 +1,512 @@
+/**
+ * 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 type { ReadYamlFile } from "../../common/fs/read-yaml-file.injectable";
+import readYamlFileInjectable from "../../common/fs/read-yaml-file.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { HelmRepositoriesFromYaml } from "../../main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories.injectable";
+import execFileInjectable, { type ExecFile } from "../../common/fs/exec-file.injectable";
+import helmBinaryPathInjectable from "../../main/helm/helm-binary-path.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import type { Logger } from "../../common/logger";
+import requestPublicHelmRepositoriesInjectable from "./child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.injectable";
+import showErrorNotificationInjectable from "../../renderer/components/notifications/show-error-notification.injectable";
+import { noop } from "../../common/utils";
+
+describe("listing active helm repositories in preferences", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let readYamlFileMock: AsyncFnMock<ReadYamlFile>;
+  let execFileMock: AsyncFnMock<ExecFile>;
+  let loggerStub: Logger;
+  let showErrorNotificationMock: jest.Mock;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    readYamlFileMock = asyncFn();
+    execFileMock = asyncFn();
+    showErrorNotificationMock = jest.fn();
+
+    loggerStub = {
+      error: jest.fn(),
+      debug: noop,
+      info: noop,
+      silly: noop,
+      warn: noop,
+    };
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(readYamlFileInjectable, () => readYamlFileMock);
+      mainDi.override(execFileInjectable, () => execFileMock);
+      mainDi.override(helmBinaryPathInjectable, () => "some-helm-binary-path");
+      mainDi.override(loggerInjectable, () => loggerStub);
+    });
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
+      windowDi.override(requestPublicHelmRepositoriesInjectable, () => async () => []);
+    });
+
+    rendered = await builder.render();
+  });
+
+  describe("when navigating to preferences containing helm repositories", () => {
+    beforeEach(async () => {
+      builder.preferences.navigate();
+      builder.preferences.navigation.click("kubernetes");
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows loader for repositories", () => {
+      expect(
+        rendered.getByTestId("helm-repositories-are-loading"),
+      ).toBeInTheDocument();
+    });
+
+    it("calls for helm configuration", () => {
+      expect(execFileMock).toHaveBeenCalledWith(
+        "some-helm-binary-path",
+        ["env"],
+        {
+          maxBuffer: 34359738368,
+          env: {},
+        },
+      );
+    });
+
+    it("does not call for updating of repositories yet", () => {
+      expect(execFileMock).not.toHaveBeenCalledWith(
+        "some-helm-binary-path",
+        ["repo", "update"],
+        {
+          maxBuffer: 34359738368,
+          env: {},
+        },
+      );
+    });
+
+    describe("when getting configuration rejects", () => {
+      beforeEach(async () => {
+        await execFileMock.resolve({
+          callWasSuccessful: false,
+          error: Object.assign(new Error("Some error"), {
+            stderr: "some-error",
+          }),
+        });
+      });
+
+      it("shows error notification", () => {
+        expect(showErrorNotificationMock).toHaveBeenCalledWith(
+          "Error getting Helm configuration: some-error",
+        );
+      });
+
+      it("removes all helm controls", () => {
+        expect(
+          rendered.queryByTestId("helm-controls"),
+        ).not.toBeInTheDocument();
+      });
+
+      it("does not show loader for repositories anymore", () => {
+        expect(
+          rendered.queryByTestId("helm-repositories-are-loading"),
+        ).not.toBeInTheDocument();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+    });
+
+    describe("when configuration resolves without path to repository config file", () => {
+      beforeEach(async () => {
+        execFileMock.mockClear();
+
+        await execFileMock.resolveSpecific(
+          ["some-helm-binary-path", ["env"]],
+          {
+            callWasSuccessful: true,
+            response: "HELM_REPOSITORY_CACHE=some-helm-repository-cache-path",
+          },
+        );
+      });
+
+      it("logs error", () => {
+        expect(loggerStub.error).toHaveBeenCalledWith(
+          "Tried to get Helm repositories, but HELM_REPOSITORY_CONFIG was not present in `$ helm env`.",
+        );
+      });
+
+      it("shows error notification", () => {
+        expect(showErrorNotificationMock).toHaveBeenCalledWith(
+          "Error getting Helm configuration: Tried to get Helm repositories, but HELM_REPOSITORY_CONFIG was not present in `$ helm env`.",
+        );
+      });
+
+      it("removes all helm controls", () => {
+        expect(
+          rendered.queryByTestId("helm-controls"),
+        ).not.toBeInTheDocument();
+      });
+
+      it("does not show loader for repositories anymore", () => {
+        expect(
+          rendered.queryByTestId("helm-repositories-are-loading"),
+        ).not.toBeInTheDocument();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+    });
+
+    describe("when configuration resolves without path to repository cache directory", () => {
+      beforeEach(async () => {
+        execFileMock.mockClear();
+
+        await execFileMock.resolveSpecific(
+          ["some-helm-binary-path", ["env"]],
+          {
+            callWasSuccessful: true,
+            response: "HELM_REPOSITORY_CONFIG=some-helm-repository-config-file.yaml",
+          },
+        );
+      });
+
+      it("logs error", () => {
+        expect(loggerStub.error).toHaveBeenCalledWith(
+          "Tried to get Helm repositories, but HELM_REPOSITORY_CACHE was not present in `$ helm env`.",
+        );
+      });
+
+      it("shows error notification", () => {
+        expect(showErrorNotificationMock).toHaveBeenCalledWith(
+          "Error getting Helm configuration: Tried to get Helm repositories, but HELM_REPOSITORY_CACHE was not present in `$ helm env`.",
+        );
+      });
+
+      it("removes all helm controls", () => {
+        expect(
+          rendered.queryByTestId("helm-controls"),
+        ).not.toBeInTheDocument();
+      });
+
+      it("does not show loader for repositories anymore", () => {
+        expect(
+          rendered.queryByTestId("helm-repositories-are-loading"),
+        ).not.toBeInTheDocument();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+    });
+
+    describe("when configuration resolves", () => {
+      beforeEach(async () => {
+        execFileMock.mockClear();
+
+        await execFileMock.resolveSpecific(
+          ["some-helm-binary-path", ["env"]],
+          {
+            callWasSuccessful: true,
+            response: [
+              "HELM_REPOSITORY_CONFIG=some-helm-repository-config-file.yaml",
+              "HELM_REPOSITORY_CACHE=some-helm-repository-cache-path",
+            ].join("\n"),
+          },
+        );
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("calls for update of repositories", () => {
+        expect(execFileMock).toHaveBeenCalledWith(
+          "some-helm-binary-path",
+          ["repo", "update"],
+          {
+            maxBuffer: 34359738368,
+            env: {},
+          },
+        );
+      });
+
+      it("does not call for repositories yet", () => {
+        expect(readYamlFileMock).not.toHaveBeenCalled();
+      });
+
+      describe("when updating repositories reject with any other error", () => {
+        beforeEach(async () => {
+          await execFileMock.resolve({
+            callWasSuccessful: false,
+            error: Object.assign(new Error("Some error"), {
+              stderr: "Some error",
+            }),
+          });
+        });
+
+        it("shows error notification", () => {
+          expect(showErrorNotificationMock).toHaveBeenCalledWith(
+            "Error updating Helm repositories: Some error",
+          );
+        });
+
+        it("removes all helm controls", () => {
+          expect(
+            rendered.queryByTestId("helm-controls"),
+          ).not.toBeInTheDocument();
+        });
+
+        it("does not show loader for repositories anymore", () => {
+          expect(
+            rendered.queryByTestId("helm-repositories-are-loading"),
+          ).not.toBeInTheDocument();
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+      });
+
+      describe("when updating repositories reject with error about no existing repositories", () => {
+        beforeEach(async () => {
+          execFileMock.mockClear();
+
+          await execFileMock.resolve({
+            callWasSuccessful: false,
+            error: Object.assign(new Error("no repositories found. You must add one before updating"), {
+              stderr: "no repositories found. You must add one before updating",
+            }),
+          });
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        it("still shows the loader for repositories", () => {
+          expect(
+            rendered.queryByTestId("helm-repositories-are-loading"),
+          ).toBeInTheDocument();
+        });
+
+        it('adds "bitnami" as default repository', () => {
+          expect(execFileMock).toHaveBeenCalledWith(
+            "some-helm-binary-path",
+            ["repo", "add", "bitnami", "https://charts.bitnami.com/bitnami"],
+            {
+              maxBuffer: 34359738368,
+              env: {},
+            },
+          );
+        });
+
+        describe("when adding default repository reject", () => {
+          beforeEach(async () => {
+            await execFileMock.resolve({
+              callWasSuccessful: false,
+              error: Object.assign(new Error("Some error"), {
+                stderr: "Some error",
+              }),
+            });
+          });
+
+          it("shows error notification", () => {
+            expect(showErrorNotificationMock).toHaveBeenCalledWith(
+              "Error when adding default Helm repository: Some error",
+            );
+          });
+
+          it("removes all helm controls", () => {
+            expect(
+              rendered.queryByTestId("helm-controls"),
+            ).not.toBeInTheDocument();
+          });
+
+          it("does not show loader for repositories anymore", () => {
+            expect(
+              rendered.queryByTestId("helm-repositories-are-loading"),
+            ).not.toBeInTheDocument();
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+        });
+
+        describe("when adding of default repository resolves", () => {
+          beforeEach(async () => {
+            readYamlFileMock.mockClear();
+
+            await execFileMock.resolveSpecific(
+              [
+                "some-helm-binary-path",
+                [
+                  "repo",
+                  "add",
+                  "bitnami",
+                  "https://charts.bitnami.com/bitnami",
+                ],
+              ],
+              {
+                callWasSuccessful: true,
+                response: "",
+              },
+            );
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("still shows the loader for repositories", () => {
+            expect(
+              rendered.queryByTestId("helm-repositories-are-loading"),
+            ).toBeInTheDocument();
+          });
+
+          it("calls for repositories again", () => {
+            expect(readYamlFileMock).toHaveBeenCalledWith(
+              "some-helm-repository-config-file.yaml",
+            );
+          });
+
+          describe("when another call for repositories resolve", () => {
+            beforeEach(async () => {
+              await readYamlFileMock.resolveSpecific(
+                ["some-helm-repository-config-file.yaml"],
+
+                {
+                  repositories: [
+                    {
+                      name: "bitnami",
+                      url: "https://charts.bitnami.com/bitnami",
+                      caFile: "irrelevant",
+                      certFile: "irrelevant",
+                      insecure_skip_tls_verify: false,
+                      keyFile: "irrelevant",
+                      pass_credentials_all: false,
+                      password: "irrelevant",
+                      username: "irrelevant",
+                    },
+                  ],
+                },
+              );
+            });
+
+            it("does not show loader for repositories anymore", () => {
+              expect(
+                rendered.queryByTestId("helm-repositories-are-loading"),
+              ).not.toBeInTheDocument();
+            });
+
+            it("shows the added repository", () => {
+              const actual = rendered.getByTestId("helm-repository-bitnami");
+
+              expect(actual).toBeInTheDocument();
+            });
+          });
+        });
+      });
+
+      describe("when updating repositories resolve", () => {
+        beforeEach(async () => {
+          execFileMock.mockClear();
+
+          await execFileMock.resolveSpecific(
+            ["some-helm-binary-path", ["repo", "update"]],
+            {
+              callWasSuccessful: true,
+              response: "",
+            },
+          );
+        });
+
+        it("loads repositories from file system", () => {
+          expect(readYamlFileMock).toHaveBeenCalledWith(
+            "some-helm-repository-config-file.yaml",
+          );
+        });
+
+        describe("when repositories resolves", () => {
+          beforeEach(async () => {
+            execFileMock.mockClear();
+
+            await readYamlFileMock.resolveSpecific(
+              ["some-helm-repository-config-file.yaml"],
+              repositoryConfigStub,
+            );
+          });
+
+          it("does not add default repository", () => {
+            expect(execFileMock).not.toHaveBeenCalledWith(
+              "some-helm-binary-path",
+              ["repo", "add", "bitnami", "https://charts.bitnami.com/bitnami"],
+              {
+                maxBuffer: 34359738368,
+                env: {},
+              },
+            );
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("does not show loader for repositories anymore", () => {
+            expect(
+              rendered.queryByTestId("helm-repositories-are-loading"),
+            ).not.toBeInTheDocument();
+          });
+
+          it("shows repositories in use", () => {
+            const actual = rendered.getAllByTestId(
+              /^helm-repository-(some-repository|some-other-repository)$/,
+            );
+
+            expect(actual).toHaveLength(2);
+          });
+        });
+      });
+    });
+  });
+});
+
+const repositoryConfigStub: HelmRepositoriesFromYaml = {
+  repositories: [
+    {
+      name: "some-repository",
+      url: "some-repository-url",
+      caFile: "irrelevant",
+      certFile: "irrelevant",
+      insecure_skip_tls_verify: false,
+      keyFile: "irrelevant",
+      pass_credentials_all: false,
+      password: "irrelevant",
+      username: "irrelevant",
+    },
+
+    {
+      name: "some-other-repository",
+      url: "some-other-repository-url",
+      caFile: "irrelevant",
+      certFile: "irrelevant",
+      insecure_skip_tls_verify: false,
+      keyFile: "irrelevant",
+      pass_credentials_all: false,
+      password: "irrelevant",
+      username: "irrelevant",
+    },
+  ],
+};
diff --git a/packages/core/src/features/helm-charts/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts b/packages/core/src/features/helm-charts/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts
new file mode 100644
index 0000000000..59743be36d
--- /dev/null
+++ b/packages/core/src/features/helm-charts/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts
@@ -0,0 +1,126 @@
+/**
+ * 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 { 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 { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { ExecFile } from "../../common/fs/exec-file.injectable";
+import execFileInjectable from "../../common/fs/exec-file.injectable";
+import helmBinaryPathInjectable from "../../main/helm/helm-binary-path.injectable";
+import getActiveHelmRepositoriesInjectable from "../../main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories.injectable";
+import type { HelmRepo } from "../../common/helm/helm-repo";
+import requestPublicHelmRepositoriesInjectable from "./child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.injectable";
+import type { AsyncResult } from "../../common/utils/async-result";
+
+describe("remove helm repository from list of active repositories in preferences", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let getActiveHelmRepositoriesMock: AsyncFnMock<() => Promise<AsyncResult<HelmRepo[]>>>;
+  let execFileMock: AsyncFnMock<ExecFile>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    execFileMock = asyncFn();
+    getActiveHelmRepositoriesMock = asyncFn();
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(getActiveHelmRepositoriesInjectable, () => getActiveHelmRepositoriesMock);
+      mainDi.override(execFileInjectable, () => execFileMock);
+      mainDi.override(helmBinaryPathInjectable, () => "some-helm-binary-path");
+    });
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(requestPublicHelmRepositoriesInjectable, () => async () => []);
+    });
+
+    rendered = await builder.render();
+  });
+
+  describe("when navigating to preferences containing helm repositories", () => {
+    beforeEach(async () => {
+      builder.preferences.navigate();
+      builder.preferences.navigation.click("kubernetes");
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    describe("when active repositories resolve", () => {
+      beforeEach(async () => {
+        getActiveHelmRepositoriesMock.resolve({
+          callWasSuccessful: true,
+          response: [{
+            name: "some-active-repository",
+            url: "some-url",
+            cacheFilePath: "/some-cache-file",
+          }],
+        });
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when removing repository", () => {
+        beforeEach(() => {
+          execFileMock.mockClear();
+          getActiveHelmRepositoriesMock.mockClear();
+
+          const removeButton = rendered.getByTestId(
+            "remove-helm-repository-some-active-repository",
+          );
+
+          fireEvent.click(removeButton);
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        it("removes the repository", () => {
+          expect(execFileMock).toHaveBeenCalledWith(
+            "some-helm-binary-path",
+            ["repo", "remove", "some-active-repository"],
+            {
+              maxBuffer: 34359738368,
+              env: {},
+            },
+          );
+        });
+
+        it("does not reload active repositories yet", () => {
+          expect(getActiveHelmRepositoriesMock).not.toHaveBeenCalled();
+        });
+
+        describe("when removing resolves", () => {
+          beforeEach(async () => {
+            await execFileMock.resolveSpecific(
+              [
+                "some-helm-binary-path",
+                ["repo", "remove", "some-active-repository"],
+              ],
+              {
+                callWasSuccessful: true,
+                response: "",
+              },
+            );
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("reloads active repositories", () => {
+            expect(getActiveHelmRepositoriesMock).toHaveBeenCalled();
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/helm-charts/upgrade-chart/__snapshots__/upgrade-chart-new-tab.test.ts.snap b/packages/core/src/features/helm-charts/upgrade-chart/__snapshots__/upgrade-chart-new-tab.test.ts.snap
new file mode 100644
index 0000000000..0aaff6db77
--- /dev/null
+++ b/packages/core/src/features/helm-charts/upgrade-chart/__snapshots__/upgrade-chart-new-tab.test.ts.snap
@@ -0,0 +1,5937 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navigating to the helm releases view renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespace: my-second-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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 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[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navigating to the helm releases view when helm releases resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  1 item
+                </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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespace: my-second-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-my-second-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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  my-second-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-my-second-namespace/some-name"
+                                    id="menu-actions-for-release-menu-for-my-second-namespace/some-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 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[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navigating to the helm releases view when helm releases resolves when clicking the menu for a helm release renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  1 item
+                </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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespace: my-second-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-my-second-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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  my-second-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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 active focusable"
+                                    data-testid="menu-actions-icon-for-release-menu-for-my-second-namespace/some-name"
+                                    id="menu-actions-for-release-menu-for-my-second-namespace/some-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 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>
+  <ul
+    class="Animate opacity Menu MenuActions flex HelmReleaseMenu right bottom portal enter"
+    id="menu-actions-for-release-menu-for-my-second-namespace/some-name"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <li
+      class="MenuItem"
+      data-testid="upgrade-chart-menu-item-for-my-second-namespace/some-name"
+      tabindex="0"
+    >
+      <i
+        class="Icon material focusable"
+      >
+        <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 focusable"
+      >
+        <span
+          class="icon"
+          data-icon-name="delete"
+        >
+          delete
+        </span>
+      </i>
+      <div>
+        Delete
+      </div>
+      <span
+        class="title"
+      >
+        Delete
+      </span>
+    </li>
+  </ul>
+</body>
+`;
+
+exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navigating to the helm releases view when helm releases resolves when clicking the menu for a helm release when clicking the upgrade chart menu item 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
+            class=""
+          >
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  1 item
+                </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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespace: my-second-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-my-second-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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  my-second-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-my-second-namespace/some-name"
+                                    id="menu-actions-for-release-menu-for-my-second-namespace/some-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 active"
+                  data-testid="dock-tab-for-some-irrelevant-random-id"
+                  id="tab-some-irrelevant-random-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"
+                          data-testid="dock-tab-close-for-some-irrelevant-random-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-irrelevant-random-id"
+                        >
+                          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-irrelevant-random-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="Spinner singleColor center"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navigating to the helm releases view when helm releases resolves when clicking the menu for a helm release when clicking the upgrade chart menu item when request for all helm charts resolves when the requests of versions of the helm charts 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
+            class=""
+          >
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  1 item
+                </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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespace: my-second-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-my-second-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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  my-second-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-my-second-namespace/some-name"
+                                    id="menu-actions-for-release-menu-for-my-second-namespace/some-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 active"
+                  data-testid="dock-tab-for-some-irrelevant-random-id"
+                  id="tab-some-irrelevant-random-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"
+                          data-testid="dock-tab-close-for-some-irrelevant-random-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-irrelevant-random-id"
+                        >
+                          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-irrelevant-random-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="UpgradeChart flex column"
+              data-testid="upgrade-chart-dock-tab-contents-for-my-second-namespace/some-name"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="upgrade flex gaps align-center"
+                  >
+                    <span>
+                      Release
+                    </span>
+                     
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                     
+                    <div
+                      class="badge"
+                    >
+                      my-second-namespace
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                     
+                    <div
+                      class="badge"
+                    >
+                      1.0.0
+                    </div>
+                    <span>
+                      Upgrade version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-char-version-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-repo/some-chart-1.0.1
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="char-version-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  type="button"
+                >
+                  Upgrade
+                </button>
+                <button
+                  class="Button primary active"
+                  type="button"
+                >
+                  Upgrade & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-irrelevant-random-id"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navigating to the helm releases view when helm releases resolves when clicking the menu for a helm release when clicking the upgrade chart menu item when request for all helm charts resolves when the requests of versions of the helm charts resolves when the configuration request 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
+            class=""
+          >
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  1 item
+                </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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespace: my-second-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-my-second-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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  my-second-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-my-second-namespace/some-name"
+                                    id="menu-actions-for-release-menu-for-my-second-namespace/some-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 active"
+                  data-testid="dock-tab-for-some-irrelevant-random-id"
+                  id="tab-some-irrelevant-random-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"
+                          data-testid="dock-tab-close-for-some-irrelevant-random-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-irrelevant-random-id"
+                        >
+                          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-irrelevant-random-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="UpgradeChart flex column"
+              data-testid="upgrade-chart-dock-tab-contents-for-my-second-namespace/some-name"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="upgrade flex gaps align-center"
+                  >
+                    <span>
+                      Release
+                    </span>
+                     
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                     
+                    <div
+                      class="badge"
+                    >
+                      my-second-namespace
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                     
+                    <div
+                      class="badge"
+                    >
+                      1.0.0
+                    </div>
+                    <span>
+                      Upgrade version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-char-version-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            some-repo/some-chart-1.0.1
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="char-version-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  type="button"
+                >
+                  Upgrade
+                </button>
+                <button
+                  class="Button primary active"
+                  type="button"
+                >
+                  Upgrade & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-irrelevant-random-id"
+              >
+                some confiration for the helm release
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navigating to the helm releases view when helm releases resolves when clicking the menu for a helm release when clicking the upgrade chart menu item when request for all helm charts resolves when the requests of versions of the helm charts resolves when the configuration request resolves when closing the upgrade chart tab 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
+            class=""
+          >
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  1 item
+                </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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespace: my-second-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-my-second-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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  my-second-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-my-second-namespace/some-name"
+                                    id="menu-actions-for-release-menu-for-my-second-namespace/some-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 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/packages/core/src/features/helm-charts/upgrade-chart/upgrade-chart-new-tab.test.ts b/packages/core/src/features/helm-charts/upgrade-chart/upgrade-chart-new-tab.test.ts
new file mode 100644
index 0000000000..7d46856fec
--- /dev/null
+++ b/packages/core/src/features/helm-charts/upgrade-chart/upgrade-chart-new-tab.test.ts
@@ -0,0 +1,268 @@
+/**
+ * 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 { 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 { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.api";
+import type { RequestHelmCharts } from "../../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import requestHelmChartsInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import type { RequestHelmChartVersions } from "../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import requestHelmChartVersionsInjectable from "../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import type { RequestHelmReleaseConfiguration } from "../../../common/k8s-api/endpoints/helm-releases.api/request-configuration.injectable";
+import requestHelmReleaseConfigurationInjectable from "../../../common/k8s-api/endpoints/helm-releases.api/request-configuration.injectable";
+import type { RequestHelmReleases } from "../../../common/k8s-api/endpoints/helm-releases.api/request-releases.injectable";
+import requestHelmReleasesInjectable from "../../../common/k8s-api/endpoints/helm-releases.api/request-releases.injectable";
+import { advanceFakeTime, testUsingFakeTime } from "../../../common/test-utils/use-fake-time";
+import dockStoreInjectable from "../../../renderer/components/dock/dock/store.injectable";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+
+describe("New Upgrade Helm Chart Dock Tab", () => {
+  let builder: ApplicationBuilder;
+  let renderResult: RenderResult;
+  let requestHelmReleaseConfigurationMock: AsyncFnMock<RequestHelmReleaseConfiguration>;
+  let requestHelmReleasesMock: AsyncFnMock<RequestHelmReleases>;
+  let requestHelmChartsMock: AsyncFnMock<RequestHelmCharts>;
+  let requestHelmChartVersionsMock: AsyncFnMock<RequestHelmChartVersions>;
+  let navigateToHelmReleases: NavigateToHelmReleases;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      requestHelmReleaseConfigurationMock = asyncFn();
+      windowDi.override(requestHelmReleaseConfigurationInjectable, () => requestHelmReleaseConfigurationMock);
+
+      requestHelmReleasesMock = asyncFn();
+      windowDi.override(requestHelmReleasesInjectable, () => requestHelmReleasesMock);
+
+      requestHelmChartsMock = asyncFn();
+      windowDi.override(requestHelmChartsInjectable, () => requestHelmChartsMock);
+
+      requestHelmChartVersionsMock = asyncFn();
+      windowDi.override(requestHelmChartVersionsInjectable, () => requestHelmChartVersionsMock);
+
+      navigateToHelmReleases = windowDi.inject(navigateToHelmReleasesInjectable);
+    });
+
+    testUsingFakeTime("2020-01-12 12:00:00");
+
+    builder.namespaces.add("my-first-namespace");
+    builder.namespaces.add("my-second-namespace");
+
+    renderResult = await builder.render();
+
+    const dockStore = builder.applicationWindow.only.di.inject(dockStoreInjectable);
+
+    // TODO: Make TerminalWindow unit testable to allow realistic behaviour
+    dockStore.closeTab("terminal");
+  });
+
+  describe("given a namespace is selected", () => {
+    beforeEach(() => {
+      builder.namespaces.select("my-second-namespace");
+    });
+
+    describe("when navigating to the helm releases view", () => {
+      beforeEach(() => {
+        navigateToHelmReleases();
+      });
+
+      it("renders", () => {
+        expect(renderResult.baseElement).toMatchSnapshot();
+      });
+
+      it("requests helm releases for the selected namespace", () => {
+        expect(requestHelmReleasesMock).toBeCalledWith("my-second-namespace");
+      });
+
+      describe("when helm releases resolves", () => {
+        beforeEach(async () => {
+          await requestHelmReleasesMock.resolve([
+            {
+              appVersion: "some-app-version",
+              name: "some-name",
+              namespace: "my-second-namespace",
+              chart: "some-chart-1.0.0",
+              status: "some-status",
+              updated: "some-updated",
+              revision: "some-revision",
+            },
+          ]);
+        });
+
+        it("renders", () => {
+          expect(renderResult.baseElement).toMatchSnapshot();
+        });
+
+        describe("when clicking the menu for a helm release", () => {
+          beforeEach(() => {
+            const helmReleaseMenu = renderResult.getByTestId("menu-actions-icon-for-release-menu-for-my-second-namespace/some-name");
+
+            helmReleaseMenu.click();
+          });
+
+          it("renders", () => {
+            expect(renderResult.baseElement).toMatchSnapshot();
+          });
+
+          describe("when clicking the upgrade chart menu item", () => {
+            beforeEach(() => {
+              const upgradeHelmChartMenuItem = renderResult.getByTestId("upgrade-chart-menu-item-for-my-second-namespace/some-name");
+
+              upgradeHelmChartMenuItem.click();
+              advanceFakeTime(100);
+            });
+
+            it("renders", () => {
+              expect(renderResult.baseElement).toMatchSnapshot();
+            });
+
+            it("requests all helm charts", () => {
+              expect(requestHelmChartsMock).toBeCalled();
+            });
+
+            describe("when request for all helm charts resolves", () => {
+              beforeEach(async () => {
+                await requestHelmChartsMock.resolve([
+                  HelmChart.create({
+                    apiVersion: "1.2.3",
+                    version: "1.0.0",
+                    created: "at-some-time",
+                    name: "some-chart",
+                    repo: "some-repo",
+                  }),
+                  HelmChart.create({
+                    apiVersion: "1.2.3",
+                    version: "1.0.0",
+                    created: "at-some-third-time",
+                    name: "some-chart",
+                    repo: "some-third-repo",
+                  }),
+                  HelmChart.create({
+                    apiVersion: "1.2.3",
+                    version: "0.9.0",
+                    created: "at-some-other-time",
+                    name: "some-other-chart",
+                    repo: "some-repo",
+                  }),
+                ]);
+              });
+
+              it("requests versions of the helm charts", () => {
+                expect(requestHelmChartVersionsMock).toBeCalledWith(
+                  "some-repo",
+                  "some-chart",
+                );
+                expect(requestHelmChartVersionsMock).toBeCalledWith(
+                  "some-third-repo",
+                  "some-chart",
+                );
+              });
+
+              it("shows the dock tab of the upgrade chart tab", () => {
+                expect(renderResult.queryByTestId("dock-tab-content-for-some-irrelevant-random-id")).toBeInTheDocument();
+              });
+
+              it("does not yet show the dock contents of the upgrade chart tab", () => {
+                expect(renderResult.queryByTestId("upgrade-chart-dock-tab-contents-for-my-second-namespace/some-name")).not.toBeInTheDocument();
+              });
+
+              describe("when the requests of versions of the helm charts resolves", () => {
+                beforeEach(async () => {
+                  await requestHelmChartVersionsMock.resolveSpecific(
+                    ["some-repo", "some-chart"],
+                    [
+                      HelmChart.create({
+                        apiVersion: "1.2.3",
+                        version: "1.0.0",
+                        created: "at-some-time",
+                        name: "some-chart",
+                        repo: "some-repo",
+                      }),
+                      HelmChart.create({
+                        apiVersion: "1.2.3",
+                        version: "1.0.1",
+                        created: "at-some-time",
+                        name: "some-chart",
+                        repo: "some-repo",
+                      }),
+                    ],
+                  );
+
+                  await requestHelmChartVersionsMock.resolveSpecific(
+                    ["some-third-repo", "some-chart"],
+                    [
+                      HelmChart.create({
+                        apiVersion: "1.2.3",
+                        version: "0.9.0",
+                        created: "at-some-other-time",
+                        name: "some-other-chart",
+                        repo: "some-repo",
+                      }),
+                      HelmChart.create({
+                        apiVersion: "1.2.3",
+                        version: "0.9.1",
+                        created: "at-some-other-time",
+                        name: "some-other-chart",
+                        repo: "some-repo",
+                      }),
+                    ],
+                  );
+                });
+
+                it("renders", () => {
+                  expect(renderResult.baseElement).toMatchSnapshot();
+                });
+
+                it("shows the dock contents of the upgrade chart tab", () => {
+                  expect(renderResult.queryByTestId("upgrade-chart-dock-tab-contents-for-my-second-namespace/some-name")).toBeInTheDocument();
+                });
+
+                it("requests the configuration for the specific helm release", () => {
+                  expect(requestHelmReleaseConfigurationMock).toBeCalledWith(
+                    "some-name",
+                    "my-second-namespace",
+                    true,
+                  );
+                });
+
+                describe("when the configuration request resolves", () => {
+                  beforeEach(async () => {
+                    await requestHelmReleaseConfigurationMock.resolve("some confiration for the helm release");
+                  });
+
+                  it("renders", () => {
+                    expect(renderResult.baseElement).toMatchSnapshot();
+                  });
+
+                  describe("when closing the upgrade chart tab", () => {
+                    beforeEach(() => {
+                      const closeDockTab = renderResult.getByTestId("dock-tab-close-for-some-irrelevant-random-id");
+
+                      closeDockTab.click();
+                    });
+
+                    it("renders", () => {
+                      expect(renderResult.baseElement).toMatchSnapshot();
+                    });
+
+                    it("does so", () => {
+                      expect(renderResult.queryByTestId("dock-tab-content-for-some-irrelevant-random-id")).not.toBeInTheDocument();
+                    });
+                  });
+                });
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap b/packages/core/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
new file mode 100644
index 0000000000..0a6f6a752a
--- /dev/null
+++ b/packages/core/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
@@ -0,0 +1,16905 @@
+// 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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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>
+        <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 call for release resolve with release renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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>
+        <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 call for release resolve with release when configuration resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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"
+            data-testid="upgrade-chart-menu-item-for-some-namespace/some-name"
+            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-1.0.0
+                </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>
+                  1.0.0
+                </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>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </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 call for release resolve with release when configuration resolves when changing the configuration renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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"
+            data-testid="upgrade-chart-menu-item-for-some-namespace/some-name"
+            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-1.0.0
+                </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>
+                  1.0.0
+                </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>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </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 call for release resolve with release when configuration resolves when changing the configuration when saving renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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"
+            data-testid="upgrade-chart-menu-item-for-some-namespace/some-name"
+            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-1.0.0
+                </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>
+                  1.0.0
+                </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>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </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 call for release resolve with release when configuration resolves when changing the configuration when saving when requestHelmCharts resolves when requestHelmChartVersions resolves when update resolves with failure renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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"
+            data-testid="upgrade-chart-menu-item-for-some-namespace/some-name"
+            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-1.0.0
+                </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>
+                  1.0.0
+                </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>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </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 call for release resolve with release when configuration resolves when changing the configuration when saving when requestHelmCharts resolves when requestHelmChartVersions resolves when update resolves with success renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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"
+            data-testid="upgrade-chart-menu-item-for-some-namespace/some-name"
+            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-1.0.0
+                </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>
+                  1.0.0
+                </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>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </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 call for release resolve with release when configuration resolves when changing the configuration when toggling to see only user defined values when configuration resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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"
+            data-testid="upgrade-chart-menu-item-for-some-namespace/some-name"
+            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-1.0.0
+                </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>
+                  1.0.0
+                </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>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </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 call for release resolve with release when configuration resolves when selecting to upgrade chart renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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"
+                          data-testid="dock-tab-close-for-some-tab-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-some-tab-id"
+                        >
+                          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 call for release resolves with error renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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>
+        <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
+          data-testid="helm-release-detail-error"
+        >
+          Failed to load release:
+           
+          some-error
+        </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 is closed renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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>
+        <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 opening details for second release renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class=""
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                1.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-namespace/some-name"
+                                    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"
+                              >
+                                <a
+                                  class="filterNamespace"
+                                >
+                                  some-other-namespace
+                                </a>
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                2.0.0
+                              </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"
+                                    data-testid="menu-actions-icon-for-release-menu-for-some-other-namespace/some-other-name"
+                                    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"
+                          data-testid="dock-tab-close-for-terminal"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                        >
+                          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"
+        >
+          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"
+          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/packages/core/src/features/helm-releases/showing-details-for-helm-release.test.ts b/packages/core/src/features/helm-releases/showing-details-for-helm-release.test.ts
new file mode 100644
index 0000000000..9294b3057e
--- /dev/null
+++ b/packages/core/src/features/helm-releases/showing-details-for-helm-release.test.ts
@@ -0,0 +1,633 @@
+/**
+ * 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 { RequestHelmReleases } from "../../common/k8s-api/endpoints/helm-releases.api/request-releases.injectable";
+import requestHelmReleasesInjectable from "../../common/k8s-api/endpoints/helm-releases.api/request-releases.injectable";
+import type { RequestHelmReleaseConfiguration } from "../../common/k8s-api/endpoints/helm-releases.api/request-configuration.injectable";
+import requestHelmReleaseConfigurationInjectable from "../../common/k8s-api/endpoints/helm-releases.api/request-configuration.injectable";
+import type { RequestHelmReleaseUpdate } from "../../common/k8s-api/endpoints/helm-releases.api/request-update.injectable";
+import requestHelmReleaseUpdateInjectable from "../../common/k8s-api/endpoints/helm-releases.api/request-update.injectable";
+import { testUsingFakeTime } from "../../common/test-utils/use-fake-time";
+import type { RequestDetailedHelmRelease } from "../../renderer/components/+helm-releases/release-details/release-details-model/request-detailed-helm-release.injectable";
+import requestDetailedHelmReleaseInjectable from "../../renderer/components/+helm-releases/release-details/release-details-model/request-detailed-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";
+import type { RequestHelmCharts } from "../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import type { RequestHelmChartVersions } from "../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import type { RequestHelmChartReadme } from "../../common/k8s-api/endpoints/helm-charts.api/request-readme.injectable";
+import type { RequestHelmChartValues } from "../../common/k8s-api/endpoints/helm-charts.api/request-values.injectable";
+import requestHelmChartsInjectable from "../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import requestHelmChartVersionsInjectable from "../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import requestHelmChartReadmeInjectable from "../../common/k8s-api/endpoints/helm-charts.api/request-readme.injectable";
+import requestHelmChartValuesInjectable from "../../common/k8s-api/endpoints/helm-charts.api/request-values.injectable";
+import { HelmChart } from "../../common/k8s-api/endpoints/helm-charts.api";
+
+describe("showing details for helm release", () => {
+  let builder: ApplicationBuilder;
+  let requestHelmReleasesMock: AsyncFnMock<RequestHelmReleases>;
+  let requestDetailedHelmReleaseMock: AsyncFnMock<RequestDetailedHelmRelease>;
+  let requestHelmReleaseConfigurationMock: AsyncFnMock<RequestHelmReleaseConfiguration>;
+  let requestHelmReleaseUpdateMock: AsyncFnMock<RequestHelmReleaseUpdate>;
+  let requestHelmChartsMock: AsyncFnMock<RequestHelmCharts>;
+  let requestHelmChartVersionsMock: AsyncFnMock<RequestHelmChartVersions>;
+  let requestHelmChartReadmeMock: AsyncFnMock<RequestHelmChartReadme>;
+  let requestHelmChartValuesMock: AsyncFnMock<RequestHelmChartValues>;
+  let showSuccessNotificationMock: jest.Mock;
+  let showCheckedErrorNotificationMock: jest.Mock;
+
+  beforeEach(() => {
+    testUsingFakeTime("2015-10-21T07:28:00Z");
+
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    requestHelmReleasesMock = asyncFn();
+    requestDetailedHelmReleaseMock = asyncFn();
+    requestHelmReleaseConfigurationMock = asyncFn();
+    requestHelmReleaseUpdateMock = asyncFn();
+    requestHelmChartsMock = asyncFn();
+    requestHelmChartVersionsMock = asyncFn();
+    requestHelmChartReadmeMock = asyncFn();
+    requestHelmChartValuesMock = 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(requestHelmReleasesInjectable, () => requestHelmReleasesMock);
+      windowDi.override(requestDetailedHelmReleaseInjectable, () => requestDetailedHelmReleaseMock);
+      windowDi.override(requestHelmReleaseConfigurationInjectable, () => requestHelmReleaseConfigurationMock);
+      windowDi.override(requestHelmReleaseUpdateInjectable, () => requestHelmReleaseUpdateMock);
+      windowDi.override(requestHelmChartsInjectable, () => requestHelmChartsMock);
+      windowDi.override(requestHelmChartVersionsInjectable, () => requestHelmChartVersionsMock);
+      windowDi.override(requestHelmChartReadmeInjectable, () => requestHelmChartReadmeMock);
+      windowDi.override(requestHelmChartValuesInjectable, () => requestHelmChartValuesMock);
+    });
+
+    builder.namespaces.add("some-namespace");
+    builder.namespaces.select("some-namespace");
+    builder.namespaces.add("some-namespace");
+    builder.namespaces.select("some-other-namespace");
+  });
+
+  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(requestHelmReleasesMock.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 requestHelmReleasesMock.resolve([]);
+        await requestHelmReleasesMock.resolve([]);
+
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when releases resolve", () => {
+        beforeEach(async () => {
+          await requestHelmReleasesMock.resolveSpecific(
+            ([namespace]) => namespace === "some-namespace",
+            [
+              {
+                appVersion: "some-app-version",
+                name: "some-name",
+                namespace: "some-namespace",
+                chart: "some-chart-1.0.0",
+                status: "some-status",
+                updated: "some-updated",
+                revision: "some-revision",
+              },
+            ],
+          );
+
+          await requestHelmReleasesMock.resolveSpecific(
+            ([namespace]) => namespace === "some-other-namespace",
+            [
+              {
+                appVersion: "some-other-app-version",
+                name: "some-other-name",
+                namespace: "some-other-namespace",
+                chart: "some-other-chart-2.0.0",
+                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(requestDetailedHelmReleaseMock).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(() => {
+              requestDetailedHelmReleaseMock.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(requestDetailedHelmReleaseMock).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(() => {
+                requestDetailedHelmReleaseMock.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(requestDetailedHelmReleaseMock).not.toHaveBeenCalled();
+              });
+            });
+          });
+
+          describe("when call for release resolves with error", () => {
+            beforeEach(async () => {
+              await requestDetailedHelmReleaseMock.resolve({
+                callWasSuccessful: false,
+                error: "some-error",
+              });
+            });
+
+            it("renders", async () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("does not show spinner anymore", () => {
+              expect(
+                rendered.queryByTestId("helm-release-detail-content-spinner"),
+              ).not.toBeInTheDocument();
+            });
+
+            it("shows error message about missing release", () => {
+              expect(
+                rendered.getByTestId("helm-release-detail-error"),
+              ).toBeInTheDocument();
+            });
+
+            it("does not call for release configuration", () => {
+              expect(requestHelmReleaseConfigurationMock).not.toHaveBeenCalled();
+            });
+          });
+
+          describe("when call for release resolve with release", () => {
+            beforeEach(async () => {
+              await requestDetailedHelmReleaseMock.resolve({
+                callWasSuccessful: true,
+                response: {
+                  release: {
+                    appVersion: "some-app-version",
+                    chart: "some-chart-1.0.0",
+                    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",
+                        },
+                      },
+                    ],
+                  },
+                },
+              });
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("calls for release configuration", () => {
+              expect(requestHelmReleaseConfigurationMock).toHaveBeenCalledWith(
+                "some-name",
+                "some-namespace",
+                true,
+              );
+            });
+
+            describe("when configuration resolves", () => {
+              beforeEach(async () => {
+                await requestHelmReleaseConfigurationMock.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(requestHelmReleaseUpdateMock).not.toHaveBeenCalled();
+                });
+
+                describe("when toggling to see only user defined values", () => {
+                  beforeEach(() => {
+                    requestHelmReleaseConfigurationMock.mockClear();
+
+                    const toggle = rendered.getByTestId(
+                      "user-supplied-values-only-checkbox",
+                    );
+
+                    fireEvent.click(toggle);
+                  });
+
+                  it("calls for only user defined configuration", () => {
+                    expect(requestHelmReleaseConfigurationMock).toHaveBeenCalledWith(
+                      "some-name",
+                      "some-namespace",
+                      false,
+                    );
+                  });
+
+                  describe("when configuration resolves", () => {
+                    beforeEach(async () => {
+                      await requestHelmReleaseConfigurationMock.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", () => {
+                      requestHelmReleaseConfigurationMock.mockClear();
+
+                      const toggle = rendered.getByTestId(
+                        "user-supplied-values-only-checkbox",
+                      );
+
+                      fireEvent.click(toggle);
+
+                      expect(requestHelmReleaseConfigurationMock).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("shows spinner", () => {
+                    const saveButton = rendered.getByTestId(
+                      "helm-release-configuration-save-button",
+                    );
+
+                    expect(saveButton).toHaveClass("waiting");
+                  });
+
+                  describe("when requestHelmCharts resolves", () => {
+                    beforeEach(async () => {
+                      await requestHelmChartsMock.resolve([HelmChart.create({
+                        apiVersion: "1.2.3",
+                        version: "1.0.0",
+                        created: "at-some-time",
+                        name: "some-chart",
+                        repo: "some-repo",
+                      })]);
+                    });
+                    describe("when requestHelmChartVersions resolves", () => {
+                      beforeEach(async () => {
+                        await requestHelmChartVersionsMock.resolve([HelmChart.create({
+                          apiVersion: "1.2.3",
+                          version: "1.0.0",
+                          created: "at-some-time",
+                          name: "some-chart",
+                          repo: "some-repo",
+                        })]);
+                      });
+
+                      it("calls for update", () => {
+                        expect(requestHelmReleaseUpdateMock).toHaveBeenCalledWith(
+                          "some-name",
+                          "some-namespace",
+
+                          {
+                            chart: "some-chart",
+                            repo: "some-repo",
+                            values: "some-new-configuration",
+                            version: "1.0.0",
+                          },
+                        );
+                      });
+
+                      describe("when update resolves with success", () => {
+                        beforeEach(async () => {
+                          requestHelmReleasesMock.mockClear();
+                          requestHelmReleaseConfigurationMock.mockClear();
+
+                          await requestHelmReleaseUpdateMock.resolve({
+                            callWasSuccessful: 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(requestHelmReleaseConfigurationMock).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 () => {
+                          requestHelmReleasesMock.mockClear();
+                          requestHelmReleaseConfigurationMock.mockClear();
+
+                          await requestHelmReleaseUpdateMock.resolve({
+                            callWasSuccessful: 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(requestHelmReleaseConfigurationMock).not.toHaveBeenCalled();
+                        });
+
+                        it("does not show success notification", () => {
+                          expect(showSuccessNotificationMock).not.toHaveBeenCalled();
+                        });
+
+                        it("shows error notification", () => {
+                          expect(showCheckedErrorNotificationMock).toHaveBeenCalled();
+                        });
+                      });
+                    });
+                  });
+                });
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/hotbar/store/main/init.injectable.ts b/packages/core/src/features/hotbar/store/main/init.injectable.ts
new file mode 100644
index 0000000000..0717151b53
--- /dev/null
+++ b/packages/core/src/features/hotbar/store/main/init.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 hotbarStoreInjectable from "../../../../common/hotbars/store.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../../../main/start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import setupSyncingOfGeneralCatalogEntitiesInjectable from "../../../../main/start-main-application/runnables/setup-syncing-of-general-catalog-entities.injectable";
+
+const initHotbarStoreInjectable = getInjectable({
+  id: "init-hotbar-store",
+  instantiate: (di) => {
+    const hotbarStore = di.inject(hotbarStoreInjectable);
+
+    return {
+      id: "init-hotbar-store",
+      run: () => {
+        hotbarStore.load();
+      },
+      runAfter: di.inject(setupSyncingOfGeneralCatalogEntitiesInjectable),
+    };
+  },
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default initHotbarStoreInjectable;
diff --git a/packages/core/src/features/hotbar/store/renderer/init.injectable.ts b/packages/core/src/features/hotbar/store/renderer/init.injectable.ts
new file mode 100644
index 0000000000..c17e3a4858
--- /dev/null
+++ b/packages/core/src/features/hotbar/store/renderer/init.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 hotbarStoreInjectable from "../../../../common/hotbars/store.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../../../../renderer/before-frame-starts/tokens";
+import initClusterStoreInjectable from "../../../cluster/store/renderer/init.injectable";
+
+const initHotbarStoreInjectable = getInjectable({
+  id: "init-hotbar-store",
+  instantiate: (di) => ({
+    id: "init-hotbar-store",
+    run: () => {
+      const hotbarStore = di.inject(hotbarStoreInjectable);
+
+      hotbarStore.load();
+    },
+    runAfter: di.inject(initClusterStoreInjectable),
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default initHotbarStoreInjectable;
diff --git a/packages/core/src/features/navigate-to-extension-page.test.tsx b/packages/core/src/features/navigate-to-extension-page.test.tsx
new file mode 100644
index 0000000000..24f5ec729b
--- /dev/null
+++ b/packages/core/src/features/navigate-to-extension-page.test.tsx
@@ -0,0 +1,182 @@
+/**
+ * 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 { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import isEmpty from "lodash/isEmpty";
+import queryParametersInjectable from "../renderer/routes/query-parameters.injectable";
+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: LensRendererExtension;
+  let queryParameters: IComputedValue<object>;
+  let currentPath: IComputedValue<string>;
+
+  beforeEach(async () => {
+    const builder = getApplicationBuilder();
+
+    builder.extensions.enable(extensionWithPagesHavingParameters);
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    testExtension =
+      builder.extensions.get("some-extension-id").applicationWindows.only;
+
+    queryParameters = windowDi.inject(queryParametersInjectable);
+    currentPath = windowDi.inject(currentPathInjectable);
+  });
+
+  it("renders", () => {
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  describe("when extension navigates to route without parameters", () => {
+    beforeEach(() => {
+      testExtension.navigate();
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("URL is correct", () => {
+      expect(currentPath.get()).toBe("/extension/some-extension-name");
+    });
+
+    it("query parameters is empty", () => {
+      expect(queryParameters.get()).toEqual({});
+    });
+
+    describe("when changing page parameters", () => {
+      beforeEach(() => {
+        const button = rendered.getByTestId("button-to-change-page-parameters");
+
+        fireEvent.click(button);
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("URL is correct", () => {
+        expect(currentPath.get()).toBe("/extension/some-extension-name");
+      });
+
+      it("knows query parameters", () => {
+        expect(queryParameters.get()).toEqual({
+          someStringParameter: "some-changed-string-value",
+          someNumberParameter: "84",
+          someArrayParameter:
+            "some-changed-array-value,some-other-changed-array-value",
+        });
+      });
+    });
+  });
+
+  describe("when extension navigates to route with parameters", () => {
+    beforeEach(() => {
+      testExtension.navigate(undefined, {
+        someStringParameter: "some-string-value-from-navigate",
+        someNumberParameter: 126,
+        someArrayParameter: ["some-array-value-from-navigate"],
+      });
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("URL is correct", () => {
+      expect(currentPath.get()).toBe("/extension/some-extension-name");
+    });
+
+    it("knows query parameters", () => {
+      expect(queryParameters.get()).toEqual({
+        someStringParameter: "some-string-value-from-navigate",
+        someNumberParameter: "126",
+        someArrayParameter: "some-array-value-from-navigate",
+      });
+    });
+  });
+
+  describe("when extension navigates to child route", () => {
+    beforeEach(() => {
+      testExtension.navigate("some-child-page-id");
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("URL is correct", () => {
+      expect(currentPath.get()).toBe("/extension/some-extension-name/some-child-page-id");
+    });
+  });
+});
+
+const extensionWithPagesHavingParameters: FakeExtensionOptions = {
+  id: "some-extension-id",
+  name: "some-extension-name",
+
+  rendererOptions: {
+    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>
+          ),
+        },
+
+        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>,
+        },
+      },
+    ],
+  },
+};
diff --git a/packages/core/src/features/navigating-between-routes.test.tsx b/packages/core/src/features/navigating-between-routes.test.tsx
new file mode 100644
index 0000000000..cf2dda5cc1
--- /dev/null
+++ b/packages/core/src/features/navigating-between-routes.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 { getInjectable } from "@ogre-tools/injectable";
+import React from "react";
+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";
+import type { Route } from "../common/front-end-routing/front-end-route-injection-token";
+import { frontEndRouteInjectionToken } from "../common/front-end-routing/front-end-route-injection-token";
+import type { ApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
+import currentRouteInjectable from "../renderer/routes/current-route.injectable";
+import currentPathInjectable from "../renderer/routes/current-path.injectable";
+import queryParametersInjectable from "../renderer/routes/query-parameters.injectable";
+import { navigateToRouteInjectionToken } from "../common/front-end-routing/navigate-to-route-injection-token";
+import routePathParametersInjectable from "../renderer/routes/route-path-parameters.injectable";
+
+describe("navigating between routes", () => {
+  let rendered: RenderResult;
+  let builder: ApplicationBuilder;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+  });
+
+  describe("given route without path parameters", () => {
+    let windowDi: DiContainer;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart((windowDi) => {
+        runInAction(() => {
+          windowDi.register(testRouteWithoutPathParametersInjectable);
+          windowDi.register(testRouteWithoutPathParametersComponentInjectable);
+        });
+      });
+
+      rendered = await builder.render();
+
+      windowDi = builder.applicationWindow.only.di;
+    });
+
+    describe("when navigating to route", () => {
+      let route: Route;
+
+      beforeEach(() => {
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+
+        route = windowDi.inject(testRouteWithoutPathParametersInjectable);
+
+        navigateToRoute(route);
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("knows current route", () => {
+        const currentRoute = windowDi.inject(currentRouteInjectable);
+
+        expect(currentRoute.get()).toBe(route);
+      });
+
+      it("knows current path", () => {
+        const currentPath = windowDi.inject(currentPathInjectable);
+
+        expect(currentPath.get()).toBe("/some-path");
+      });
+
+      it("does not have query parameters", () => {
+        const queryParameters = windowDi.inject(queryParametersInjectable);
+
+        expect(queryParameters.get()).toEqual({});
+      });
+
+      it("does not have path parameters", () => {
+        const pathParameters = windowDi.inject(routePathParametersInjectable, route);
+
+        expect(pathParameters.get()).toEqual({});
+      });
+    });
+
+    it("when navigating to route with query parameters, knows query parameters", () => {
+      const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+      const queryParameters = windowDi.inject(queryParametersInjectable);
+
+      const route = windowDi.inject(testRouteWithoutPathParametersInjectable);
+
+      navigateToRoute(route, {
+        query: {
+          someParameter: "some-value",
+          someOtherParameter: "some-other-value",
+        },
+      });
+
+      expect(queryParameters.get()).toEqual({
+        someParameter: "some-value",
+        someOtherParameter: "some-other-value",
+      });
+    });
+  });
+
+  describe("given route with optional path parameters", () => {
+    let windowDi: DiContainer;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart((windowDi) => {
+        runInAction(() => {
+          windowDi.register(routeWithOptionalPathParametersInjectable);
+          windowDi.register(routeWithOptionalPathParametersComponentInjectable);
+        });
+      });
+
+      rendered = await builder.render();
+
+      windowDi = builder.applicationWindow.only.di;
+    });
+
+    describe("when navigating to route with path parameters", () => {
+      let route: Route<any>;
+
+      beforeEach(() => {
+        route = windowDi.inject(routeWithOptionalPathParametersInjectable);
+
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+
+        navigateToRoute(route, {
+          parameters: {
+            someParameter: "some-value",
+            someOtherParameter: "some-other-value",
+          },
+        });
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("knows current route", () => {
+        const currentRoute = windowDi.inject(currentRouteInjectable);
+
+        expect(currentRoute.get()).toBe(route);
+      });
+
+      it("knows current path", () => {
+        const currentPath = windowDi.inject(currentPathInjectable);
+
+        expect(currentPath.get()).toBe(
+          "/some-path/some-value/some-other-value",
+        );
+      });
+
+      it("knows path parameters", () => {
+        const pathParameters = windowDi.inject(routePathParametersInjectable, route);
+
+        expect(pathParameters.get()).toEqual({
+          someParameter: "some-value",
+          someOtherParameter: "some-other-value",
+        });
+      });
+    });
+
+    describe("when navigating to route without path parameters", () => {
+      let route: Route<any>;
+
+      beforeEach(() => {
+        route = windowDi.inject(routeWithOptionalPathParametersInjectable);
+
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+
+        navigateToRoute(route);
+      });
+
+      it("knows current route", () => {
+        const currentRoute = windowDi.inject(currentRouteInjectable);
+
+        expect(currentRoute.get()).toBe(route);
+      });
+
+      it("knows current path", () => {
+        const currentPath = windowDi.inject(currentPathInjectable);
+
+        expect(currentPath.get()).toBe("/some-path");
+      });
+
+      it("knows path parameters", () => {
+        const pathParameters = windowDi.inject(routePathParametersInjectable, route);
+
+        expect(pathParameters.get()).toEqual({
+          someParameter: undefined,
+          someOtherParameter: undefined,
+        });
+      });
+    });
+  });
+});
+
+const testRouteWithoutPathParametersInjectable = getInjectable({
+  id: "some-route",
+  injectionToken: frontEndRouteInjectionToken,
+
+  instantiate: () => ({
+    path: "/some-path",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+});
+
+const testRouteWithoutPathParametersComponentInjectable = getInjectable({
+  id: "some-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteWithoutPathParametersInjectable),
+    Component: () => <div>Some component</div>,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const routeWithOptionalPathParametersInjectable = getInjectable({
+  id: "some-route",
+  injectionToken: frontEndRouteInjectionToken,
+
+  instantiate: (): Route<{ someParameter?: string; someOtherParameter?: string }> => ({
+    path: "/some-path/:someParameter?/:someOtherParameter?",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+});
+
+const routeWithOptionalPathParametersComponentInjectable = getInjectable({
+  id: "some-route-component",
+
+  instantiate: (di) => {
+    const route = di.inject(routeWithOptionalPathParametersInjectable);
+    const pathParameters = di.inject(routePathParametersInjectable, route);
+
+    return {
+      route,
+
+      Component: observer(() => (
+        <pre>{JSON.stringify(pathParameters.get(), null, 2)}</pre>
+      )),
+    };
+  },
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
diff --git a/packages/core/src/features/navigation/reload-page/common/channel.ts b/packages/core/src/features/navigation/reload-page/common/channel.ts
new file mode 100644
index 0000000000..b920067a4d
--- /dev/null
+++ b/packages/core/src/features/navigation/reload-page/common/channel.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 { MessageChannel } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+
+export type ReloadPageChannel = MessageChannel<void>;
+
+export const reloadPageChannel: ReloadPageChannel = {
+  id: "reload-page-channel",
+};
diff --git a/packages/core/src/features/navigation/reload-page/renderer/register-listener.global-override-for-injectable.ts b/packages/core/src/features/navigation/reload-page/renderer/register-listener.global-override-for-injectable.ts
new file mode 100644
index 0000000000..c0a43713b7
--- /dev/null
+++ b/packages/core/src/features/navigation/reload-page/renderer/register-listener.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 { getGlobalOverride } from "../../../../common/test-utils/get-global-override";
+import { reloadPageChannel } from "../common/channel";
+import reloadPageChannelListenerInjectable from "./register-listener.injectable";
+
+export default getGlobalOverride(reloadPageChannelListenerInjectable, () => ({
+  channel: reloadPageChannel,
+  handler: () => {},
+}));
diff --git a/packages/core/src/features/navigation/reload-page/renderer/register-listener.injectable.ts b/packages/core/src/features/navigation/reload-page/renderer/register-listener.injectable.ts
new file mode 100644
index 0000000000..a42d818729
--- /dev/null
+++ b/packages/core/src/features/navigation/reload-page/renderer/register-listener.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 { getMessageChannelListenerInjectable } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import { reloadPageChannel } from "../common/channel";
+
+const reloadPageChannelListenerInjectable = getMessageChannelListenerInjectable({
+  id: "handler",
+  channel: reloadPageChannel,
+  handler: () => () => location.reload(),
+  causesSideEffects: true,
+});
+
+export default reloadPageChannelListenerInjectable;
diff --git a/packages/core/src/features/path-picking-dialog/common/channel.ts b/packages/core/src/features/path-picking-dialog/common/channel.ts
new file mode 100644
index 0000000000..98c19b4ad6
--- /dev/null
+++ b/packages/core/src/features/path-picking-dialog/common/channel.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 { OpenDialogOptions } from "electron";
+import type { RequestChannel } from "../../../common/utils/channel/request-channel-listener-injection-token";
+
+export type PathPickingResponse = {
+  canceled: true;
+} | {
+  canceled: false;
+  paths: string[];
+};
+
+export const openPathPickingDialogChannel: RequestChannel<OpenDialogOptions, PathPickingResponse> = {
+  id: "open-path-picking-dialog",
+};
diff --git a/packages/core/src/features/path-picking-dialog/main/handle-pick-paths.injectable.ts b/packages/core/src/features/path-picking-dialog/main/handle-pick-paths.injectable.ts
new file mode 100644
index 0000000000..d566ac9728
--- /dev/null
+++ b/packages/core/src/features/path-picking-dialog/main/handle-pick-paths.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 askUserForFilePathsInjectable from "../../../main/ipc/ask-user-for-file-paths.injectable";
+import { getRequestChannelListenerInjectable } from "../../../main/utils/channel/channel-listeners/listener-tokens";
+import { openPathPickingDialogChannel } from "../common/channel";
+
+const openPathPickingDialogListener = getRequestChannelListenerInjectable({
+  channel: openPathPickingDialogChannel,
+  handler: (di) => di.inject(askUserForFilePathsInjectable),
+});
+
+export default openPathPickingDialogListener;
diff --git a/packages/core/src/features/path-picking-dialog/renderer/pick-paths.injectable.ts b/packages/core/src/features/path-picking-dialog/renderer/pick-paths.injectable.ts
new file mode 100644
index 0000000000..5dde31f46d
--- /dev/null
+++ b/packages/core/src/features/path-picking-dialog/renderer/pick-paths.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 type { PathPickOpts } from "../../../renderer/components/path-picker";
+import requestFromChannelInjectable from "../../../renderer/utils/channel/request-from-channel.injectable";
+import { openPathPickingDialogChannel } from "../common/channel";
+
+export type OpenPathPickingDialog = (options: PathPickOpts) => Promise<void>;
+
+const openPathPickingDialogInjectable = getInjectable({
+  id: "open-path-picking-dialog",
+  instantiate: (di): OpenPathPickingDialog => {
+    const requestFromChannel = di.inject(requestFromChannelInjectable);
+
+    return async (options) => {
+      const { onPick, onCancel, ...dialogOptions } = options;
+      const response = await requestFromChannel(openPathPickingDialogChannel, dialogOptions);
+
+      if (response.canceled) {
+        await onCancel?.();
+      } else {
+        await onPick?.(response.paths);
+      }
+    };
+  },
+});
+
+export default openPathPickingDialogInjectable;
diff --git a/packages/core/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap b/packages/core/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap
new file mode 100644
index 0000000000..c6f0631b90
--- /dev/null
+++ b/packages/core/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap
@@ -0,0 +1,1759 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`download logs options in logs dock tab opening pod logs when logs available renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-log-tab-some-irrelevant-random-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-log-tab-some-irrelevant-random-id"
+                        >
+                          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-4-live-region"
+                        />
+                        <span
+                          aria-atomic="false"
+                          aria-live="polite"
+                          aria-relevant="additions text"
+                          class="css-1f43avz-a11yText-A11yText"
+                        />
+                        <div
+                          class="Select__control css-13cymwt-control"
+                        >
+                          <div
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                          >
+                            <div
+                              class="Select__single-value css-1dimb5e-singleValue"
+                            >
+                              dockerExporter
+                            </div>
+                            <div
+                              class="Select__input-container css-qbdosj-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-4-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-1u9des2-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-tj5bde-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                        >
+                          <div
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                          >
+                            <div
+                              class="Select__single-value css-1dimb5e-singleValue"
+                            >
+                              docker-exporter
+                            </div>
+                            <div
+                              class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-tj5bde-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+`;
+
+exports[`download logs options in logs dock tab opening pod logs when logs not available renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      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"
+            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>
+      <div
+        class="ResizingAnchor horizontal leading"
+      />
+    </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
+            class="scrollable"
+          >
+            <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                          data-testid="dock-tab-close-for-log-tab-some-irrelevant-random-id"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div
+                          data-testid="tooltip-content-for-dock-tab-close-for-log-tab-some-irrelevant-random-id"
+                        >
+                          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-13cymwt-control"
+                        >
+                          <div
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                          >
+                            <div
+                              class="Select__single-value css-1dimb5e-singleValue"
+                            >
+                              dockerExporter
+                            </div>
+                            <div
+                              class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-tj5bde-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-13cymwt-control"
+                        >
+                          <div
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                          >
+                            <div
+                              class="Select__single-value css-1dimb5e-singleValue"
+                            >
+                              docker-exporter
+                            </div>
+                            <div
+                              class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-tj5bde-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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 box grow align-center justify-center"
+              >
+                There are no logs available for container
+                 
+                docker-exporter
+              </div>
+              <div
+                class="controls"
+                data-testid="log-controls"
+              >
+                <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"
+                        disabled=""
+                      >
+                        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/packages/core/src/features/pod-logs/download-logs.test.tsx b/packages/core/src/features/pod-logs/download-logs.test.tsx
new file mode 100644
index 0000000000..bfcc859435
--- /dev/null
+++ b/packages/core/src/features/pod-logs/download-logs.test.tsx
@@ -0,0 +1,280 @@
+/**
+ * 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";
+import showErrorNotificationInjectable from "../../renderer/components/notifications/show-error-notification.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import type { Container } from "../../common/k8s-api/endpoints";
+
+describe("download logs options in logs dock tab", () => {
+  let windowDi: DiContainer;
+  let rendered: RenderResult;
+  let builder: ApplicationBuilder;
+  let openSaveFileDialogMock: jest.MockedFunction<() => void>;
+  let callForLogsMock: jest.MockedFunction<CallForLogs>;
+  let getLogsMock: jest.Mock;
+  let getSplittedLogsMock: jest.Mock;
+  let showErrorNotificationMock: jest.Mock;
+  const logs = new Map([["timestamp", "some-logs"]]);
+  const pod = dockerPod;
+
+  const container: Container = {
+    name: "docker-exporter",
+    image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+  };
+
+  beforeEach(() => {
+    const selectedPod = dockerPod;
+
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    callForLogsMock = jest.fn();
+    getLogsMock = jest.fn();
+    getSplittedLogsMock = jest.fn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(callForLogsInjectable, () => callForLogsMock);
+
+      // Overriding internals of logsViewModelInjectable
+      windowDi.override(getLogsInjectable, () => getLogsMock);
+      windowDi.override(getLogsWithoutTimestampsInjectable, () => getLogsMock);
+      windowDi.override(getTimestampSplitLogsInjectable, () => getSplittedLogsMock);
+      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);
+
+      showErrorNotificationMock = jest.fn();
+      windowDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
+    });
+  });
+
+  describe("opening pod logs", () => {
+    beforeEach(async () => {
+      rendered = await builder.render();
+      windowDi = builder.applicationWindow.only.di;
+  
+      const dockStore = windowDi.inject(dockStoreInjectable);
+
+      dockStore.closeTab("terminal");
+    });
+
+    describe("when logs not available", () => {
+      beforeEach(async () => {
+        const createLogsTab = windowDi.inject(createPodLogsTabInjectable);
+    
+        getLogsMock.mockReturnValue([]);
+        getSplittedLogsMock.mockReturnValue([]);
+  
+        createLogsTab({
+          selectedPod: pod,
+          selectedContainer: container,
+        });
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("dropdown being disabled", () => {
+        const downloadButton = rendered.getByTestId("download-logs-dropdown");
+
+        expect(downloadButton).toBeDisabled();
+      });
+    });
+
+    describe("when logs available", () => {
+      beforeEach(async () => {
+        const createLogsTab = windowDi.inject(createPodLogsTabInjectable);
+    
+        getLogsMock.mockReturnValue(["some-logs"]);
+        getSplittedLogsMock.mockReturnValue([...logs]);
+  
+        createLogsTab({
+          selectedPod: pod,
+          selectedContainer: container,
+        });
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("contains download dropdown button", () =>  {
+        expect(rendered.getByTestId("download-logs-dropdown")).toBeInTheDocument();
+      });
+
+      it("dropdown is enabled", () => {
+        expect(rendered.getByTestId("download-logs-dropdown")).not.toHaveAttribute("disabled");
+      });
+
+      describe("when clicking on dropdown", () => {
+        beforeEach(() => {
+          const button = rendered.getByTestId("download-logs-dropdown");
+  
+          act(() => button.click());
+        });
+
+        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 call for all logs resolves with logs", () => {
+          beforeEach(async () => {
+            callForLogsMock.mockResolvedValue("all-logs");
+          });
+
+          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(async () => {
+            callForLogsMock.mockResolvedValue("");
+          });
+
+          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", () => {
+              expect(openSaveFileDialogMock).not.toHaveBeenCalled();
+            });
+  
+            it("shows error notification", () => {
+              expect(showErrorNotificationMock).toHaveBeenCalled();
+            });
+          });
+        });
+
+        describe("when call for logs rejects", () => {
+          beforeEach(() => {
+            callForLogsMock.mockRejectedValue("error");
+          });
+  
+          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/packages/core/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap b/packages/core/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
new file mode 100644
index 0000000000..23530d3cb7
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
@@ -0,0 +1,3045 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="some-path-id-for-some-test-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Test tab
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="some-path-id-for-some-test-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Test tab
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <div
+              data-preference-item-test="test-item"
+            >
+              <div>
+                irrelevant
+              </div>
+            </div>
+          </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        data-testid="some-front-page"
+      >
+        Some front page
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      >
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        data-testid="some-front-page"
+      >
+        Some front page
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      >
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="some-path-id-for-some-test-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Test tab
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="some-path-id-for-some-test-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Test tab
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <div
+              data-preference-item-test="test-item"
+            >
+              <div>
+                irrelevant
+              </div>
+            </div>
+          </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        data-testid="some-page"
+      >
+        Some content
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      >
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        data-testid="some-page"
+      >
+        Some content
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      >
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap b/packages/core/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
new file mode 100644
index 0000000000..58ee657697
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
@@ -0,0 +1,777 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-some-extension-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-preference-tab-link-test="extension-some-extension-some-preference-tab-id"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Some title
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="application-page"
+                id="application-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Application
+                </h2>
+                <div
+                  data-preference-item-test="theme"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-1jqq78o-placeholder"
+                            id="react-select-theme-input-placeholder"
+                          >
+                            Select...
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="extension-install-registry"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Default Url
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="start-up"
+                >
+                  <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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="update-channel"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Stable
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="timezone"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Etc/GMT
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap b/packages/core/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
new file mode 100644
index 0000000000..6ea4376818
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
@@ -0,0 +1,2319 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - hiding-of-empty-branches, given in preferences page given tab group and empty tabs renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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 - hiding-of-empty-branches, given in preferences page given tab group and empty tabs when an item appears for one of the tabs renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+              <div
+                class="TabSeparator"
+              >
+                <div
+                  class="HorizontalLine size-sm"
+                />
+              </div>
+              <div
+                data-preference-tab-group-test="some-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Some tab group label
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="some-path-id-for-some-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Some tab label
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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 - hiding-of-empty-branches, given in preferences page given tab group and empty tabs when an item appears for one of the tabs when an item appears for the remaining tab renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+              <div
+                class="TabSeparator"
+              >
+                <div
+                  class="HorizontalLine size-sm"
+                />
+              </div>
+              <div
+                data-preference-tab-group-test="some-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Some tab group label
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="some-path-id-for-some-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Some tab label
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="some-path-id-for-some-other-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Some other tab label
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap b/packages/core/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
new file mode 100644
index 0000000000..f7c8e0925b
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
@@ -0,0 +1,3440 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation to application preferences given in preferences, when rendered renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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 preferences, when rendered when extension with application preference items gets enabled renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="preference-item-for-extension-some-test-extension-name-item-some-application-preference-item-id"
+              >
+                <section
+                  class="small"
+                  id="some-application-preference-item-id"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Some application-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"
+                />
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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 renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="proxy-page"
+              id="proxy-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Proxy
+              </h2>
+              <div
+                data-preference-item-test="http-proxy-url"
+              >
+                <section>
+                  <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>
+              </div>
+              <div
+                class="HorizontalLine size-sm"
+              />
+              <div
+                data-preference-item-test="allow-untrusted-certificates"
+              >
+                <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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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 preferences without specifying the tab renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="application-page"
+                id="application-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Application
+                </h2>
+                <div
+                  data-preference-item-test="theme"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-1jqq78o-placeholder"
+                            id="react-select-theme-input-placeholder"
+                          >
+                            Select...
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="extension-install-registry"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Default Url
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="start-up"
+                >
+                  <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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="update-channel"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Stable
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="timezone"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Etc/GMT
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap b/packages/core/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
new file mode 100644
index 0000000000..8a4ee12180
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
@@ -0,0 +1,1390 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="editor-page"
+              id="editor-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Editor
+              </h2>
+              <div
+                data-preference-item-test="minimap"
+              >
+                <section>
+                  <div
+                    class="SubTitle"
+                  >
+                    Minimap
+                     
+                  </div>
+                  <div
+                    class="flex gaps justify-space-between"
+                  >
+                    <div
+                      class="flex gaps align-center"
+                    >
+                      <label
+                        class="Switch"
+                        data-testid="switch"
+                      >
+                        Show minimap
+                        <input
+                          checked=""
+                          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-13cymwt-control"
+                        >
+                          <div
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                          >
+                            <div
+                              class="Select__single-value css-1dimb5e-singleValue"
+                            >
+                              right
+                            </div>
+                            <div
+                              class="Select__input-container css-qbdosj-Input"
+                              data-value=""
+                            >
+                              <input
+                                aria-autocomplete="list"
+                                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-1u9des2-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-tj5bde-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="size-xl"
+              />
+              <div
+                data-preference-item-test="line-numbers"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          On
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="size-xl"
+              />
+              <div
+                data-preference-item-test="tab-size"
+              >
+                <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="2"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="size-xl"
+              />
+              <div
+                data-preference-item-test="editor-font-size"
+              >
+                <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="12"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="size-xl"
+              />
+              <div
+                data-preference-item-test="editor-font-family"
+              >
+                <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="RobotoMono"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap b/packages/core/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
new file mode 100644
index 0000000000..959eb2c63d
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
@@ -0,0 +1,4623 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given extension with registered tab renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-registered-tab-page-id-metrics-extension-tab"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Metrics tab
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="application-page"
+                id="application-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Application
+                </h2>
+                <div
+                  data-preference-item-test="theme"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-1jqq78o-placeholder"
+                            id="react-select-theme-input-placeholder"
+                          >
+                            Select...
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="extension-install-registry"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Default Url
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="start-up"
+                >
+                  <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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="update-channel"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Stable
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="timezone"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Etc/GMT
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="extension-registered-tab-page-id-metrics-extension-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Metrics tab
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="preference-item-for-extension-registered-tab-page-id-additional-page-metrics-extension-tab"
+              id="preference-item-for-extension-registered-tab-page-id-additional-page-metrics-extension-tab"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Metrics tab
+              </h2>
+              <div
+                data-preference-item-test="preference-item-for-extension-registered-tab-page-id-item-metrics-preference-item-id"
+              >
+                <section
+                  class="small"
+                  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"
+                />
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="extension-registered-tab-page-id-metrics-extension-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Metrics tab
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="extension-duplicated-tab-page-id-metrics-extension-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Metrics tab
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="preference-item-for-extension-registered-tab-page-id-additional-page-metrics-extension-tab"
+              id="preference-item-for-extension-registered-tab-page-id-additional-page-metrics-extension-tab"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Metrics tab
+              </h2>
+              <div
+                data-preference-item-test="preference-item-for-extension-registered-tab-page-id-item-metrics-preference-item-id"
+              >
+                <section
+                  class="small"
+                  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"
+                />
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="extension-registered-tab-page-id-metrics-extension-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Metrics tab
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="extension-duplicated-tab-page-id-metrics-extension-tab"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Metrics tab
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="preference-item-for-extension-duplicated-tab-page-id-additional-page-metrics-extension-tab"
+              id="preference-item-for-extension-duplicated-tab-page-id-additional-page-metrics-extension-tab"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Metrics tab
+              </h2>
+              <div
+                data-preference-item-test="preference-item-for-extension-duplicated-tab-page-id-item-another-metrics-preference-item-id"
+              >
+                <section
+                  class="small"
+                  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"
+                />
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+              <div
+                class="TabSeparator"
+              >
+                <div
+                  class="HorizontalLine size-sm"
+                />
+              </div>
+              <div
+                data-preference-tab-group-test="extensions-tab-group"
+              >
+                <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
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="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-preference-tab-link-test="some-other-test-extension-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    some-other-test-extension-id
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="preference-item-for-extension-some-test-extension-id-page"
+              id="preference-item-for-extension-some-test-extension-id-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                some-test-extension-id preferences
+              </h2>
+              <div
+                data-preference-item-test="preference-item-for-extension-some-test-extension-id-item-some-preference-item-id"
+              >
+                <section
+                  class="small"
+                  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"
+                />
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+              <div
+                class="TabSeparator"
+              >
+                <div
+                  class="HorizontalLine size-sm"
+                />
+              </div>
+              <div
+                data-preference-tab-group-test="extensions-tab-group"
+              >
+                <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
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="some-test-extension-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    some-test-extension-id
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+              <div
+                class="TabSeparator"
+              >
+                <div
+                  class="HorizontalLine size-sm"
+                />
+              </div>
+              <div
+                data-preference-tab-group-test="extensions-tab-group"
+              >
+                <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
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="some-test-extension-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    some-test-extension-id
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="preference-item-for-extension-some-test-extension-id-page"
+              id="preference-item-for-extension-some-test-extension-id-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                some-test-extension-id preferences
+              </h2>
+              <div
+                data-preference-item-test="preference-item-for-extension-some-test-extension-id-item-some-preference-item-id"
+              >
+                <section
+                  class="small"
+                  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"
+                />
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <div
+                class="flex items-center"
+                data-preference-page-does-not-exist-test="true"
+              >
+                No preferences found
+              </div>
+            </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap b/packages/core/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
new file mode 100644
index 0000000000..b796e7b0b3
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
@@ -0,0 +1,1428 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="kubernetes-page"
+              id="kubernetes-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Kubernetes
+              </h2>
+              <div
+                data-preference-item-test="kubectl"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <div
+                    data-preference-item-test="kubectl-binary-download"
+                  >
+                    <section>
+                      <div
+                        class="SubTitle"
+                      >
+                        Kubectl binary download
+                         
+                      </div>
+                      <label
+                        class="Switch"
+                        data-testid="switch"
+                      >
+                        Download kubectl binaries matching the Kubernetes cluster version
+                        <input
+                          checked=""
+                          role="switch"
+                          type="checkbox"
+                        />
+                      </label>
+                    </section>
+                  </div>
+                  <div
+                    class="size-xl"
+                  />
+                  <div
+                    data-preference-item-test="kubectl-download-mirror"
+                  >
+                    <section>
+                      <div
+                        class="SubTitle"
+                      >
+                        Download mirror
+                         
+                      </div>
+                      <div
+                        class="Select theme-lens css-b62m3t-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 css-13cymwt-control"
+                        >
+                          <div
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                          >
+                            <div
+                              class="Select__single-value css-1dimb5e-singleValue"
+                            >
+                              Default (Google)
+                            </div>
+                            <div
+                              class="Select__input-container css-qbdosj-Input"
+                              data-value=""
+                            >
+                              <input
+                                aria-autocomplete="list"
+                                aria-expanded="false"
+                                aria-haspopup="true"
+                                autocapitalize="none"
+                                autocomplete="off"
+                                autocorrect="off"
+                                class="Select__input"
+                                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-1u9des2-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-tj5bde-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                  </div>
+                  <div
+                    class="size-xl"
+                  />
+                  <div
+                    data-preference-item-test="kubectl-directory-for-binaries"
+                  >
+                    <section>
+                      <div
+                        class="SubTitle"
+                      >
+                        Directory for binaries
+                         
+                      </div>
+                      <div
+                        class="Input theme round black"
+                      >
+                        <label
+                          class="input-area flex gaps align-center"
+                          id=""
+                        >
+                          <input
+                            class="input box grow"
+                            placeholder="/some-directory-for-app-data/some-product-name/binaries"
+                            spellcheck="false"
+                            value=""
+                          />
+                        </label>
+                        <div
+                          class="input-info flex gaps"
+                        />
+                      </div>
+                      <div
+                        class="hint"
+                      >
+                        The directory to download binaries into.
+                      </div>
+                    </section>
+                  </div>
+                  <div
+                    class="size-xl"
+                  />
+                  <div
+                    data-preference-item-test="kubectl-path-to-binary"
+                  >
+                    <section>
+                      <div
+                        class="SubTitle"
+                      >
+                        Path to kubectl binary
+                         
+                      </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-directory-for-app-data/some-product-name/binaries/kubectl"
+                            spellcheck="false"
+                            value=""
+                          />
+                        </label>
+                        <div
+                          class="input-info flex gaps"
+                        />
+                      </div>
+                    </section>
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="kubeconfig-sync"
+              >
+                <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="loading-spinner"
+                  >
+                    <div
+                      class="Spinner singleColor"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="helm-charts"
+              >
+                <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-13cymwt-control"
+                          >
+                            <div
+                              class="Select__value-container css-1fdsijx-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-1jqq78o-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap b/packages/core/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
new file mode 100644
index 0000000000..0acaad9d5c
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
@@ -0,0 +1,1157 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="proxy-page"
+              id="proxy-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Proxy
+              </h2>
+              <div
+                data-preference-item-test="http-proxy-url"
+              >
+                <section>
+                  <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>
+              </div>
+              <div
+                class="HorizontalLine size-sm"
+              />
+              <div
+                data-preference-item-test="allow-untrusted-certificates"
+              >
+                <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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap b/packages/core/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
new file mode 100644
index 0000000000..9170bff635
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
@@ -0,0 +1,2621 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="telemetry"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Telemetry
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="telemetry-page"
+              id="telemetry-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Telemetry
+              </h2>
+              <div
+                data-preference-item-test="automatic-error-reporting"
+              >
+                <div
+                  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 checked"
+                  >
+                    <input
+                      checked=""
+                      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>
+                </div>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="telemetry"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Telemetry
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="telemetry"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Telemetry
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="telemetry-page"
+              id="telemetry-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Telemetry
+              </h2>
+              <div
+                data-preference-item-test="preference-item-for-extension-some-test-extension-name-item-some-telemetry-preference-item-id"
+              >
+                <section
+                  class="small"
+                  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"
+                />
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="telemetry-page"
+              id="telemetry-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap b/packages/core/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
new file mode 100644
index 0000000000..0fe8c4df2c
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
@@ -0,0 +1,1364 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="terminal-page"
+              id="terminal-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Terminal
+              </h2>
+              <div
+                data-preference-item-test="terminal-shell-path"
+              >
+                <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>
+              </div>
+              <div
+                class="size-xl"
+              />
+              <div
+                data-preference-item-test="copy-paste-from-terminal-preference-item"
+              >
+                <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>
+              </div>
+              <div
+                class="size-xl"
+              />
+              <div
+                data-preference-item-test="terminal-theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Match Lens Theme
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="size-xl"
+              />
+              <div
+                data-preference-item-test="terminal-font-size-preference-item"
+              >
+                <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="12"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="size-xl"
+              />
+              <div
+                data-preference-item-test="terminal-font-family-preference-item"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          <span
+                            style="font-family: RobotoMono; font-size: 12px;"
+                          >
+                            RobotoMono
+                          </span>
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap b/packages/core/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
new file mode 100644
index 0000000000..8fd3eddd42
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -0,0 +1,1034 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="home-button"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </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 some-product-name!
+              </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://k8slens.dev/slack.html"
+                  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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </div>
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                data-preference-tab-group-test="general-tab-group"
+              >
+                <div
+                  class="header flex items-center"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-preference-tab-link-test="app"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-preference-tab-link-test="terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              data-preference-page-test="application-page"
+              id="application-page"
+            >
+              <h2
+                data-preference-page-title-test="true"
+              >
+                Application
+              </h2>
+              <div
+                data-preference-item-test="theme"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-1jqq78o-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="extension-install-registry"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Default Url
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="start-up"
+              >
+                <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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="update-channel"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </div>
+              <div
+                class="HorizontalLine size-xl"
+              />
+              <div
+                data-preference-item-test="timezone"
+              >
+                <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-13cymwt-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-1dimb5e-singleValue"
+                        >
+                          Etc/GMT
+                        </div>
+                        <div
+                          class="Select__input-container css-qbdosj-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            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-1u9des2-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+              </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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap b/packages/core/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
new file mode 100644
index 0000000000..5a65444e9b
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
@@ -0,0 +1,1038 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="application-page"
+                id="application-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Application
+                </h2>
+                <div
+                  data-preference-item-test="theme"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-1jqq78o-placeholder"
+                            id="react-select-theme-input-placeholder"
+                          >
+                            Select...
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="extension-install-registry"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Default Url
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="start-up"
+                >
+                  <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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="update-channel"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Stable
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="timezone"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Etc/GMT
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/preferences/__snapshots__/urls-of-legacy-extensions.test.tsx.snap b/packages/core/src/features/preferences/__snapshots__/urls-of-legacy-extensions.test.tsx.snap
new file mode 100644
index 0000000000..6b9a2c8f04
--- /dev/null
+++ b/packages/core/src/features/preferences/__snapshots__/urls-of-legacy-extensions.test.tsx.snap
@@ -0,0 +1,2020 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences: URLs of legacy extensions given extension with both custom preference tabs and content for the default tab when navigating to specific custom preference tab using magic string URL renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-some-extension-some-preference-tab-id"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Some title
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-some-extension-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-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="TabSeparator"
+                >
+                  <div
+                    class="HorizontalLine size-sm"
+                  />
+                </div>
+                <div
+                  data-preference-tab-group-test="extensions-tab-group"
+                >
+                  <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
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="some-extension"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      some-extension
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="preference-item-for-extension-some-extension-additional-page-some-preference-tab-id"
+                id="preference-item-for-extension-some-extension-additional-page-some-preference-tab-id"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Some title
+                </h2>
+                <div
+                  data-preference-item-test="preference-item-for-extension-some-extension-item-some-preference-item-id"
+                >
+                  <section
+                    class="small"
+                    id="some-preference-item-id"
+                  >
+                    <div
+                      class="SubTitle"
+                    >
+                      some-title
+                       
+                    </div>
+                    <div
+                      data-some-preference-test="some-preference-in-custom-tab"
+                    />
+                    <div
+                      class="hint"
+                    >
+                      <div />
+                    </div>
+                  </section>
+                  <hr
+                    class="small"
+                  />
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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: URLs of legacy extensions given extension with both custom preference tabs and content for the default tab when navigating to unspecified custom preferences tab using magic string URL renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-some-extension-some-preference-tab-id"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Some title
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-some-extension-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-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="TabSeparator"
+                >
+                  <div
+                    class="HorizontalLine size-sm"
+                  />
+                </div>
+                <div
+                  data-preference-tab-group-test="extensions-tab-group"
+                >
+                  <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
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="some-extension"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      some-extension
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="preference-item-for-extension-some-extension-page"
+                id="preference-item-for-extension-some-extension-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  some-extension preferences
+                </h2>
+                <div
+                  data-preference-item-test="preference-item-for-extension-some-extension-item-some-preference-item-id-in-default-tab"
+                >
+                  <section
+                    class="small"
+                    id="some-preference-item-id-in-default-tab"
+                  >
+                    <div
+                      class="SubTitle"
+                    >
+                      some-title-in-default-tab
+                       
+                    </div>
+                    <div
+                      data-some-preference-test="some-preference-in-default-tab"
+                    />
+                    <div
+                      class="hint"
+                    >
+                      <div />
+                    </div>
+                  </section>
+                  <hr
+                    class="small"
+                  />
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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: URLs of legacy extensions given extension with custom preferences and a custom preference tab when navigating to specific custom preference tab using magic string URL renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-some-extension-some-preference-tab-id"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Some title
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-some-extension-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-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="preference-item-for-extension-some-extension-additional-page-some-preference-tab-id"
+                id="preference-item-for-extension-some-extension-additional-page-some-preference-tab-id"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Some title
+                </h2>
+                <div
+                  data-preference-item-test="preference-item-for-extension-some-extension-item-some-preference-item-id"
+                >
+                  <section
+                    class="small"
+                    id="some-preference-item-id"
+                  >
+                    <div
+                      class="SubTitle"
+                    >
+                      some-title
+                       
+                    </div>
+                    <div
+                      data-some-preference-test="some-preference"
+                    />
+                    <div
+                      class="hint"
+                    >
+                      <div />
+                    </div>
+                  </section>
+                  <hr
+                    class="small"
+                  />
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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: URLs of legacy extensions given extension with custom preferences and a custom preference tab when navigating to unspecified custom preferences tab using magic string URL renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-some-extension-some-preference-tab-id"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Some title
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="extension-some-extension-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-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="preference-item-for-extension-some-extension-page"
+                id="preference-item-for-extension-some-extension-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  some-extension preferences
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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: URLs of legacy extensions given extension with custom preferences but without a custom preference tab when navigating to the default preference tab using magic string URL renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="TabSeparator"
+                >
+                  <div
+                    class="HorizontalLine size-sm"
+                  />
+                </div>
+                <div
+                  data-preference-tab-group-test="extensions-tab-group"
+                >
+                  <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
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="some-extension"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      some-extension
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="preference-item-for-extension-some-extension-page"
+                id="preference-item-for-extension-some-extension-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  some-extension preferences
+                </h2>
+                <div
+                  data-preference-item-test="preference-item-for-extension-some-extension-item-some-preference-item-id"
+                >
+                  <section
+                    class="small"
+                    id="some-preference-item-id"
+                  >
+                    <div
+                      class="SubTitle"
+                    >
+                      some-title
+                       
+                    </div>
+                    <div
+                      data-some-preference-test="true"
+                    />
+                    <div
+                      class="hint"
+                    >
+                      <div />
+                    </div>
+                  </section>
+                  <hr
+                    class="small"
+                  />
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/preferences/child-features/application-menu/main/navigate-to-preferences/navigate-to-preferences-menu-item.injectable.ts b/packages/core/src/features/preferences/child-features/application-menu/main/navigate-to-preferences/navigate-to-preferences-menu-item.injectable.ts
new file mode 100644
index 0000000000..30687eed55
--- /dev/null
+++ b/packages/core/src/features/preferences/child-features/application-menu/main/navigate-to-preferences/navigate-to-preferences-menu-item.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 applicationMenuItemInjectionToken from "../../../../../application-menu/main/menu-items/application-menu-item-injection-token";
+import navigateToPreferencesInjectable from "../../../../common/navigate-to-preferences.injectable";
+import isMacInjectable from "../../../../../../common/vars/is-mac.injectable";
+
+const navigateToPreferencesMenuItemInjectable = getInjectable({
+  id: "navigate-to-preferences-menu-item",
+
+  instantiate: (di) => {
+    const navigateToPreferences = di.inject(navigateToPreferencesInjectable);
+    const isMac = di.inject(isMacInjectable);
+
+    return {
+      kind: "clickable-menu-item" as const,
+      parentId: isMac ? "mac" : "file",
+      id: "navigate-to-preferences",
+      orderNumber: isMac ? 40 : 30,
+      label: "Preferences",
+      keyboardShortcut: isMac ? "CmdOrCtrl+," : "Ctrl+,",
+
+      onClick: () => {
+        navigateToPreferences();
+      },
+    };
+  },
+
+  injectionToken: applicationMenuItemInjectionToken,
+});
+
+export default navigateToPreferencesMenuItemInjectable;
diff --git a/packages/core/src/features/preferences/child-features/tray/main/open-preferences/open-preferences-tray-item.injectable.ts b/packages/core/src/features/preferences/child-features/tray/main/open-preferences/open-preferences-tray-item.injectable.ts
new file mode 100644
index 0000000000..4d7c6f66ec
--- /dev/null
+++ b/packages/core/src/features/preferences/child-features/tray/main/open-preferences/open-preferences-tray-item.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 } from "@ogre-tools/injectable";
+import { trayMenuItemInjectionToken } from "../../../../../../main/tray/tray-menu-item/tray-menu-item-injection-token";
+import navigateToPreferencesInjectable from "../../../../common/navigate-to-preferences.injectable";
+import { computed } from "mobx";
+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";
+
+const openPreferencesTrayItemInjectable = getInjectable({
+  id: "open-preferences-tray-item",
+
+  instantiate: (di) => {
+    const navigateToPreferences = di.inject(navigateToPreferencesInjectable);
+    const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+
+    return {
+      id: "open-preferences",
+      parentId: null,
+      label: computed(() => "Preferences"),
+      orderNumber: 20,
+      enabled: computed(() => true),
+      visible: computed(() => true),
+
+      click: pipeline(
+        navigateToPreferences,
+
+        withErrorLoggingFor(() => "[TRAY]: Opening of preferences failed."),
+
+        // TODO: Find out how to improve typing so that instead of
+        // x => withErrorSuppression(x) there could only be withErrorSuppression
+        (x) => withErrorSuppression(x),
+      ),
+    };
+  },
+
+  injectionToken: trayMenuItemInjectionToken,
+});
+
+export default openPreferencesTrayItemInjectable;
diff --git a/packages/core/src/features/preferences/closing-preferences.test.tsx b/packages/core/src/features/preferences/closing-preferences.test.tsx
new file mode 100644
index 0000000000..7d30400589
--- /dev/null
+++ b/packages/core/src/features/preferences/closing-preferences.test.tsx
@@ -0,0 +1,288 @@
+/**
+ * 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 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 currentPathInjectable from "../../renderer/routes/current-path.injectable";
+import { frontEndRouteInjectionToken } from "../../common/front-end-routing/front-end-route-injection-token";
+import { computed, runInAction } from "mobx";
+import React from "react";
+import { routeSpecificComponentInjectionToken } from "../../renderer/routes/route-specific-component-injection-token";
+import observableHistoryInjectable from "../../renderer/navigation/observable-history.injectable";
+import { createMemoryHistory } from "history";
+import { createObservableHistory } from "mobx-observable-history";
+import navigateToFrontPageInjectable from "../../common/front-end-routing/navigate-to-front-page.injectable";
+import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
+import { preferenceItemInjectionToken } from "./renderer/preference-items/preference-item-injection-token";
+import { searchParamsOptions } from "../../renderer/navigation/search-params";
+
+describe("preferences - closing-preferences", () => {
+  let builder: ApplicationBuilder;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.beforeWindowStart((windowDi) => {
+      runInAction(() => {
+        windowDi.register(
+          testPreferenceTabInjectable,
+          testPreferenceItemInjectable,
+          testRouteInjectable,
+          testRouteComponentInjectable,
+          testFrontPageRouteInjectable,
+          testFrontPageRouteComponentInjectable,
+        );
+      });
+
+      windowDi.override(navigateToFrontPageInjectable, (di) => {
+        const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+        const testFrontPage = di.inject(testFrontPageRouteInjectable);
+
+        return () => {
+          navigateToRoute(testFrontPage);
+        };
+      });
+    });
+  });
+
+  describe("given already in a page and then navigated to preferences", () => {
+    let rendered: RenderResult;
+    let windowDi: DiContainer;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(observableHistoryInjectable, () => {
+          const historyFake = createMemoryHistory({
+            initialEntries: ["/some-page"],
+            initialIndex: 0,
+          });
+
+          return createObservableHistory(historyFake, {
+            searchParams: searchParamsOptions,
+          });
+        });
+      });
+
+      rendered = await builder.render();
+      windowDi = builder.applicationWindow.only.di;
+
+      builder.preferences.navigate();
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    describe("when preferences are closed", () => {
+      beforeEach(() => {
+        builder.preferences.close();
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("navigates back to the original page", () => {
+        const currentPath = windowDi.inject(currentPathInjectable).get();
+
+        expect(currentPath).toBe("/some-page");
+      });
+
+      it("shows the original page", () => {
+        expect(rendered.getByTestId("some-page")).toBeInTheDocument();
+      });
+    });
+
+    describe("when navigating to a tab in preferences", () => {
+      beforeEach(() => {
+        builder.preferences.navigation.click(
+          "some-path-id-for-some-test-tab-id",
+        );
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      describe("when preferences are closed", () => {
+        beforeEach(() => {
+          builder.preferences.close();
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("navigates back to the original page", () => {
+          const currentPath = windowDi.inject(currentPathInjectable).get();
+
+          expect(currentPath).toBe("/some-page");
+        });
+
+        it("shows the original page", () => {
+          expect(rendered.getByTestId("some-page")).toBeInTheDocument();
+        });
+      });
+    });
+  });
+
+  describe("given accessing preferences directly", () => {
+    let rendered: RenderResult;
+    let windowDi: DiContainer;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(observableHistoryInjectable, () => {
+          const historyFake = createMemoryHistory({
+            initialEntries: ["/preferences/app"],
+            initialIndex: 0,
+          });
+
+          return createObservableHistory(historyFake, {
+            searchParams: searchParamsOptions,
+          });
+        });
+      });
+
+      rendered = await builder.render();
+
+      windowDi = builder.applicationWindow.only.di;
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    describe("when preferences are closed", () => {
+      beforeEach(() => {
+        builder.preferences.close();
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("navigates back to the front page", () => {
+        const currentPath = windowDi.inject(currentPathInjectable).get();
+
+        expect(currentPath).toBe("/some-front-page");
+      });
+
+      it("shows front page", () => {
+        expect(rendered.getByTestId("some-front-page")).toBeInTheDocument();
+      });
+    });
+
+    describe("when navigating to a tab in preferences", () => {
+      beforeEach(() => {
+        builder.preferences.navigation.click(
+          "some-path-id-for-some-test-tab-id",
+        );
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      describe("when preferences are closed", () => {
+        beforeEach(() => {
+          builder.preferences.close();
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("navigates back to the front page", () => {
+          const currentPath = windowDi.inject(currentPathInjectable).get();
+
+          expect(currentPath).toBe("/some-front-page");
+        });
+
+        it("shows front page", () => {
+          expect(rendered.getByTestId("some-front-page")).toBeInTheDocument();
+        });
+      });
+    });
+  });
+});
+
+const testFrontPageRouteInjectable = getInjectable({
+  id: "some-front-page",
+
+  instantiate: () => ({
+    path: "/some-front-page",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testFrontPageRouteComponentInjectable = getInjectable({
+  id: "some-front-page-component",
+
+  instantiate: (di) => ({
+    route: di.inject(testFrontPageRouteInjectable),
+    Component: () => <div data-testid="some-front-page">Some front page</div>,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const testRouteInjectable = getInjectable({
+  id: "some-page",
+
+  instantiate: () => ({
+    path: "/some-page",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "some-page-component",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteInjectable),
+    Component: () => <div data-testid="some-page">Some content</div>,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const testPreferenceTabInjectable = getInjectable({
+  id: "test-preference-tab",
+
+  instantiate: () => ({
+    kind: "tab" as const,
+    id: "some-test-tab-id",
+    pathId: "some-path-id-for-some-test-tab-id",
+    parentId: "general-tab-group" as const,
+    testId: "some-test-id-for-some-test-tab-id",
+    label: "Test tab",
+    orderNumber: 90,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+const testPreferenceItemInjectable = getInjectable({
+  id: "test-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "test-item",
+    parentId: "some-test-tab-id" as const,
+    Component: () => <div>irrelevant</div>,
+    orderNumber: 0,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
diff --git a/packages/core/src/features/preferences/common/navigate-to-application-preferences.injectable.ts b/packages/core/src/features/preferences/common/navigate-to-application-preferences.injectable.ts
new file mode 100644
index 0000000000..3a1923f4cd
--- /dev/null
+++ b/packages/core/src/features/preferences/common/navigate-to-application-preferences.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 navigateToPreferencesInjectable from "./navigate-to-preferences.injectable";
+
+const navigateToApplicationPreferencesInjectable = getInjectable({
+  id: "navigate-to-application-preferences",
+
+  instantiate: (di) => {
+    const navigateToPreferences = di.inject(navigateToPreferencesInjectable);
+
+    return () => navigateToPreferences("app");
+  },
+});
+
+export default navigateToApplicationPreferencesInjectable;
diff --git a/packages/core/src/features/preferences/common/navigate-to-editor-preferences.injectable.ts b/packages/core/src/features/preferences/common/navigate-to-editor-preferences.injectable.ts
new file mode 100644
index 0000000000..8b843003b4
--- /dev/null
+++ b/packages/core/src/features/preferences/common/navigate-to-editor-preferences.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 navigateToPreferencesInjectable from "./navigate-to-preferences.injectable";
+
+const navigateToEditorPreferencesInjectable = getInjectable({
+  id: "navigate-to-editor-preferences",
+
+  instantiate: (di) => {
+    const navigateToPreferences = di.inject(navigateToPreferencesInjectable);
+
+    return () => navigateToPreferences("editor");
+  },
+});
+
+export default navigateToEditorPreferencesInjectable;
diff --git a/packages/core/src/features/preferences/common/navigate-to-kubernetes-preferences.injectable.ts b/packages/core/src/features/preferences/common/navigate-to-kubernetes-preferences.injectable.ts
new file mode 100644
index 0000000000..0d995d6169
--- /dev/null
+++ b/packages/core/src/features/preferences/common/navigate-to-kubernetes-preferences.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 navigateToPreferencesInjectable from "./navigate-to-preferences.injectable";
+
+const navigateToKubernetesPreferencesInjectable = getInjectable({
+  id: "navigate-to-kubernetes-preferences",
+
+  instantiate: (di) => {
+    const navigateToPreferences = di.inject(navigateToPreferencesInjectable);
+
+    return () => navigateToPreferences("kubernetes");
+  },
+});
+
+export default navigateToKubernetesPreferencesInjectable;
diff --git a/packages/core/src/features/preferences/common/navigate-to-preferences.injectable.ts b/packages/core/src/features/preferences/common/navigate-to-preferences.injectable.ts
new file mode 100644
index 0000000000..c06137d704
--- /dev/null
+++ b/packages/core/src/features/preferences/common/navigate-to-preferences.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 { navigateToRouteInjectionToken } from "../../../common/front-end-routing/navigate-to-route-injection-token";
+import preferencesRouteInjectable from "./preferences-route.injectable";
+
+const navigateToPreferencesInjectable = getInjectable({
+  id: "navigate-to-preferences",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const preferencesRoute = di.inject(preferencesRouteInjectable);
+
+    return (tabId?: string) =>
+      navigateToRoute(preferencesRoute, {
+        parameters: tabId ? { preferenceTabId: tabId } : {},
+      });
+  },
+});
+
+export default navigateToPreferencesInjectable;
diff --git a/packages/core/src/features/preferences/common/navigate-to-proxy-preferences.injectable.ts b/packages/core/src/features/preferences/common/navigate-to-proxy-preferences.injectable.ts
new file mode 100644
index 0000000000..c95ad757f1
--- /dev/null
+++ b/packages/core/src/features/preferences/common/navigate-to-proxy-preferences.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 navigateToPreferencesInjectable from "./navigate-to-preferences.injectable";
+
+const navigateToProxyPreferencesInjectable = getInjectable({
+  id: "navigate-to-proxy-preferences",
+
+  instantiate: (di) => {
+    const navigateToPreferences = di.inject(navigateToPreferencesInjectable);
+
+    return () => navigateToPreferences("proxy");
+  },
+});
+
+export default navigateToProxyPreferencesInjectable;
diff --git a/packages/core/src/features/preferences/common/navigate-to-telemetry-preferences.injectable.ts b/packages/core/src/features/preferences/common/navigate-to-telemetry-preferences.injectable.ts
new file mode 100644
index 0000000000..6d82feb148
--- /dev/null
+++ b/packages/core/src/features/preferences/common/navigate-to-telemetry-preferences.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 navigateToPreferencesInjectable from "./navigate-to-preferences.injectable";
+
+const navigateToTelemetryPreferencesInjectable = getInjectable({
+  id: "navigate-to-telemetry-preferences",
+
+  instantiate: (di) => {
+    const navigateToPreferences = di.inject(navigateToPreferencesInjectable);
+
+    return () => navigateToPreferences("telemetry");
+  },
+});
+
+export default navigateToTelemetryPreferencesInjectable;
diff --git a/packages/core/src/features/preferences/common/navigate-to-terminal-preferences.injectable.ts b/packages/core/src/features/preferences/common/navigate-to-terminal-preferences.injectable.ts
new file mode 100644
index 0000000000..66684e47ea
--- /dev/null
+++ b/packages/core/src/features/preferences/common/navigate-to-terminal-preferences.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 navigateToPreferencesInjectable from "./navigate-to-preferences.injectable";
+
+const navigateToTerminalPreferencesInjectable = getInjectable({
+  id: "navigate-to-terminal-preferences",
+
+  instantiate: (di) => {
+    const navigateToPreferences = di.inject(navigateToPreferencesInjectable);
+
+    return () => navigateToPreferences("terminal");
+  },
+});
+
+export default navigateToTerminalPreferencesInjectable;
diff --git a/packages/core/src/features/preferences/common/preferences-catalog-entity.injectable.ts b/packages/core/src/features/preferences/common/preferences-catalog-entity.injectable.ts
new file mode 100644
index 0000000000..e4f3a65a93
--- /dev/null
+++ b/packages/core/src/features/preferences/common/preferences-catalog-entity.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 { generalCatalogEntityInjectionToken } from "../../../common/catalog-entities/general-catalog-entities/general-catalog-entity-injection-token";
+import { GeneralEntity } from "../../../common/catalog-entities";
+import { buildURL } from "../../../common/utils/buildUrl";
+import preferencesRouteInjectable from "./preferences-route.injectable";
+
+const preferencesCatalogEntityInjectable = getInjectable({
+  id: "general-catalog-entity-for-preferences",
+
+  instantiate: (di) => {
+    const route = di.inject(preferencesRouteInjectable);
+    const url = buildURL(route.path);
+
+    return new GeneralEntity({
+      metadata: {
+        uid: "preferences-entity",
+        name: "Preferences",
+        source: "app",
+        labels: {},
+      },
+      spec: {
+        path: url,
+        icon: {
+          material: "settings",
+          background: "#3d90ce",
+        },
+      },
+      status: {
+        phase: "active",
+      },
+    });
+  },
+
+  injectionToken: generalCatalogEntityInjectionToken,
+});
+
+export default preferencesCatalogEntityInjectable;
diff --git a/packages/core/src/features/preferences/common/preferences-route-for-legacy-extensions.injectable.ts b/packages/core/src/features/preferences/common/preferences-route-for-legacy-extensions.injectable.ts
new file mode 100644
index 0000000000..c1f81953a0
--- /dev/null
+++ b/packages/core/src/features/preferences/common/preferences-route-for-legacy-extensions.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 { computed } from "mobx";
+import { frontEndRouteInjectionToken } from "../../../common/front-end-routing/front-end-route-injection-token";
+
+const preferencesRouteForLegacyExtensionsInjectable = getInjectable({
+  id: "preferences-route-for-legacy-extensions",
+
+  instantiate: () => ({
+    path: "/preferences/extension/:extensionId/:preferenceTabId?",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default preferencesRouteForLegacyExtensionsInjectable;
diff --git a/packages/core/src/features/preferences/common/preferences-route.injectable.ts b/packages/core/src/features/preferences/common/preferences-route.injectable.ts
new file mode 100644
index 0000000000..7d7283ed1f
--- /dev/null
+++ b/packages/core/src/features/preferences/common/preferences-route.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 { computed } from "mobx";
+import { frontEndRouteInjectionToken } from "../../../common/front-end-routing/front-end-route-injection-token";
+
+const preferencesRouteInjectable = getInjectable({
+  id: "preferences-route",
+
+  instantiate: () => ({
+    path: "/preferences/:preferenceTabId?",
+    clusterFrame: false,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default preferencesRouteInjectable;
diff --git a/packages/core/src/features/preferences/extension-adding-preference-tabs.test.tsx b/packages/core/src/features/preferences/extension-adding-preference-tabs.test.tsx
new file mode 100644
index 0000000000..a68f39f547
--- /dev/null
+++ b/packages/core/src/features/preferences/extension-adding-preference-tabs.test.tsx
@@ -0,0 +1,136 @@
+/**
+ * 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";
+import type { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import React from "react";
+
+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>;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+
+      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()),
+            },
+          ],
+
+          appPreferences: [
+            {
+              title: "some-title",
+              id: "some-preference-item-id",
+              showInPreferencesTab: "some-preference-tab-id",
+
+              components: {
+                Hint: () => <div />,
+                Input: () => <div />,
+              },
+            },
+            {
+              title: "some-other-title",
+              id: "some-other-preference-item-id",
+              showInPreferencesTab: "some-other-preference-tab-id",
+
+              components: {
+                Hint: () => <div />,
+                Input: () => <div />,
+              },
+            },
+            {
+              title: "some-another-title",
+              id: "some-another-preference-item-id",
+              showInPreferencesTab: "some-preference-tab-id-with-controlled-visibility",
+
+              components: {
+                Hint: () => <div />,
+                Input: () => <div />,
+              },
+            },
+          ],
+        },
+      };
+
+      builder.extensions.enable(testExtension);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows tabs in order", () => {
+      const actual = discover
+        .queryAllElements("preference-tab-link")
+        .attributeValues.filter((value) =>
+          value?.startsWith("extension-some-extension"),
+        );
+
+      expect(actual).toEqual([
+        "extension-some-extension-some-other-preference-tab-id",
+        "extension-some-extension-some-preference-tab-id",
+      ]);
+    });
+
+    it("does not show hidden tab", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-tab-link",
+        "extension-some-extension-some-preference-tab-id-with-controlled-visibility",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    it("when item becomes visible, shows the tab", () => {
+      runInAction(() => {
+        someObservable.set(true);
+      });
+
+      const { discovered } = discover.getSingleElement(
+        "preference-tab-link",
+        "extension-some-extension-some-preference-tab-id-with-controlled-visibility",
+      );
+
+      expect(discovered).not.toBeNull();
+    });
+  });
+});
diff --git a/packages/core/src/features/preferences/hiding-of-empty-branches.test.tsx b/packages/core/src/features/preferences/hiding-of-empty-branches.test.tsx
new file mode 100644
index 0000000000..0bc2d67d24
--- /dev/null
+++ b/packages/core/src/features/preferences/hiding-of-empty-branches.test.tsx
@@ -0,0 +1,224 @@
+/**
+ * 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 { DiContainer } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { RenderResult } from "@testing-library/react";
+import { 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 { preferenceItemInjectionToken } from "./renderer/preference-items/preference-item-injection-token";
+import type { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+
+describe("preferences - hiding-of-empty-branches, given in preferences page", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let windowDi: DiContainer;
+  let discover: Discover;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    rendered = await builder.render();
+
+    discover = discoverFor(() => rendered);
+
+    builder.preferences.navigate();
+
+    windowDi = builder.applicationWindow.only.di;
+  });
+
+  describe("given tab group and empty tabs", () => {
+    beforeEach(() => {
+      const someTabGroupInjectable = getInjectable({
+        id: "some-tab-group",
+
+        instantiate: () => ({
+          kind: "tab-group" as const,
+          id: "some-tab-group",
+          parentId: "preference-tabs" as const,
+          label: "Some tab group label",
+          orderNumber: 10,
+        }),
+
+        injectionToken: preferenceItemInjectionToken,
+      });
+
+      const someTabInjectable = getInjectable({
+        id: "some-tab",
+
+        instantiate: () => ({
+          kind: "tab" as const,
+          id: "some-tab-id",
+          parentId: "some-tab-group" as const,
+          pathId: "some-path-id-for-some-tab-id",
+          label: "Some tab label",
+          orderNumber: 10,
+        }),
+
+        injectionToken: preferenceItemInjectionToken,
+      });
+
+      const someOtherTabInjectable = getInjectable({
+        id: "some-other-tab",
+
+        instantiate: () => ({
+          kind: "tab" as const,
+          id: "some-other-tab-id",
+          parentId: "some-tab-group" as const,
+          pathId: "some-path-id-for-some-other-tab-id",
+          label: "Some other tab label",
+          orderNumber: 10,
+        }),
+
+        injectionToken: preferenceItemInjectionToken,
+      });
+
+      runInAction(() => {
+        windowDi.register(
+          someTabGroupInjectable,
+          someTabInjectable,
+          someOtherTabInjectable,
+        );
+      });
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("does not render the empty tab group", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-tab-group",
+        "some-tab-group",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    it("does not render the empty tabs", () => {
+      const { discovered: someTab } = discover.querySingleElement(
+        "preference-tab-link",
+        "some-path-id-for-some-tab-id",
+      );
+
+      const { discovered: someOtherTab } = discover.querySingleElement(
+        "preference-tab-link",
+        "some-path-id-for-some-other-tab-id",
+      );
+
+      expect([someTab, someOtherTab]).toEqual([null, null]);
+    });
+
+    describe("when an item appears for one of the tabs", () => {
+      beforeEach(() => {
+        const itemForTabInjectable = getInjectable({
+          id: "some-preference-item",
+
+          instantiate: () => ({
+            kind: "block" as const,
+            id: "some-preference-item-id",
+            parentId: "some-tab-id" as const,
+            testId: "some-preference-item",
+            Component: () => <div>Irrelevant</div>,
+            orderNumber: 10,
+          }),
+
+          injectionToken: preferenceItemInjectionToken,
+        });
+
+        runInAction(() => {
+          windowDi.register(itemForTabInjectable);
+        });
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("renders the tab group that is no longer empty", () => {
+        const { discovered } = discover.querySingleElement(
+          "preference-tab-group",
+          "some-tab-group",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+
+      it("renders the tab that is no longer empty", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-tab-link",
+          "some-path-id-for-some-tab-id",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+
+      it("does not render the tab that is still empty", () => {
+        const { discovered } = discover.querySingleElement(
+          "preference-tab-link",
+          "some-path-id-for-some-other-tab-id",
+        );
+
+        expect(discovered).toBeNull();
+      });
+
+      describe("when an item appears for the remaining tab", () => {
+        beforeEach(() => {
+          const itemForTabInjectable = getInjectable({
+            id: "some-other-preference-item",
+
+            instantiate: () => ({
+              kind: "block" as const,
+              id: "some-other-preference-item-id",
+              parentId: "some-other-tab-id" as const,
+              testId: "some-other-preference-item",
+              Component: () => <div>Irrelevant</div>,
+              orderNumber: 10,
+            }),
+
+            injectionToken: preferenceItemInjectionToken,
+          });
+
+          runInAction(() => {
+            windowDi.register(itemForTabInjectable);
+          });
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("still renders the tab group that is not empty", () => {
+          const { discovered } = discover.getSingleElement(
+            "preference-tab-group",
+            "some-tab-group",
+          );
+
+          expect(discovered).not.toBeNull();
+        });
+
+        it("still renders the tab that is not empty", () => {
+          const { discovered } = discover.getSingleElement(
+            "preference-tab-link",
+            "some-path-id-for-some-tab-id",
+          );
+
+          expect(discovered).not.toBeNull();
+        });
+
+        it("now renders the other tab that is no longer empty", () => {
+          const { discovered } = discover.getSingleElement(
+            "preference-tab-link",
+            "some-path-id-for-some-other-tab-id",
+          );
+
+          expect(discovered).not.toBeNull();
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/preferences/navigation-to-application-preferences.test.tsx b/packages/core/src/features/preferences/navigation-to-application-preferences.test.tsx
new file mode 100644
index 0000000000..1176bc984c
--- /dev/null
+++ b/packages/core/src/features/preferences/navigation-to-application-preferences.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 React from "react";
+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 navigateToProxyPreferencesInjectable from "./common/navigate-to-proxy-preferences.injectable";
+import type { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import type { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
+
+describe("preferences - navigation to application preferences", () => {
+  let builder: ApplicationBuilder;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+  });
+
+  describe("given in preferences, when rendered", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart(() => {
+        builder.preferences.navigate();
+      });
+
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("shows application preferences", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-page",
+        "application-page",
+      );
+
+      expect(discovered).not.toBeNull();
+    });
+
+    describe("when extension with application preference items gets enabled", () => {
+      beforeEach(() => {
+        builder.extensions.enable(
+          extensionStubWithApplicationPreferenceItems,
+        );
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("shows preference items of the extension as last", () => {
+        const { attributeValues } =
+            discover.queryAllElements("preference-item");
+
+        expect(attributeValues.at(-1)).toBe("preference-item-for-extension-some-test-extension-name-item-some-application-preference-item-id");
+      });
+    });
+  });
+
+  describe("given in some child page of preferences, when rendered", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart((windowDi) => {
+        const navigateToProxyPreferences = windowDi.inject(navigateToProxyPreferencesInjectable);
+
+        navigateToProxyPreferences();
+      });
+
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("does not show application preferences yet", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-page",
+        "application-page",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    describe("when navigating to application preferences using navigation", () => {
+      beforeEach(() => {
+        builder.preferences.navigation.click("app");
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("shows application preferences", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "application-page",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+
+    describe("when navigating to preferences without specifying the tab", () => {
+      beforeEach(() => {
+        builder.preferences.navigate();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows tab for application preferences for it being the default", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "application-page",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+  });
+});
+
+const extensionStubWithApplicationPreferenceItems: FakeExtensionOptions = {
+  id: "some-test-extension-id",
+  name: "some-test-extension-name",
+
+  rendererOptions: {
+    appPreferences: [
+      {
+        title: "Some application-preference item",
+        id: "some-application-preference-item-id",
+        showInPreferencesTab: "application",
+
+        components: {
+          Hint: () => <div data-testid="some-preference-item-hint" />,
+          Input: () => <div data-testid="some-preference-item-input" />,
+        },
+      },
+    ],
+  },
+};
diff --git a/packages/core/src/features/preferences/navigation-to-editor-preferences.test.ts b/packages/core/src/features/preferences/navigation-to-editor-preferences.test.ts
new file mode 100644
index 0000000000..018a27210a
--- /dev/null
+++ b/packages/core/src/features/preferences/navigation-to-editor-preferences.test.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 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 { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+
+describe("preferences - navigation to editor preferences", () => {
+  let applicationBuilder: ApplicationBuilder;
+  let discover: Discover;
+
+  beforeEach(() => {
+    applicationBuilder = getApplicationBuilder();
+  });
+
+  describe("given in preferences, when rendered", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      applicationBuilder.beforeWindowStart(() => {
+        applicationBuilder.preferences.navigate();
+      });
+
+      rendered = await applicationBuilder.render();
+
+      discover = discoverFor(() => rendered);
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+    it("does not show editor preferences yet", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-page",
+        "editor-page",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    describe("when navigating to editor preferences using navigation", () => {
+      beforeEach(() => {
+        applicationBuilder.preferences.navigation.click("editor");
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("shows editor preferences", () => {
+        const page = discover.getSingleElement(
+          "preference-page",
+          "editor-page",
+        );
+
+        expect(page).not.toBeNull();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/preferences/navigation-to-extension-specific-preferences.test.tsx b/packages/core/src/features/preferences/navigation-to-extension-specific-preferences.test.tsx
new file mode 100644
index 0000000000..4480871986
--- /dev/null
+++ b/packages/core/src/features/preferences/navigation-to-extension-specific-preferences.test.tsx
@@ -0,0 +1,480 @@
+/**
+ * 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 React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import type { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
+import type { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import logErrorInjectable from "../../common/log-error.injectable";
+
+describe("preferences - navigation to extension specific preferences", () => {
+  let builder: ApplicationBuilder;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+  });
+
+  describe("given in preferences, when rendered", () => {
+    let rendered: RenderResult;
+    let logErrorMock: jest.Mock;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      logErrorMock = jest.fn();
+
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(logErrorInjectable, () => logErrorMock);
+
+        builder.preferences.navigate();
+      });
+
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("does not show extension preferences yet", () => {
+      // Todo: check if query is correct.
+      const { discovered } = discover.querySingleElement(
+        "preference-page",
+        "extension",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    it("does not show link for extension preferences", () => {
+      const actual = rendered.queryByTestId("tab-link-for-extensions");
+
+      expect(actual).toBeNull();
+    });
+
+    describe("given multiple extensions with specific preferences, when navigating to extension specific preferences page", () => {
+      beforeEach(() => {
+        builder.extensions.enable(
+          extensionStubWithExtensionSpecificPreferenceItems,
+          someOtherExtensionStubWithExtensionSpecificPreferenceItems,
+        );
+
+        builder.preferences.navigation.click(
+          "some-test-extension-id",
+        );
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("doesn't show preferences from unrelated extension", () => {
+        const { discovered } = discover.querySingleElement(
+          "preference-page",
+          "preference-item-for-extension-some-other-test-extension-id-page",
+        );
+
+        expect(discovered).toBeNull();
+      });
+
+      it("shows preferences from related extension", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "preference-item-for-extension-some-test-extension-id-page",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+
+    describe("given multiple extensions with and without specific preferences", () => {
+      beforeEach(() => {
+        builder.extensions.enable(
+          extensionStubWithExtensionSpecificPreferenceItems,
+          extensionStubWithoutPreferences,
+          extensionStubWithShowInPreferencesTab,
+        );
+      });
+
+      it("doesn't show link for extension without preferences", () => {
+        const actual = rendered.queryByTestId("tab-link-for-extension-without-preferences-id");
+
+        expect(actual).toBeNull();
+      });
+
+      it("doesn't show link for preferences intended for a specific tab", () => {
+        const actual = rendered.queryByTestId("tab-link-for-extension-specified-preferences-page-id");
+
+        expect(actual).toBeNull();
+      });
+    });
+
+    describe("when extension with specific preferences is enabled", () => {
+      beforeEach(() => {
+        builder.extensions.enable(extensionStubWithExtensionSpecificPreferenceItems);
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("link should not be active", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-tab-link",
+          "some-test-extension-id",
+        );
+
+        expect(discovered).not.toHaveClass("active");
+      });
+
+      describe("when navigating to extension preferences using navigation", () => {
+        beforeEach(() => {
+          builder.preferences.navigation.click("some-test-extension-id");
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("shows proper page title", () => {
+          const { discovered } = discover.getSingleElement("preference-page-title");
+
+          expect(discovered).toHaveTextContent("some-test-extension-id preferences");
+        });
+
+        it("shows only extension specific preference items", () => {
+          const { attributeValues } =
+            discover.queryAllElements("preference-item");
+
+          expect(attributeValues).toEqual([
+            "preference-item-for-extension-some-test-extension-id-item-some-preference-item-id",
+          ]);
+        });
+
+        it("link is active", () => {
+          const { discovered } = discover.getSingleElement(
+            "preference-tab-link",
+            "some-test-extension-id",
+          );
+
+          expect(discovered).toHaveClass("active");
+        });
+
+        describe("when extension is disabled", () => {
+          beforeEach(() => {
+            builder.extensions.disable(extensionStubWithExtensionSpecificPreferenceItems);
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("does not show any preference page", () => {
+            const { discovered } = discover.querySingleElement("preference-page");
+
+            expect(discovered).toBeNull();
+          });
+
+          it("when extension is enabled again, shows the preference page", () => {
+            builder.extensions.enable(extensionStubWithExtensionSpecificPreferenceItems);
+
+            const { discovered } = discover.getSingleElement(
+              "preference-page",
+              "preference-item-for-extension-some-test-extension-id-page",
+            );
+
+            expect(discovered).not.toBeNull();
+          });
+        });
+      });
+    });
+
+    describe("given extension with registered tab", () => {
+      beforeEach(() => {
+        builder.extensions.enable(extensionStubWithRegisteredTab);
+      });
+
+      it("logs error", () => {
+        expect(
+          logErrorMock.mock.calls[0][0].startsWith(
+            "Tried to create preferences, but encountered references to unknown ids",
+          ),
+        ).toBe(true);
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows extension tab in general area", () => {
+        const { discovered } = discover
+          .getSingleElement("preference-tab-group", "general-tab-group")
+          .getSingleElement(
+            "preference-tab-link",
+            "extension-registered-tab-page-id-metrics-extension-tab",
+          );
+
+        expect(discovered).not.toBeNull();
+      });
+
+      it("does not show tab group for extensions for there being no content", () => {
+        const { discovered } = discover.querySingleElement(
+          "preference-tab-group",
+          "extensions-tab-group",
+        );
+
+        expect(discovered).toBeNull();
+      });
+
+      describe("when navigating to specific extension tab", () => {
+        beforeEach(() => {
+          builder.preferences.navigation.click("extension-registered-tab-page-id-metrics-extension-tab");
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("shows related preferences for this tab", () => {
+          const actual = rendered.getByTestId("metrics-preference-item-hint");
+
+          expect(actual).toBeInTheDocument();
+        });
+
+        it("does not show unrelated preferences for this tab", () => {
+          const actual = rendered.queryByTestId("survey-preference-item-hint");
+
+          expect(actual).not.toBeInTheDocument();
+        });
+
+        it("shows correct page title", () => {
+          const { discovered } = discover.getSingleElement(
+            "preference-page-title",
+          );
+
+          expect(discovered).toHaveTextContent("Metrics tab");
+        });
+      });
+    });
+
+    describe("given extensions with tabs having same id", () => {
+      beforeEach(() => {
+        builder.extensions.enable(
+          extensionStubWithRegisteredTab,
+          extensionStubWithSameRegisteredTab,
+        );
+      });
+
+      it("shows tab from the first extension", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-tab-link",
+          "extension-registered-tab-page-id-metrics-extension-tab",
+        );
+
+        expect(discovered).toBeInTheDocument();
+      });
+
+      it("shows tab from the second extension", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-tab-link",
+          "extension-duplicated-tab-page-id-metrics-extension-tab",
+        );
+
+        expect(discovered).toBeInTheDocument();
+      });
+
+      describe("when navigating to first extension tab", () => {
+        beforeEach(() => {
+          builder.preferences.navigation.click(
+            "extension-registered-tab-page-id-metrics-extension-tab",
+          );
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("shows related preferences for this tab", () => {
+          const { attributeValues } = discover.queryAllElements("preference-item");
+
+          expect(attributeValues).toEqual([
+            "preference-item-for-extension-registered-tab-page-id-item-metrics-preference-item-id",
+          ]);
+        });
+      });
+
+      describe("when navigating to second extension tab", () => {
+        beforeEach(() => {
+          builder.preferences.navigation.click(
+            "extension-duplicated-tab-page-id-metrics-extension-tab",
+          );
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("shows related preferences for this tab", () => {
+          const { attributeValues } =
+            discover.queryAllElements("preference-item");
+
+          expect(attributeValues).toEqual([
+            "preference-item-for-extension-duplicated-tab-page-id-item-another-metrics-preference-item-id",
+          ]);
+        });
+      });
+    });
+  });
+});
+
+const extensionStubWithExtensionSpecificPreferenceItems: FakeExtensionOptions = {
+  id: "some-test-extension-id",
+  name: "some-test-extension-id",
+
+  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",
+
+        components: {
+          Hint: () => <div />,
+          Input: () => <div />,
+        },
+      },
+    ],
+  },
+};
+
+const someOtherExtensionStubWithExtensionSpecificPreferenceItems: FakeExtensionOptions = {
+  id: "some-other-test-extension-id",
+  name: "some-other-test-extension-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" />,
+        },
+      },
+    ],
+  },
+};
+
+const extensionStubWithoutPreferences: FakeExtensionOptions = {
+  id: "without-preferences-id",
+  name: "without-preferences-id",
+};
+
+const extensionStubWithShowInPreferencesTab: FakeExtensionOptions = {
+  id: "specified-preferences-page-id",
+  name: "specified-preferences-page-name",
+
+  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" />,
+        },
+      },
+    ],
+  },
+};
+
+const extensionStubWithRegisteredTab: FakeExtensionOptions = {
+  id: "registered-tab-page-id",
+  name: "registered-tab-page-id",
+
+  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" />,
+        },
+      },
+      {
+        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" />,
+        },
+      },
+      {
+        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" />,
+        },
+      },
+    ],
+
+    appPreferenceTabs: [{
+      title: "Metrics tab",
+      id: "metrics-extension-tab",
+      orderNumber: 100,
+    }],
+  },
+};
+
+const extensionStubWithSameRegisteredTab: FakeExtensionOptions = {
+  id: "duplicated-tab-page-id",
+  name: "duplicated-tab-page-id",
+
+  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" />,
+        },
+      },
+    ],
+
+    appPreferenceTabs: [{
+      title: "Metrics tab",
+      id: "metrics-extension-tab",
+      orderNumber: 100,
+    }],
+  },
+};
diff --git a/packages/core/src/features/preferences/navigation-to-kubernetes-preferences.test.ts b/packages/core/src/features/preferences/navigation-to-kubernetes-preferences.test.ts
new file mode 100644
index 0000000000..1f4bd9b490
--- /dev/null
+++ b/packages/core/src/features/preferences/navigation-to-kubernetes-preferences.test.ts
@@ -0,0 +1,77 @@
+/**
+ * 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 requestPublicHelmRepositoriesInjectable from "../helm-charts/child-features/preferences/renderer/adding-of-public-helm-repository/public-helm-repositories/request-public-helm-repositories.injectable";
+import getActiveHelmRepositoriesInjectable from "../../main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories.injectable";
+import type { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+
+describe("preferences - navigation to kubernetes preferences", () => {
+  let builder: ApplicationBuilder;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+  });
+
+  describe("given in preferences, when rendered", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      builder.beforeApplicationStart((mainDi) => {
+        mainDi.override(
+          getActiveHelmRepositoriesInjectable,
+          () => async () => ({ callWasSuccessful: true, response: [] }),
+        );
+      });
+
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(requestPublicHelmRepositoriesInjectable, () => async () => []);
+      });
+
+      builder.beforeWindowStart(() => {
+        builder.preferences.navigate();
+      });
+
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("does not show kubernetes preferences yet", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-page",
+        "kubernetes-page",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    describe("when navigating to kubernetes preferences using navigation", () => {
+      beforeEach(() => {
+        builder.preferences.navigation.click("kubernetes");
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("shows kubernetes preferences", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "kubernetes-page",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/preferences/navigation-to-proxy-preferences.test.ts b/packages/core/src/features/preferences/navigation-to-proxy-preferences.test.ts
new file mode 100644
index 0000000000..2372b78187
--- /dev/null
+++ b/packages/core/src/features/preferences/navigation-to-proxy-preferences.test.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 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 { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+
+describe("preferences - navigation to proxy preferences", () => {
+  let applicationBuilder: ApplicationBuilder;
+
+  beforeEach(() => {
+    applicationBuilder = getApplicationBuilder();
+  });
+
+  describe("given in preferences, when rendered", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      applicationBuilder.beforeWindowStart(() => {
+        applicationBuilder.preferences.navigate();
+      });
+
+      rendered = await applicationBuilder.render();
+      discover = discoverFor(() => rendered);
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("does not show proxy preferences yet", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-page",
+        "proxy-page",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    describe("when navigating to proxy preferences using navigation", () => {
+      beforeEach(() => {
+        applicationBuilder.preferences.navigation.click("proxy");
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("shows proxy preferences", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "proxy-page",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/preferences/navigation-to-telemetry-preferences.test.tsx b/packages/core/src/features/preferences/navigation-to-telemetry-preferences.test.tsx
new file mode 100644
index 0000000000..71d6900f6e
--- /dev/null
+++ b/packages/core/src/features/preferences/navigation-to-telemetry-preferences.test.tsx
@@ -0,0 +1,227 @@
+/**
+ * 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 navigateToTelemetryPreferencesInjectable from "./common/navigate-to-telemetry-preferences.injectable";
+import sentryDataSourceNameInjectable from "../../common/vars/sentry-dsn-url.injectable";
+import type { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
+import type { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+
+describe("preferences - navigation to telemetry preferences", () => {
+  let builder: ApplicationBuilder;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+  });
+
+  describe("given in preferences, when rendered", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart(() => {
+        builder.preferences.navigate();
+      });
+
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("does not show telemetry preferences yet", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-page",
+        "telemetry-page",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    it("does not show link for telemetry preferences", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-tab-link",
+        "telemetry",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    describe("when extension with telemetry preference items gets enabled", () => {
+      beforeEach(() => {
+        builder.extensions.enable(
+          extensionStubWithTelemetryPreferenceItems,
+        );
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("shows link for telemetry preferences", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-tab-link",
+          "telemetry",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+
+      describe("when clicking link to telemetry preferences from navigation", () => {
+        beforeEach(() => {
+          builder.preferences.navigation.click("telemetry");
+        });
+
+        it("renders", () => {
+          expect(rendered.container).toMatchSnapshot();
+        });
+
+        it("shows telemetry preferences", () => {
+          const { discovered } = discover.getSingleElement(
+            "preference-page",
+            "telemetry-page",
+          );
+
+          expect(discovered).not.toBeNull();
+        });
+
+        it("shows extension telemetry preference items", () => {
+          const { attributeValues } =
+            discover.queryAllElements("preference-item");
+
+          expect(attributeValues).toEqual([
+            "preference-item-for-extension-some-test-extension-name-item-some-telemetry-preference-item-id",
+          ]);
+        });
+      });
+    });
+
+    it("given extensions but no telemetry preference items, does not show link for telemetry preferences", () => {
+      builder.extensions.enable({
+        id: "some-test-extension-id",
+        name: "some-test-extension-name",
+
+        rendererOptions: {
+          appPreferenceTabs: [
+            {
+              title: "irrelevant",
+              id: "not-telemetry",
+            },
+          ],
+
+          appPreferences: [
+            {
+              title: "irrelevant",
+              id: "irrelevant",
+              showInPreferencesTab: "not-telemetry",
+              components: { Hint: () => <div />, Input: () => <div /> },
+            },
+          ],
+        },
+      });
+
+      const { discovered } = discover.querySingleElement(
+        "preference-tab-link",
+        "telemetry",
+      );
+
+      expect(discovered).toBeNull();
+    });
+  });
+
+  describe("given URL for Sentry DNS, when navigating to preferences", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(sentryDataSourceNameInjectable, () => "some-sentry-dns-url");
+      });
+
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+
+      builder.preferences.navigate();
+    });
+
+    describe("when navigating to telemetry preferences", () => {
+      beforeEach(() => {
+        builder.preferences.navigation.click("telemetry");
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("allows configuration of automatic error reporting", () => {
+        const { attributeValues } = discover.queryAllElements(
+          "preference-item",
+        );
+
+        expect(attributeValues).toEqual(["automatic-error-reporting"]);
+      });
+    });
+  });
+
+  describe("given no URL for Sentry DNS, when navigating to telemetry preferences", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(sentryDataSourceNameInjectable, () => null);
+      });
+
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+
+      const windowDi = builder.applicationWindow.only.di;
+
+      const navigateToTelemetryPreferences = windowDi.inject(navigateToTelemetryPreferencesInjectable);
+
+      navigateToTelemetryPreferences();
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("does not allow configuration of automatic error reporting", () => {
+      const { attributeValues } = discover.queryAllElements(
+        "preference-item",
+      );
+
+      expect(attributeValues).toEqual([]);
+    });
+  });
+});
+
+const extensionStubWithTelemetryPreferenceItems: FakeExtensionOptions = {
+  id: "some-test-extension-id",
+  name: "some-test-extension-name",
+
+  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/packages/core/src/features/preferences/navigation-to-terminal-preferences.test.ts b/packages/core/src/features/preferences/navigation-to-terminal-preferences.test.ts
new file mode 100644
index 0000000000..3023852481
--- /dev/null
+++ b/packages/core/src/features/preferences/navigation-to-terminal-preferences.test.ts
@@ -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 { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+
+describe("preferences - navigation to terminal preferences", () => {
+  let applicationBuilder: ApplicationBuilder;
+
+  beforeEach(() => {
+    applicationBuilder = getApplicationBuilder();
+  });
+
+  describe("given in preferences, when rendered", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+
+    beforeEach(async () => {
+      applicationBuilder.beforeWindowStart(() => {
+        applicationBuilder.preferences.navigate();
+      });
+
+      rendered = await applicationBuilder.render();
+
+      discover = discoverFor(() => rendered);
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("does not show terminal preferences yet", () => {
+      const { discovered } = discover.querySingleElement(
+        "preference-page",
+        "terminal-page",
+      );
+
+      expect(discovered).toBeNull();
+    });
+
+    describe("when navigating to terminal preferences using navigation", () => {
+      beforeEach(() => {
+        applicationBuilder.preferences.navigation.click("terminal");
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+
+      it("shows terminal preferences", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "terminal-page",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/preferences/navigation-using-application-menu.test.ts b/packages/core/src/features/preferences/navigation-using-application-menu.test.ts
new file mode 100644
index 0000000000..ae143fe468
--- /dev/null
+++ b/packages/core/src/features/preferences/navigation-using-application-menu.test.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 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 { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+
+describe("preferences - navigation using application menu", () => {
+  let applicationBuilder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let discover: Discover;
+
+  beforeEach(async () => {
+    applicationBuilder = getApplicationBuilder();
+
+    rendered = await applicationBuilder.render();
+    discover = discoverFor(() => rendered);
+  });
+
+  it("renders", () => {
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("does not show application preferences yet", () => {
+    const { discovered } = discover.querySingleElement(
+      "preference-page",
+      "application-page",
+    );
+
+    expect(discovered).toBeNull();
+  });
+
+  describe("when navigating to preferences using application menu", () => {
+    beforeEach(() => {
+      applicationBuilder.applicationMenu.click(
+        "root",
+        "mac",
+        "navigate-to-preferences",
+      );
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("shows application preferences", () => {
+      const { discovered } = discover.getSingleElement(
+        "preference-page",
+        "application-page",
+      );
+
+      expect(discovered).not.toBeNull();
+    });
+  });
+});
diff --git a/packages/core/src/features/preferences/navigation-using-tray.test.ts b/packages/core/src/features/preferences/navigation-using-tray.test.ts
new file mode 100644
index 0000000000..e48dba482e
--- /dev/null
+++ b/packages/core/src/features/preferences/navigation-using-tray.test.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 { 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 { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+
+describe("show-about-using-tray", () => {
+  let applicationBuilder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let discover: Discover;
+
+  beforeEach(async () => {
+    applicationBuilder = getApplicationBuilder();
+
+    rendered = await applicationBuilder.render();
+    discover = discoverFor(() => rendered);
+  });
+
+  it("renders", () => {
+    expect(rendered.baseElement).toMatchSnapshot();
+  });
+
+  it("does not show application preferences yet", () => {
+    const { discovered } = discover.querySingleElement(
+      "preference-page",
+      "application-page",
+    );
+
+    expect(discovered).toBeNull();
+  });
+
+  describe("when navigating using tray", () => {
+    beforeEach(async () => {
+      await applicationBuilder.tray.click("open-preferences");
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows application preferences", () => {
+      const { discovered } = discover.getSingleElement(
+        "preference-page",
+        "application-page",
+      );
+
+      expect(discovered).not.toBeNull();
+    });
+  });
+});
diff --git a/packages/core/src/features/preferences/renderer/close-preferences/close-preferences.injectable.ts b/packages/core/src/features/preferences/renderer/close-preferences/close-preferences.injectable.ts
new file mode 100644
index 0000000000..57860c2f28
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/close-preferences/close-preferences.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 observableHistoryInjectable from "../../../../renderer/navigation/observable-history.injectable";
+import navigateToFrontPageInjectable from "../../../../common/front-end-routing/navigate-to-front-page.injectable";
+
+const closePreferencesInjectable = getInjectable({
+  id: "close-preferences",
+
+  instantiate: (di) => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+    const navigateToFrontPage = di.inject(navigateToFrontPageInjectable);
+
+    return () => {
+      if (observableHistory.length <= 1) {
+        navigateToFrontPage();
+      } else {
+        observableHistory.goBack();
+      }
+    };
+  },
+});
+
+export default closePreferencesInjectable;
diff --git a/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/app-preference-registration.ts b/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/app-preference-registration.ts
new file mode 100644
index 0000000000..4c76722dd5
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/app-preference-registration.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 type React from "react";
+
+export interface AppPreferenceComponents {
+  Hint: React.ComponentType<any>;
+  Input: React.ComponentType<any>;
+}
+
+export interface AppPreferenceRegistration {
+  title: string;
+  id?: string;
+  showInPreferencesTab?: string;
+  components: AppPreferenceComponents;
+}
+
+export interface RegisteredAppPreference extends AppPreferenceRegistration {
+  id: string;
+}
+
diff --git a/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/app-preference-tab-registration.ts b/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/app-preference-tab-registration.ts
new file mode 100644
index 0000000000..803e51130d
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/app-preference-tab-registration.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 { IComputedValue } from "mobx";
+
+export interface AppPreferenceTabRegistration {
+  title: string;
+  id: string;
+  orderNumber?: number;
+  visible?: IComputedValue<boolean>;
+}
diff --git a/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/extension-preference-block.tsx b/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/extension-preference-block.tsx
new file mode 100644
index 0000000000..4eb72fe029
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/extension-preference-block.tsx
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { SubTitle } from "../../../../renderer/components/layout/sub-title";
+import type { AppPreferenceRegistration } from "./app-preference-registration";
+import React from "react";
+
+export interface ExtensionSettingsProps {
+  registration: AppPreferenceRegistration;
+}
+
+export function ExtensionPreferenceBlock({ registration }: ExtensionSettingsProps) {
+  const {
+    title,
+    id,
+    components: { Hint, Input },
+  } = registration;
+
+  return (
+    <React.Fragment>
+      <section
+        id={id}
+        className="small"
+      >
+        <SubTitle title={title} />
+        <Input />
+        <div className="hint">
+          <Hint />
+        </div>
+      </section>
+      <hr className="small" />
+    </React.Fragment>
+  );
+}
diff --git a/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/registrator-for-preference-items.injectable.tsx b/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/registrator-for-preference-items.injectable.tsx
new file mode 100644
index 0000000000..c69ee37e80
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/compliance-for-legacy-extension-api/registrator-for-preference-items.injectable.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 React from "react";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import { preferenceItemInjectionToken } from "../preference-items/preference-item-injection-token";
+import { extensionRegistratorInjectionToken } from "../../../../extensions/extension-loader/extension-registrator-injection-token";
+import { PreferencePageComponent } from "../preference-page-component";
+import { ExtensionPreferenceBlock } from "./extension-preference-block";
+import { computed } from "mobx";
+import { HorizontalLine } from "../../../../renderer/components/horizontal-line/horizontal-line";
+
+const registratorForPreferenceItemsInjectable = getInjectable({
+  id: "registrator-for-preference-items",
+
+  instantiate: () => (ext) => {
+    const extension = ext as LensRendererExtension;
+
+    const commonId = `preference-item-for-extension-${extension.sanitizedExtensionId}`;
+
+    const tabId = `${commonId}-primary-tab`;
+    const primaryTabInjectable = getInjectable({
+      id: tabId,
+
+      instantiate: () => ({
+        kind: "tab" as const,
+        id: tabId,
+        parentId: "extensions-tab-group",
+        pathId: extension.sanitizedExtensionId,
+        label: extension.name,
+        orderNumber: 10,
+      }),
+
+      injectionToken: preferenceItemInjectionToken,
+    });
+
+    const primaryPageId = `${commonId}-page`;
+    const primaryPageInjectable = getInjectable({
+      id: primaryPageId,
+
+      instantiate: () => ({
+        kind: "page" as const,
+        id: primaryPageId,
+        parentId: tabId,
+
+        Component: ({ children }: { children: React.ReactElement }) => (
+          <PreferencePageComponent
+            id={primaryPageId}
+            title={`${extension.name} preferences`}
+          >
+            {children}
+          </PreferencePageComponent>
+        ),
+
+        childSeparator: () => <HorizontalLine />,
+      }),
+
+      injectionToken: preferenceItemInjectionToken,
+    });
+
+    const additionalTabs = extension.appPreferenceTabs.map(
+      (registration) => {
+        const additionalTabId = `${commonId}-additional-tab-${registration.id}`;
+
+        return getInjectable({
+          id: additionalTabId,
+
+          instantiate: () => ({
+            kind: "tab" as const,
+            id: additionalTabId,
+            parentId: "general-tab-group",
+            pathId: `extension-${extension.sanitizedExtensionId}-${registration.id}`,
+            label: registration.title,
+            isShown: computed(() => registration.visible?.get() ?? true),
+            orderNumber: registration.orderNumber || 100,
+          }),
+
+          injectionToken: preferenceItemInjectionToken,
+        });
+      },
+    );
+
+    const additionalPages = extension.appPreferenceTabs.map(
+      (registration) => {
+        const additionalPageId = `${commonId}-additional-page-${registration.id}`;
+        const additionalTabId = `${commonId}-additional-tab-${registration.id}`;
+
+        return getInjectable({
+          id: additionalPageId,
+
+          instantiate: () => ({
+            kind: "page" as const,
+            id: additionalPageId,
+            parentId: additionalTabId,
+
+            Component: ({ children }: { children: React.ReactElement }) => (
+              <PreferencePageComponent
+                id={additionalPageId}
+                title={registration.title}
+              >
+                {children}
+              </PreferencePageComponent>
+            ),
+          }),
+
+          injectionToken: preferenceItemInjectionToken,
+        });
+      },
+    );
+
+    const items = extension.appPreferences.map((registration, i) => {
+      const itemId = `${commonId}-item-${registration.id ?? i}`;
+
+      const itemIsInSpecialTab =
+        registration.showInPreferencesTab &&
+        ["telemetry", "application"].includes(
+          registration.showInPreferencesTab,
+        );
+
+      return getInjectable({
+        id: itemId,
+
+        instantiate: () => ({
+          kind: "block" as const,
+          id: itemId,
+
+          // Note: Legacy extensions considered telemetry and application as magic strings, and so does this code
+          parentId: registration.showInPreferencesTab
+            ? itemIsInSpecialTab
+              ? `${registration.showInPreferencesTab}-page`
+              : `${commonId}-additional-page-${registration.showInPreferencesTab}`
+            : primaryPageId,
+
+          orderNumber: i * 10 + (itemIsInSpecialTab ? 1000 : 0),
+
+          Component: () => (
+            <ExtensionPreferenceBlock registration={registration} />
+          ),
+
+          childSeparator: () => <HorizontalLine />,
+        }),
+
+        injectionToken: preferenceItemInjectionToken,
+      });
+    });
+
+    return [
+      primaryTabInjectable,
+      ...additionalTabs,
+      primaryPageInjectable,
+      ...additionalPages,
+      ...items,
+    ];
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default registratorForPreferenceItemsInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/application-preference-page.injectable.tsx b/packages/core/src/features/preferences/renderer/preference-items/application/application-preference-page.injectable.tsx
new file mode 100644
index 0000000000..cdf1b2048f
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/application-preference-page.injectable.tsx
@@ -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 { PreferenceItemComponent, PreferencePage } from "../preference-item-injection-token";
+import { preferenceItemInjectionToken } from "../preference-item-injection-token";
+import { PreferencePageComponent } from "../../preference-page-component";
+import { HorizontalLine } from "../../../../../renderer/components/horizontal-line/horizontal-line";
+import React from "react";
+
+const ApplicationPage: PreferenceItemComponent<PreferencePage> = ({ children, item }) => (
+  <PreferencePageComponent title="Application" id={item.id}>
+    {children}
+  </PreferencePageComponent>
+);
+
+const applicationPreferencePageInjectable = getInjectable({
+  id: "application-preference-page",
+
+  instantiate: () => ({
+    kind: "page" as const,
+    id: "application-page",
+    parentId: "application-tab",
+    Component: ApplicationPage,
+    childSeparator: () => <HorizontalLine />,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default applicationPreferencePageInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/application-preference-tab.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/application/application-preference-tab.injectable.ts
new file mode 100644
index 0000000000..0091dd2023
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/application-preference-tab.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 { preferenceItemInjectionToken } from "../preference-item-injection-token";
+
+const applicationPreferenceTabInjectable = getInjectable({
+  id: "application-preference-tab",
+
+  instantiate: () => ({
+    kind: "tab" as const,
+    id: "application-tab",
+    parentId: "general-tab-group" as const,
+    pathId: "app",
+    label: "App",
+    orderNumber: 10,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default applicationPreferenceTabInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/extension-install-registry/extension-install-registry-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/application/extension-install-registry/extension-install-registry-preference-block.injectable.ts
new file mode 100644
index 0000000000..edda55f3de
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/extension-install-registry/extension-install-registry-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { ExtensionInstallRegistry } from "./extension-install-registry";
+
+const extensionInstallRegistryPreferenceBlockInjectable = getInjectable({
+  id: "extension-install-registry-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "extension-install-registry",
+    parentId: "application-page",
+    orderNumber: 20,
+    Component: ExtensionInstallRegistry,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default extensionInstallRegistryPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/extension-install-registry/extension-install-registry.tsx b/packages/core/src/features/preferences/renderer/preference-items/application/extension-install-registry/extension-install-registry.tsx
new file mode 100644
index 0000000000..ce6aed0a5f
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/extension-install-registry/extension-install-registry.tsx
@@ -0,0 +1,88 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { Select } from "../../../../../../renderer/components/select";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { defaultExtensionRegistryUrl, defaultExtensionRegistryUrlLocation } from "../../../../../../common/user-store/preferences-helpers";
+import { Input } from "../../../../../../renderer/components/input";
+import { isUrl } from "../../../../../../renderer/components/input/input_validators";
+import type { UserStore } from "../../../../../../common/user-store";
+import { runInAction } from "mobx";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const extensionInstallRegistryOptions = [
+  {
+    value: "default",
+    label: "Default Url",
+  },
+  {
+    value: "npmrc",
+    label: "Global .npmrc file's Url",
+  },
+  {
+    value: "custom",
+    label: "Custom Url",
+  },
+] as const;
+
+const NonInjectedExtensionInstallRegistry = observer(({ userStore }: Dependencies) => {
+  const [customUrl, setCustomUrl] = React.useState(userStore.extensionRegistryUrl.customUrl || "");
+
+  return (
+    <section id="extensionRegistryUrl">
+      <SubTitle title="Extension Install Registry" />
+      <Select
+        id="extension-install-registry-input"
+        options={extensionInstallRegistryOptions}
+        value={userStore.extensionRegistryUrl.location}
+        onChange={(value) =>
+          runInAction(() => {
+            userStore.extensionRegistryUrl.location =
+              value?.value ?? defaultExtensionRegistryUrlLocation;
+
+            if (userStore.extensionRegistryUrl.location === "custom") {
+              userStore.extensionRegistryUrl.customUrl = "";
+            }
+          })
+        }
+        themeName="lens"
+      />
+      <p className="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 (${defaultExtensionRegistryUrl}) you can change it in your `}
+        <b>.npmrc</b>
+        {" file or in the input below."}
+      </p>
+
+      <Input
+        theme="round-black"
+        validators={isUrl}
+        value={customUrl}
+        onChange={setCustomUrl}
+        onBlur={() => (userStore.extensionRegistryUrl.customUrl = customUrl)}
+        placeholder="Custom Extension Registry URL..."
+        disabled={userStore.extensionRegistryUrl.location !== "custom"}
+      />
+    </section>
+  );
+});
+
+export const ExtensionInstallRegistry = withInjectables<Dependencies>(
+  NonInjectedExtensionInstallRegistry,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/start-up/start-up-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/application/start-up/start-up-preference-block.injectable.ts
new file mode 100644
index 0000000000..2db579bf6e
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/start-up/start-up-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { StartUp } from "./start-up";
+
+const startUpPreferenceBlockInjectable = getInjectable({
+  id: "start-up-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "start-up",
+    parentId: "application-page",
+    orderNumber: 30,
+    Component: StartUp,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default startUpPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/start-up/start-up.tsx b/packages/core/src/features/preferences/renderer/preference-items/application/start-up/start-up.tsx
new file mode 100644
index 0000000000..427705cca1
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/start-up/start-up.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 React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { Switch } from "../../../../../../renderer/components/switch";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedStartUp = observer(({ userStore }: Dependencies) => (
+  <section id="other">
+    <SubTitle title="Start-up" />
+    <Switch
+      checked={userStore.openAtLogin}
+      onChange={() => (userStore.openAtLogin = !userStore.openAtLogin)}
+    >
+      Automatically start Lens on login
+    </Switch>
+  </section>
+));
+
+export const StartUp = withInjectables<Dependencies>(
+  NonInjectedStartUp,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/theme/theme-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/application/theme/theme-preference-block.injectable.ts
new file mode 100644
index 0000000000..285b068d62
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/theme/theme-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { Theme } from "./theme";
+
+const themePreferenceBlockInjectable = getInjectable({
+  id: "theme-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "theme",
+    parentId: "application-page",
+    orderNumber: 10,
+    Component: Theme,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default themePreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/theme/theme.tsx b/packages/core/src/features/preferences/renderer/preference-items/application/theme/theme.tsx
new file mode 100644
index 0000000000..fe247b9491
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/theme/theme.tsx
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { Select } from "../../../../../../renderer/components/select";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { observer } from "mobx-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import type { LensTheme } from "../../../../../../renderer/themes/lens-theme";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import defaultLensThemeInjectable from "../../../../../../renderer/themes/default-theme.injectable";
+import { lensThemeDeclarationInjectionToken } from "../../../../../../renderer/themes/declaration";
+
+interface Dependencies {
+  userStore: UserStore;
+  defaultTheme: LensTheme;
+  themes: LensTheme[];
+}
+
+const NonInjectedTheme = observer(({
+  userStore,
+  themes,
+  defaultTheme,
+}: Dependencies) => {
+  const themeOptions = [
+    {
+      value: "system", // TODO: replace with a sentinal value that isn't string (and serialize it differently)
+      label: "Sync with computer",
+    },
+    ...themes.map(theme => ({
+      value: theme.name,
+      label: theme.name,
+    })),
+  ];
+
+  return (
+    <section id="appearance">
+      <SubTitle title="Theme" />
+      <Select
+        id="theme-input"
+        options={themeOptions}
+        value={userStore.colorTheme}
+        onChange={(value) =>
+          (userStore.colorTheme = value?.value ?? defaultTheme.name)
+        }
+        themeName="lens"
+      />
+    </section>
+  );
+});
+
+export const Theme = withInjectables<Dependencies>(NonInjectedTheme, {
+  getProps: (di) => ({
+    userStore: di.inject(userStoreInjectable),
+    defaultTheme: di.inject(defaultLensThemeInjectable),
+    themes: di.injectMany(lensThemeDeclarationInjectionToken),
+  }),
+});
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/timezone/timezone-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/application/timezone/timezone-preference-block.injectable.ts
new file mode 100644
index 0000000000..5357341f9a
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/timezone/timezone-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { Timezone } from "./timezone";
+
+const timezonePreferenceBlockInjectable = getInjectable({
+  id: "timezone-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "timezone",
+    parentId: "application-page",
+    orderNumber: 60,
+    Component: Timezone,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default timezonePreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/application/timezone/timezone.tsx b/packages/core/src/features/preferences/renderer/preference-items/application/timezone/timezone.tsx
new file mode 100644
index 0000000000..c3ee8f2ea1
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/application/timezone/timezone.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 from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { Select } from "../../../../../../renderer/components/select";
+import moment from "moment-timezone";
+import { observer } from "mobx-react";
+import currentTimezoneInjectable from "../../../../../../common/user-store/current-timezone.injectable";
+
+interface Dependencies {
+  userStore: UserStore;
+  currentTimezone: string;
+}
+
+const timezoneOptions = moment.tz.names()
+  .map(timezone => ({
+    value: timezone,
+    label: timezone.replace("_", " "),
+  }));
+
+
+const NonInjectedTimezone = observer(({
+  userStore,
+  currentTimezone,
+}: Dependencies) => (
+  <section id="locale">
+    <SubTitle title="Locale Timezone" />
+    <Select
+      id="timezone-input"
+      options={timezoneOptions}
+      value={userStore.localeTimezone}
+      onChange={value => userStore.localeTimezone = value?.value ?? currentTimezone}
+      themeName="lens"
+    />
+  </section>
+
+));
+
+export const Timezone = withInjectables<Dependencies>(NonInjectedTimezone, {
+  getProps: (di) => ({
+    userStore: di.inject(userStoreInjectable),
+    currentTimezone: di.inject(currentTimezoneInjectable),
+  }),
+});
diff --git a/packages/core/src/features/preferences/renderer/preference-items/current-preference-tab-composite.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/current-preference-tab-composite.injectable.ts
new file mode 100644
index 0000000000..5930aaa7e4
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/current-preference-tab-composite.injectable.ts
@@ -0,0 +1,51 @@
+/**
+ * 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 type { PreferenceTab, PreferenceItemTypes } from "./preference-item-injection-token";
+import type { Composite } from "../../../../common/utils/composite/get-composite/get-composite";
+import { filter, map } from "lodash/fp";
+import { pipeline } from "@ogre-tools/fp";
+import { getCompositeNormalization } from "../../../../common/utils/composite/get-composite-normalization/get-composite-normalization";
+import preferencesCompositeInjectable from "./preferences-composite.injectable";
+import type { PreferenceTabsRoot } from "./preference-tab-root";
+import currentPreferenceTabIdInjectable from "./current-preference-tab-id.injectable";
+
+const currentPreferenceTabCompositeInjectable = getInjectable({
+  id: "current-preference-page-composite",
+
+  instantiate: (di) => {
+    const currentTabId = di.inject(currentPreferenceTabIdInjectable);
+    const preferencesComposite = di.inject(preferencesCompositeInjectable);
+
+    return computed(() => {
+      const tabId = currentTabId.get();
+
+      const tabComposites = pipeline(
+        getCompositeNormalization(preferencesComposite.get()),
+        map(([, composite]) => composite),
+        filter(isPreferenceTab),
+        filter(hasMatchingPathId(tabId)),
+      );
+
+      if (tabComposites.length === 0) {
+        return undefined;
+      }
+
+      return tabComposites[0];
+    });
+  },
+});
+
+const isPreferenceTab = (
+  composite: Composite<PreferenceItemTypes | PreferenceTabsRoot>,
+): composite is Composite<PreferenceTab> => composite.value.kind === "tab";
+
+const hasMatchingPathId =
+  (preferenceTabId: string) =>
+    ({ value: { pathId }}: Composite<PreferenceTab>) =>
+      pathId === preferenceTabId;
+
+export default currentPreferenceTabCompositeInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/current-preference-tab-id.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/current-preference-tab-id.injectable.ts
new file mode 100644
index 0000000000..cdac5905a4
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/current-preference-tab-id.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 { computed } from "mobx";
+import preferencesRouteInjectable from "../../common/preferences-route.injectable";
+import routePathParametersInjectable from "../../../../renderer/routes/route-path-parameters.injectable";
+import preferencesRouteForLegacyExtensionsInjectable from "../../common/preferences-route-for-legacy-extensions.injectable";
+
+const currentPreferenceTabIdInjectable = getInjectable({
+  id: "current-preference-tab-id",
+
+  instantiate: (di) => {
+    const preferencesRoute = di.inject(preferencesRouteInjectable);
+    const preferencesRouteForLegacyExtensions = di.inject(preferencesRouteForLegacyExtensionsInjectable);
+
+    const nonLegacyRoutePathParameters = di.inject(
+      routePathParametersInjectable,
+      preferencesRoute,
+    );
+
+    const legacyRoutePathParameters = di.inject(
+      routePathParametersInjectable,
+      preferencesRouteForLegacyExtensions,
+    );
+
+    return computed(() => {
+      const nonLegacyPreferenceTabId = nonLegacyRoutePathParameters.get().preferenceTabId;
+
+      if (nonLegacyPreferenceTabId) {
+        return nonLegacyPreferenceTabId;
+      }
+
+      const legacyParameters = legacyRoutePathParameters.get();
+
+      if (legacyParameters.extensionId) {
+        if (legacyParameters.preferenceTabId) {
+          return `extension-${legacyParameters.extensionId}-${legacyParameters.preferenceTabId}`;
+        }
+
+        return legacyParameters.extensionId;
+      }
+
+      return "app";
+    });
+  },
+});
+
+export default currentPreferenceTabIdInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-family/editor-font-family-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-family/editor-font-family-preference-block.injectable.ts
new file mode 100644
index 0000000000..6db49581f7
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-family/editor-font-family-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { EditorFontFamily } from "./editor-font-family";
+
+const editorFontFamilyPreferenceBlockInjectable = getInjectable({
+  id: "editor-font-family-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "editor-font-family",
+    parentId: "editor-page",
+    orderNumber: 50,
+    Component: EditorFontFamily,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default editorFontFamilyPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-family/editor-font-family.tsx b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-family/editor-font-family.tsx
new file mode 100644
index 0000000000..50e3989ed6
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-family/editor-font-family.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 React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { Input } from "../../../../../../renderer/components/input";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedEditorFontFamily = observer(({ userStore: { editorConfiguration }}: Dependencies) => (
+  <section>
+    <SubTitle title="Font family" />
+    <Input
+      theme="round-black"
+      type="text"
+      value={editorConfiguration.fontFamily}
+      onChange={value => editorConfiguration.fontFamily = value}
+    />
+  </section>
+));
+
+export const EditorFontFamily = withInjectables<Dependencies>(
+  NonInjectedEditorFontFamily,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-size/editor-font-size-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-size/editor-font-size-preference-block.injectable.ts
new file mode 100644
index 0000000000..c61250cbda
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-size/editor-font-size-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { EditorFontSize } from "./editor-font-size";
+
+const editorFontSizePreferenceBlockInjectable = getInjectable({
+  id: "editor-font-size-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "editor-font-size",
+    parentId: "editor-page",
+    orderNumber: 40,
+    Component: EditorFontSize,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default editorFontSizePreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-size/editor-font-size.tsx b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-size/editor-font-size.tsx
new file mode 100644
index 0000000000..7fe83ec6aa
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-font-size/editor-font-size.tsx
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { Input, InputValidators } from "../../../../../../renderer/components/input";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedEditorFontSize = observer(({ userStore: { editorConfiguration }}: Dependencies) => (
+  <section>
+    <SubTitle title="Font size" />
+    <Input
+      theme="round-black"
+      type="number"
+      min={10}
+      validators={InputValidators.isNumber}
+      value={editorConfiguration.fontSize.toString()}
+      onChange={value => editorConfiguration.fontSize = Number(value)}
+    />
+  </section>
+));
+
+export const EditorFontSize = withInjectables<Dependencies>(
+  NonInjectedEditorFontSize,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/editor-preference-page.injectable.tsx b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-preference-page.injectable.tsx
new file mode 100644
index 0000000000..3d075d6f22
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-preference-page.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 { getInjectable } from "@ogre-tools/injectable";
+import type { PreferenceItemComponent, PreferencePage } from "../preference-item-injection-token";
+import { preferenceItemInjectionToken } from "../preference-item-injection-token";
+import { PreferencePageComponent } from "../../preference-page-component";
+import React from "react";
+
+const EditorPage: PreferenceItemComponent<PreferencePage> = ({ children, item }) => (
+  <PreferencePageComponent title="Editor" id={item.id}>
+    {children}
+  </PreferencePageComponent>
+);
+
+const editorPreferencePageInjectable = getInjectable({
+  id: "editor-preference-page",
+
+  instantiate: () => ({
+    kind: "page" as const,
+    id: "editor-page",
+    parentId: "editor-tab",
+    Component: EditorPage,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default editorPreferencePageInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/editor-preference-tab.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-preference-tab.injectable.ts
new file mode 100644
index 0000000000..c1dc4a29c0
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/editor-preference-tab.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 { preferenceItemInjectionToken } from "../preference-item-injection-token";
+
+const editorPreferenceTabInjectable = getInjectable({
+  id: "editor-preference-tab",
+
+  instantiate: () => ({
+    kind: "tab" as const,
+    id: "editor-tab",
+    parentId: "general-tab-group" as const,
+    pathId: "editor",
+    label: "Editor",
+    orderNumber: 40,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default editorPreferenceTabInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/line-numbers/line-numbers-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/editor/line-numbers/line-numbers-preference-block.injectable.ts
new file mode 100644
index 0000000000..104e0db62a
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/line-numbers/line-numbers-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { LineNumbers } from "./line-numbers";
+
+const lineNumbersPreferenceBlockInjectable = getInjectable({
+  id: "line-numbers-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "line-numbers",
+    parentId: "editor-page",
+    orderNumber: 20,
+    Component: LineNumbers,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default lineNumbersPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/line-numbers/line-numbers.tsx b/packages/core/src/features/preferences/renderer/preference-items/editor/line-numbers/line-numbers.tsx
new file mode 100644
index 0000000000..10cc508baa
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/line-numbers/line-numbers.tsx
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { Select } from "../../../../../../renderer/components/select";
+import { defaultEditorConfig } from "../../../../../../common/user-store/preferences-helpers";
+import { capitalize } from "lodash/fp";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const lineNumberOptions = ([
+  "on",
+  "off",
+  "relative",
+  "interval",
+] as const).map(lineNumbers => ({
+  value: lineNumbers,
+  label: capitalize(lineNumbers),
+}));
+
+const NonInjectedLineNumbers = observer(({ userStore: { editorConfiguration }}: Dependencies) => (
+  <section>
+    <SubTitle title="Line numbers"/>
+    <Select
+      id="editor-line-numbers-input"
+      options={lineNumberOptions}
+      value={editorConfiguration.lineNumbers}
+      onChange={option => editorConfiguration.lineNumbers = option?.value ?? defaultEditorConfig.lineNumbers}
+      themeName="lens"
+    />
+  </section>
+
+));
+
+export const LineNumbers = withInjectables<Dependencies>(
+  NonInjectedLineNumbers,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/minimap/minimap-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/editor/minimap/minimap-preference-block.injectable.ts
new file mode 100644
index 0000000000..90d34aba7e
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/minimap/minimap-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { Minimap } from "./minimap";
+
+const minimapPreferenceBlockInjectable = getInjectable({
+  id: "minimap-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "minimap",
+    parentId: "editor-page",
+    orderNumber: 10,
+    Component: Minimap,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default minimapPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/minimap/minimap.tsx b/packages/core/src/features/preferences/renderer/preference-items/editor/minimap/minimap.tsx
new file mode 100644
index 0000000000..9ca1dc9dd3
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/minimap/minimap.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 { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { Switch } from "../../../../../../renderer/components/switch";
+import { SubHeader } from "../../../../../../renderer/components/layout/sub-header";
+import { Select } from "../../../../../../renderer/components/select";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const minimapPositionOptions = (["left", "right"] as const)
+  .map(side => ({
+    value: side,
+    label: side,
+  }));
+
+
+const NonInjectedMinimap = observer(({ userStore: { editorConfiguration }}: Dependencies) => (
+  <section>
+    <SubTitle title="Minimap"/>
+
+    <div className="flex gaps justify-space-between">
+      <div className="flex gaps align-center">
+        <Switch
+          checked={editorConfiguration.minimap.enabled}
+          onChange={() => editorConfiguration.minimap.enabled = !editorConfiguration.minimap.enabled}
+        >
+          Show minimap
+        </Switch>
+      </div>
+      <div className="flex gaps align-center">
+        <SubHeader compact>Position</SubHeader>
+        <Select
+          id="minimap-input"
+          themeName="lens"
+          options={minimapPositionOptions}
+          value={editorConfiguration.minimap.side}
+          onChange={option => editorConfiguration.minimap.side = option?.value}
+        />
+      </div>
+    </div>
+  </section>
+));
+
+export const Minimap = withInjectables<Dependencies>(
+  NonInjectedMinimap,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/tab-size/tab-size-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/editor/tab-size/tab-size-preference-block.injectable.ts
new file mode 100644
index 0000000000..11bcae8440
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/tab-size/tab-size-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { TabSize } from "./tab-size";
+
+const tabSizePreferenceBlockInjectable = getInjectable({
+  id: "tab-size-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "tab-size",
+    parentId: "editor-page",
+    orderNumber: 30,
+    Component: TabSize,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default tabSizePreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/editor/tab-size/tab-size.tsx b/packages/core/src/features/preferences/renderer/preference-items/editor/tab-size/tab-size.tsx
new file mode 100644
index 0000000000..575044a954
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/editor/tab-size/tab-size.tsx
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { Input, InputValidators } from "../../../../../../renderer/components/input";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedTabSize = observer(({ userStore: { editorConfiguration }}: Dependencies) => (
+  <section>
+    <SubTitle title="Tab size" />
+    <Input
+      theme="round-black"
+      type="number"
+      min={1}
+      validators={InputValidators.isNumber}
+      value={editorConfiguration.tabSize.toString()}
+      onChange={value => editorConfiguration.tabSize = Number(value)}
+    />
+  </section>
+));
+
+export const TabSize = withInjectables<Dependencies>(
+  NonInjectedTabSize,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/extensions-preference-tab-group.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/extensions-preference-tab-group.injectable.ts
new file mode 100644
index 0000000000..1a5fdb6645
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/extensions-preference-tab-group.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 { preferenceItemInjectionToken } from "./preference-item-injection-token";
+
+const extensionsPreferenceTabGroupInjectable = getInjectable({
+  id: "extensions-preference-tab-group",
+
+  instantiate: () => ({
+    kind: "tab-group" as const,
+    id: "extensions-tab-group",
+    parentId: "preference-tabs" as const,
+    label: "Extensions",
+    orderNumber: 20,
+    iconName: "extension",
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default extensionsPreferenceTabGroupInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/general-preference-tab-group.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/general-preference-tab-group.injectable.ts
new file mode 100644
index 0000000000..fe46026aa8
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/general-preference-tab-group.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 { preferenceItemInjectionToken } from "./preference-item-injection-token";
+
+const generalPreferenceTabGroupInjectable = getInjectable({
+  id: "general-preference-tab-group",
+
+  instantiate: () => ({
+    kind: "tab-group" as const,
+    id: "general-tab-group",
+    parentId: "preference-tabs" as const,
+    label: "Preferences",
+    orderNumber: 10,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default generalPreferenceTabGroupInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/discover-all-sync-kinds.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/discover-all-sync-kinds.injectable.ts
new file mode 100644
index 0000000000..a71c57a578
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/discover-all-sync-kinds.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 type { SyncKind } from "./discover-sync-kind.injectable";
+import discoverKubeconfigSyncKindInjectable from "./discover-sync-kind.injectable";
+
+export type DiscoverAllKubeconfigSyncKinds = (filePaths: string[]) => Promise<[string, SyncKind][]>;
+
+const discoverAllKubeconfigSyncKindsInjectable = getInjectable({
+  id: "discover-all-kubeconfig-sync-kinds",
+  instantiate: (di): DiscoverAllKubeconfigSyncKinds => {
+    const discoverKubeconfigSyncKind = di.inject(discoverKubeconfigSyncKindInjectable);
+
+    return filePaths => Promise.all(filePaths.map(discoverKubeconfigSyncKind));
+  },
+});
+
+export default discoverAllKubeconfigSyncKindsInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/discover-sync-kind.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/discover-sync-kind.injectable.ts
new file mode 100644
index 0000000000..80733108fe
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/discover-sync-kind.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 statInjectable from "../../../../../../common/fs/stat.injectable";
+import loggerInjectable from "../../../../../../common/logger.injectable";
+
+export interface SyncKind {
+  type: "file" | "folder" | "unknown";
+}
+
+export type DiscoverKubeconfigSyncKind = (path: string) => Promise<[string, SyncKind]>;
+
+const discoverKubeconfigSyncKindInjectable = getInjectable({
+  id: "discover-kubeconfig-sync-kind",
+  instantiate: (di): DiscoverKubeconfigSyncKind => {
+    const stat = di.inject(statInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (path) => {
+      try {
+        // stat follows the stat(2) linux syscall spec, namely it follows symlinks
+        const stats = await stat(path);
+
+        if (stats.isFile()) {
+          return [path, { type: "file" }];
+        }
+
+        if (stats.isDirectory()) {
+          return [path, { type: "folder" }];
+        }
+
+        logger.warn("[KUBECONFIG-SYNCS]: unknown stat entry", { stats });
+
+        return [path, { type: "unknown" }];
+      } catch (error) {
+        logger.warn(`[KUBECONFIG-SYNCS]: failed to stat entry: ${error}`, { error });
+
+        return [path, { type: "unknown" }];
+      }
+    };
+  },
+});
+
+export default discoverKubeconfigSyncKindInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/kubeconfig-sync-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/kubeconfig-sync-preference-block.injectable.ts
new file mode 100644
index 0000000000..ec4556c1b9
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/kubeconfig-sync-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { KubeconfigSync } from "./kubeconfig-sync";
+
+const kubeconfigSyncPreferenceBlockInjectable = getInjectable({
+  id: "kubeconfig-sync-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "kubeconfig-sync",
+    parentId: "kubernetes-page",
+    orderNumber: 20,
+    Component: KubeconfigSync,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default kubeconfigSyncPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/kubeconfig-sync.tsx b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/kubeconfig-sync.tsx
new file mode 100644
index 0000000000..94c326c9d3
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/kubeconfig-sync.tsx
@@ -0,0 +1,186 @@
+/**
+ * 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 { computed, makeObservable, observable, reaction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import React from "react";
+import { Notice } from "../../../../../../renderer/components/+extensions/notice";
+import type { UserStore } from "../../../../../../common/user-store";
+import { iter, tuple } from "../../../../../../renderer/utils";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { PathPicker } from "../../../../../../renderer/components/path-picker/path-picker";
+import { Spinner } from "../../../../../../renderer/components/spinner";
+import { RemovableItem } from "../../../removable-item/removable-item";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import isWindowsInjectable from "../../../../../../common/vars/is-windows.injectable";
+import loggerInjectable from "../../../../../../common/logger.injectable";
+import type { Logger } from "../../../../../../common/logger";
+import type { DiscoverAllKubeconfigSyncKinds } from "./discover-all-sync-kinds.injectable";
+import type { DiscoverKubeconfigSyncKind, SyncKind } from "./discover-sync-kind.injectable";
+import discoverKubeconfigSyncKindInjectable from "./discover-sync-kind.injectable";
+import discoverAllKubeconfigSyncKindsInjectable from "./discover-all-sync-kinds.injectable";
+
+interface Entry extends SyncKind {
+  filePath: string;
+}
+
+interface Dependencies {
+  userStore: UserStore;
+  isWindows: boolean;
+  logger: Logger;
+  discoverAllKubeconfigSyncKinds: DiscoverAllKubeconfigSyncKinds;
+  discoverKubeconfigSyncKind: DiscoverKubeconfigSyncKind;
+}
+
+@observer
+class NonInjectedKubeconfigSync extends React.Component<Dependencies> {
+  readonly syncs = observable.map<string, SyncKind>();
+  @observable loaded = false;
+
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  async componentDidMount() {
+    const mapEntries = await Promise.all(
+      iter.map(
+        this.props.userStore.syncKubeconfigEntries,
+        ([filePath]) => this.props.discoverKubeconfigSyncKind(filePath),
+      ),
+    );
+
+    this.syncs.replace(mapEntries);
+    this.loaded = true;
+
+    disposeOnUnmount(this, [
+      reaction(
+        () => Array.from(this.syncs.entries(), ([filePath, kind]) => tuple.from(filePath, kind)),
+        syncs => {
+          this.props.userStore.syncKubeconfigEntries.replace(syncs);
+        },
+      ),
+    ]);
+  }
+
+  @computed get syncsList(): Entry[] | undefined {
+    if (!this.loaded) {
+      return undefined;
+    }
+
+    return Array.from(this.syncs.entries(), ([filePath, value]) => ({ filePath, ...value }));
+  }
+
+  onPick = async (filePaths: string[]) => {
+    this.syncs.merge(await this.props.discoverAllKubeconfigSyncKinds(filePaths));
+  };
+
+  getIconName(entry: Entry) {
+    switch (entry.type) {
+      case "file":
+        return "description";
+      case "folder":
+        return "folder";
+      case "unknown":
+        return "help_outline";
+    }
+  }
+
+  renderEntry = (entry: Entry) => {
+    return (
+      <RemovableItem
+        key={entry.filePath}
+        onRemove={() => this.syncs.delete(entry.filePath)}
+        className="mt-3"
+        icon={this.getIconName(entry)}
+      >
+        <div className="flex-grow break-all">
+          {entry.filePath}
+        </div>
+      </RemovableItem>
+    );
+  };
+
+  renderEntries() {
+    const entries = this.syncsList;
+
+    if (!entries) {
+      return (
+        <div className="loading-spinner">
+          <Spinner />
+        </div>
+      );
+    }
+
+    if (!entries.length) {
+      return (
+        <Notice className="mt-3">
+          <div className="flex-grow text-center">No files and folders have been synced yet</div>
+        </Notice>
+      );
+    }
+
+    return (
+      <div>
+        {entries.map(this.renderEntry)}
+      </div>
+    );
+  }
+
+  renderSyncButtons() {
+    if (this.props.isWindows) {
+      return (
+        <div className="flex gaps align-center mb-5">
+          <PathPicker
+            message="Sync file(s)"
+            onPick={this.onPick}
+            buttonLabel="Sync"
+            properties={["showHiddenFiles", "multiSelections", "openFile"]}
+          />
+          <span>or</span>
+          <PathPicker
+            message="Sync folder(s)"
+            onPick={this.onPick}
+            buttonLabel="Sync"
+            properties={["showHiddenFiles", "multiSelections", "openDirectory"]}
+          />
+        </div>
+      );
+    }
+
+    return (
+      <div className="self-start mb-5">
+        <PathPicker
+          message="Sync Files and Folders"
+          onPick={this.onPick}
+          buttonLabel="Sync"
+          properties={["showHiddenFiles", "multiSelections", "openFile", "openDirectory"]}
+        />
+      </div>
+    );
+  }
+
+  render() {
+    return (
+      <section id="kube-sync">
+        <h2 data-testid="kubernetes-sync-header">Kubeconfig Syncs</h2>
+
+        {this.renderSyncButtons()}
+        <SubTitle title="Synced Items" className="pt-5"/>
+        {this.renderEntries()}
+      </section>
+    );
+  }
+}
+
+export const KubeconfigSync = withInjectables<Dependencies>(NonInjectedKubeconfigSync, {
+  getProps: (di) => ({
+    userStore: di.inject(userStoreInjectable),
+    isWindows: di.inject(isWindowsInjectable),
+    logger: di.inject(loggerInjectable),
+    discoverAllKubeconfigSyncKinds: di.inject(discoverAllKubeconfigSyncKindsInjectable),
+    discoverKubeconfigSyncKind: di.inject(discoverKubeconfigSyncKindInjectable),
+  }),
+});
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-binary-download/kubectl-binary-download-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-binary-download/kubectl-binary-download-preference-block.injectable.ts
new file mode 100644
index 0000000000..7c37c0cf23
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-binary-download/kubectl-binary-download-preference-block.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 { preferenceItemInjectionToken } from "../../../preference-item-injection-token";
+import { KubectlBinaryDownload } from "./kubectl-binary-download";
+
+const kubectlBinaryDownloadPreferenceBlockInjectable = getInjectable({
+  id: "kubectl-binary-download-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "kubectl-binary-download",
+    parentId: "kubectl",
+    orderNumber: 10,
+    Component: KubectlBinaryDownload,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default kubectlBinaryDownloadPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-binary-download/kubectl-binary-download.tsx b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-binary-download/kubectl-binary-download.tsx
new file mode 100644
index 0000000000..de096191fd
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-binary-download/kubectl-binary-download.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 React from "react";
+import { SubTitle } from "../../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Switch } from "../../../../../../../renderer/components/switch";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedKubectlBinaryDownload = observer(({ userStore }: Dependencies) => (
+  <section>
+    <SubTitle title="Kubectl binary download" />
+    <Switch
+      checked={userStore.downloadKubectlBinaries}
+      onChange={() => userStore.downloadKubectlBinaries = !userStore.downloadKubectlBinaries}
+    >
+      Download kubectl binaries matching the Kubernetes cluster version
+    </Switch>
+  </section>
+
+));
+
+export const KubectlBinaryDownload = withInjectables<Dependencies>(
+  NonInjectedKubectlBinaryDownload,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-directory-for-binaries/kubectl-directory-for-binaries-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-directory-for-binaries/kubectl-directory-for-binaries-preference-block.injectable.ts
new file mode 100644
index 0000000000..f820821358
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-directory-for-binaries/kubectl-directory-for-binaries-preference-block.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 { preferenceItemInjectionToken } from "../../../preference-item-injection-token";
+import { KubectlDirectoryForBinaries } from "./kubectl-directory-for-binaries";
+
+const kubectlDirectoryForBinariesPreferenceBlockInjectable = getInjectable({
+  id: "kubectl-directory-for-binaries-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "kubectl-directory-for-binaries",
+    parentId: "kubectl",
+    orderNumber: 30,
+    Component: KubectlDirectoryForBinaries,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default kubectlDirectoryForBinariesPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-directory-for-binaries/kubectl-directory-for-binaries.tsx b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-directory-for-binaries/kubectl-directory-for-binaries.tsx
new file mode 100644
index 0000000000..497ec68f8e
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-directory-for-binaries/kubectl-directory-for-binaries.tsx
@@ -0,0 +1,55 @@
+/**
+ * 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 { SubTitle } from "../../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Input, InputValidators } from "../../../../../../../renderer/components/input";
+import directoryForBinariesInjectable from "../../../../../../../common/app-paths/directory-for-binaries/directory-for-binaries.injectable";
+
+interface Dependencies {
+  userStore: UserStore;
+  defaultPathForGeneralBinaries: string;
+}
+
+const NonInjectedKubectlDirectoryForBinaries = observer(
+  ({ userStore, defaultPathForGeneralBinaries }: Dependencies) => {
+    const [downloadPath, setDownloadPath] = useState(userStore.downloadBinariesPath || "");
+    const pathValidator = downloadPath ? InputValidators.isPath : undefined;
+
+    const save = () => {
+      userStore.downloadBinariesPath = downloadPath;
+    };
+
+    return (
+      <section>
+        <SubTitle title="Directory for binaries" />
+        <Input
+          theme="round-black"
+          value={downloadPath}
+          placeholder={defaultPathForGeneralBinaries}
+          validators={pathValidator}
+          onChange={setDownloadPath}
+          onBlur={save}
+          disabled={!userStore.downloadKubectlBinaries}
+        />
+        <div className="hint">The directory to download binaries into.</div>
+      </section>
+    );
+  },
+);
+
+export const KubectlDirectoryForBinaries = withInjectables<Dependencies>(
+  NonInjectedKubectlDirectoryForBinaries,
+
+  {
+    getProps: (di) => ({
+      defaultPathForGeneralBinaries: di.inject(directoryForBinariesInjectable),
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-download-mirror/kubectl-download-mirror-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-download-mirror/kubectl-download-mirror-preference-block.injectable.ts
new file mode 100644
index 0000000000..86776ab330
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-download-mirror/kubectl-download-mirror-preference-block.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 { preferenceItemInjectionToken } from "../../../preference-item-injection-token";
+import { KubectlDownloadMirror } from "./kubectl-download-mirror";
+
+const kubectlDownloadMirrorPreferenceBlockInjectable = getInjectable({
+  id: "kubectl-download-mirror-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "kubectl-download-mirror",
+    parentId: "kubectl",
+    orderNumber: 20,
+    Component: KubectlDownloadMirror,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default kubectlDownloadMirrorPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-download-mirror/kubectl-download-mirror.tsx b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-download-mirror/kubectl-download-mirror.tsx
new file mode 100644
index 0000000000..e880ff3308
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-download-mirror/kubectl-download-mirror.tsx
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Select } from "../../../../../../../renderer/components/select";
+import { defaultPackageMirror, packageMirrors } from "../../../../../../../common/user-store/preferences-helpers";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const downloadMirrorOptions = Array.from(packageMirrors, ([name, mirror]) => ({
+  value: name,
+  label: mirror.label,
+
+  // TODO: Side-effect
+  isDisabled: !mirror.platforms.has(process.platform),
+}));
+
+
+const NonInjectedKubectlDownloadMirror = observer(({ userStore }: Dependencies) => (
+  <section>
+    <SubTitle title="Download mirror" />
+    <Select
+      id="download-mirror-input"
+      placeholder="Download mirror for kubectl"
+      options={downloadMirrorOptions}
+      value={userStore.downloadMirror}
+      onChange={option => userStore.downloadMirror = option?.value ?? defaultPackageMirror}
+      isDisabled={!userStore.downloadKubectlBinaries}
+      themeName="lens"
+    />
+  </section>
+));
+
+export const KubectlDownloadMirror = withInjectables<Dependencies>(
+  NonInjectedKubectlDownloadMirror,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-group-preference-item.injectable.tsx b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-group-preference-item.injectable.tsx
new file mode 100644
index 0000000000..190ce03eeb
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-group-preference-item.injectable.tsx
@@ -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 type { PreferenceItemTypes } from "../../preference-item-injection-token";
+import { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import Gutter from "../../../../../../renderer/components/gutter/gutter";
+import React from "react";
+
+const PreferenceItemGroup = ({
+  children,
+  item,
+}: {
+  children: React.ReactElement;
+  item: PreferenceItemTypes;
+}) => <section id={item.id}>{children}</section>;
+
+const kubectlGroupPreferenceItemInjectable = getInjectable({
+  id: "kubectl-group-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "kubectl",
+    parentId: "kubernetes-page",
+    orderNumber: 10,
+    Component: PreferenceItemGroup,
+    childSeparator: () => <Gutter size="xl" />,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default kubectlGroupPreferenceItemInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-path-to-binary/kubectl-path-to-binary-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-path-to-binary/kubectl-path-to-binary-preference-block.injectable.ts
new file mode 100644
index 0000000000..a87f8fd749
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-path-to-binary/kubectl-path-to-binary-preference-block.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 { preferenceItemInjectionToken } from "../../../preference-item-injection-token";
+import { KubectlPathToBinary } from "./kubectl-path-to-binary";
+
+const kubectlPathToBinaryPreferenceBlockInjectable = getInjectable({
+  id: "kubectl-path-to-binary-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "kubectl-path-to-binary",
+    parentId: "kubectl",
+    orderNumber: 40,
+    Component: KubectlPathToBinary,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default kubectlPathToBinaryPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-path-to-binary/kubectl-path-to-binary.tsx b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-path-to-binary/kubectl-path-to-binary.tsx
new file mode 100644
index 0000000000..ec5482cb88
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubectl/kubectl-path-to-binary/kubectl-path-to-binary.tsx
@@ -0,0 +1,54 @@
+/**
+ * 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 { SubTitle } from "../../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Input, InputValidators } from "../../../../../../../renderer/components/input";
+import directoryForKubectlBinariesInjectable from "../../../../../../../common/app-paths/directory-for-kubectl-binaries/directory-for-kubectl-binaries.injectable";
+
+interface Dependencies {
+  userStore: UserStore;
+  defaultPathForKubectlBinaries: string;
+}
+
+const NonInjectedKubectlPathToBinary = observer(
+  ({ userStore, defaultPathForKubectlBinaries }: Dependencies) => {
+    const [binariesPath, setBinariesPath] = useState(userStore.kubectlBinariesPath || "");
+    const pathValidator = binariesPath ? InputValidators.isPath : undefined;
+
+    const save = () => {
+      userStore.kubectlBinariesPath = binariesPath;
+    };
+
+    return (
+      <section>
+        <SubTitle title="Path to kubectl binary" />
+        <Input
+          theme="round-black"
+          placeholder={defaultPathForKubectlBinaries}
+          value={binariesPath}
+          validators={pathValidator}
+          onChange={setBinariesPath}
+          onBlur={save}
+          disabled={userStore.downloadKubectlBinaries}
+        />
+      </section>
+    );
+  },
+);
+
+export const KubectlPathToBinary = withInjectables<Dependencies>(
+  NonInjectedKubectlPathToBinary,
+
+  {
+    getProps: (di) => ({
+      defaultPathForKubectlBinaries: di.inject(directoryForKubectlBinariesInjectable),
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubernetes-preference-page.injectable.tsx b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubernetes-preference-page.injectable.tsx
new file mode 100644
index 0000000000..6484c67381
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubernetes-preference-page.injectable.tsx
@@ -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 { PreferenceItemComponent, PreferencePage } from "../preference-item-injection-token";
+import { preferenceItemInjectionToken } from "../preference-item-injection-token";
+import { PreferencePageComponent } from "../../preference-page-component";
+import { HorizontalLine } from "../../../../../renderer/components/horizontal-line/horizontal-line";
+import React from "react";
+
+const KubernetesPage: PreferenceItemComponent<PreferencePage> = ({ children, item }) => (
+  <PreferencePageComponent title="Kubernetes" id={item.id}>
+    {children}
+  </PreferencePageComponent>
+);
+
+const kubernetesPreferencePageInjectable = getInjectable({
+  id: "kubernetes-preference-page",
+
+  instantiate: () => ({
+    kind: "page" as const,
+    id: "kubernetes-page",
+    parentId: "kubernetes-tab",
+    Component: KubernetesPage,
+    childSeparator: () => <HorizontalLine />,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default kubernetesPreferencePageInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubernetes-preference-tab.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubernetes-preference-tab.injectable.ts
new file mode 100644
index 0000000000..ae33f1177a
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/kubernetes/kubernetes-preference-tab.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 { preferenceItemInjectionToken } from "../preference-item-injection-token";
+
+const kubernetesPreferenceTabInjectable = getInjectable({
+  id: "kubernetes-preference-tab",
+
+  instantiate: () => ({
+    kind: "tab" as const,
+    id: "kubernetes-tab",
+    parentId: "general-tab-group" as const,
+    pathId: "kubernetes",
+    label: "Kubernetes",
+    orderNumber: 30,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default kubernetesPreferenceTabInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/preference-item-injection-token.ts b/packages/core/src/features/preferences/renderer/preference-items/preference-item-injection-token.ts
new file mode 100644
index 0000000000..38eb14aad8
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/preference-item-injection-token.ts
@@ -0,0 +1,68 @@
+/**
+ * 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 React from "react";
+import type { ChildOfParentComposite, ParentOfChildComposite } from "../../../../common/utils/composite/interfaces";
+import type { Discriminable } from "../../../../common/utils/composable-responsibilities/discriminable/discriminable";
+import type { Labelable } from "../../../../common/utils/composable-responsibilities/labelable/labelable";
+import type { MaybeShowable } from "../../../../common/utils/composable-responsibilities/showable/showable";
+import type { Orderable } from "../../../../common/utils/composable-responsibilities/orderable/orderable";
+import type { GetSeparator } from "../../../../common/utils/add-separator/add-separator";
+import type { Composite } from "../../../../common/utils/composite/get-composite/get-composite";
+
+export type ChildrenAreSeparated =
+  & { childSeparator: GetSeparator<Composite<PreferenceItemTypes>, React.ReactElement> };
+
+export type ChildrenAreMaybeSeparated =
+  & Partial<ChildrenAreSeparated>;
+
+export type PreferenceItemComponent<T> = React.ComponentType<{
+  children: React.ReactElement;
+  item: T;
+}>;
+
+export type PreferenceTab =
+  & Discriminable<"tab">
+  & ParentOfChildComposite
+  & ChildOfParentComposite
+  & MaybeShowable
+  & Labelable
+  & Orderable
+  & { pathId: string };
+
+export type PreferenceTabGroup =
+  & Discriminable<"tab-group">
+  & ParentOfChildComposite
+  & ChildOfParentComposite<"preference-tabs">
+  & MaybeShowable
+  & Labelable
+  & Orderable
+  & { iconName? : string };
+
+interface RenderableWithSiblings<T extends PreferenceItemTypes>
+  extends ChildrenAreMaybeSeparated {
+  Component: PreferenceItemComponent<T>;
+}
+
+export type PreferencePage =
+  & Discriminable<"page">
+  & ParentOfChildComposite
+  & ChildOfParentComposite
+  & MaybeShowable
+  & RenderableWithSiblings<PreferencePage>;
+
+export type PreferenceBlock =
+  & Discriminable<"block">
+  & ParentOfChildComposite
+  & ChildOfParentComposite
+  & MaybeShowable
+  & RenderableWithSiblings<PreferenceBlock>;
+
+export type PreferenceItemTypes = PreferenceTabGroup | PreferenceTab | PreferenceBlock | PreferencePage;
+
+export const preferenceItemInjectionToken = getInjectionToken<PreferenceItemTypes>({
+  id: "preference-item-injection-token",
+});
+
diff --git a/packages/core/src/features/preferences/renderer/preference-items/preference-tab-root.module.scss b/packages/core/src/features/preferences/renderer/preference-items/preference-tab-root.module.scss
new file mode 100644
index 0000000000..697e365b12
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/preference-tab-root.module.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+.TabSeparator {
+  padding: 0 10px;
+}
diff --git a/packages/core/src/features/preferences/renderer/preference-items/preference-tab-root.tsx b/packages/core/src/features/preferences/renderer/preference-items/preference-tab-root.tsx
new file mode 100644
index 0000000000..2847c07515
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/preference-tab-root.tsx
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { HorizontalLine } from "../../../../renderer/components/horizontal-line/horizontal-line";
+import type { RootComposite } from "../../../../common/utils/composite/interfaces";
+import type { Discriminable } from "../../../../common/utils/composable-responsibilities/discriminable/discriminable";
+import type { ChildrenAreSeparated } from "./preference-item-injection-token";
+import styles from "./preference-tab-root.module.scss";
+
+export type PreferenceTabsRoot =
+  & Discriminable<"preference-tabs-root">
+  & RootComposite
+  & ChildrenAreSeparated;
+
+export const preferenceTabsRoot: PreferenceTabsRoot = {
+  kind: "preference-tabs-root" as const,
+  id: "preference-tabs",
+  parentId: undefined,
+
+  childSeparator: () => (
+    <div className={styles.TabSeparator}>
+      <HorizontalLine size="sm" />
+    </div>
+  ),
+};
diff --git a/packages/core/src/features/preferences/renderer/preference-items/preferences-composite.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/preferences-composite.injectable.ts
new file mode 100644
index 0000000000..dd1ffd1ed8
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/preferences-composite.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { computed } from "mobx";
+import type { PreferenceItemTypes } from "./preference-item-injection-token";
+import { preferenceItemInjectionToken } from "./preference-item-injection-token";
+import { pipeline } from "@ogre-tools/fp";
+import type { PreferenceTabsRoot } from "./preference-tab-root";
+import { preferenceTabsRoot } from "./preference-tab-root";
+import logErrorInjectable from "../../../../common/log-error.injectable";
+import { isShown } from "../../../../common/utils/composable-responsibilities/showable/showable";
+import { orderByOrderNumber } from "../../../../common/utils/composable-responsibilities/orderable/orderable";
+import { getCompositeFor } from "../../../../common/utils/composite/get-composite/get-composite";
+
+const preferencesCompositeInjectable = getInjectable({
+  id: "preferences-composite",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const preferenceItems = computedInjectMany(preferenceItemInjectionToken);
+    const logError = di.inject(logErrorInjectable);
+
+    const getComposite = getCompositeFor<PreferenceItemTypes | PreferenceTabsRoot>({
+      getId: (x) => x.id,
+      getParentId: (x) => x.parentId,
+
+      handleMissingParentIds: (ids) => {
+        logError(
+          `Tried to create preferences, but encountered references to unknown ids: "${ids.missingParentIds.join(
+            '", "',
+          )}".\n\nAvailable ids are:\n\n${ids.availableParentIds.join("\n")}`,
+        );
+      },
+
+      transformChildren: (children) =>
+        pipeline(
+          children.filter(isShown),
+          orderByOrderNumber,
+        ),
+    });
+
+    return computed(() =>
+      pipeline(
+        [preferenceTabsRoot, ...preferenceItems.get()],
+        getComposite,
+      ),
+    );
+  },
+});
+
+export default preferencesCompositeInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/proxy/allow-untrusted-certificates/allow-untrusted-certificates-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/proxy/allow-untrusted-certificates/allow-untrusted-certificates-preference-block.injectable.ts
new file mode 100644
index 0000000000..a423327535
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/proxy/allow-untrusted-certificates/allow-untrusted-certificates-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { AllowUntrustedCertificates } from "./allow-untrusted-certificates";
+
+const allowUntrustedCertificatesPreferenceBlockInjectable = getInjectable({
+  id: "allow-untrusted-certificates-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "allow-untrusted-certificates",
+    parentId: "proxy-page",
+    orderNumber: 20,
+    Component: AllowUntrustedCertificates,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default allowUntrustedCertificatesPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/proxy/allow-untrusted-certificates/allow-untrusted-certificates.tsx b/packages/core/src/features/preferences/renderer/preference-items/proxy/allow-untrusted-certificates/allow-untrusted-certificates.tsx
new file mode 100644
index 0000000000..bb1abd9a57
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/proxy/allow-untrusted-certificates/allow-untrusted-certificates.tsx
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Switch } from "../../../../../../renderer/components/switch";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedAllowUntrustedCertificates = observer(({ userStore }: Dependencies) => (
+  <section className="small">
+    <SubTitle title="Certificate Trust" />
+    <Switch
+      checked={userStore.allowUntrustedCAs}
+      onChange={() =>
+        (userStore.allowUntrustedCAs = !userStore.allowUntrustedCAs)
+      }
+    >
+      Allow untrusted Certificate Authorities
+    </Switch>
+    <small className="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>
+));
+
+export const AllowUntrustedCertificates = withInjectables<Dependencies>(
+  NonInjectedAllowUntrustedCertificates,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/proxy/http-proxy-url/http-proxy-url-preference-block.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/proxy/http-proxy-url/http-proxy-url-preference-block.injectable.ts
new file mode 100644
index 0000000000..1405c4bf6b
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/proxy/http-proxy-url/http-proxy-url-preference-block.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { HttpProxyUrl } from "./http-proxy-url";
+
+const httpProxyUrlPreferenceBlockInjectable = getInjectable({
+  id: "http-proxy-url-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "http-proxy-url",
+    parentId: "proxy-page",
+    orderNumber: 10,
+    Component: HttpProxyUrl,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default httpProxyUrlPreferenceBlockInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/proxy/http-proxy-url/http-proxy-url.tsx b/packages/core/src/features/preferences/renderer/preference-items/proxy/http-proxy-url/http-proxy-url.tsx
new file mode 100644
index 0000000000..7d55fd2b3b
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/proxy/http-proxy-url/http-proxy-url.tsx
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Input } from "../../../../../../renderer/components/input";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedHttpProxyUrl = observer(
+  ({ userStore }: Dependencies) => {
+    const [proxy, setProxy] = React.useState(userStore.httpsProxy || "");
+
+    return (
+      <section>
+        <SubTitle title="HTTP Proxy" />
+        <Input
+          theme="round-black"
+          placeholder="Type HTTP proxy url (example: http://proxy.acme.org:8080)"
+          value={proxy}
+          onChange={(v) => setProxy(v)}
+          onBlur={() => (userStore.httpsProxy = proxy)}
+        />
+        <small className="hint">
+          Proxy is used only for non-cluster communication.
+        </small>
+      </section>
+    );
+  },
+);
+
+export const HttpProxyUrl = withInjectables<Dependencies>(
+  NonInjectedHttpProxyUrl,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/proxy/proxy-preference-page.injectable.tsx b/packages/core/src/features/preferences/renderer/preference-items/proxy/proxy-preference-page.injectable.tsx
new file mode 100644
index 0000000000..34a698fd5c
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/proxy/proxy-preference-page.injectable.tsx
@@ -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 { PreferenceItemComponent, PreferencePage } from "../preference-item-injection-token";
+import { preferenceItemInjectionToken } from "../preference-item-injection-token";
+import React from "react";
+import { PreferencePageComponent } from "../../preference-page-component";
+import { HorizontalLine } from "../../../../../renderer/components/horizontal-line/horizontal-line";
+
+const ProxyPage: PreferenceItemComponent<PreferencePage> = ({ children, item }) => (
+  <PreferencePageComponent title="Proxy" id={item.id}>
+    {children}
+  </PreferencePageComponent>
+);
+
+const proxyPreferencePageInjectable = getInjectable({
+  id: "proxy-preference-page",
+
+  instantiate: () => ({
+    kind: "page" as const,
+    id: "proxy-page",
+    parentId: "proxy-tab",
+    Component: ProxyPage,
+    childSeparator: () => <HorizontalLine size="sm" />,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default proxyPreferencePageInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/proxy/proxy-preference-tab.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/proxy/proxy-preference-tab.injectable.ts
new file mode 100644
index 0000000000..6b33c9f1d1
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/proxy/proxy-preference-tab.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 { preferenceItemInjectionToken } from "../preference-item-injection-token";
+
+const proxyPreferenceTabInjectable = getInjectable({
+  id: "proxy-preference-tab",
+
+  instantiate: () => ({
+    kind: "tab" as const,
+    id: "proxy-tab",
+    parentId: "general-tab-group" as const,
+    pathId: "proxy",
+    label: "Proxy",
+    orderNumber: 20,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default proxyPreferenceTabInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/telemetry/automatic-error-reporting/automatic-error-reporting-preference-item.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/telemetry/automatic-error-reporting/automatic-error-reporting-preference-item.injectable.ts
new file mode 100644
index 0000000000..fb627ab93c
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/telemetry/automatic-error-reporting/automatic-error-reporting-preference-item.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { AutomaticErrorReporting } from "./automatic-error-reporting";
+import sentryDataSourceNameInjectable from "../../../../../../common/vars/sentry-dsn-url.injectable";
+
+const automaticErrorReportingPreferenceItemInjectable = getInjectable({
+  id: "automatic-error-reporting-preference-item",
+
+  instantiate: (di) => {
+    const sentryDnsUrl = di.inject(sentryDataSourceNameInjectable);
+
+    return {
+      kind: "block" as const,
+      id: "automatic-error-reporting",
+      parentId: "telemetry-page",
+      orderNumber: 20,
+      Component: AutomaticErrorReporting,
+      isShown: !!sentryDnsUrl,
+    };
+  },
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default automaticErrorReportingPreferenceItemInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/telemetry/automatic-error-reporting/automatic-error-reporting.tsx b/packages/core/src/features/preferences/renderer/preference-items/telemetry/automatic-error-reporting/automatic-error-reporting.tsx
new file mode 100644
index 0000000000..7e23c0af35
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/telemetry/automatic-error-reporting/automatic-error-reporting.tsx
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Checkbox } from "../../../../../../renderer/components/checkbox";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedAutomaticErrorReporting = observer(({ userStore }: Dependencies) => (
+  <div
+    id="sentry"
+    className="small"
+    data-testid="telemetry-preferences-for-automatic-error-reporting"
+  >
+    <SubTitle title="Automatic Error Reporting" />
+    <Checkbox
+      label="Allow automatic error reporting"
+      value={userStore.allowErrorReporting}
+      onChange={(value) => (userStore.allowErrorReporting = value)}
+    />
+    <div className="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>
+  </div>
+));
+
+export const AutomaticErrorReporting = withInjectables<Dependencies>(
+  NonInjectedAutomaticErrorReporting,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/telemetry/telemetry-preference-page.injectable.tsx b/packages/core/src/features/preferences/renderer/preference-items/telemetry/telemetry-preference-page.injectable.tsx
new file mode 100644
index 0000000000..18ef79ab1c
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/telemetry/telemetry-preference-page.injectable.tsx
@@ -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 type { PreferenceItemComponent, PreferencePage } from "../preference-item-injection-token";
+import { preferenceItemInjectionToken } from "../preference-item-injection-token";
+import React from "react";
+import { PreferencePageComponent } from "../../preference-page-component";
+
+const TelemetryPage: PreferenceItemComponent<PreferencePage> = ({ children, item }) => (
+  <PreferencePageComponent title="Telemetry" id={item.id}>
+    {children}
+  </PreferencePageComponent>
+);
+
+const telemetryPreferencePageInjectable = getInjectable({
+  id: "telemetry-preference-page",
+
+  instantiate: () => ({
+    kind: "page" as const,
+    id: "telemetry-page",
+    parentId: "telemetry-tab",
+    Component: TelemetryPage,
+    childSeparator: () => <hr className="small" />,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default telemetryPreferencePageInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/telemetry/telemetry-preference-tab.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/telemetry/telemetry-preference-tab.injectable.ts
new file mode 100644
index 0000000000..46021d7344
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/telemetry/telemetry-preference-tab.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 { preferenceItemInjectionToken } from "../preference-item-injection-token";
+
+const telemetryPreferenceTabInjectable = getInjectable({
+  id: "telemetry-preference-tab",
+
+  instantiate: () => ({
+    kind: "tab" as const,
+    id: "telemetry-tab",
+    parentId: "general-tab-group" as const,
+    pathId: "telemetry",
+    label: "Telemetry",
+    orderNumber: 60,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default telemetryPreferenceTabInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/copy-paste-from-terminal/copy-paste-from-terminal-preference-item.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/terminal/copy-paste-from-terminal/copy-paste-from-terminal-preference-item.injectable.ts
new file mode 100644
index 0000000000..d5783cdd6d
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/copy-paste-from-terminal/copy-paste-from-terminal-preference-item.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { CopyPasteFromTerminal } from "./copy-paste-from-terminal";
+
+const copyPasteFromTerminalPreferenceItemInjectable = getInjectable({
+  id: "copy-paste-from-terminal-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "copy-paste-from-terminal-preference-item",
+    parentId: "terminal-page",
+    orderNumber: 20,
+    Component: CopyPasteFromTerminal,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default copyPasteFromTerminalPreferenceItemInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/copy-paste-from-terminal/copy-paste-from-terminal.tsx b/packages/core/src/features/preferences/renderer/preference-items/terminal/copy-paste-from-terminal/copy-paste-from-terminal.tsx
new file mode 100644
index 0000000000..6fd65ccbbd
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/copy-paste-from-terminal/copy-paste-from-terminal.tsx
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Switch } from "../../../../../../renderer/components/switch";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedCopyPasteFromTerminal = observer(
+  ({ userStore }: Dependencies) => {
+
+    return (
+      <section id="terminalSelection">
+        <SubTitle title="Terminal copy & paste" />
+        <Switch
+          checked={userStore.terminalCopyOnSelect}
+          onChange={() => userStore.terminalCopyOnSelect = !userStore.terminalCopyOnSelect}
+        >
+          Copy on select and paste on right-click
+        </Switch>
+      </section>
+    );
+  },
+);
+
+export const CopyPasteFromTerminal = withInjectables<Dependencies>(
+  NonInjectedCopyPasteFromTerminal,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-family/terminal-font-family-preference-item.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-family/terminal-font-family-preference-item.injectable.ts
new file mode 100644
index 0000000000..0416afaa74
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-family/terminal-font-family-preference-item.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { TerminalFontFamily } from "./terminal-font-family";
+
+const terminalFontFamilyPreferenceItemInjectable = getInjectable({
+  id: "terminal-font-family-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "terminal-font-family-preference-item",
+    parentId: "terminal-page",
+    orderNumber: 50,
+    Component: TerminalFontFamily,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default terminalFontFamilyPreferenceItemInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-family/terminal-font-family.tsx b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-family/terminal-font-family.tsx
new file mode 100644
index 0000000000..14bc5efacd
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-family/terminal-font-family.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 React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import type { SelectOption } from "../../../../../../renderer/components/select";
+import { Select } from "../../../../../../renderer/components/select";
+import type { Logger } from "../../../../../../common/logger";
+import { action } from "mobx";
+import loggerInjectable from "../../../../../../common/logger.injectable";
+
+interface Dependencies {
+  userStore: UserStore;
+  logger: Logger;
+}
+
+const NonInjectedTerminalFontFamily = observer(
+  ({ userStore, logger }: Dependencies) => {
+
+    // fonts must be declared in `fonts.scss` and at `template.html` (if early-preloading required)
+    const supportedCustomFonts: SelectOption<string>[] = [
+      "RobotoMono", "Anonymous Pro", "IBM Plex Mono", "JetBrains Mono", "Red Hat Mono",
+      "Source Code Pro", "Space Mono", "Ubuntu Mono",
+    ].map(customFont => {
+      const { fontFamily, fontSize } = userStore.terminalConfig;
+
+      return {
+        label: <span style={{ fontFamily: customFont, fontSize }}>{customFont}</span>,
+        value: customFont,
+        isSelected: fontFamily === customFont,
+      };
+    });
+
+    const onFontFamilyChange = action(({ value: fontFamily }: SelectOption<string>) => {
+      logger.info(`setting terminal font to ${fontFamily}`);
+
+      userStore.terminalConfig.fontFamily = fontFamily; // save to external storage
+    });
+
+
+    return (
+      <section>
+        <SubTitle title="Font family" />
+        <Select
+          themeName="lens"
+          controlShouldRenderValue
+          value={userStore.terminalConfig.fontFamily}
+          options={supportedCustomFonts}
+          onChange={onFontFamilyChange as any}
+        />
+      </section>
+    );
+  },
+);
+
+export const TerminalFontFamily = withInjectables<Dependencies>(
+  NonInjectedTerminalFontFamily,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+      logger: di.inject(loggerInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-size/terminal-font-size-preference-item.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-size/terminal-font-size-preference-item.injectable.ts
new file mode 100644
index 0000000000..f2d778575f
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-size/terminal-font-size-preference-item.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { TerminalFontSize } from "./terminal-font-size";
+
+const terminalFontSizePreferenceItemInjectable = getInjectable({
+  id: "terminal-font-size-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "terminal-font-size-preference-item",
+    parentId: "terminal-page",
+    orderNumber: 40,
+    Component: TerminalFontSize,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default terminalFontSizePreferenceItemInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-size/terminal-font-size.tsx b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-size/terminal-font-size.tsx
new file mode 100644
index 0000000000..bf11285509
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-font-size/terminal-font-size.tsx
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Input } from "../../../../../../renderer/components/input";
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedTerminalFontSize = observer(
+  ({ userStore }: Dependencies) => {
+
+    return (
+      <section>
+        <SubTitle title="Font size" />
+        <Input
+          theme="round-black"
+          type="number"
+          min={10}
+          max={50}
+          defaultValue={userStore.terminalConfig.fontSize.toString()}
+          onChange={(value) => userStore.terminalConfig.fontSize = Number(value)}
+        />
+      </section>
+    );
+  },
+);
+
+export const TerminalFontSize = withInjectables<Dependencies>(
+  NonInjectedTerminalFontSize,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-page-preference-item.injectable.tsx b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-page-preference-item.injectable.tsx
new file mode 100644
index 0000000000..416765ffee
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-page-preference-item.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 { getInjectable } from "@ogre-tools/injectable";
+import type { PreferenceItemComponent, PreferencePage } from "../preference-item-injection-token";
+import { preferenceItemInjectionToken } from "../preference-item-injection-token";
+import { PreferencePageComponent } from "../../preference-page-component";
+import React from "react";
+
+const TerminalPage: PreferenceItemComponent<PreferencePage> = ({ children, item }) => (
+  <PreferencePageComponent title="Terminal" id={item.id}>
+    {children}
+  </PreferencePageComponent>
+);
+
+const terminalPagePreferenceItemInjectable = getInjectable({
+  id: "terminal-preference-page",
+
+  instantiate: () => ({
+    kind: "page" as const,
+    id: "terminal-page",
+    parentId: "terminal-tab",
+    Component: TerminalPage,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default terminalPagePreferenceItemInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-preference-tab.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-preference-tab.injectable.ts
new file mode 100644
index 0000000000..ec4a69619b
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-preference-tab.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 { preferenceItemInjectionToken } from "../preference-item-injection-token";
+
+const terminalPreferenceTabInjectable = getInjectable({
+  id: "terminal-preference-tab",
+
+  instantiate: () => ({
+    kind: "tab" as const,
+    id: "terminal-tab",
+    pathId: "terminal",
+    parentId: "general-tab-group" as const,
+    label: "Terminal",
+    orderNumber: 50,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default terminalPreferenceTabInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/default-shell/default-shell.global-override-for-injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/default-shell/default-shell.global-override-for-injectable.ts
new file mode 100644
index 0000000000..55a8d44fc2
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/default-shell/default-shell.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 defaultShellInjectable from "./default-shell.injectable";
+
+export default getGlobalOverride(
+  defaultShellInjectable,
+  () => "some-default-shell",
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/default-shell/default-shell.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/default-shell/default-shell.injectable.ts
new file mode 100644
index 0000000000..3ca42fb7c9
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/default-shell/default-shell.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 isWindowsInjectable from "../../../../../../../common/vars/is-windows.injectable";
+
+const defaultShellInjectable = getInjectable({
+  id: "default-shell",
+
+  instantiate: (di) => {
+    const isWindows = di.inject(isWindowsInjectable);
+
+    return (
+      process.env.SHELL ||
+      process.env.PTYSHELL ||
+      (isWindows ? "powershell.exe" : "System default shell")
+    );
+  },
+
+  causesSideEffects: true,
+});
+
+export default defaultShellInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/terminal-shell-path-preference-item.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/terminal-shell-path-preference-item.injectable.ts
new file mode 100644
index 0000000000..26c5ae8f3f
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/terminal-shell-path-preference-item.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { TerminalShellPath } from "./terminal-shell-path";
+
+const terminalShellPathPreferenceItemInjectable = getInjectable({
+  id: "terminal-shell-path-preference-item",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "terminal-shell-path",
+    parentId: "terminal-page",
+    orderNumber: 10,
+    Component: TerminalShellPath,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default terminalShellPathPreferenceItemInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/terminal-shell-path.tsx b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/terminal-shell-path.tsx
new file mode 100644
index 0000000000..5fe14ab9df
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/terminal-shell-path.tsx
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Input } from "../../../../../../renderer/components/input";
+import defaultShellInjectable from "./default-shell/default-shell.injectable";
+
+interface Dependencies {
+  userStore: UserStore;
+  defaultShell: string;
+}
+
+const NonInjectedTerminalShellPath = observer(
+  ({ userStore, defaultShell }: Dependencies) => {
+
+    return (
+      <section id="shell">
+        <SubTitle title="Terminal Shell Path" />
+        <Input
+          theme="round-black"
+          placeholder={defaultShell}
+          value={userStore.shell ?? ""}
+          onChange={(value) => userStore.shell = value}
+        />
+      </section>
+
+    );
+  },
+);
+
+export const TerminalShellPath = withInjectables<Dependencies>(
+  NonInjectedTerminalShellPath,
+
+  {
+    getProps: (di) => ({
+      userStore: di.inject(userStoreInjectable),
+      defaultShell: di.inject(defaultShellInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-theme/terminal-theme-preference-item.injectable.ts b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-theme/terminal-theme-preference-item.injectable.ts
new file mode 100644
index 0000000000..dd26ce8c9a
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-theme/terminal-theme-preference-item.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 { preferenceItemInjectionToken } from "../../preference-item-injection-token";
+import { TerminalTheme } from "./terminal-theme";
+
+const terminalThemePreferenceItemInjectable = getInjectable({
+  id: "terminal-theme",
+
+  instantiate: () => ({
+    kind: "block" as const,
+    id: "terminal-theme",
+    parentId: "terminal-page",
+    orderNumber: 30,
+    Component: TerminalTheme,
+  }),
+
+  injectionToken: preferenceItemInjectionToken,
+});
+
+export default terminalThemePreferenceItemInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-theme/terminal-theme.tsx b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-theme/terminal-theme.tsx
new file mode 100644
index 0000000000..bea6b1279e
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-items/terminal/terminal-theme/terminal-theme.tsx
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { SubTitle } from "../../../../../../renderer/components/layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UserStore } from "../../../../../../common/user-store";
+import userStoreInjectable from "../../../../../../common/user-store/user-store.injectable";
+import { observer } from "mobx-react";
+import { Select } from "../../../../../../renderer/components/select";
+import type { LensTheme } from "../../../../../../renderer/themes/lens-theme";
+import { lensThemeDeclarationInjectionToken } from "../../../../../../renderer/themes/declaration";
+
+interface Dependencies {
+  userStore: UserStore;
+  themes: LensTheme[];
+}
+
+const NonInjectedTerminalTheme = observer(({
+  userStore,
+  themes,
+}: Dependencies) => {
+
+  const themeOptions = [
+    {
+      value: "", // TODO: replace with a sentinal value that isn't string (and serialize it differently)
+      label: "Match Lens Theme",
+    },
+    ...themes.map(theme => ({
+      value: theme.name,
+      label: theme.name,
+    })),
+  ];
+
+  return (
+    <section id="terminalTheme">
+      <SubTitle title="Terminal theme" />
+      <Select
+        id="terminal-theme-input"
+        themeName="lens"
+        options={themeOptions}
+        value={userStore.terminalTheme}
+        onChange={option => userStore.terminalTheme = option?.value ?? ""}
+      />
+    </section>
+  );
+},
+);
+
+export const TerminalTheme = withInjectables<Dependencies>(NonInjectedTerminalTheme, {
+  getProps: (di) => ({
+    userStore: di.inject(userStoreInjectable),
+    themes: di.injectMany(lensThemeDeclarationInjectionToken),
+  }),
+});
diff --git a/packages/core/src/features/preferences/renderer/preference-navigation/navigate-to-preference-tab/navigate-to-preference-tab.injectable.ts b/packages/core/src/features/preferences/renderer/preference-navigation/navigate-to-preference-tab/navigate-to-preference-tab.injectable.ts
new file mode 100644
index 0000000000..de5fbd46b4
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-navigation/navigate-to-preference-tab/navigate-to-preference-tab.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 { navigateToRouteInjectionToken } from "../../../../../common/front-end-routing/navigate-to-route-injection-token";
+import preferencesRouteInjectable from "../../../common/preferences-route.injectable";
+
+export type NavigateToPreferenceTab = (tabId: string) => void;
+
+const navigateToPreferenceTabInjectable = getInjectable({
+  id: "navigate-to-preference-tab",
+
+  instantiate: (di): NavigateToPreferenceTab => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(preferencesRouteInjectable);
+
+    return (preferenceTabId) => {
+      navigateToRoute(route, {
+        withoutAffectingBackButton: true,
+        parameters: { preferenceTabId },
+      });
+    };
+  },
+});
+
+export default navigateToPreferenceTabInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-navigation/navigate-to-preference-tab/preference-tab-is-active.injectable.ts b/packages/core/src/features/preferences/renderer/preference-navigation/navigate-to-preference-tab/preference-tab-is-active.injectable.ts
new file mode 100644
index 0000000000..c01ffeb633
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-navigation/navigate-to-preference-tab/preference-tab-is-active.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 { computed } from "mobx";
+import routeIsActiveInjectable from "../../../../../renderer/routes/route-is-active.injectable";
+import preferencesRouteInjectable from "../../../common/preferences-route.injectable";
+import currentPreferenceTabIdInjectable from "../../preference-items/current-preference-tab-id.injectable";
+
+const preferenceTabIsActiveInjectable = getInjectable({
+  id: "preference-tab-is-active",
+
+  instantiate: (di, tabId: string) => {
+    const route = di.inject(preferencesRouteInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+    const currentTabId = di.inject(currentPreferenceTabIdInjectable);
+
+    return computed(
+      () =>
+        routeIsActive.get() && currentTabId.get() === tabId,
+    );
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, tabId: string) => tabId,
+  }),
+});
+
+export default preferenceTabIsActiveInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preference-navigation/preferences-navigation-tab.tsx b/packages/core/src/features/preferences/renderer/preference-navigation/preferences-navigation-tab.tsx
new file mode 100644
index 0000000000..fb8a7f3f7a
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-navigation/preferences-navigation-tab.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 { Tab } from "../../../../renderer/components/tabs";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { observer } from "mobx-react";
+import type { PreferenceTab } from "../preference-items/preference-item-injection-token";
+import type { IComputedValue } from "mobx";
+import preferenceTabIsActiveInjectable from "./navigate-to-preference-tab/preference-tab-is-active.injectable";
+import React from "react";
+
+interface Dependencies {
+  tabIsActive: IComputedValue<boolean>;
+}
+
+interface PreferenceNavigationTabProps {
+  tab: PreferenceTab;
+}
+
+const NonInjectedPreferencesNavigationTab = observer(({
+  tabIsActive,
+  tab,
+}: Dependencies & PreferenceNavigationTabProps) => (
+  <Tab
+    active={tabIsActive.get()}
+    label={tab.label}
+    data-preference-tab-link-test={tab.pathId}
+    value={tab.pathId}
+  />
+));
+
+export const PreferencesNavigationTab = withInjectables<Dependencies, PreferenceNavigationTabProps>(NonInjectedPreferencesNavigationTab, {
+  getProps: (di, props) => ({
+    ...props,
+    tabIsActive: di.inject(preferenceTabIsActiveInjectable, props.tab.pathId),
+  }),
+});
diff --git a/packages/core/src/features/preferences/renderer/preference-navigation/preferences-navigation.tsx b/packages/core/src/features/preferences/renderer/preference-navigation/preferences-navigation.tsx
new file mode 100644
index 0000000000..861dc1fbff
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-navigation/preferences-navigation.tsx
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { Tabs } from "../../../../renderer/components/tabs";
+import React from "react";
+import type { Composite } from "../../../../common/utils/composite/get-composite/get-composite";
+import type { PreferenceItemTypes } from "../preference-items/preference-item-injection-token";
+import { Map } from "../../../../renderer/components/map/map";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IComputedValue } from "mobx";
+import preferencesCompositeInjectable from "../preference-items/preferences-composite.injectable";
+import { observer } from "mobx-react";
+import { PreferencesNavigationTab } from "./preferences-navigation-tab";
+import { compositeHasDescendant } from "../../../../common/utils/composite/composite-has-descendant/composite-has-descendant";
+import type { PreferenceTabsRoot } from "../preference-items/preference-tab-root";
+import { Icon } from "../../../../renderer/components/icon";
+import { checkThatAllDiscriminablesAreExhausted } from "../../../../common/utils/composable-responsibilities/discriminable/discriminable";
+import type { NavigateToPreferenceTab } from "./navigate-to-preference-tab/navigate-to-preference-tab.injectable";
+import navigateToPreferenceTabInjectable from "./navigate-to-preference-tab/navigate-to-preference-tab.injectable";
+
+interface Dependencies {
+  composite: IComputedValue<Composite<PreferenceItemTypes | PreferenceTabsRoot>>;
+  navigateToPreferenceTab: NavigateToPreferenceTab;
+}
+
+const NonInjectedPreferencesNavigation = observer(({
+  composite,
+  navigateToPreferenceTab,
+}: Dependencies) => (
+  <Tabs<string>
+    className="flex column"
+    scrollable={false}
+    onChange={navigateToPreferenceTab}
+  >
+    {toNavigationHierarchy(composite.get())}
+  </Tabs>
+));
+
+export const PreferencesNavigation = withInjectables<Dependencies>(NonInjectedPreferencesNavigation, {
+  getProps: (di) => ({
+    composite: di.inject(preferencesCompositeInjectable),
+    navigateToPreferenceTab: di.inject(navigateToPreferenceTabInjectable),
+  }),
+});
+
+const toNavigationHierarchy = (composite: Composite<PreferenceItemTypes | PreferenceTabsRoot>) => {
+  const value = composite.value;
+
+  switch (value.kind) {
+    // Note: These preference item types are not rendered in navigation,
+    // yet they are interesting for deciding if eg. a tab group or a tab has content
+    // somewhere in structure, and therefore not be hidden.
+    case "page":
+
+    // Intentional case fallthrough
+    case "block": {
+      return emptyRender;
+    }
+
+    case "tab-group": {
+      return (
+        <div data-preference-tab-group-test={value.id}>
+          <div className="header flex items-center">
+            {value.iconName && (
+              <Icon
+                material={value.iconName}
+                smallest
+                className="mr-3" />
+            )}
+            {value.label}
+          </div>
+
+          <Map items={composite.children.filter(hasContent)}>
+            {toNavigationHierarchy}
+          </Map>
+        </div>
+      );
+    }
+
+    case "tab": {
+      return <PreferencesNavigationTab tab={value} />;
+    }
+
+    case "preference-tabs-root": {
+      return (
+        <Map
+          // Note: stricter typing for composite children could maybe remove this curiosity.
+          items={composite.children.filter(hasContent) as Composite<PreferenceItemTypes>[]}
+          getSeparator={value.childSeparator}
+        >
+          {toNavigationHierarchy}
+        </Map>
+      );
+    }
+
+    default: {
+      throw checkThatAllDiscriminablesAreExhausted(value);
+    }
+  }
+};
+
+const hasContent = compositeHasDescendant<PreferenceItemTypes | PreferenceTabsRoot>(
+  (composite) => composite.value.kind === "block",
+);
+
+const emptyRender = <></>;
+
+
diff --git a/packages/core/src/features/preferences/renderer/preference-page-component.tsx b/packages/core/src/features/preferences/renderer/preference-page-component.tsx
new file mode 100644
index 0000000000..9f235d1385
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preference-page-component.tsx
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+
+interface PreferencePageComponentProps {
+  children: React.ReactElement;
+  id: string;
+  title: string;
+}
+
+export const PreferencePageComponent = ({ children, id, title }: PreferencePageComponentProps ) => (
+  <section id={id} data-preference-page-test={id}>
+    <h2 data-preference-page-title-test={true}>{title}</h2>
+
+    {children}
+  </section>
+);
diff --git a/packages/core/src/features/preferences/renderer/preferences-route-component-for-legacy-extensions.injectable.ts b/packages/core/src/features/preferences/renderer/preferences-route-component-for-legacy-extensions.injectable.ts
new file mode 100644
index 0000000000..981c4b3c84
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preferences-route-component-for-legacy-extensions.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 { routeSpecificComponentInjectionToken } from "../../../renderer/routes/route-specific-component-injection-token";
+import preferencesRouteForLegacyExtensions from "../common/preferences-route-for-legacy-extensions.injectable";
+import { Preferences } from "./preferences";
+
+const preferencesRouteComponentInjectable = getInjectable({
+  id: "preferences-route-component-for-legacy-extensions",
+
+  instantiate: (di) => ({
+    route: di.inject(preferencesRouteForLegacyExtensions),
+    Component: Preferences,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default preferencesRouteComponentInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preferences-route-component.injectable.ts b/packages/core/src/features/preferences/renderer/preferences-route-component.injectable.ts
new file mode 100644
index 0000000000..5e90d51acc
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preferences-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 { routeSpecificComponentInjectionToken } from "../../../renderer/routes/route-specific-component-injection-token";
+import { Preferences } from "./preferences";
+import preferencesRouteInjectable from "../common/preferences-route.injectable";
+
+const preferencesRouteComponentInjectable = getInjectable({
+  id: "preferences-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(preferencesRouteInjectable),
+    Component: Preferences,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default preferencesRouteComponentInjectable;
diff --git a/packages/core/src/features/preferences/renderer/preferences.scss b/packages/core/src/features/preferences/renderer/preferences.scss
new file mode 100644
index 0000000000..5c1313cda1
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preferences.scss
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Preferences {
+  .loading-spinner {
+    margin: auto;
+  }
+}
diff --git a/packages/core/src/features/preferences/renderer/preferences.tsx b/packages/core/src/features/preferences/renderer/preferences.tsx
new file mode 100644
index 0000000000..7a53b9d221
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/preferences.tsx
@@ -0,0 +1,115 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import "./preferences.scss";
+import React from "react";
+
+import { SettingLayout } from "../../../renderer/components/layout/setting-layout";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import closePreferencesInjectable from "./close-preferences/close-preferences.injectable";
+import currentPreferenceTabCompositeInjectable from "./preference-items/current-preference-tab-composite.injectable";
+import type { Composite } from "../../../common/utils/composite/get-composite/get-composite";
+import type { PreferenceItemTypes, PreferenceTab } from "./preference-items/preference-item-injection-token";
+import type { IComputedValue } from "mobx";
+import { Map } from "../../../renderer/components/map/map";
+import { observer } from "mobx-react";
+import { PreferencesNavigation } from "./preference-navigation/preferences-navigation";
+import Gutter from "../../../renderer/components/gutter/gutter";
+import { checkThatAllDiscriminablesAreExhausted } from "../../../common/utils/composable-responsibilities/discriminable/discriminable";
+
+interface Dependencies {
+  closePreferences: () => void;
+  pageComposite: IComputedValue<Composite<PreferenceTab> | undefined>;
+}
+
+const NonInjectedPreferences = observer(
+  ({ closePreferences, pageComposite }: Dependencies) => {
+    const composite = pageComposite.get();
+
+    return (
+      <SettingLayout
+        navigation={<PreferencesNavigation />}
+        className="Preferences"
+        contentGaps={false}
+        closeButtonProps={{ "data-testid": "close-preferences" }}
+        back={closePreferences}
+      >
+        {composite ? (
+          toPreferenceItemHierarchy(composite)
+        ) : (
+          <div
+            className="flex items-center"
+            data-preference-page-does-not-exist-test={true}
+          >
+            No preferences found
+          </div>
+        )}
+      </SettingLayout>
+    );
+  },
+);
+
+const toPreferenceItemHierarchy = (composite: Composite<PreferenceItemTypes>) => {
+  const value = composite.value;
+
+  switch (value.kind) {
+    case "block": {
+      const Component = value.Component;
+
+      return (
+        <div data-preference-item-test={composite.id}>
+          <Component item={value}>
+            <Map
+              items={composite.children}
+              getSeparator={value.childSeparator}
+            >
+              {toPreferenceItemHierarchy}
+            </Map>
+          </Component>
+        </div>
+      );
+    }
+
+    // eslint-disable-next-line no-fallthrough
+    case "page": {
+      const Component = value.Component;
+
+      return (
+        <Component item={value}>
+          <Map
+            items={composite.children}
+            getSeparator={value.childSeparator || defaultSeparator}
+          >
+            {toPreferenceItemHierarchy}
+          </Map>
+        </Component>
+      );
+    }
+
+    case "tab-group":
+
+    // eslint-disable-next-line no-fallthrough
+    case "tab": {
+      return <Map items={composite.children}>{toPreferenceItemHierarchy}</Map>;
+    }
+
+    default: {
+      throw checkThatAllDiscriminablesAreExhausted(value);
+    }
+  }
+};
+
+export const Preferences = withInjectables<Dependencies>(
+  NonInjectedPreferences,
+
+  {
+    getProps: (di, props) => ({
+      closePreferences: di.inject(closePreferencesInjectable),
+      pageComposite: di.inject(currentPreferenceTabCompositeInjectable),
+      ...props,
+    }),
+  },
+);
+
+const defaultSeparator = () => <Gutter size="xl" />;
diff --git a/packages/core/src/features/preferences/renderer/removable-item/removable-item.module.scss b/packages/core/src/features/preferences/renderer/removable-item/removable-item.module.scss
new file mode 100644
index 0000000000..6734dda5b9
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/removable-item/removable-item.module.scss
@@ -0,0 +1,8 @@
+.item {
+  --flex-gap: 0.5rem;
+
+  background: var(--inputControlBackground);
+  min-height: 65px;
+  border-radius: 3px;
+  padding: calc(var(--padding) * 1.5);
+}
\ No newline at end of file
diff --git a/packages/core/src/features/preferences/renderer/removable-item/removable-item.tsx b/packages/core/src/features/preferences/renderer/removable-item/removable-item.tsx
new file mode 100644
index 0000000000..ee04f9d76c
--- /dev/null
+++ b/packages/core/src/features/preferences/renderer/removable-item/removable-item.tsx
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import styles from "./removable-item.module.scss";
+
+import type { DOMAttributes } from "react";
+import React from "react";
+
+import { cssNames } from "../../../../renderer/utils";
+import { Icon } from "../../../../renderer/components/icon";
+
+export interface RemovableItemProps extends DOMAttributes<any>{
+  icon?: string;
+  onRemove: () => void;
+  className?: string;
+  "data-testid"?: string;
+}
+
+export function RemovableItem({ icon, onRemove, children, className, "data-testid": testId, ...rest }: RemovableItemProps) {
+  return (
+    <div className={cssNames(styles.item, "flex gaps align-center justify-space-between", className)} {...rest}>
+      {icon && (
+        <Icon material={icon}/>
+      )}
+      {children}
+      <Icon
+        material="delete"
+        onClick={onRemove}
+        tooltip="Remove"
+        data-testid={testId}
+      />
+    </div>
+  );
+}
diff --git a/packages/core/src/features/preferences/urls-of-legacy-extensions.test.tsx b/packages/core/src/features/preferences/urls-of-legacy-extensions.test.tsx
new file mode 100644
index 0000000000..1eba04c683
--- /dev/null
+++ b/packages/core/src/features/preferences/urls-of-legacy-extensions.test.tsx
@@ -0,0 +1,330 @@
+/**
+ * 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 type { Discover } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import { discoverFor } from "../../renderer/components/test-utils/discovery-of-html-elements";
+import React from "react";
+import type { Navigate } from "../../renderer/navigation/navigate.injectable";
+import navigateInjectable from "../../renderer/navigation/navigate.injectable";
+
+describe("preferences: URLs of legacy extensions", () => {
+  let builder: ApplicationBuilder;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+  });
+
+  describe("given extension with custom preferences and a custom preference tab", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+    let navigate: Navigate;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+
+      const testExtension = {
+        id: "some-extension-id",
+        name: "some-extension",
+
+        rendererOptions: {
+          appPreferenceTabs: [
+            {
+              title: "Some title",
+              id: "some-preference-tab-id",
+              orderNumber: 1,
+            },
+
+            {
+              title: "Some other title",
+              id: "some-other-preference-tab-id",
+              orderNumber: 2,
+            },
+          ],
+
+          appPreferences: [
+            {
+              title: "some-title",
+              id: "some-preference-item-id",
+              showInPreferencesTab: "some-preference-tab-id",
+
+              components: {
+                Hint: () => <div />,
+                Input: () => <div data-some-preference-test="some-preference" />,
+              },
+            },
+
+            {
+              title: "some-other-title",
+              id: "some-other-preference-item-id",
+              showInPreferencesTab: "some-other-preference-tab-id",
+
+              components: {
+                Hint: () => <div />,
+                Input: () => <div data-some-preference-test="some-other-preference" />,
+              },
+            },
+          ],
+        },
+      };
+
+      builder.extensions.enable(testExtension);
+
+      navigate = builder.applicationWindow.only.di.inject(navigateInjectable);
+    });
+
+    describe("when navigating to specific custom preference tab using magic string URL", () => {
+      beforeEach(() => {
+        navigate("/preferences/extension/some-extension/some-preference-tab-id");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows the custom preference page for the custom preference tab", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "preference-item-for-extension-some-extension-additional-page-some-preference-tab-id",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+
+      it("shows the custom preferences", () => {
+        const { discovered } = discover.getSingleElement(
+          "some-preference",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+
+    describe("when navigating to unspecified custom preferences tab using magic string URL", () => {
+      beforeEach(() => {
+        navigate("/preferences/extension/some-extension");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("cannot find contents of the arbitrary custom preference tabs", () => {
+        const { discovered } = discover.querySingleElement(
+          "some-preference",
+        );
+
+        expect(discovered).toBeNull();
+      });
+
+      it("shows the empty default preference page for the extension", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "preference-item-for-extension-some-extension-page",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+  });
+
+  describe("given extension with custom preferences but without a custom preference tab", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+    let navigate: Navigate;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+
+      const testExtension = {
+        id: "some-extension-id",
+        name: "some-extension",
+
+        rendererOptions: {
+          appPreferences: [
+            {
+              title: "some-title",
+              id: "some-preference-item-id",
+
+              components: {
+                Hint: () => <div />,
+                Input: () => <div data-some-preference-test />,
+              },
+            },
+          ],
+        },
+      };
+
+      builder.extensions.enable(testExtension);
+
+      navigate = builder.applicationWindow.only.di.inject(navigateInjectable);
+    });
+
+    describe("when navigating to the default preference tab using magic string URL", () => {
+      beforeEach(() => {
+        navigate("/preferences/extension/some-extension");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows the preference page for the custom preferences", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "preference-item-for-extension-some-extension-page",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+
+      it("shows the custom preferences", () => {
+        const { discovered } = discover.getSingleElement("some-preference");
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+  });
+
+  describe("given extension with both custom preference tabs and content for the default tab", () => {
+    let rendered: RenderResult;
+    let discover: Discover;
+    let navigate: Navigate;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      discover = discoverFor(() => rendered);
+
+      const testExtension = {
+        id: "some-extension-id",
+        name: "some-extension",
+
+        rendererOptions: {
+          appPreferenceTabs: [
+            {
+              title: "Some title",
+              id: "some-preference-tab-id",
+              orderNumber: 1,
+            },
+
+            {
+              title: "Some other title",
+              id: "some-other-preference-tab-id",
+              orderNumber: 2,
+            },
+          ],
+
+          appPreferences: [
+            {
+              title: "some-title",
+              id: "some-preference-item-id",
+              showInPreferencesTab: "some-preference-tab-id",
+
+              components: {
+                Hint: () => <div />,
+                Input: () => <div data-some-preference-test="some-preference-in-custom-tab" />,
+              },
+            },
+
+            {
+              title: "some-other-title",
+              id: "some-other-preference-item-id",
+              showInPreferencesTab: "some-other-preference-tab-id",
+
+              components: {
+                Hint: () => <div />,
+                Input: () => <div data-some-preference-test="some-preference-in-custom-tab" />,
+              },
+            },
+
+            {
+              title: "some-title-in-default-tab",
+              id: "some-preference-item-id-in-default-tab",
+
+              components: {
+                Hint: () => <div />,
+                Input: () => <div data-some-preference-test="some-preference-in-default-tab" />,
+              },
+            },
+          ],
+        },
+      };
+
+      builder.extensions.enable(testExtension);
+
+      navigate = builder.applicationWindow.only.di.inject(navigateInjectable);
+    });
+
+    describe("when navigating to specific custom preference tab using magic string URL", () => {
+      beforeEach(() => {
+        navigate("/preferences/extension/some-extension/some-preference-tab-id");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows the custom preference page for the custom preference tab", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "preference-item-for-extension-some-extension-additional-page-some-preference-tab-id",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+
+      it("shows the custom preferences", () => {
+        const { discovered } = discover.getSingleElement(
+          "some-preference",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+
+    describe("when navigating to unspecified custom preferences tab using magic string URL", () => {
+      beforeEach(() => {
+        navigate("/preferences/extension/some-extension");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("cannot find contents of the arbitrary custom preference tabs", () => {
+        const { discovered } = discover.querySingleElement(
+          "some-preference",
+          "some-preference-in-custom-tab",
+        );
+
+        expect(discovered).toBeNull();
+      });
+
+      it("shows the default preference page for the extension", () => {
+        const { discovered } = discover.getSingleElement(
+          "preference-page",
+          "preference-item-for-extension-some-extension-page",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+
+      it("shows preferences of default preference page of the extension", () => {
+        const { discovered } = discover.getSingleElement(
+          "some-preference",
+          "some-preference-in-default-tab",
+        );
+
+        expect(discovered).not.toBeNull();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/quitting-and-restarting-the-app/opening-application-window-using-tray.test.ts b/packages/core/src/features/quitting-and-restarting-the-app/opening-application-window-using-tray.test.ts
new file mode 100644
index 0000000000..23b8d55992
--- /dev/null
+++ b/packages/core/src/features/quitting-and-restarting-the-app/opening-application-window-using-tray.test.ts
@@ -0,0 +1,251 @@
+/**
+ * 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 { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { LensWindow } from "../../main/start-main-application/lens-window/application-window/create-lens-window.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";
+import staticFilesDirectoryInjectable from "../../common/vars/static-files-directory.injectable";
+
+describe("opening application window using tray", () => {
+  describe("given application has started", () => {
+    let builder: ApplicationBuilder;
+    let createElectronWindowMock: jest.Mock;
+    let expectWindowsToBeOpen: (windowIds: string[]) => void;
+    let callForSplashWindowHtmlMock: AsyncFnMock<() => Promise<void>>;
+    let callForApplicationWindowHtmlMock: AsyncFnMock<() => Promise<void>>;
+    let focusApplicationMock: jest.Mock;
+
+    beforeEach(async () => {
+      callForSplashWindowHtmlMock = asyncFn();
+      callForApplicationWindowHtmlMock = asyncFn();
+
+      focusApplicationMock = jest.fn();
+
+      builder = getApplicationBuilder();
+
+      builder.beforeApplicationStart((mainDi) => {
+        mainDi.override(focusApplicationInjectable, () => focusApplicationMock);
+
+        mainDi.override(
+          staticFilesDirectoryInjectable,
+          () => "/some-static-directory",
+        );
+
+        const loadFileMock = jest
+          .fn(callForSplashWindowHtmlMock)
+          .mockImplementationOnce(() => Promise.resolve());
+
+        const loadUrlMock = jest
+          .fn(callForApplicationWindowHtmlMock)
+          .mockImplementationOnce(() => Promise.resolve());
+
+        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(builder);
+      });
+
+      await builder.render();
+    });
+
+    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(() => {
+        builder.tray.click("open-app");
+      });
+
+      it("still shows only the application window", () => {
+        expectWindowsToBeOpen(["first-application-window"]);
+      });
+    });
+
+    describe("when the first application window is closed", () => {
+      beforeEach(() => {
+        const applicationWindow = builder.applicationWindow.only;
+
+        applicationWindow.close();
+      });
+
+      it("no windows are open", () => {
+        expectWindowsToBeOpen([]);
+      });
+
+      describe("when an application window is reopened using tray", () => {
+        beforeEach(() => {
+          focusApplicationMock.mockClear();
+
+          callForSplashWindowHtmlMock.mockClear();
+          callForApplicationWindowHtmlMock.mockClear();
+
+          builder.tray.click("open-app");
+        });
+
+        it("focuses the application", () => {
+          expect(focusApplicationMock).toHaveBeenCalled();
+        });
+
+        it("still no windows are open", () => {
+          expectWindowsToBeOpen([]);
+        });
+
+        it("starts loading static HTML of splash window", () => {
+          expect(callForSplashWindowHtmlMock).toHaveBeenCalledWith("/some-static-directory/splash.html");
+        });
+
+        describe("when loading of splash window HTML resolves", () => {
+          beforeEach(async () => {
+            await callForSplashWindowHtmlMock.resolve();
+          });
+
+          it("shows just the splash window", () => {
+            expectWindowsToBeOpen(["splash"]);
+          });
+
+          it("starts loading of content for the application window", () => {
+            expect(callForApplicationWindowHtmlMock).toHaveBeenCalledWith("https://lens.app:42");
+          });
+
+          describe("given static HTML of application window has not resolved yet, when opening from tray again", () => {
+            beforeEach(() => {
+              callForApplicationWindowHtmlMock.mockClear();
+              callForSplashWindowHtmlMock.mockClear();
+
+              builder.tray.click("open-app");
+            });
+
+            it("does not load contents of splash window again", () => {
+              expect(callForSplashWindowHtmlMock).not.toHaveBeenCalled();
+            });
+
+            it("does not load contents of application window again", () => {
+              expect(callForApplicationWindowHtmlMock).not.toHaveBeenCalled();
+            });
+
+            it("shows just the blank application window to permit developer tool access", () => {
+              expectWindowsToBeOpen(["first-application-window"]);
+            });
+          });
+
+          describe("when static HTML of application window resolves", () => {
+            beforeEach(async () => {
+              await callForApplicationWindowHtmlMock.resolve();
+            });
+
+            it("shows just the application window", () => {
+              expectWindowsToBeOpen(["first-application-window"]);
+            });
+
+            describe("when reopening the application using tray", () => {
+              beforeEach(() => {
+                callForSplashWindowHtmlMock.mockClear();
+                callForApplicationWindowHtmlMock.mockClear();
+
+                builder.tray.click("open-app");
+              });
+
+              it("still shows just the application window", () => {
+                expectWindowsToBeOpen(["first-application-window"]);
+              });
+
+              it("does not load HTML for splash window again", () => {
+                expect(callForSplashWindowHtmlMock).not.toHaveBeenCalled();
+              });
+
+              it("does not load HTML for application window again", () => {
+                expect(callForApplicationWindowHtmlMock).not.toHaveBeenCalled();
+              });
+            });
+          });
+        });
+
+        describe("given opening of splash window has not finished yet, but another attempt to open the application is made", () => {
+          beforeEach(() => {
+            createElectronWindowMock.mockClear();
+
+            builder.tray.click("open-app");
+          });
+
+          it("does not open any new windows", () => {
+            expect(createElectronWindowMock).not.toHaveBeenCalled();
+          });
+        });
+
+        describe("when opening of splash window resolves", () => {
+          beforeEach(async () => {
+            await callForSplashWindowHtmlMock.resolve();
+          });
+
+          it("still only splash window is open", () => {
+            expectWindowsToBeOpen(["splash"]);
+          });
+
+          it("when opening of application window finishes, only an application window is open", async () => {
+            await callForApplicationWindowHtmlMock.resolve();
+
+            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();
+
+              builder.tray.click("open-app");
+            });
+
+            it("does not open any new windows", () => {
+              expect(createElectronWindowMock).not.toHaveBeenCalled();
+            });
+
+            it("when opening finishes, only an application window is open", async () => {
+              await callForApplicationWindowHtmlMock.resolve();
+
+              expectWindowsToBeOpen(["first-application-window"]);
+            });
+          });
+        });
+      });
+    });
+  });
+});
+
+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);
+  };
diff --git a/packages/core/src/features/quitting-and-restarting-the-app/quitting-the-app-using-application-menu.test.ts b/packages/core/src/features/quitting-and-restarting-the-app/quitting-the-app-using-application-menu.test.ts
new file mode 100644
index 0000000000..a7a6e4ae60
--- /dev/null
+++ b/packages/core/src/features/quitting-and-restarting-the-app/quitting-the-app-using-application-menu.test.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 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 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, testUsingFakeTime } from "../../common/test-utils/use-fake-time";
+
+describe("quitting the app using application menu", () => {
+  describe("given application has started", () => {
+    let builder: ApplicationBuilder;
+    let clusterManagerStub: ClusterManager;
+    let exitAppMock: jest.Mock;
+
+    beforeEach(async () => {
+      testUsingFakeTime("2015-10-21T07:28:00Z");
+
+      builder = getApplicationBuilder();
+
+      builder.beforeApplicationStart(
+        (mainDi) => {
+          mainDi.unoverride(stopServicesAndExitAppInjectable);
+
+          clusterManagerStub = { stop: jest.fn() } as unknown as ClusterManager;
+          mainDi.override(clusterManagerInjectable, () => clusterManagerStub);
+
+          exitAppMock = jest.fn();
+          mainDi.override(exitAppInjectable, () => exitAppMock);
+        },
+      );
+
+      await builder.render();
+    });
+
+    it("first application window is open", () => {
+      const windows = builder.applicationWindow.getAll();
+
+      expect(windows.map((window) => window.id)).toEqual(["first-application-window"]);
+    });
+
+    describe("when application is quit", () => {
+      beforeEach(() => {
+        builder.applicationMenu.click("root", "mac", "quit");
+      });
+
+      it("closes all windows", () => {
+        const windows = builder.applicationWindow.getAll();
+
+        expect(windows).toEqual([]);
+      });
+
+      it("disconnects all clusters", () => {
+        expect(clusterManagerStub.stop).toHaveBeenCalled();
+      });
+
+      it("after insufficient time passes, does not terminate application yet", () => {
+        advanceFakeTime(999);
+
+        expect(exitAppMock).not.toHaveBeenCalled();
+      });
+
+      describe("after sufficient time passes", () => {
+        beforeEach(() => {
+          advanceFakeTime(1000);
+        });
+
+        it("terminates application", () => {
+          expect(exitAppMock).toHaveBeenCalled();
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/resolve-system-proxy/resolve-system-proxy.test.ts b/packages/core/src/features/resolve-system-proxy/resolve-system-proxy.test.ts
new file mode 100644
index 0000000000..d2e021ef98
--- /dev/null
+++ b/packages/core/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/packages/core/src/features/routes/extension-api/reactively-disable-global-pages.test.tsx b/packages/core/src/features/routes/extension-api/reactively-disable-global-pages.test.tsx
new file mode 100644
index 0000000000..deb4015480
--- /dev/null
+++ b/packages/core/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/packages/core/src/features/shell-sync/common/failure-channel.ts b/packages/core/src/features/shell-sync/common/failure-channel.ts
new file mode 100644
index 0000000000..aed25b0da0
--- /dev/null
+++ b/packages/core/src/features/shell-sync/common/failure-channel.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 { MessageChannel } from "../../../common/utils/channel/message-channel-listener-injection-token";
+
+export const shellSyncFailedChannel: MessageChannel<string> = {
+  id: "shell-sync-failed-channel",
+};
diff --git a/packages/core/src/features/shell-sync/main/compute-shell-environment.global-override-for-injectable.ts b/packages/core/src/features/shell-sync/main/compute-shell-environment.global-override-for-injectable.ts
new file mode 100644
index 0000000000..b4c9051729
--- /dev/null
+++ b/packages/core/src/features/shell-sync/main/compute-shell-environment.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 computeShellEnvironmentInjectable from "./compute-shell-environment.injectable";
+
+export default getGlobalOverride(computeShellEnvironmentInjectable, () => async () => ({
+  callWasSuccessful: true,
+}));
diff --git a/packages/core/src/features/shell-sync/main/compute-shell-environment.injectable.ts b/packages/core/src/features/shell-sync/main/compute-shell-environment.injectable.ts
new file mode 100644
index 0000000000..88fcd0de84
--- /dev/null
+++ b/packages/core/src/features/shell-sync/main/compute-shell-environment.injectable.ts
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { AsyncResult } from "../../../common/utils/async-result";
+import { getInjectable } from "@ogre-tools/injectable";
+import isWindowsInjectable from "../../../common/vars/is-windows.injectable";
+import computeUnixShellEnvironmentInjectable from "./compute-unix-shell-environment.injectable";
+
+export type EnvironmentVariables = Partial<Record<string, string>>;
+export type ComputeShellEnvironment = (shell: string) => Promise<AsyncResult<EnvironmentVariables | undefined, string>>;
+
+const computeShellEnvironmentInjectable = getInjectable({
+  id: "compute-shell-environment",
+  instantiate: (di): ComputeShellEnvironment => {
+    const isWindows = di.inject(isWindowsInjectable);
+    const computeUnixShellEnvironment = di.inject(computeUnixShellEnvironmentInjectable);
+
+    if (isWindows) {
+      return async () => ({
+        callWasSuccessful: true,
+        response: undefined,
+      });
+    }
+
+    return async (shell) => {
+      const controller = new AbortController();
+      const timeoutHandle = setTimeout(() => controller.abort(), 30_000);
+      const result = await computeUnixShellEnvironment(shell, { signal: controller.signal });
+
+      clearTimeout(timeoutHandle);
+
+      if (result.callWasSuccessful) {
+        return result;
+      }
+
+      if (controller.signal.aborted) {
+        return {
+          callWasSuccessful: false,
+          error: `Resolving shell environment is taking very long. Please review your shell configuration: ${result.error}`,
+        };
+      }
+
+      return result;
+    };
+  },
+});
+
+export default computeShellEnvironmentInjectable;
+
diff --git a/packages/core/src/features/shell-sync/main/compute-unix-shell-environment.global-override-for-injectable.ts b/packages/core/src/features/shell-sync/main/compute-unix-shell-environment.global-override-for-injectable.ts
new file mode 100644
index 0000000000..aac810aa62
--- /dev/null
+++ b/packages/core/src/features/shell-sync/main/compute-unix-shell-environment.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 computeUnixShellEnvironmentInjectable from "./compute-unix-shell-environment.injectable";
+
+export default getGlobalOverride(computeUnixShellEnvironmentInjectable, () => async () => {
+  throw new Error("Tried to get unix shell env without override");
+});
diff --git a/packages/core/src/features/shell-sync/main/compute-unix-shell-environment.injectable.ts b/packages/core/src/features/shell-sync/main/compute-unix-shell-environment.injectable.ts
new file mode 100644
index 0000000000..fa6de94b57
--- /dev/null
+++ b/packages/core/src/features/shell-sync/main/compute-unix-shell-environment.injectable.ts
@@ -0,0 +1,186 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { EnvironmentVariables } from "./compute-shell-environment.injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import getBasenameOfPathInjectable from "../../../common/path/get-basename.injectable";
+import spawnInjectable from "../../../main/child-process/spawn.injectable";
+import randomUUIDInjectable from "../../../main/crypto/random-uuid.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import processExecPathInjectable from "./execPath.injectable";
+import processEnvInjectable from "./env.injectable";
+import { object } from "../../../common/utils";
+import type { AsyncResult } from "../../../common/utils/async-result";
+
+export interface UnixShellEnvOptions {
+  signal: AbortSignal;
+}
+
+export type ComputeUnixShellEnvironment = (shell: string, opts: UnixShellEnvOptions) => Promise<AsyncResult<EnvironmentVariables, string>>;
+
+/**
+ * @param src The object containing the current environment variables
+ * @param overrides The environment variables that want to be overridden before passing the env to a child process
+ * @returns The combination of environment variables and a function which resets an object of environment variables to the values the keys corresponded to in `src` (rather than `overrides`)
+ */
+const getResetProcessEnv = (src: Partial<Record<string, string>>, overrides: Partial<Record<string, string>>): {
+  resetEnvPairs: (target: Partial<Record<string, string>>) => void;
+  env: Partial<Record<string, string>>;
+} => {
+  const originals = object.entries(overrides).map(([name]) => [name, src[name]] as const);
+
+  return {
+    env: {
+      ...src,
+      ...overrides,
+    },
+    resetEnvPairs: (target) => {
+      for (const [name, orginalValue] of originals) {
+        if (typeof orginalValue === "string") {
+          target[name] = orginalValue;
+        } else {
+          delete target[name];
+        }
+      }
+    },
+  };
+};
+
+const computeUnixShellEnvironmentInjectable = getInjectable({
+  id: "compute-unix-shell-environment",
+  instantiate: (di): ComputeUnixShellEnvironment => {
+    const powerShellName = /^pwsh(-preview)?$/;
+    const cshLikeShellName = /^(t?csh)$/;
+    const fishLikeShellName = /^fish$/;
+
+    const getBasenameOfPath = di.inject(getBasenameOfPathInjectable);
+    const spawn = di.inject(spawnInjectable);
+    const logger = di.inject(loggerInjectable);
+    const randomUUID = di.inject(randomUUIDInjectable);
+    const processExecPath = di.inject(processExecPathInjectable);
+    const processEnv = di.inject(processEnvInjectable);
+
+    const getShellSpecifices = (shellName: string) => {
+      const mark = randomUUID().replace(/-/g, "");
+      const regex = new RegExp(`${mark}(\\{.*\\})${mark}`);
+
+      if (powerShellName.test(shellName)) {
+        // Older versions of PowerShell removes double quotes sometimes so we use "double single quotes" which is how
+        // you escape single quotes inside of a single quoted string.
+        return {
+          command: `Command '${processExecPath}' -p '\\"${mark}\\" + JSON.stringify(process.env) + \\"${mark}\\"'`,
+          shellArgs: ["-Login"],
+          regex,
+        };
+      }
+
+      let command = `'${processExecPath}' -p '"${mark}" + JSON.stringify(process.env) + "${mark}"'`;
+      const shellArgs = ["-l"];
+
+      if (fishLikeShellName.test(shellName)) {
+        shellArgs.push("-c", command);
+        command = "";
+      } else if (!cshLikeShellName.test(shellName)) {
+        // zsh (at least, maybe others) don't load RC files when in non-interactive mode, even when using -l (login) option
+        shellArgs.push("-i");
+        command = ` ${command}`; // This prevents the command from being added to the history
+      } else {
+        // Some shells don't support any other options when providing the -l (login) shell option
+      }
+
+      return { command, shellArgs, regex };
+    };
+
+
+    return async (shellPath, opts) => {
+      const { resetEnvPairs, env } = getResetProcessEnv(processEnv, {
+        ELECTRON_RUN_AS_NODE: "1",
+        ELECTRON_NO_ATTACH_CONSOLE: "1",
+        TERM: "screen-256color-bce", // required for fish
+      });
+      const shellName = getBasenameOfPath(shellPath);
+      const { command, shellArgs, regex } = getShellSpecifices(shellName);
+
+      logger.info(`[UNIX-SHELL-ENV]: running against ${shellPath}`, { command, shellArgs });
+
+      return new Promise((resolve) => {
+        const shellProcess = spawn(shellPath, shellArgs, {
+          signal: opts.signal,
+          detached: true,
+          env,
+        });
+        const stdout: Buffer[] = [];
+        const stderr: Buffer[] = [];
+
+        const getErrorContext = (other: object = {}) => {
+          const context = {
+            ...other,
+            stdout: Buffer.concat(stdout).toString("utf-8"),
+            stderr: Buffer.concat(stderr).toString("utf-8"),
+          };
+
+          return JSON.stringify(context, null, 4);
+        };
+
+        shellProcess.stdout.on("data", b => stdout.push(b));
+        shellProcess.stderr.on("data", b => stderr.push(b));
+
+        shellProcess.on("error", (error) => {
+          if (opts.signal.aborted) {
+            resolve({
+              callWasSuccessful: false,
+              error: `timeout: ${getErrorContext()}`,
+            });
+          } else {
+            resolve({
+              callWasSuccessful: false,
+              error: `Failed to spawn ${shellPath}: ${getErrorContext({ error: String(error) })}`,
+            });
+          }
+        });
+        shellProcess.on("close", (code, signal) => {
+          if (code || signal) {
+            return resolve({
+              callWasSuccessful: false,
+              error: `Shell did not exit sucessfully: ${getErrorContext({ code, signal })}`,
+            });
+          }
+
+          try {
+            const rawOutput = Buffer.concat(stdout).toString("utf-8");
+
+            logger.debug(`[UNIX-SHELL-ENV]: got the following output`, { rawOutput });
+
+            const matchedOutput = regex.exec(rawOutput)?.[1];
+
+            if (!matchedOutput) {
+              return resolve({
+                callWasSuccessful: false,
+                error: "Something has blocked the shell from producing the environement variables",
+              });
+            }
+
+            const resolvedEnv = JSON.parse(matchedOutput) as Partial<Record<string, string>>;
+
+            resetEnvPairs(resolvedEnv);
+            resolve({
+              callWasSuccessful: true,
+              response: resolvedEnv,
+            });
+          } catch (err) {
+            resolve({
+              callWasSuccessful: false,
+              error: String(err),
+            });
+          }
+        });
+
+        shellProcess.stdin.end(command);
+      });
+    };
+  },
+  causesSideEffects: true,
+});
+
+export default computeUnixShellEnvironmentInjectable;
diff --git a/packages/core/src/features/shell-sync/main/compute-unix-shell-environment.test.ts b/packages/core/src/features/shell-sync/main/compute-unix-shell-environment.test.ts
new file mode 100644
index 0000000000..a540824286
--- /dev/null
+++ b/packages/core/src/features/shell-sync/main/compute-unix-shell-environment.test.ts
@@ -0,0 +1,509 @@
+/**
+ * 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 { ChildProcessWithoutNullStreams } from "child_process";
+import EventEmitter from "events";
+import { flushPromises } from "../../../common/test-utils/flush-promises";
+import type { Spawn } from "../../../main/child-process/spawn.injectable";
+import spawnInjectable from "../../../main/child-process/spawn.injectable";
+import randomUUIDInjectable from "../../../main/crypto/random-uuid.injectable";
+import { getDiForUnitTesting } from "../../../main/getDiForUnitTesting";
+import type { ComputeUnixShellEnvironment } from "./compute-unix-shell-environment.injectable";
+import computeUnixShellEnvironmentInjectable from "./compute-unix-shell-environment.injectable";
+import processEnvInjectable from "./env.injectable";
+import processExecPathInjectable from "./execPath.injectable";
+import MemoryStream from "memorystream";
+
+const expectedEnv = {
+  SOME_ENV_VAR: "some-env-value",
+  ELECTRON_RUN_AS_NODE: "1",
+  ELECTRON_NO_ATTACH_CONSOLE: "1",
+  TERM: "screen-256color-bce",
+  SOME_THIRD_NON_UNDEFINED_VALUE: "",
+};
+
+describe("computeUnixShellEnvironment technical tests", () => {
+  let di: DiContainer;
+  let computeUnixShellEnvironment: ComputeUnixShellEnvironment;
+  let spawnMock: jest.MockedFunction<Spawn>;
+  let shellProcessFake: ChildProcessWithoutNullStreams;
+  let stdinValue: string;
+  let shellStdin: MemoryStream;
+  let shellStdout: MemoryStream;
+  let shellStderr: MemoryStream;
+  let unixShellEnv: ReturnType<ComputeUnixShellEnvironment>;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({
+      doGeneralOverrides: true,
+    });
+
+    spawnMock = jest.fn().mockImplementation((spawnfile, spawnargs) => {
+      shellStdin = new MemoryStream();
+      shellStdout = new MemoryStream();
+      shellStderr = new MemoryStream();
+      stdinValue = "";
+
+      shellStdin.on("data", (chunk) => {
+        stdinValue += chunk.toString();
+      });
+
+      return shellProcessFake = Object.assign(new EventEmitter(), {
+        stdin: shellStdin,
+        stdout: shellStdout,
+        stderr: shellStderr,
+        stdio: [
+          shellStdin,
+          shellStdout,
+          shellStderr,
+        ] as any,
+        killed: false,
+        kill: jest.fn(),
+        send: jest.fn(),
+        disconnect: jest.fn(),
+        unref: jest.fn(),
+        ref: jest.fn(),
+        connected: false,
+        exitCode: null,
+        signalCode: null,
+        spawnargs,
+        spawnfile,
+      });
+    });
+    di.override(spawnInjectable, () => spawnMock);
+    di.override(randomUUIDInjectable, () => () => "deadbeef");
+
+    di.override(processEnvInjectable, () => ({
+      SOME_ENV_VAR: "some-env-value",
+      TERM: "some-other-value",
+      SOME_THIRD_NON_UNDEFINED_VALUE: "",
+    }));
+    di.override(processExecPathInjectable, () => "/some/process/exec/path");
+
+    di.unoverride(computeUnixShellEnvironmentInjectable);
+    di.permitSideEffects(computeUnixShellEnvironmentInjectable);
+    computeUnixShellEnvironment = di.inject(computeUnixShellEnvironmentInjectable);
+  });
+
+  describe.each([
+    "/bin/csh",
+    "/bin/tcsh",
+  ])("when shell is %s", (shellPath) => {
+    beforeEach(async () => {
+      const controller = new AbortController();
+
+      unixShellEnv = computeUnixShellEnvironment(shellPath, { signal: controller.signal });
+      await flushPromises();
+    });
+
+    it("should spawn a process with the correct arguments", () => {
+      expect(spawnMock).toBeCalledWith(
+        shellPath,
+        [
+          "-l",
+        ],
+        expect.objectContaining({
+          env: expectedEnv,
+        }),
+      );
+    });
+
+    it("should send the command via stdin", () => {
+      expect(stdinValue).toBe(`'/some/process/exec/path' -p '"deadbeef" + JSON.stringify(process.env) + "deadbeef"'`);
+    });
+
+    it("should close stdin", () => {
+      expect(shellStdin.readableEnded).toBe(true);
+    });
+
+    describe("when process errors", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("error", new Error("some-error"));
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: `Failed to spawn ${shellPath}: ${JSON.stringify({
+            error: "Error: some-error",
+            stdout: "",
+            stderr: "",
+          }, null, 4)}`,
+        });
+      });
+    });
+
+    describe("when process exits with non-zero exit code", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("close", 1, null);
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: 'Shell did not exit sucessfully: {\n    "code": 1,\n    "signal": null,\n    "stdout": "",\n    "stderr": ""\n}',
+        });
+      });
+    });
+
+    describe("when process exits with a signal", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("close", 0, "SIGKILL");
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: 'Shell did not exit sucessfully: {\n    "code": 0,\n    "signal": "SIGKILL",\n    "stdout": "",\n    "stderr": ""\n}',
+        });
+      });
+    });
+
+    describe("when process stdout emits some data", () => {
+      beforeEach(() => {
+        const fakeInnerEnv = {
+          PATH: "/bin",
+          ...expectedEnv,
+        };
+
+        shellStdout.emit("data", Buffer.from(`some-other-datadeadbeef${JSON.stringify(fakeInnerEnv)}deadbeefsome-third-other-data`));
+      });
+
+      describe("when process successfully exits", () => {
+        beforeEach(() => {
+          shellProcessFake.emit("close", 0);
+        });
+
+        it("should resolve the env", async () => {
+          await expect(unixShellEnv).resolves.toEqual({
+            callWasSuccessful: true,
+            response: {
+              PATH: "/bin",
+              SOME_ENV_VAR: "some-env-value",
+              TERM: "some-other-value",
+              SOME_THIRD_NON_UNDEFINED_VALUE: "",
+            },
+          });
+        });
+      });
+    });
+  });
+
+  describe.each([
+    "/bin/bash",
+    "/bin/sh",
+    "/bin/zsh",
+  ])("when shell is %s", (shellPath) => {
+    beforeEach(async () => {
+      const controller = new AbortController();
+
+      unixShellEnv = computeUnixShellEnvironment(shellPath, { signal: controller.signal });
+      await flushPromises();
+    });
+
+    it("should spawn a process with the correct arguments", () => {
+      expect(spawnMock).toBeCalledWith(
+        shellPath,
+        [
+          "-l",
+          "-i",
+        ],
+        expect.objectContaining({
+          env: expectedEnv,
+        }),
+      );
+    });
+
+    it("should send the command via stdin", () => {
+      expect(stdinValue).toBe(` '/some/process/exec/path' -p '"deadbeef" + JSON.stringify(process.env) + "deadbeef"'`);
+    });
+
+    it("should close stdin", () => {
+      expect(shellStdin.readableEnded).toBe(true);
+    });
+
+    describe("when process errors", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("error", new Error("some-error"));
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: `Failed to spawn ${shellPath}: ${JSON.stringify({
+            error: "Error: some-error",
+            stdout: "",
+            stderr: "",
+          }, null, 4)}`,
+        });
+      });
+    });
+
+    describe("when process exits with non-zero exit code", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("close", 1, null);
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: 'Shell did not exit sucessfully: {\n    "code": 1,\n    "signal": null,\n    "stdout": "",\n    "stderr": ""\n}',
+        });
+      });
+    });
+
+    describe("when process exits with a signal", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("close", 0, "SIGKILL");
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: 'Shell did not exit sucessfully: {\n    "code": 0,\n    "signal": "SIGKILL",\n    "stdout": "",\n    "stderr": ""\n}',
+        });
+      });
+    });
+
+    describe("when process stdout emits some data", () => {
+      beforeEach(() => {
+        const fakeInnerEnv = {
+          PATH: "/bin",
+          ...expectedEnv,
+        };
+
+        shellStdout.emit("data", Buffer.from(`some-other-datadeadbeef${JSON.stringify(fakeInnerEnv)}deadbeefsome-third-other-data`));
+      });
+
+      describe("when process successfully exits", () => {
+        beforeEach(() => {
+          shellProcessFake.emit("close", 0);
+        });
+
+        it("should resolve the env", async () => {
+          await expect(unixShellEnv).resolves.toEqual({
+            callWasSuccessful: true,
+            response: {
+              PATH: "/bin",
+              SOME_ENV_VAR: "some-env-value",
+              TERM: "some-other-value",
+              SOME_THIRD_NON_UNDEFINED_VALUE: "",
+            },
+          });
+        });
+      });
+    });
+  });
+
+  describe.each([
+    "/usr/local/bin/fish",
+  ])("when shell is %s", (shellPath) => {
+    beforeEach(async () => {
+      const controller = new AbortController();
+
+      unixShellEnv = computeUnixShellEnvironment(shellPath, { signal: controller.signal });
+      await flushPromises();
+    });
+
+    it("should spawn a process with the correct arguments", () => {
+      expect(spawnMock).toBeCalledWith(
+        shellPath,
+        [
+          "-l",
+          "-c",
+          `'/some/process/exec/path' -p '"deadbeef" + JSON.stringify(process.env) + "deadbeef"'`,
+        ],
+        expect.objectContaining({
+          env: expectedEnv,
+        }),
+      );
+    });
+
+    it("should not send anything via stdin", () => {
+      expect(stdinValue).toBe("");
+    });
+
+    it("should close stdin", () => {
+      expect(shellStdin.readableEnded).toBe(true);
+    });
+
+    describe("when process errors", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("error", new Error("some-error"));
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: `Failed to spawn ${shellPath}: ${JSON.stringify({
+            error: "Error: some-error",
+            stdout: "",
+            stderr: "",
+          }, null, 4)}`,
+        });
+      });
+    });
+
+    describe("when process exits with non-zero exit code", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("close", 1, null);
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: 'Shell did not exit sucessfully: {\n    "code": 1,\n    "signal": null,\n    "stdout": "",\n    "stderr": ""\n}',
+        });
+      });
+    });
+
+    describe("when process exits with a signal", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("close", 0, "SIGKILL");
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: 'Shell did not exit sucessfully: {\n    "code": 0,\n    "signal": "SIGKILL",\n    "stdout": "",\n    "stderr": ""\n}',
+        });
+      });
+    });
+
+    describe("when process stdout emits some data", () => {
+      beforeEach(() => {
+        const fakeInnerEnv = {
+          PATH: "/bin",
+          ...expectedEnv,
+        };
+
+        shellStdout.emit("data", Buffer.from(`some-other-datadeadbeef${JSON.stringify(fakeInnerEnv)}deadbeefsome-third-other-data`));
+      });
+
+      describe("when process successfully exits", () => {
+        beforeEach(() => {
+          shellProcessFake.emit("close", 0);
+        });
+
+        it("should resolve the env", async () => {
+          await expect(unixShellEnv).resolves.toEqual({
+            callWasSuccessful: true,
+            response: {
+              PATH: "/bin",
+              SOME_ENV_VAR: "some-env-value",
+              TERM: "some-other-value",
+              SOME_THIRD_NON_UNDEFINED_VALUE: "",
+            },
+          });
+        });
+      });
+    });
+  });
+
+  describe.each([
+    "/usr/local/bin/pwsh",
+    "/usr/local/bin/pwsh-preview",
+  ])("when shell is %s", (shellPath) => {
+    beforeEach(async () => {
+      const controller = new AbortController();
+
+      unixShellEnv = computeUnixShellEnvironment(shellPath, { signal: controller.signal });
+      await flushPromises();
+    });
+
+    it("should spawn a process with the correct arguments", () => {
+      expect(spawnMock).toBeCalledWith(
+        shellPath,
+        [
+          "-Login",
+        ],
+        expect.objectContaining({
+          env: expectedEnv,
+        }),
+      );
+    });
+
+    it("should send the command via stdin", () => {
+      expect(stdinValue).toBe(`Command '/some/process/exec/path' -p '\\"deadbeef\\" + JSON.stringify(process.env) + \\"deadbeef\\"'`);
+    });
+
+    it("should close stdin", () => {
+      expect(shellStdin.readableEnded).toBe(true);
+    });
+
+    describe("when process errors", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("error", new Error("some-error"));
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: `Failed to spawn ${shellPath}: ${JSON.stringify({
+            error: "Error: some-error",
+            stdout: "",
+            stderr: "",
+          }, null, 4)}`,
+        });
+      });
+    });
+
+    describe("when process exits with non-zero exit code", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("close", 1, null);
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: 'Shell did not exit sucessfully: {\n    "code": 1,\n    "signal": null,\n    "stdout": "",\n    "stderr": ""\n}',
+        });
+      });
+    });
+
+    describe("when process exits with a signal", () => {
+      beforeEach(() => {
+        shellProcessFake.emit("close", 0, "SIGKILL");
+      });
+
+      it("should resolve with a failed call", async () => {
+        await expect(unixShellEnv).resolves.toEqual({
+          callWasSuccessful: false,
+          error: 'Shell did not exit sucessfully: {\n    "code": 0,\n    "signal": "SIGKILL",\n    "stdout": "",\n    "stderr": ""\n}',
+        });
+      });
+    });
+
+    describe("when process stdout emits some data", () => {
+      beforeEach(() => {
+        const fakeInnerEnv = {
+          PATH: "/bin",
+          ...expectedEnv,
+        };
+
+        shellStdout.emit("data", Buffer.from(`some-other-datadeadbeef${JSON.stringify(fakeInnerEnv)}deadbeefsome-third-other-data`));
+      });
+
+      describe("when process successfully exits", () => {
+        beforeEach(() => {
+          shellProcessFake.emit("close", 0);
+        });
+
+        it("should resolve the env", async () => {
+          await expect(unixShellEnv).resolves.toEqual({
+            callWasSuccessful: true,
+            response: {
+              PATH: "/bin",
+              SOME_ENV_VAR: "some-env-value",
+              TERM: "some-other-value",
+              SOME_THIRD_NON_UNDEFINED_VALUE: "",
+            },
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/shell-sync/main/emit-failure.injectable.ts b/packages/core/src/features/shell-sync/main/emit-failure.injectable.ts
new file mode 100644
index 0000000000..5abdfafa52
--- /dev/null
+++ b/packages/core/src/features/shell-sync/main/emit-failure.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 type { MessageChannelSender } from "../../../common/utils/channel/message-to-channel-injection-token";
+import { sendMessageToChannelInjectionToken } from "../../../common/utils/channel/message-to-channel-injection-token";
+import { shellSyncFailedChannel } from "../common/failure-channel";
+
+const emitShellSyncFailedInjectable = getInjectable({
+  id: "emit-shell-sync-failed",
+  instantiate: (di): MessageChannelSender<typeof shellSyncFailedChannel> => {
+    const sendMessageToChannel = di.inject(sendMessageToChannelInjectionToken);
+
+    return (error) => sendMessageToChannel(shellSyncFailedChannel, error);
+  },
+});
+
+export default emitShellSyncFailedInjectable;
diff --git a/packages/core/src/features/shell-sync/main/env.injectable.ts b/packages/core/src/features/shell-sync/main/env.injectable.ts
new file mode 100644
index 0000000000..e9c359354f
--- /dev/null
+++ b/packages/core/src/features/shell-sync/main/env.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 process from "process";
+
+const processEnvInjectable = getInjectable({
+  id: "process-env",
+  instantiate: () => process.env,
+  causesSideEffects: true,
+});
+
+export default processEnvInjectable;
diff --git a/packages/core/src/features/shell-sync/main/execPath.injectable.ts b/packages/core/src/features/shell-sync/main/execPath.injectable.ts
new file mode 100644
index 0000000000..75ad886a29
--- /dev/null
+++ b/packages/core/src/features/shell-sync/main/execPath.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 process from "process";
+
+const processExecPathInjectable = getInjectable({
+  id: "process-exec-path",
+  instantiate: () => process.execPath,
+  causesSideEffects: true,
+});
+
+export default processExecPathInjectable;
diff --git a/packages/core/src/features/shell-sync/main/setup-shell.injectable.ts b/packages/core/src/features/shell-sync/main/setup-shell.injectable.ts
new file mode 100644
index 0000000000..82d623ec28
--- /dev/null
+++ b/packages/core/src/features/shell-sync/main/setup-shell.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 loggerInjectable from "../../../common/logger.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../../main/start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import { unionPATHs } from "../../../common/utils/union-env-path";
+import isSnapPackageInjectable from "../../../common/vars/is-snap-package.injectable";
+import electronAppInjectable from "../../../main/electron-app/electron-app.injectable";
+import computeShellEnvironmentInjectable from "./compute-shell-environment.injectable";
+import userShellSettingInjectable from "../../../common/user-store/shell-setting.injectable";
+import emitShellSyncFailedInjectable from "./emit-failure.injectable";
+
+const setupShellInjectable = getInjectable({
+  id: "setup-shell",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const isSnapPackage = di.inject(isSnapPackageInjectable);
+    const electronApp = di.inject(electronAppInjectable);
+    const resolvedUserShellSetting = di.inject(userShellSettingInjectable);
+    const computeShellEnvironment = di.inject(computeShellEnvironmentInjectable);
+    const emitShellSyncFailed = di.inject(emitShellSyncFailedInjectable);
+
+    return {
+      id: "setup-shell",
+      run: async (): Promise<void> => {
+        logger.info("🐚 Syncing shell environment");
+
+        const result = await computeShellEnvironment(resolvedUserShellSetting.get());
+
+        if (!result.callWasSuccessful) {
+          logger.error(`[SHELL-SYNC]: ${result.error}`);
+          emitShellSyncFailed(result.error);
+
+          return;
+        }
+
+        const env = result.response;
+
+        if (!env) {
+          return void logger.debug("[SHELL-SYNC]: nothing to do, env not special in shells");
+        }
+
+        if (!env.LANG) {
+          // the LANG env var expects an underscore instead of electron's dash
+          env.LANG = `${electronApp.getLocale().replace("-", "_")}.UTF-8`;
+        } else if (!env.LANG.endsWith(".UTF-8")) {
+          env.LANG += ".UTF-8";
+        }
+
+        if (!isSnapPackage) {
+          // 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.
+        process.env = {
+          ...env,
+          ...process.env,
+        };
+
+        logger.info(`[SHELL-SYNC]: Synced shell env`);
+        logger.debug(`[SHELL-SYNC]: updated env`, process.env);
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupShellInjectable;
diff --git a/packages/core/src/features/shell-sync/renderer/failure-listener.injectable.ts b/packages/core/src/features/shell-sync/renderer/failure-listener.injectable.ts
new file mode 100644
index 0000000000..2014397fad
--- /dev/null
+++ b/packages/core/src/features/shell-sync/renderer/failure-listener.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 { getMessageChannelListenerInjectable } from "../../../common/utils/channel/message-channel-listener-injection-token";
+import showErrorNotificationInjectable from "../../../renderer/components/notifications/show-error-notification.injectable";
+import { shellSyncFailedChannel } from "../common/failure-channel";
+
+const shellSyncFailureListenerInjectable = getMessageChannelListenerInjectable({
+  id: "notification",
+  channel: shellSyncFailedChannel,
+  handler: (di) => {
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+
+    return (errorMessage) => showErrorNotification(`Failed to sync shell environment: ${errorMessage}`);
+  },
+});
+
+export default shellSyncFailureListenerInjectable;
diff --git a/packages/core/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap b/packages/core/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap
new file mode 100644
index 0000000000..72291a5587
--- /dev/null
+++ b/packages/core/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap
@@ -0,0 +1,338 @@
+// 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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        >
+          <div
+            class="item"
+            data-origin="some-name"
+          >
+            <div
+              data-testid="some-testId"
+            >
+              left1
+            </div>
+          </div>
+          <div
+            class="item"
+            data-origin="some-name"
+          >
+            <div
+              data-testid="some-testId"
+            >
+              left2
+            </div>
+          </div>
+        </div>
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        >
+          <div
+            class="item"
+            data-origin="some-name"
+          >
+            <div
+              data-testid="some-testId"
+            >
+              right3
+            </div>
+          </div>
+          <div
+            class="item"
+            data-origin="some-name"
+          >
+            <span
+              data-testid="some-testId"
+            >
+              right2
+            </span>
+          </div>
+          <div
+            class="item"
+            data-origin="some-name"
+          >
+            <span
+              data-testid="some-testId"
+            >
+              right1
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/packages/core/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx b/packages/core/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx
new file mode 100644
index 0000000000..a23ffa2dd1
--- /dev/null
+++ b/packages/core/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx
@@ -0,0 +1,171 @@
+/**
+ * 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";
+import { computed } from "mobx";
+
+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 = getExpectedTestStatusBarTexts(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">right4</div>,
+                  position: "right" as const,
+                },
+                visible: computed(() => false),
+              },
+              {
+                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 = getExpectedTestStatusBarTexts(rightSide, [
+          "right1",
+          "right2",
+          "right3",
+        ]);
+
+        expect(actual).toEqual(["right3", "right2", "right1"]);
+      });
+
+      it("doesn't show invisible status bar item", () => {
+        const rightSide = rendered.getByTestId("status-bar-right");
+
+        expect(getTestStatusBarTexts(rightSide)).not.toContain("right4");
+      });
+
+      it("shows left side status bar items in the correct order", () => {
+        const leftSide = rendered.getByTestId("status-bar-left");
+
+        const actual = getExpectedTestStatusBarTexts(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) =>
+  Array.from(actual.children)
+    .map((elem) => String(elem.textContent));
+
+const getExpectedTestStatusBarTexts = (actual: HTMLElement, expectedTexts: string[]) =>
+  getTestStatusBarTexts(actual).filter((textContent) => textContent && expectedTexts.includes(textContent));
diff --git a/packages/core/src/features/telemetry/emit-telemetry-from-specific-function-calls.test.ts b/packages/core/src/features/telemetry/emit-telemetry-from-specific-function-calls.test.ts
new file mode 100644
index 0000000000..961647fa29
--- /dev/null
+++ b/packages/core/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/packages/core/src/features/telemetry/renderer/emit-telemetry.injectable.ts b/packages/core/src/features/telemetry/renderer/emit-telemetry.injectable.ts
new file mode 100644
index 0000000000..f543daf843
--- /dev/null
+++ b/packages/core/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/packages/core/src/features/telemetry/renderer/telemetry-decorator.injectable.ts b/packages/core/src/features/telemetry/renderer/telemetry-decorator.injectable.ts
new file mode 100644
index 0000000000..e1a614660c
--- /dev/null
+++ b/packages/core/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/packages/core/src/features/telemetry/renderer/telemetry-white-list-for-functions.injectable.ts b/packages/core/src/features/telemetry/renderer/telemetry-white-list-for-functions.injectable.ts
new file mode 100644
index 0000000000..38f0bb6ca6
--- /dev/null
+++ b/packages/core/src/features/telemetry/renderer/telemetry-white-list-for-functions.injectable.ts
@@ -0,0 +1,117 @@
+/**
+ * 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 navigateTo = [
+  "navigate-to-preference-tab-id",
+  "navigate-to-preference-tab",
+  "navigate-to-front-page",
+  "navigate-to-horizontal-pod-autoscalers",
+  "navigate-to-secrets",
+  "navigate-to-limit-ranges",
+  "navigate-to-pod-disruption-budgets",
+  "navigate-to-resource-quotas",
+  "navigate-to-priority-classes",
+  "navigate-to-config-maps",
+  "navigate-to-nodes",
+  "navigate-to-port-forwards",
+  "navigate-to-endpoints",
+  "navigate-to-network-policies",
+  "navigate-to-ingresses",
+  "navigate-to-services",
+  "navigate-to-persistent-volumes",
+  "navigate-to-persistent-volume-claims",
+  "navigate-to-storage-classes",
+  "navigate-to-namespaces",
+  "navigate-to-statefulsets",
+  "navigate-to-cron-jobs",
+  "navigate-to-pods",
+  "navigate-to-replicasets",
+  "navigate-to-daemonsets",
+  "navigate-to-jobs",
+  "navigate-to-workloads-overview",
+  "navigate-to-deployments",
+  "navigate-to-crd-list",
+  "navigate-to-custom-resources",
+  "navigate-to-pod-security-policies",
+  "navigate-to-cluster-role-bindings",
+  "navigate-to-roles",
+  "navigate-to-role-bindings",
+  "navigate-to-service-accounts",
+  "navigate-to-cluster-roles",
+  "navigate-to-events",
+  "navigate-to-cluster-overview",
+  "navigate-to-helm-releases",
+  "navigate-to-helm-charts",
+  "navigate-to-extension-preferences",
+  "navigate-to-app-preferences",
+  "navigate-to-proxy-preferences",
+  "navigate-to-preferences",
+  "navigate-to-terminal-preferences",
+  "navigate-to-telemetry-preferences",
+  "navigate-to-kubernetes-preferences",
+  "navigate-to-editor-preferences",
+  "navigate-to-add-cluster",
+  "navigate-to-catalog",
+  "navigate-to-welcome",
+  "navigate-to-extensions",
+  "navigate-to-cluster-view",
+  "navigate-to-entity-settings",
+];
+
+const helmInjectableIds = [
+  "update-helm-release",
+  "install-helm-chart",
+  "delete-helm-release",
+  "list-helm-charts",
+  "add-helm-repository-channel",
+  "remove-helm-repository-channel",
+  "select-helm-repository",
+  "call-for-helm-chart-versions",
+];
+
+const kubeConfigActions = [
+  "create-cluster",
+  "add-sync-entries",
+  "open-delete-cluster-dialog",
+];
+
+const extensions = [
+  "enable-extension",
+  "disable-extension",
+  "attempt-install",
+  "unpack-extension",
+  "install-extension-from-input",
+  "confirm-uninstall-extension",
+  "uninstall-extension",
+];
+
+const externalActions = [
+  "open-link-in-browser",
+];
+
+const uiInteraction = [
+  "show-details",
+];
+
+const terminal = [
+  "create-terminal-tab",
+];
+
+const telemetryWhiteListForFunctionsInjectable = getInjectable({
+  id: "telemetry-white-list-for-functions",
+  instantiate: () => [
+    ...navigateTo,
+    ...helmInjectableIds,
+    ...kubeConfigActions,
+    ...extensions,
+    ...externalActions,
+    ...uiInteraction,
+    ...terminal,
+  ],
+  decorable: false,
+});
+
+export default telemetryWhiteListForFunctionsInjectable;
diff --git a/packages/core/src/features/theme/system-type/common/channels.ts b/packages/core/src/features/theme/system-type/common/channels.ts
new file mode 100644
index 0000000000..3134f20378
--- /dev/null
+++ b/packages/core/src/features/theme/system-type/common/channels.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 { MessageChannel } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import type { RequestChannel } from "../../../../common/utils/channel/request-channel-listener-injection-token";
+
+export type SystemThemeType = "dark" | "light";
+
+export const initialSystemThemeTypeChannel: RequestChannel<void, SystemThemeType> = {
+  id: "initial-system-theme-type",
+};
+
+export const systemThemeTypeUpdateChannel: MessageChannel<SystemThemeType> = {
+  id: "system-theme-type-update",
+};
diff --git a/packages/core/src/features/theme/system-type/main/emit-update.injectable.ts b/packages/core/src/features/theme/system-type/main/emit-update.injectable.ts
new file mode 100644
index 0000000000..c085e6615a
--- /dev/null
+++ b/packages/core/src/features/theme/system-type/main/emit-update.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 { MessageChannelHandler } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import { sendMessageToChannelInjectionToken } from "../../../../common/utils/channel/message-to-channel-injection-token";
+import { systemThemeTypeUpdateChannel } from "../common/channels";
+
+export type EmitSystemThemeTypeUpdate = MessageChannelHandler<typeof systemThemeTypeUpdateChannel>;
+
+const emitSystemThemeTypeUpdateInjectable = getInjectable({
+  id: "emit-system-theme-type-update",
+  instantiate: (di): EmitSystemThemeTypeUpdate => {
+    const sendMessageToChannel = di.inject(sendMessageToChannelInjectionToken);
+
+    return (type) => sendMessageToChannel(systemThemeTypeUpdateChannel, type);
+  },
+});
+
+export default emitSystemThemeTypeUpdateInjectable;
diff --git a/packages/core/src/features/theme/system-type/main/handle-initial.injectable.ts b/packages/core/src/features/theme/system-type/main/handle-initial.injectable.ts
new file mode 100644
index 0000000000..1468b1eeda
--- /dev/null
+++ b/packages/core/src/features/theme/system-type/main/handle-initial.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 operatingSystemThemeInjectable from "../../../../main/theme/operating-system-theme.injectable";
+import { getRequestChannelListenerInjectable } from "../../../../main/utils/channel/channel-listeners/listener-tokens";
+import { initialSystemThemeTypeChannel } from "../common/channels";
+
+const initialSystemThemeTypeHandler = getRequestChannelListenerInjectable({
+  channel: initialSystemThemeTypeChannel,
+  handler: (di) => {
+    const operatingSystemTheme = di.inject(operatingSystemThemeInjectable);
+
+    return () => operatingSystemTheme.get();
+  },
+});
+
+export default initialSystemThemeTypeHandler;
diff --git a/packages/core/src/features/theme/system-type/main/setup-update-emitter.injectable.ts b/packages/core/src/features/theme/system-type/main/setup-update-emitter.injectable.ts
new file mode 100644
index 0000000000..75129fa128
--- /dev/null
+++ b/packages/core/src/features/theme/system-type/main/setup-update-emitter.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 { reaction } from "mobx";
+import { onLoadOfApplicationInjectionToken } from "../../../../main/start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import operatingSystemThemeInjectable from "../../../../main/theme/operating-system-theme.injectable";
+import emitSystemThemeTypeUpdateInjectable from "./emit-update.injectable";
+
+const setupSystemThemeTypeUpdaterEmitterInjectable = getInjectable({
+  id: "setup-system-theme-type-updater-emitter",
+  instantiate: (di) => {
+    const operatingSystemTheme = di.inject(operatingSystemThemeInjectable);
+    const emitSystemThemeTypeUpdate = di.inject(emitSystemThemeTypeUpdateInjectable);
+
+    return {
+      id: "setup-system-theme-type-updater-emitter",
+      run: () => {
+        reaction(
+          () => operatingSystemTheme.get(),
+          emitSystemThemeTypeUpdate,
+          {
+            fireImmediately: true,
+          },
+        );
+      },
+    };
+  },
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupSystemThemeTypeUpdaterEmitterInjectable;
diff --git a/packages/core/src/features/theme/system-type/renderer/initialize.injectable.ts b/packages/core/src/features/theme/system-type/renderer/initialize.injectable.ts
new file mode 100644
index 0000000000..849c8328b2
--- /dev/null
+++ b/packages/core/src/features/theme/system-type/renderer/initialize.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 { beforeFrameStartsSecondInjectionToken } from "../../../../renderer/before-frame-starts/tokens";
+import initUserStoreInjectable from "../../../../renderer/stores/init-user-store.injectable";
+import systemThemeConfigurationInjectable from "../../../../renderer/themes/system-theme.injectable";
+import requestInitialSystemThemeTypeInjectable from "./request-initial.injectable";
+
+const initializeSystemThemeTypeInjectable = getInjectable({
+  id: "initialize-system-theme-type",
+  instantiate: (di) => ({
+    id: "initialize-system-theme-type",
+    run: async () => {
+      const systemThemeConfiguration = di.inject(systemThemeConfigurationInjectable);
+      const requestInitialSystemThemeType = di.inject(requestInitialSystemThemeTypeInjectable);
+
+      systemThemeConfiguration.set(await requestInitialSystemThemeType());
+    },
+    runAfter: di.inject(initUserStoreInjectable),
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default initializeSystemThemeTypeInjectable;
diff --git a/packages/core/src/features/theme/system-type/renderer/request-initial.injectable.ts b/packages/core/src/features/theme/system-type/renderer/request-initial.injectable.ts
new file mode 100644
index 0000000000..74fe73cf03
--- /dev/null
+++ b/packages/core/src/features/theme/system-type/renderer/request-initial.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 { RequestChannelHandler } from "../../../../main/utils/channel/channel-listeners/listener-tokens";
+import requestFromChannelInjectable from "../../../../renderer/utils/channel/request-from-channel.injectable";
+import { initialSystemThemeTypeChannel } from "../common/channels";
+
+export type RequestInitialSystemThemeType = RequestChannelHandler<typeof initialSystemThemeTypeChannel>;
+
+const requestInitialSystemThemeTypeInjectable = getInjectable({
+  id: "request-initial-system-theme-type",
+  instantiate: (di): RequestInitialSystemThemeType => {
+    const requestFromChannel = di.inject(requestFromChannelInjectable);
+
+    return () => requestFromChannel(initialSystemThemeTypeChannel);
+  },
+});
+
+export default requestInitialSystemThemeTypeInjectable;
diff --git a/packages/core/src/features/theme/system-type/renderer/update-listener.injectable.ts b/packages/core/src/features/theme/system-type/renderer/update-listener.injectable.ts
new file mode 100644
index 0000000000..4eb57c9b85
--- /dev/null
+++ b/packages/core/src/features/theme/system-type/renderer/update-listener.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 { getMessageChannelListenerInjectable } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import systemThemeConfigurationInjectable from "../../../../renderer/themes/system-theme.injectable";
+import { systemThemeTypeUpdateChannel } from "../common/channels";
+
+const systemThemeTypeUpdateListenerInjectable = getMessageChannelListenerInjectable({
+  channel: systemThemeTypeUpdateChannel,
+  id: "main",
+  handler: (di) => {
+    const systemThemeConfiguration = di.inject(systemThemeConfigurationInjectable);
+
+    return (type) => systemThemeConfiguration.set(type);
+  },
+});
+
+export default systemThemeTypeUpdateListenerInjectable;
diff --git a/packages/core/src/features/top-bar/extension-api/__snapshots__/extendability-using-extension-api.test.tsx.snap b/packages/core/src/features/top-bar/extension-api/__snapshots__/extendability-using-extension-api.test.tsx.snap
new file mode 100644
index 0000000000..ed49317fcb
--- /dev/null
+++ b/packages/core/src/features/top-bar/extension-api/__snapshots__/extendability-using-extension-api.test.tsx.snap
@@ -0,0 +1,1150 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`extendability-using-extension-api given an extension with a weakly typed and invalid top-bar item is enabled renders without blowing up 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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[`extendability-using-extension-api given an extension with top-bar items is enabled renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <div
+              data-testid="some-top-bar-item"
+            >
+              Some-content
+            </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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[`extendability-using-extension-api given an extension with top-bar items is enabled when the extension is disabled renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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[`extendability-using-extension-api renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="home-button"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </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 some-product-name!
+                </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://k8slens.dev/slack.html"
+                    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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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/packages/core/src/features/top-bar/extension-api/extendability-using-extension-api.test.tsx b/packages/core/src/features/top-bar/extension-api/extendability-using-extension-api.test.tsx
new file mode 100644
index 0000000000..70a06574a7
--- /dev/null
+++ b/packages/core/src/features/top-bar/extension-api/extendability-using-extension-api.test.tsx
@@ -0,0 +1,108 @@
+/**
+ * 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 { 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 { FakeExtensionOptions } from "../../../renderer/components/test-utils/get-extension-fake";
+
+describe("extendability-using-extension-api", () => {
+  let rendered: RenderResult;
+  let applicationBuilder: ApplicationBuilder;
+
+  beforeEach(async () => {
+    applicationBuilder = getApplicationBuilder();
+
+    rendered = await applicationBuilder.render();
+  });
+
+  it("renders", () => {
+    expect(rendered.baseElement).toMatchSnapshot();
+  });
+
+  it("given an extension with top-bar items has not been enabled yet, does not render the top-bar item", () => {
+    expect(rendered.queryByTestId("some-top-bar-item")).not.toBeInTheDocument();
+  });
+
+  describe("given an extension with top-bar items is enabled", () => {
+    let testExtension: FakeExtensionOptions;
+
+    beforeEach(() => {
+      testExtension = {
+        id: "test-extension",
+        name: "Test Extension",
+
+        rendererOptions: {
+          topBarItems: [
+            {
+              components: {
+                Item: () => (
+                  <div data-testid="some-top-bar-item">Some-content</div>
+                ),
+              },
+            },
+          ],
+        },
+      };
+
+      applicationBuilder.extensions.enable(testExtension);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("renders the top-bar item", () => {
+      expect(rendered.getByTestId("some-top-bar-item")).toBeInTheDocument();
+    });
+
+    describe("when the extension is disabled", () => {
+      beforeEach(() => {
+        applicationBuilder.extensions.disable(testExtension);
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("no longer renders the top-bar item", () => {
+        expect(rendered.queryByTestId("some-top-bar-item")).not.toBeInTheDocument();
+      });
+    });
+  });
+
+  describe("given an extension with a weakly typed and invalid top-bar item is enabled", () => {
+    beforeEach(() => {
+      const testExtension: FakeExtensionOptions = {
+        id: "test-extension",
+        name: "Test Extension",
+
+        rendererOptions: {
+          topBarItems: [
+            {
+              components: {
+                // Note: this makes the item invalid.
+                Item: undefined,
+              },
+            } as any,
+
+            // Note: empty object makes the item invalid.
+            {} as any,
+
+            // Note: non-object makes the item invalid.
+            undefined as any,
+          ],
+        },
+      };
+
+      applicationBuilder.extensions.enable(testExtension);
+    });
+
+    it("renders without blowing up", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+  });
+});
diff --git a/packages/core/src/features/top-bar/extension-api/renderer/legacy-extension-api-registrator-for-top-bar-items.injectable.ts b/packages/core/src/features/top-bar/extension-api/renderer/legacy-extension-api-registrator-for-top-bar-items.injectable.ts
new file mode 100644
index 0000000000..8eef409b1a
--- /dev/null
+++ b/packages/core/src/features/top-bar/extension-api/renderer/legacy-extension-api-registrator-for-top-bar-items.injectable.ts
@@ -0,0 +1,48 @@
+/**
+ * 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 { reject } from "lodash/fp";
+import { extensionRegistratorInjectionToken } from "../../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import { pipeline } from "@ogre-tools/fp";
+import { topBarItemOnRightSideInjectionToken } from "../../../../renderer/components/layout/top-bar/top-bar-items/top-bar-item-injection-token";
+import { computed } from "mobx";
+
+const legacyExtensionApiRegistratorForTopBarItemsInjectable = getInjectable({
+  id: "legacy-extension-api-registrator-for-top-bar-items",
+
+  instantiate: () => (ext) => {
+    const extension = ext as LensRendererExtension;
+
+    return pipeline(
+      extension.topBarItems,
+
+      reject((registration) => !registration?.components?.Item),
+
+      (validTopBarRegistrations) =>
+        validTopBarRegistrations.map((registration, index) => {
+          const id = `extension-top-bar-item-for-${extension.sanitizedExtensionId}-${index}`;
+
+          return getInjectable({
+            id,
+
+            injectionToken: topBarItemOnRightSideInjectionToken,
+
+            instantiate: () => ({
+              id,
+              isShown: computed(() => true),
+              // Note: legacy extension-API does not specify order of top-bar items, and therefore an arbitrary number is used. This makes items originating from extension appear in volatile order between each other.
+              orderNumber: 100,
+              Component: registration.components.Item,
+            }),
+          });
+        }),
+    );
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default legacyExtensionApiRegistratorForTopBarItemsInjectable;
diff --git a/packages/core/src/features/tray/clicking-tray-menu-item-originating-from-extension.test.ts b/packages/core/src/features/tray/clicking-tray-menu-item-originating-from-extension.test.ts
new file mode 100644
index 0000000000..4ba4ecbcd7
--- /dev/null
+++ b/packages/core/src/features/tray/clicking-tray-menu-item-originating-from-extension.test.ts
@@ -0,0 +1,115 @@
+/**
+ * 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 { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
+import getRandomIdInjectable from "../../common/utils/get-random-id.injectable";
+import logErrorInjectable from "../../common/log-error.injectable";
+
+describe("clicking tray menu item originating from extension", () => {
+  let builder: ApplicationBuilder;
+  let logErrorMock: jest.Mock;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart((mainDi) => {
+      logErrorMock = jest.fn();
+
+      mainDi.override(logErrorInjectable, () => logErrorMock);
+      mainDi.override(getRandomIdInjectable, () => () => "some-random-id");
+    });
+
+    await builder.render();
+  });
+
+  describe("when extension is enabled", () => {
+    let someExtension: FakeExtensionOptions;
+    let clickMock: jest.Mock;
+
+    beforeEach(() => {
+      clickMock = jest.fn();
+
+      someExtension = {
+        id: "some-extension-id",
+        name: "some-extension-name",
+        mainOptions: {
+          trayMenus: [{ label: "some-label", click: clickMock }],
+        },
+      };
+
+      builder.extensions.enable(someExtension);
+    });
+
+    it("when item is clicked, triggers the click handler", () => {
+      builder.tray.click(
+        "some-random-id-tray-menu-item-for-extension-some-extension-name",
+      );
+
+      expect(clickMock).toHaveBeenCalled();
+    });
+
+    describe("given click handler throws synchronously, when item is clicked", () => {
+      beforeEach(() => {
+        clickMock.mockImplementation(() => {
+          throw new Error("some-error");
+        });
+
+        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-random-id" from extension "some-extension-name" failed.',
+          expect.any(Error),
+        );
+      });
+    });
+
+    describe("given click handler rejects asynchronously, when item is clicked", () => {
+      beforeEach(() => {
+        clickMock.mockImplementation(() => Promise.reject("some-rejection"));
+
+        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-random-id" from extension "some-extension-name" failed.',
+          "some-rejection",
+        );
+      });
+    });
+
+    describe("when extension is disabled", () => {
+      beforeEach(() => {
+        builder.extensions.disable(someExtension);
+      });
+
+      it("does not have the tray menu item from extension", () => {
+        expect(
+          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 builder.extensions.enable(someExtension);
+
+        expect(
+          builder.tray.get(
+            "some-random-id-tray-menu-item-for-extension-some-extension-name",
+          ),
+        ).not.toBeNull();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/tray/extension-adding-tray-items.test.tsx b/packages/core/src/features/tray/extension-adding-tray-items.test.tsx
new file mode 100644
index 0000000000..2b640be07c
--- /dev/null
+++ b/packages/core/src/features/tray/extension-adding-tray-items.test.tsx
@@ -0,0 +1,278 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { IObservableArray, IObservableValue } from "mobx";
+import { computed, runInAction, observable } from "mobx";
+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";
+
+describe("preferences: extension adding tray items", () => {
+  describe("when extension with tray items are statically defined", () => {
+    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);
+    });
+  });
+
+  describe("when extension with tray items are dynamically defined", () => {
+    let builder: ApplicationBuilder;
+    let menuItems: IObservableArray<TrayMenuRegistration>;
+
+    beforeEach(async () => {
+      builder = getApplicationBuilder();
+
+      await builder.render();
+
+      builder.preferences.navigate();
+
+      menuItems = observable.array([
+        {
+          id: "some-visible",
+          label: "some-visible",
+          click: () => {},
+          visible: computed(() => true),
+        },
+      ]);
+
+      const computedTrayMenu = computed(() => menuItems);
+
+      const testExtension = {
+        id: "some-extension-id",
+        name: "some-extension",
+
+        mainOptions: {
+          trayMenus: computedTrayMenu,
+        },
+      };
+
+      builder.extensions.enable(testExtension);
+    });
+
+    it("given item exists, it's shown", () => {
+      expect(
+        builder.tray.get(
+          "some-visible-tray-menu-item-for-extension-some-extension",
+        ),
+      ).not.toBeNull();
+    });
+
+    it("given item is added, it's shown", async () => {
+      menuItems.push({
+        id: "some-added",
+        label: "some-added",
+        click: () => {},
+        visible: computed(() => true),
+      });
+
+      expect(
+        builder.tray.get(
+          "some-added-tray-menu-item-for-extension-some-extension",
+        ),
+      ).not.toBeNull();
+    });
+
+    it("given item is removed, it's not shown", async () => {
+      menuItems.replace([]);
+
+      expect(
+        builder.tray.get(
+          "some-visible-tray-menu-item-for-extension-some-extension",
+        ),
+      ).toBeNull();
+    });
+
+    it("given items are removed and one added, it's shown", async () => {
+      menuItems.replace([]);
+      menuItems.push({
+        id: "some-added",
+        label: "some-added",
+        click: () => {},
+        visible: computed(() => true),
+      });
+
+      expect(
+        builder.tray.get(
+          "some-added-tray-menu-item-for-extension-some-extension",
+        ),
+      ).not.toBeNull();
+    });
+  });
+});
diff --git a/packages/core/src/features/tray/multiple-separators-originating-from-extension.test.ts b/packages/core/src/features/tray/multiple-separators-originating-from-extension.test.ts
new file mode 100644
index 0000000000..fd21d78bae
--- /dev/null
+++ b/packages/core/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/packages/core/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap b/packages/core/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
new file mode 100644
index 0000000000..610e62e091
--- /dev/null
+++ b/packages/core/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -0,0 +1,1319 @@
+// 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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="home-button"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </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 some-product-name!
+              </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://k8slens.dev/slack.html"
+                  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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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"
+        >
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive focusable"
+              data-testid="home-button"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="home"
+              >
+                home
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <i
+              class="Icon material interactive disabled focusable"
+              data-testid="history-back"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_back"
+              >
+                arrow_back
+              </span>
+            </i>
+          </div>
+          <div
+            class="size-sm"
+          />
+          <div
+            class="preventedDragging"
+          >
+            <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="separator"
+          />
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  data-preference-tab-group-test="general-tab-group"
+                >
+                  <div
+                    class="header flex items-center"
+                  >
+                    Preferences
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-preference-tab-link-test="app"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      App
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="proxy"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Proxy
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="kubernetes"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Kubernetes
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="editor"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Editor
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-preference-tab-link-test="terminal"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      Terminal
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                data-preference-page-test="application-page"
+                id="application-page"
+              >
+                <h2
+                  data-preference-page-title-test="true"
+                >
+                  Application
+                </h2>
+                <div
+                  data-preference-item-test="theme"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-1jqq78o-placeholder"
+                            id="react-select-theme-input-placeholder"
+                          >
+                            Select...
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="extension-install-registry"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Default Url
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="start-up"
+                >
+                  <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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="update-channel"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Stable
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </div>
+                <div
+                  class="HorizontalLine size-xl"
+                />
+                <div
+                  data-preference-item-test="timezone"
+                >
+                  <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-13cymwt-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-1dimb5e-singleValue"
+                          >
+                            Etc/GMT
+                          </div>
+                          <div
+                            class="Select__input-container css-qbdosj-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              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-1u9des2-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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>
+                </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="HotbarCell isDraggingOwner animateDown"
+            index="0"
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="1"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="2"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="3"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="4"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="5"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="6"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="7"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="8"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="9"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="10"
+          />
+          <div
+            class="HotbarCell isDraggingOwner animateDown"
+            index="11"
+          />
+        </div>
+        <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"
+            >
+              1
+            </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"
+        data-testid="status-bar"
+      >
+        <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"
+      >
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="home-button"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+        </div>
+        <div
+          class="size-sm"
+        />
+        <div
+          class="preventedDragging"
+        >
+          <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="separator"
+        />
+      </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 some-product-name!
+              </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://k8slens.dev/slack.html"
+                  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="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
+      <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"
+          >
+            1
+          </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"
+      data-testid="status-bar"
+    >
+      <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/packages/core/src/features/welcome/navigation-using-application-menu.test.ts b/packages/core/src/features/welcome/navigation-using-application-menu.test.ts
new file mode 100644
index 0000000000..02ccf18e40
--- /dev/null
+++ b/packages/core/src/features/welcome/navigation-using-application-menu.test.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 { 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",
+        "mac",
+        "navigate-to-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(
+          "root",
+          "help",
+          "navigate-to-welcome",
+        );
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("shows welcome page", () => {
+        const actual = rendered.getByTestId("welcome-page");
+
+        expect(actual).not.toBeNull();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/features/welcome/setting-welcome-page.test.tsx b/packages/core/src/features/welcome/setting-welcome-page.test.tsx
new file mode 100644
index 0000000000..fc5a0fe4a9
--- /dev/null
+++ b/packages/core/src/features/welcome/setting-welcome-page.test.tsx
@@ -0,0 +1,99 @@
+/**
+ * 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 type { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
+import welcomeRouteConfigInjectable from "../../common/front-end-routing/routes/welcome/welcome-route-config.injectable";
+import welcomeRouteInjectable from "../../common/front-end-routing/routes/welcome/welcome-route.injectable";
+import type { Route } from "../../common/front-end-routing/front-end-route-injection-token";
+
+
+describe("setting-welcome-page", () => {
+  let applicationBuilder: ApplicationBuilder;
+  let rendered : RenderResult;
+  let welcomeRoute: Route;
+
+  beforeEach(() => {
+    applicationBuilder = getApplicationBuilder();
+  });
+
+  describe("given configuration of welcome page route is the default", () => {
+    beforeEach(async () => {
+      applicationBuilder.beforeApplicationStart((mainDi) => {
+        mainDi.override(welcomeRouteConfigInjectable, () => "/welcome");
+      });
+
+      applicationBuilder.beforeWindowStart((windowDi) => {
+        windowDi.override(welcomeRouteConfigInjectable, () => "/welcome");
+      });
+
+      // enable the extension even though the welcomeRoute is not overriden
+      applicationBuilder.extensions.enable(extensionWithWelcomePage);
+      rendered = await applicationBuilder.render();
+
+      const windowDi = applicationBuilder.applicationWindow.only.di;
+
+      welcomeRoute = windowDi.inject(welcomeRouteInjectable);
+    });
+
+    it("sets the default welcome page", () => {
+      expect(welcomeRoute.path).toEqual("/welcome");
+    });
+
+    it("launches to the default welcome page", () => {
+      const welcomePage = rendered.getByTestId("welcome-page");  // from the Welcome component (welcome.tsx)
+
+      expect(welcomePage).toBeInTheDocument();
+    });
+  });
+
+  describe("given configuration of welcome page route is set to a custom page", () => {
+    beforeEach(async () => {
+      applicationBuilder.beforeApplicationStart((mainDi) => {
+        mainDi.override(welcomeRouteConfigInjectable, () => "/extension/some-extension-name/some-welcome-page");
+      });
+
+      applicationBuilder.beforeWindowStart((windowDi) => {
+        windowDi.override(welcomeRouteConfigInjectable, () => "/extension/some-extension-name/some-welcome-page");
+      });
+
+      applicationBuilder.extensions.enable(extensionWithWelcomePage);
+      rendered = await applicationBuilder.render();
+
+      const windowDi = applicationBuilder.applicationWindow.only.di;
+
+      welcomeRoute = windowDi.inject(welcomeRouteInjectable);
+    });
+
+    it("sets the custom welcome page", () => {
+      expect(welcomeRoute.path).toEqual("/extension/some-extension-name/some-welcome-page");
+    });
+
+    it("launches to the custom welcome page ", () => {
+      const welcomePage = rendered.getByTestId("some-welcome-test-id");
+
+      expect(welcomePage).toBeInTheDocument();
+    });
+  });
+});
+
+const extensionWithWelcomePage: FakeExtensionOptions = {
+  id: "some-extension-id",
+  name: "some-extension-name",
+
+  rendererOptions: {
+    globalPages: [
+      {
+        id: "some-welcome-page",
+        components: {
+          Page: () => <div data-testid="some-welcome-test-id">Welcome page</div>,
+        },
+      },
+    ],
+  },
+};
diff --git a/packages/core/src/jest-28-resolver.js b/packages/core/src/jest-28-resolver.js
new file mode 100644
index 0000000000..9ee76fd788
--- /dev/null
+++ b/packages/core/src/jest-28-resolver.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+module.exports = (path, options) => {
+  // Call the defaultResolver, so we leverage its cache, error handling, etc.
+  return options.defaultResolver(path, {
+    ...options,
+    // Use packageFilter to process parsed `package.json` before the resolution (see https://www.npmjs.com/package/resolve#resolveid-opts-cb)
+    packageFilter: pkg => {
+      // This is a workaround for https://github.com/uuidjs/uuid/pull/616
+      //
+      // jest-environment-jsdom 28+ tries to use browser exports instead of default exports,
+      // but uuid only offers an ESM browser export and not a CommonJS one. Jest does not yet
+      // support ESM modules natively, so this causes a Jest error related to trying to parse
+      // "export" syntax.
+      //
+      // This workaround prevents Jest from considering uuid's module-based exports at all;
+      // it falls back to uuid's CommonJS+node "main" property.
+      //
+      // 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.
+      switch (pkg.name) {
+        case "uuid":
+        case "jose":
+          delete pkg["exports"];
+          delete pkg["module"];
+          break;
+      }
+
+      return pkg;
+    },
+  });
+};
diff --git a/packages/core/src/jest-after-env.setup.ts b/packages/core/src/jest-after-env.setup.ts
new file mode 100644
index 0000000000..69b18161a8
--- /dev/null
+++ b/packages/core/src/jest-after-env.setup.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "@testing-library/jest-dom";
diff --git a/packages/core/src/jest.setup.ts b/packages/core/src/jest.setup.ts
new file mode 100644
index 0000000000..4e9b86ba22
--- /dev/null
+++ b/packages/core/src/jest.setup.ts
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { configure } from "mobx";
+import { setImmediate } from "timers";
+import { TextEncoder, TextDecoder as TextDecoderNode } from "util";
+import glob from "glob";
+import path from "path";
+import { enableMapSet, setAutoFreeze } from "immer";
+
+declare global {
+  interface InjectablePaths {
+    paths: string[];
+    globalOverridePaths: string[];
+  }
+
+  // eslint-disable-next-line no-var
+  var injectablePaths: Record<"main" | "renderer", InjectablePaths>;
+}
+
+configure({
+  // Needed because we want to use jest.spyOn()
+  // ref https://github.com/mobxjs/mobx/issues/2784
+  safeDescriptors: false,
+  enforceActions: "never",
+});
+
+setAutoFreeze(false); // allow to merge mobx observables
+enableMapSet(); // allow to merge maps and sets
+
+// Mock __non_webpack_require__ for tests
+globalThis.__non_webpack_require__ = jest.fn();
+
+global.setImmediate = setImmediate;
+
+global.fail = ((error = "Test failed without explicit error") => {
+  console.error(error);
+}) as any;
+
+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");
+
+jest.mock("monaco-editor");
+
+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.injectablePaths = {
+  renderer: {
+    globalOverridePaths: getInjectables("renderer", "*.global-override-for-injectable.{ts,tsx}"),
+    paths: getInjectables("renderer", "*.{injectable,injectable.testing-env}.{ts,tsx}"),
+  },
+  main: {
+    globalOverridePaths: getInjectables("main", "*.global-override-for-injectable.{ts,tsx}"),
+    paths: getInjectables("main", "*.{injectable,injectable.testing-env}.{ts,tsx}"),
+  },
+};
diff --git a/packages/core/src/jest.timezone.ts b/packages/core/src/jest.timezone.ts
new file mode 100644
index 0000000000..ec39a810e3
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/__test__/cluster.test.ts b/packages/core/src/main/__test__/cluster.test.ts
new file mode 100644
index 0000000000..be19790a23
--- /dev/null
+++ b/packages/core/src/main/__test__/cluster.test.ts
@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import broadcastMessageInjectable from "../../common/ipc/broadcast-message.injectable";
+import type { Cluster } from "../../common/cluster/cluster";
+import { Kubectl } from "../kubectl/kubectl";
+import { getDiForUnitTesting } from "../getDiForUnitTesting";
+import type { CreateCluster } from "../../common/cluster/create-cluster-injection-token";
+import { createClusterInjectionToken } from "../../common/cluster/create-cluster-injection-token";
+import authorizationReviewInjectable from "../../common/cluster/authorization-review.injectable";
+import requestNamespaceListPermissionsForInjectable from "../../common/cluster/request-namespace-list-permissions.injectable";
+import listNamespacesInjectable from "../../common/cluster/list-namespaces.injectable";
+import createContextHandlerInjectable from "../context-handler/create-context-handler.injectable";
+import type { ClusterContextHandler } from "../context-handler/context-handler";
+import { parse } from "url";
+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 pathExistsSyncInjectable from "../../common/fs/path-exists-sync.injectable";
+import pathExistsInjectable from "../../common/fs/path-exists.injectable";
+import readJsonSyncInjectable from "../../common/fs/read-json-sync.injectable";
+import writeJsonSyncInjectable from "../../common/fs/write-json-sync.injectable";
+
+describe("create clusters", () => {
+  let cluster: Cluster;
+  let createCluster: CreateCluster;
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+    const clusterServerUrl = "https://192.168.64.3:8443";
+
+    di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
+    di.override(directoryForTempInjectable, () => "some-directory-for-temp");
+    di.override(kubectlBinaryNameInjectable, () => "kubectl");
+    di.override(kubectlDownloadingNormalizedArchInjectable, () => "amd64");
+    di.override(normalizedPlatformInjectable, () => "darwin");
+    di.override(broadcastMessageInjectable, () => async () => {});
+    di.override(authorizationReviewInjectable, () => () => () => Promise.resolve(true));
+    di.override(requestNamespaceListPermissionsForInjectable, () => () => async () => () => true);
+    di.override(listNamespacesInjectable, () => () => () => Promise.resolve([ "default" ]));
+    di.override(createContextHandlerInjectable, () => (cluster) => ({
+      restartServer: jest.fn(),
+      stopServer: jest.fn(),
+      clusterUrl: parse(cluster.apiUrl),
+      getApiTarget: jest.fn(),
+      getPrometheusDetails: jest.fn(),
+      resolveAuthProxyCa: jest.fn(),
+      resolveAuthProxyUrl: jest.fn(),
+      setupPrometheus: jest.fn(),
+      ensureServer: jest.fn(),
+    } as ClusterContextHandler));
+    di.override(pathExistsInjectable, () => () => { throw new Error("tried call pathExists without override"); });
+    di.override(pathExistsSyncInjectable, () => () => { throw new Error("tried call pathExistsSync without override"); });
+    di.override(readJsonSyncInjectable, () => () => { throw new Error("tried call readJsonSync without override"); });
+    di.override(writeJsonSyncInjectable, () => () => { throw new Error("tried call writeJsonSync without override"); });
+
+    createCluster = di.inject(createClusterInjectionToken);
+
+    jest.spyOn(Kubectl.prototype, "ensureKubectl").mockReturnValue(Promise.resolve(true));
+
+    cluster = createCluster({
+      id: "foo",
+      contextName: "minikube",
+      kubeConfigPath: "minikube-config.yml",
+    }, {
+      clusterServerUrl,
+    });
+  });
+
+  afterEach(() => {
+    cluster.disconnect();
+  });
+
+  it("should be able to create a cluster from a cluster model and apiURL should be decoded", () => {
+    expect(cluster.apiUrl).toBe("https://192.168.64.3:8443");
+  });
+
+  it("reconnect should not throw if contextHandler is missing", () => {
+    expect(() => cluster.reconnect()).not.toThrowError();
+  });
+
+  it("disconnect should not throw if contextHandler is missing", () => {
+    expect(() => cluster.disconnect()).not.toThrowError();
+  });
+
+  it("activating cluster should try to connect to cluster and do a refresh", async () => {
+    jest.spyOn(cluster, "reconnect");
+    jest.spyOn(cluster, "refreshConnectionStatus");
+
+    await cluster.activate();
+
+    expect(cluster.reconnect).toBeCalled();
+    expect(cluster.refreshConnectionStatus).toBeCalled();
+
+    cluster.disconnect();
+    jest.resetAllMocks();
+  });
+});
diff --git a/packages/core/src/main/__test__/context-handler.test.ts b/packages/core/src/main/__test__/context-handler.test.ts
new file mode 100644
index 0000000000..5d11dbdf70
--- /dev/null
+++ b/packages/core/src/main/__test__/context-handler.test.ts
@@ -0,0 +1,191 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ClusterContextHandler } from "../context-handler/context-handler";
+import { getDiForUnitTesting } from "../getDiForUnitTesting";
+import createContextHandlerInjectable from "../context-handler/create-context-handler.injectable";
+import type { Cluster } from "../../common/cluster/cluster";
+import createKubeAuthProxyInjectable from "../kube-auth-proxy/create-kube-auth-proxy.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { PrometheusProvider } from "../prometheus/provider";
+import { prometheusProviderInjectionToken } from "../prometheus/provider";
+import { runInAction } from "mobx";
+
+enum ServiceResult {
+  Success,
+  Failure,
+}
+
+const createTestPrometheusProvider = (kind: string, alwaysFail: ServiceResult): PrometheusProvider => ({
+  kind,
+  name: "TestProvider1",
+  isConfigurable: false,
+  getQuery: () => {
+    throw new Error("getQuery is not implemented.");
+  },
+  getPrometheusService: async () => {
+    switch (alwaysFail) {
+      case ServiceResult.Success:
+        return {
+          kind,
+          namespace: "default",
+          port: 7000,
+          service: "",
+        };
+      case ServiceResult.Failure:
+        throw new Error("does fail");
+    }
+  },
+});
+
+const clusterStub = {
+  getProxyKubeconfig: () => ({
+    makeApiClient: (): void => undefined,
+  }),
+  apiUrl: "http://localhost:81",
+} as unknown as Cluster;
+
+describe("ContextHandler", () => {
+  let createContextHandler: (cluster: Cluster) => ClusterContextHandler;
+  let di: DiContainer;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+    di.override(createKubeAuthProxyInjectable, () => ({} as any));
+
+    createContextHandler = di.inject(createContextHandlerInjectable);
+  });
+
+  describe("getPrometheusService", () => {
+    it.each([
+      [0],
+      [1],
+      [2],
+      [3],
+    ])("should throw after %d failure(s)", async (failures) => {
+      runInAction(() => {
+        for (let i = 0; i < failures; i += 1) {
+          di.register(getInjectable({
+            id: `test-prometheus-provider-failure-${i}`,
+            injectionToken: prometheusProviderInjectionToken,
+            instantiate: () => createTestPrometheusProvider(`id_failure_${i}`, ServiceResult.Failure),
+          }));
+        }
+      });
+
+      expect(() => createContextHandler(clusterStub).getPrometheusDetails()).rejects.toThrowError();
+    });
+
+    it.each([
+      [1, 0],
+      [1, 1],
+      [1, 2],
+      [1, 3],
+      [2, 0],
+      [2, 1],
+      [2, 2],
+      [2, 3],
+    ])("should pick the first provider of %d success(es) after %d failure(s)", async (successes, failures) => {
+      runInAction(() => {
+        for (let i = 0; i < failures; i += 1) {
+          di.register(getInjectable({
+            id: `test-prometheus-provider-failure-${i}`,
+            injectionToken: prometheusProviderInjectionToken,
+            instantiate: () => createTestPrometheusProvider(`id_failure_${i}`, ServiceResult.Failure),
+          }));
+        }
+
+        for (let i = 0; i < successes; i += 1) {
+          di.register(getInjectable({
+            id: `test-prometheus-provider-success-${i}`,
+            injectionToken: prometheusProviderInjectionToken,
+            instantiate: () => createTestPrometheusProvider(`id_success_${i}`, ServiceResult.Success),
+          }));
+        }
+      });
+
+      const details = await createContextHandler(clusterStub).getPrometheusDetails();
+
+      expect(details.provider.kind === `id_failure_${failures}`);
+    });
+
+    it.each([
+      [1, 0],
+      [1, 1],
+      [1, 2],
+      [1, 3],
+      [2, 0],
+      [2, 1],
+      [2, 2],
+      [2, 3],
+    ])("should pick the first provider of %d success(es) before %d failure(s)", async (successes, failures) => {
+      runInAction(() => {
+        for (let i = 0; i < failures; i += 1) {
+          di.register(getInjectable({
+            id: `test-prometheus-provider-failure-${i}`,
+            injectionToken: prometheusProviderInjectionToken,
+            instantiate: () => createTestPrometheusProvider(`id_failure_${i}`, ServiceResult.Failure),
+          }));
+        }
+
+        for (let i = 0; i < successes; i += 1) {
+          di.register(getInjectable({
+            id: `test-prometheus-provider-success-${i}`,
+            injectionToken: prometheusProviderInjectionToken,
+            instantiate: () => createTestPrometheusProvider(`id_success_${i}`, ServiceResult.Success),
+          }));
+        }
+      });
+
+      const details = await createContextHandler(clusterStub).getPrometheusDetails();
+
+      expect(details.provider.kind === "id_failure_0");
+    });
+
+    it.each([
+      [1, 0],
+      [1, 1],
+      [1, 2],
+      [1, 3],
+      [2, 0],
+      [2, 1],
+      [2, 2],
+      [2, 3],
+    ])("should pick the first provider of %d success(es) between %d failure(s)", async (successes, failures) => {
+      const beforeSuccesses = Math.floor(successes / 2);
+
+      runInAction(() => {
+        for (let i = 0; i < beforeSuccesses; i += 1) {
+          di.register(getInjectable({
+            id: `test-prometheus-provider-success-${i}`,
+            injectionToken: prometheusProviderInjectionToken,
+            instantiate: () => createTestPrometheusProvider(`id_success_${i}`, ServiceResult.Success),
+          }));
+        }
+
+        for (let i = 0; i < failures; i += 1) {
+          di.register(getInjectable({
+            id: `test-prometheus-provider-failure-${i}`,
+            injectionToken: prometheusProviderInjectionToken,
+            instantiate: () => createTestPrometheusProvider(`id_failure_${i}`, ServiceResult.Failure),
+          }));
+        }
+
+        for (let i = beforeSuccesses; i < successes; i += 1) {
+          di.register(getInjectable({
+            id: `test-prometheus-provider-success-${i}`,
+            injectionToken: prometheusProviderInjectionToken,
+            instantiate: () => createTestPrometheusProvider(`id_success_${i}`, ServiceResult.Success),
+          }));
+        }
+      });
+
+      const details = await createContextHandler(clusterStub).getPrometheusDetails();
+
+      expect(details.provider.kind === "id_success_0");
+    });
+  });
+});
diff --git a/packages/core/src/main/__test__/kube-auth-proxy.test.ts b/packages/core/src/main/__test__/kube-auth-proxy.test.ts
new file mode 100644
index 0000000000..c37a7f254d
--- /dev/null
+++ b/packages/core/src/main/__test__/kube-auth-proxy.test.ts
@@ -0,0 +1,233 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+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 type { ChildProcess } from "child_process";
+import { Kubectl } from "../kubectl/kubectl";
+import type { DeepMockProxy } from "jest-mock-extended";
+import { mockDeep, mock } from "jest-mock-extended";
+import type { Readable } from "stream";
+import { EventEmitter } from "stream";
+import { getDiForUnitTesting } from "../getDiForUnitTesting";
+import createKubeAuthProxyInjectable from "../kube-auth-proxy/create-kube-auth-proxy.injectable";
+import type { CreateCluster } from "../../common/cluster/create-cluster-injection-token";
+import { createClusterInjectionToken } from "../../common/cluster/create-cluster-injection-token";
+import spawnInjectable from "../child-process/spawn.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";
+import writeJsonSyncInjectable from "../../common/fs/write-json-sync.injectable";
+import ensureDirInjectable from "../../common/fs/ensure-dir.injectable";
+import type { GetBasenameOfPath } from "../../common/path/get-basename.injectable";
+import getBasenameOfPathInjectable from "../../common/path/get-basename.injectable";
+
+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;
+  let getBasenameOfPath: GetBasenameOfPath;
+
+  beforeEach(async () => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(directoryForTempInjectable, () => "/some-directory-for-temp");
+
+    const writeJsonSync = di.inject(writeJsonSyncInjectable);
+    const ensureDir = di.inject(ensureDirInjectable);
+
+    getBasenameOfPath = di.inject(getBasenameOfPathInjectable);
+
+    writeJsonSync("/minikube-config.yml", {
+      apiVersion: "v1",
+      clusters: [{
+        name: "minikube",
+        cluster: {
+          server: clusterServerUrl,
+        },
+      }],
+      "current-context": "minikube",
+      contexts: [{
+        context: {
+          cluster: "minikube",
+          user: "minikube",
+        },
+        name: "minikube",
+      }],
+      users: [{
+        name: "minikube",
+      }],
+      kind: "Config",
+      preferences: {},
+    });
+    await ensureDir("/tmp");
+
+    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");
+
+    createCluster = di.inject(createClusterInjectionToken);
+    createKubeAuthProxy = di.inject(createKubeAuthProxyInjectable);
+  });
+
+  it("calling exit multiple times shouldn't throw", async () => {
+    const cluster = createCluster({
+      id: "foobar",
+      kubeConfigPath: "minikube-config.yml",
+      contextName: "minikube",
+    }, {
+      clusterServerUrl,
+    });
+
+    const kap = createKubeAuthProxy(cluster, {});
+
+    kap.exit();
+    kap.exit();
+    kap.exit();
+  });
+
+  describe("spawn tests", () => {
+    let mockedCP: DeepMockProxy<ChildProcess>;
+    let listeners: EventEmitter;
+    let proxy: KubeAuthProxy;
+
+    beforeEach(async () => {
+      mockedCP = mockDeep<ChildProcess>();
+      listeners = new EventEmitter();
+      const stderr = mockedCP.stderr = mock<Readable>();
+      const stdout = mockedCP.stdout = mock<Readable>();
+
+      jest.spyOn(Kubectl.prototype, "checkBinary").mockReturnValueOnce(Promise.resolve(true));
+      jest.spyOn(Kubectl.prototype, "ensureKubectl").mockReturnValueOnce(Promise.resolve(false));
+      mockedCP.on.mockImplementation((event: string | symbol, listener: (message: any, sendHandle: any) => void): ChildProcess => {
+        listeners.on(event, listener);
+
+        return mockedCP;
+      });
+      mockedCP.stderr.on.mockImplementation((event: string | symbol, listener: (message: any, sendHandle: any) => void): Readable => {
+        listeners.on(`stderr/${String(event)}`, listener);
+
+        return stderr;
+      });
+      mockedCP.stderr.off.mockImplementation((event: string | symbol, listener: (message: any, sendHandle: any) => void): Readable => {
+        listeners.off(`stderr/${String(event)}`, listener);
+
+        return stderr;
+      });
+      mockedCP.stderr.removeListener.mockImplementation((event: string | symbol, listener: (message: any, sendHandle: any) => void): Readable => {
+        listeners.off(`stderr/${String(event)}`, listener);
+
+        return stderr;
+      });
+      mockedCP.stderr.once.mockImplementation((event: string | symbol, listener: (message: any, sendHandle: any) => void): Readable => {
+        listeners.once(`stderr/${String(event)}`, listener);
+
+        return stderr;
+      });
+      mockedCP.stderr.removeAllListeners.mockImplementation((event?: string | symbol): Readable => {
+        listeners.removeAllListeners(event ?? `stderr/${String(event)}`);
+
+        return stderr;
+      });
+      mockedCP.stdout.on.mockImplementation((event: string | symbol, listener: (message: any, sendHandle: any) => void): Readable => {
+        listeners.on(`stdout/${String(event)}`, listener);
+
+        if (event === "data") {
+          listeners.emit("stdout/data", "Starting to serve on 127.0.0.1:9191");
+        }
+
+        return stdout;
+      });
+      mockedCP.stdout.once.mockImplementation((event: string | symbol, listener: (message: any, sendHandle: any) => void): Readable => {
+        listeners.once(`stdout/${String(event)}`, listener);
+
+        return stdout;
+      });
+      mockedCP.stdout.off.mockImplementation((event: string | symbol, listener: (message: any, sendHandle: any) => void): Readable => {
+        listeners.off(`stdout/${String(event)}`, listener);
+
+        return stdout;
+      });
+      mockedCP.stdout.removeListener.mockImplementation((event: string | symbol, listener: (message: any, sendHandle: any) => void): Readable => {
+        listeners.off(`stdout/${String(event)}`, listener);
+
+        return stdout;
+      });
+      mockedCP.stdout.removeAllListeners.mockImplementation((event?: string | symbol): Readable => {
+        listeners.removeAllListeners(event ?? `stdout/${String(event)}`);
+
+        return stdout;
+      });
+      spawnMock.mockImplementationOnce((command: string): ChildProcess => {
+        expect(getBasenameOfPath(command).split(".")[0]).toBe("lens-k8s-proxy");
+
+        return mockedCP;
+      });
+      waitUntilPortIsUsedMock.mockReturnValueOnce(Promise.resolve());
+
+      const cluster = createCluster({
+        id: "foobar",
+        kubeConfigPath: "minikube-config.yml",
+        contextName: "minikube",
+      }, {
+        clusterServerUrl,
+      });
+
+      proxy = createKubeAuthProxy(cluster, {});
+    });
+
+    it("should call spawn and broadcast errors", async () => {
+      await proxy.run();
+      listeners.emit("error", { message: "foobarbat" });
+
+      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(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(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(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(broadcastMessageMock).toBeCalledWith("cluster:foobar:connection-update", { message: "some info", isError: false });
+    });
+  });
+});
diff --git a/packages/core/src/main/__test__/kubeconfig-manager.test.ts b/packages/core/src/main/__test__/kubeconfig-manager.test.ts
new file mode 100644
index 0000000000..689ef13ce8
--- /dev/null
+++ b/packages/core/src/main/__test__/kubeconfig-manager.test.ts
@@ -0,0 +1,324 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getDiForUnitTesting } from "../getDiForUnitTesting";
+import { KubeconfigManager } from "../kubeconfig-manager/kubeconfig-manager";
+import type { Cluster } from "../../common/cluster/cluster";
+import createKubeconfigManagerInjectable from "../kubeconfig-manager/create-kubeconfig-manager.injectable";
+import { createClusterInjectionToken } from "../../common/cluster/create-cluster-injection-token";
+import directoryForTempInjectable from "../../common/app-paths/directory-for-temp/directory-for-temp.injectable";
+import createContextHandlerInjectable from "../context-handler/create-context-handler.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { parse } from "url";
+import loggerInjectable from "../../common/logger.injectable";
+import type { Logger } from "../../common/logger";
+import directoryForUserDataInjectable from "../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import normalizedPlatformInjectable from "../../common/vars/normalized-platform.injectable";
+import kubectlBinaryNameInjectable from "../kubectl/binary-name.injectable";
+import kubectlDownloadingNormalizedArchInjectable from "../kubectl/normalized-arch.injectable";
+import type { ReadFile } from "../../common/fs/read-file.injectable";
+import readFileInjectable from "../../common/fs/read-file.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { WriteFile } from "../../common/fs/write-file.injectable";
+import writeFileInjectable from "../../common/fs/write-file.injectable";
+import type { PathExists } from "../../common/fs/path-exists.injectable";
+import pathExistsInjectable from "../../common/fs/path-exists.injectable";
+import type { RemovePath } from "../../common/fs/remove.injectable";
+import removePathInjectable from "../../common/fs/remove.injectable";
+import pathExistsSyncInjectable from "../../common/fs/path-exists-sync.injectable";
+import readJsonSyncInjectable from "../../common/fs/read-json-sync.injectable";
+import writeJsonSyncInjectable from "../../common/fs/write-json-sync.injectable";
+
+const clusterServerUrl = "https://192.168.64.3:8443";
+
+describe("kubeconfig manager tests", () => {
+  let clusterFake: Cluster;
+  let createKubeconfigManager: (cluster: Cluster) => KubeconfigManager;
+  let di: DiContainer;
+  let loggerMock: jest.Mocked<Logger>;
+  let readFileMock: AsyncFnMock<ReadFile>;
+  let deleteFileMock: AsyncFnMock<RemovePath>;
+  let writeFileMock: AsyncFnMock<WriteFile>;
+  let pathExistsMock: AsyncFnMock<PathExists>;
+  let kubeConfManager: KubeconfigManager;
+  let ensureServerMock: AsyncFnMock<() => Promise<void>>;
+
+  beforeEach(async () => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForTempInjectable, () => "/some-directory-for-temp");
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(kubectlBinaryNameInjectable, () => "kubectl");
+    di.override(kubectlDownloadingNormalizedArchInjectable, () => "amd64");
+    di.override(normalizedPlatformInjectable, () => "darwin");
+    di.override(pathExistsSyncInjectable, () => () => { throw new Error("tried call pathExistsSync without override"); });
+    di.override(readJsonSyncInjectable, () => () => { throw new Error("tried call readJsonSync without override"); });
+    di.override(writeJsonSyncInjectable, () => () => { throw new Error("tried call writeJsonSync without override"); });
+
+    readFileMock = asyncFn();
+    di.override(readFileInjectable, () => readFileMock);
+    writeFileMock = asyncFn();
+    di.override(writeFileInjectable, () => writeFileMock);
+    pathExistsMock = asyncFn();
+    di.override(pathExistsInjectable, () => pathExistsMock);
+    deleteFileMock = asyncFn();
+    di.override(removePathInjectable, () => deleteFileMock);
+
+    loggerMock = {
+      warn: jest.fn(),
+      debug: jest.fn(),
+      error: jest.fn(),
+      info: jest.fn(),
+      silly: jest.fn(),
+    };
+
+    di.override(loggerInjectable, () => loggerMock);
+
+    ensureServerMock = asyncFn();
+
+    di.override(createContextHandlerInjectable, () => (cluster) => ({
+      restartServer: jest.fn(),
+      stopServer: jest.fn(),
+      clusterUrl: parse(cluster.apiUrl),
+      getApiTarget: jest.fn(),
+      getPrometheusDetails: jest.fn(),
+      resolveAuthProxyCa: jest.fn(),
+      resolveAuthProxyUrl: jest.fn(),
+      setupPrometheus: jest.fn(),
+      ensureServer: ensureServerMock,
+    }));
+
+    const createCluster = di.inject(createClusterInjectionToken);
+
+    createKubeconfigManager = di.inject(createKubeconfigManagerInjectable);
+
+    clusterFake = createCluster({
+      id: "foo",
+      contextName: "minikube",
+      kubeConfigPath: "/minikube-config.yml",
+    }, {
+      clusterServerUrl,
+    });
+
+    jest.spyOn(KubeconfigManager.prototype, "resolveProxyUrl", "get").mockReturnValue("https://127.0.0.1:9191/foo");
+
+    kubeConfManager = createKubeconfigManager(clusterFake);
+  });
+
+  describe("when calling clear", () => {
+    it("should resolve immediately", async () => {
+      await kubeConfManager.clear();
+    });
+
+    it("being called several times shouldn't throw", async () => {
+      await kubeConfManager.clear();
+      await kubeConfManager.clear();
+      await kubeConfManager.clear();
+    });
+  });
+
+  describe("when getPath() is called initially", () => {
+    let getPathPromise: Promise<string>;
+
+    beforeEach(async () => {
+      getPathPromise = kubeConfManager.getPath();
+    });
+
+    it("should not call pathExists()", () => {
+      expect(pathExistsMock).not.toBeCalled();
+    });
+
+    it("should call ensureServer on the cluster context", () => {
+      expect(ensureServerMock).toBeCalledTimes(1);
+    });
+
+    describe("when ensureServer resolves", () => {
+      beforeEach(async () => {
+        await ensureServerMock.resolve();
+
+        // clear state of calls
+        ensureServerMock.mock.calls.length = 0;
+      });
+
+      describe("when reading cluster's kubeconfig resolves", () => {
+        beforeEach(async () => {
+          await readFileMock.resolveSpecific(
+            ["/minikube-config.yml"],
+            JSON.stringify({
+              apiVersion: "v1",
+              clusters: [{
+                name: "minikube",
+                cluster: {
+                  server: clusterServerUrl,
+                },
+              }],
+              contexts: [{
+                context: {
+                  cluster: "minikube",
+                  user: "minikube",
+                },
+                name: "minikube",
+              }],
+              users: [{
+                name: "minikube",
+              }],
+              kind: "Config",
+              preferences: {},
+            }),
+          );
+        });
+
+        describe("when writing out new proxy kubeconfig resolves", () => {
+          beforeEach(async () => {
+            await writeFileMock.resolveSpecific(
+              [
+                "/some-directory-for-temp/kubeconfig-foo", 
+                "apiVersion: v1\nkind: Config\npreferences: {}\ncurrent-context: minikube\nclusters:\n  - name: minikube\n    cluster:\n      certificate-authority-data: PGNhLWRhdGE+\n      server: https://127.0.0.1:9191/foo\n      insecure-skip-tls-verify: false\ncontexts:\n  - name: minikube\n    context:\n      cluster: minikube\n      user: proxy\nusers:\n  - name: proxy\n    user:\n      username: lens\n      password: fake\n",
+              ],
+            );
+          });
+
+          it("should allow getPath to resolve with the path to the kubeconfig", async () => {
+            expect(await getPathPromise).toBe("/some-directory-for-temp/kubeconfig-foo");
+          });
+
+          describe("when calling clear", () => {
+            let clearPromise: Promise<void>;
+
+            beforeEach(() => {
+              clearPromise = kubeConfManager.clear();
+            });
+
+            it("should call deleteFile", () => {
+              expect(deleteFileMock).toBeCalledTimes(1);
+            });
+
+            describe("when deleteFile resolves", () => {
+              beforeEach(async () => {
+                await deleteFileMock.resolveSpecific(
+                  ["/some-directory-for-temp/kubeconfig-foo"],
+                );
+              });
+
+              it("should allow clear to resolve", async () => {
+                await clearPromise;
+              });
+            });
+
+            describe("when deleteFile rejects with ENOENT", () => {
+              beforeEach(async () => {
+                await deleteFileMock.resolveSpecific(
+                  ["/some-directory-for-temp/kubeconfig-foo"],
+                  Promise.reject(Object.assign(new Error("file not found"), {
+                    code: "ENOENT",
+                  })),
+                );
+              });
+
+              it("should allow clear to resolve", async () => {
+                await clearPromise;
+              });
+            });
+
+            it("when deleteFile rejects with some other error; clear should also reject", async () => {
+              const expectPromise = expect(clearPromise).rejects.toBeDefined();
+
+              await deleteFileMock.reject(new Error("some other error"));
+              await expectPromise;
+            });
+          });
+
+          describe("when calling getPath a second time", () => {
+            let getPathPromise: Promise<string>;
+
+            beforeEach(async () => {
+              getPathPromise = kubeConfManager.getPath();
+            });
+
+            it("should call pathExists", () => {
+              expect(pathExistsMock).toBeCalledTimes(1);
+            });
+
+            describe("when pathExists resoves to true", () => {
+              beforeEach(async () => {
+                await pathExistsMock.resolveSpecific(
+                  ["/some-directory-for-temp/kubeconfig-foo"],
+                  true,
+                );
+              });
+
+              it("always getPath to resolve with path", async () => {
+                expect(await getPathPromise).toBe("/some-directory-for-temp/kubeconfig-foo");
+              });
+            });
+
+            describe("when pathExists resoves to false", () => {
+              beforeEach(async () => {
+                await pathExistsMock.resolveSpecific(
+                  ["/some-directory-for-temp/kubeconfig-foo"],
+                  false,
+                );
+              });
+
+              it("should call ensureServer on the cluster context", () => {
+                expect(ensureServerMock).toBeCalledTimes(1);
+              });
+
+              describe("when ensureServer resolves", () => {
+                beforeEach(async () => {
+                  await ensureServerMock.resolve();
+                });
+
+                describe("when reading cluster's kubeconfig resolves", () => {
+                  beforeEach(async () => {
+                    await readFileMock.resolveSpecific(
+                      ["/minikube-config.yml"],
+                      JSON.stringify({
+                        apiVersion: "v1",
+                        clusters: [{
+                          name: "minikube",
+                          cluster: {
+                            server: clusterServerUrl,
+                          },
+                        }],
+                        contexts: [{
+                          context: {
+                            cluster: "minikube",
+                            user: "minikube",
+                          },
+                          name: "minikube",
+                        }],
+                        users: [{
+                          name: "minikube",
+                        }],
+                        kind: "Config",
+                        preferences: {},
+                      }),
+                    );
+                  });
+
+                  describe("when writing out new proxy kubeconfig resolves", () => {
+                    beforeEach(async () => {
+                      await writeFileMock.resolveSpecific(
+                        [
+                          "/some-directory-for-temp/kubeconfig-foo", 
+                          "apiVersion: v1\nkind: Config\npreferences: {}\ncurrent-context: minikube\nclusters:\n  - name: minikube\n    cluster:\n      certificate-authority-data: PGNhLWRhdGE+\n      server: https://127.0.0.1:9191/foo\n      insecure-skip-tls-verify: false\ncontexts:\n  - name: minikube\n    context:\n      cluster: minikube\n      user: proxy\nusers:\n  - name: proxy\n    user:\n      username: lens\n      password: fake\n",
+                        ],
+                      );
+                    });
+
+                    it("should allow getPath to resolve with the path to the kubeconfig", async () => {
+                      expect(await getPathPromise).toBe("/some-directory-for-temp/kubeconfig-foo");
+                    });
+                  });
+                });
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/main/__test__/lens-proxy.test.ts b/packages/core/src/main/__test__/lens-proxy.test.ts
new file mode 100644
index 0000000000..20af162f17
--- /dev/null
+++ b/packages/core/src/main/__test__/lens-proxy.test.ts
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { isLongRunningRequest } from "../lens-proxy/lens-proxy";
+
+describe("isLongRunningRequest", () => {
+  it("returns true on watches", () => {
+    ["watch=true", "watch=1", "watch"].forEach((param) => {
+      expect(
+        isLongRunningRequest(`/api/v1/namespaces/default/pods?${param}`),
+      ).toBeTruthy();
+    });
+  });
+
+  it("returns false on disabled watches", () => {
+    ["watch=false", "watch=0", ""].forEach((param) => {
+      expect(
+        isLongRunningRequest(`/api/v1/namespaces/default/pods?${param}`),
+      ).toBeFalsy();
+    });
+  });
+
+  it("returns true on follows", () => {
+    ["follow=true", "follow=1", "follow"].forEach((param) => {
+      expect(
+        isLongRunningRequest(`/api/v1/namespaces/default/pods/foo/log?${param}`),
+      ).toBeTruthy();
+    });
+  });
+
+  it("returns false on disabled follows", () => {
+    ["follow=false", "follow=0", ""].forEach((param) => {
+      expect(
+        isLongRunningRequest(`/api/v1/namespaces/default/pods/foo/log?${param}`),
+      ).toBeFalsy();
+    });
+  });
+});
diff --git a/packages/core/src/main/__test__/shell-session.test.ts b/packages/core/src/main/__test__/shell-session.test.ts
new file mode 100644
index 0000000000..c8c0f1c8df
--- /dev/null
+++ b/packages/core/src/main/__test__/shell-session.test.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 { clearKubeconfigEnvVars } from "../utils/clear-kube-env-vars";
+
+describe("clearKubeconfigEnvVars tests", () => {
+  it("should not touch non kubeconfig keys", () => {
+    expect(clearKubeconfigEnvVars({ a: "22" })).toStrictEqual({ a: "22" });
+  });
+
+  it("should remove a single kubeconfig key", () => {
+    expect(clearKubeconfigEnvVars({ a: "22", kubeconfig: "1" })).toStrictEqual({ a: "22" });
+  });
+
+  it("should remove a two kubeconfig key", () => {
+    expect(clearKubeconfigEnvVars({ a: "22", kubeconfig: "1", kUbeconfig: "1" })).toStrictEqual({ a: "22" });
+  });
+});
diff --git a/packages/core/src/main/__test__/static-file-route.test.ts b/packages/core/src/main/__test__/static-file-route.test.ts
new file mode 100644
index 0000000000..abbff48a4e
--- /dev/null
+++ b/packages/core/src/main/__test__/static-file-route.test.ts
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { LensApiRequest, Route } from "../router/route";
+import staticFileRouteInjectable from "../routes/files/static-file-route.injectable";
+import { getDiForUnitTesting } from "../getDiForUnitTesting";
+
+describe("static-file-route", () => {
+  let handleStaticFileRoute: Route<Buffer, "/{path*}">;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    handleStaticFileRoute = di.inject(staticFileRouteInjectable);
+  });
+
+  it("blocks path traversal attacks", async () => {
+    const request = {
+      params: {
+        path: "../index.ts",
+      },
+      raw: {},
+    } as LensApiRequest<"/{path*}">;
+
+    const result = await handleStaticFileRoute.handler(request);
+
+    expect(result).toEqual({ statusCode: 404 });
+  });
+
+  it("serves files under static root", async () => {
+    const req: any = {
+      url: "",
+    };
+
+    const request = {
+      params: {
+        path: "router.test.ts",
+      },
+      raw: { req },
+    } as LensApiRequest<"/{path*}">;
+
+    const result = await handleStaticFileRoute.handler(request);
+
+    expect(result).toEqual({ statusCode: 404 });
+  });
+});
diff --git a/packages/core/src/main/app-paths/app-paths-request-channel-listener.injectable.ts b/packages/core/src/main/app-paths/app-paths-request-channel-listener.injectable.ts
new file mode 100644
index 0000000000..568d63f1ea
--- /dev/null
+++ b/packages/core/src/main/app-paths/app-paths-request-channel-listener.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 { appPathsChannel } from "../../common/app-paths/app-paths-channel";
+import appPathsInjectable from "../../common/app-paths/app-paths.injectable";
+import { getRequestChannelListenerInjectable } from "../utils/channel/channel-listeners/listener-tokens";
+
+const appPathsRequestChannelListenerInjectable = getRequestChannelListenerInjectable({
+  channel: appPathsChannel,
+  handler: (di) => {
+    const appPaths = di.inject(appPathsInjectable);
+
+    return () => appPaths;
+  },
+});
+
+export default appPathsRequestChannelListenerInjectable;
diff --git a/packages/core/src/main/app-paths/directory-for-integration-testing/directory-for-integration-testing.global-override-for-injectable.ts b/packages/core/src/main/app-paths/directory-for-integration-testing/directory-for-integration-testing.global-override-for-injectable.ts
new file mode 100644
index 0000000000..f4e7b5674e
--- /dev/null
+++ b/packages/core/src/main/app-paths/directory-for-integration-testing/directory-for-integration-testing.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 directoryForIntegrationTestingInjectable from "./directory-for-integration-testing.injectable";
+
+export default getGlobalOverride(directoryForIntegrationTestingInjectable, () => undefined);
diff --git a/packages/core/src/main/app-paths/directory-for-integration-testing/directory-for-integration-testing.injectable.ts b/packages/core/src/main/app-paths/directory-for-integration-testing/directory-for-integration-testing.injectable.ts
new file mode 100644
index 0000000000..7a98699fee
--- /dev/null
+++ b/packages/core/src/main/app-paths/directory-for-integration-testing/directory-for-integration-testing.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 directoryForIntegrationTestingInjectable = getInjectable({
+  id: "directory-for-integration-testing",
+  instantiate: () => process.env.CICD,
+  causesSideEffects: true,
+});
+
+export default directoryForIntegrationTestingInjectable;
diff --git a/packages/core/src/main/app-paths/get-app-paths.ts b/packages/core/src/main/app-paths/get-app-paths.ts
new file mode 100644
index 0000000000..00aeff540c
--- /dev/null
+++ b/packages/core/src/main/app-paths/get-app-paths.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 { fromPairs } from "lodash/fp";
+import type { PathName } from "../../common/app-paths/app-path-names";
+import { pathNames } from "../../common/app-paths/app-path-names";
+import type { AppPaths } from "../../common/app-paths/app-path-injection-token";
+
+interface Dependencies {
+  getAppPath: (name: PathName) => string;
+}
+
+export const getAppPaths = ({ getAppPath }: Dependencies) =>
+  fromPairs(pathNames.map((name) => [name, getAppPath(name)])) as AppPaths;
diff --git a/packages/core/src/main/app-paths/get-electron-app-path/get-electron-app-path.injectable.ts b/packages/core/src/main/app-paths/get-electron-app-path/get-electron-app-path.injectable.ts
new file mode 100644
index 0000000000..b4423f5367
--- /dev/null
+++ b/packages/core/src/main/app-paths/get-electron-app-path/get-electron-app-path.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 type { PathName } from "../../../common/app-paths/app-path-names";
+import electronAppInjectable from "../../electron-app/electron-app.injectable";
+
+export type GetElectronAppPath = (name: PathName | "currentApp") => string;
+
+const getElectronAppPathInjectable = getInjectable({
+  id: "get-electron-app-path",
+
+  instantiate: (di): GetElectronAppPath => {
+    const electronApp = di.inject(electronAppInjectable);
+
+    return (name) => {
+      try {
+        if (name === "currentApp") {
+          return electronApp.getAppPath();
+        }
+
+        return electronApp.getPath(name);
+      } catch (e) {
+        return "";
+      }
+    };
+  },
+});
+
+export default getElectronAppPathInjectable;
diff --git a/packages/core/src/main/app-paths/get-electron-app-path/get-electron-app-path.test.ts b/packages/core/src/main/app-paths/get-electron-app-path/get-electron-app-path.test.ts
new file mode 100644
index 0000000000..ca30b690b9
--- /dev/null
+++ b/packages/core/src/main/app-paths/get-electron-app-path/get-electron-app-path.test.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 electronAppInjectable from "../../electron-app/electron-app.injectable";
+import getElectronAppPathInjectable from "./get-electron-app-path.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import type { App } from "electron";
+
+describe("get-electron-app-path", () => {
+  let getElectronAppPath: (name: string) => string;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: false });
+
+    const appStub = {
+      name: "some-app-name",
+
+      getPath: (name: string) => {
+        if (name !== "some-existing-name") {
+          throw new Error("irrelevant");
+        }
+
+        return "some-existing-app-path";
+      },
+
+      // eslint-disable-next-line unused-imports/no-unused-vars-ts
+      setPath: (_, __) => undefined,
+    } as App;
+
+    di.override(electronAppInjectable, () => appStub);
+
+    getElectronAppPath = di.inject(getElectronAppPathInjectable) as (name: string) => string;
+  });
+
+  it("given app path exists, when called, returns app path", () => {
+    const actual = getElectronAppPath("some-existing-name");
+
+    expect(actual).toBe("some-existing-app-path");
+  });
+
+  it("given app path does not exist, when called, returns null", () => {
+    const actual = getElectronAppPath("some-non-existing-name");
+
+    expect(actual).toBe("");
+  });
+});
diff --git a/packages/core/src/main/app-paths/set-electron-app-path/set-electron-app-path.injectable.ts b/packages/core/src/main/app-paths/set-electron-app-path/set-electron-app-path.injectable.ts
new file mode 100644
index 0000000000..2a4bac2330
--- /dev/null
+++ b/packages/core/src/main/app-paths/set-electron-app-path/set-electron-app-path.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 { PathName } from "../../../common/app-paths/app-path-names";
+import electronAppInjectable from "../../electron-app/electron-app.injectable";
+
+export type SetElectronAppPath = (name: PathName, path: string) => void;
+
+const setElectronAppPathInjectable = getInjectable({
+  id: "set-electron-app-path",
+
+  instantiate: (di): SetElectronAppPath => {
+    const electronApp = di.inject(electronAppInjectable);
+
+    return (name, path) => electronApp.setPath(name, path);
+  },
+});
+
+export default setElectronAppPathInjectable;
diff --git a/packages/core/src/main/app-paths/setup-app-paths.injectable.ts b/packages/core/src/main/app-paths/setup-app-paths.injectable.ts
new file mode 100644
index 0000000000..0b3c67b60f
--- /dev/null
+++ b/packages/core/src/main/app-paths/setup-app-paths.injectable.ts
@@ -0,0 +1,57 @@
+/**
+ * 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 { AppPaths } from "../../common/app-paths/app-path-injection-token";
+import getElectronAppPathInjectable from "./get-electron-app-path/get-electron-app-path.injectable";
+import setElectronAppPathInjectable from "./set-electron-app-path/set-electron-app-path.injectable";
+import directoryForIntegrationTestingInjectable from "./directory-for-integration-testing/directory-for-integration-testing.injectable";
+import appPathsStateInjectable from "../../common/app-paths/app-paths-state.injectable";
+import { pathNames } from "../../common/app-paths/app-path-names";
+import { fromPairs, map } from "lodash/fp";
+import { pipeline } from "@ogre-tools/fp";
+import joinPathsInjectable from "../../common/path/join-paths.injectable";
+import appNameInjectable from "../../common/vars/app-name.injectable";
+import { appPathsRunnablePhaseInjectionToken } from "../start-main-application/runnable-tokens/phases";
+
+const setupAppPathsInjectable = getInjectable({
+  id: "setup-app-paths",
+
+  instantiate: (di) => {
+    const setElectronAppPath = di.inject(setElectronAppPathInjectable);
+    const appName = di.inject(appNameInjectable);
+    const getElectronAppPath = di.inject(getElectronAppPathInjectable);
+    const appPathsState = di.inject(appPathsStateInjectable);
+    const directoryForIntegrationTesting = di.inject(directoryForIntegrationTestingInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+
+    return {
+      id: "setup-app-paths",
+      run: () => {
+        if (directoryForIntegrationTesting) {
+          setElectronAppPath("appData", directoryForIntegrationTesting);
+        }
+
+        const appDataPath = getElectronAppPath("appData");
+
+        setElectronAppPath("userData", joinPaths(appDataPath, appName));
+
+        const appPaths = pipeline(
+          pathNames,
+          map(name => [name, getElectronAppPath(name)]),
+          fromPairs,
+        ) as AppPaths;
+
+        appPathsState.set(appPaths);
+
+        // NOTE: this is the worse of two evils. This makes sure that `RunnableSync` always is sync
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: appPathsRunnablePhaseInjectionToken,
+});
+
+export default setupAppPathsInjectable;
diff --git a/packages/core/src/main/base-store/disable-sync-in-ipc-listener.injectable.ts b/packages/core/src/main/base-store/disable-sync-in-ipc-listener.injectable.ts
new file mode 100644
index 0000000000..2e7af0c723
--- /dev/null
+++ b/packages/core/src/main/base-store/disable-sync-in-ipc-listener.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 { shouldBaseStoreDisableSyncInIpcListenerInjectionToken } from "../../common/base-store/disable-sync";
+
+const shouldBaseStoreDisableSyncInIpcListenerInjectable = getInjectable({
+  id: "should-base-store-disable-sync-in-ipc-listener",
+  instantiate: () => false,
+  injectionToken: shouldBaseStoreDisableSyncInIpcListenerInjectionToken,
+});
+
+export default shouldBaseStoreDisableSyncInIpcListenerInjectable;
diff --git a/packages/core/src/main/base-store/ipc-channel-prefix.injectable.ts b/packages/core/src/main/base-store/ipc-channel-prefix.injectable.ts
new file mode 100644
index 0000000000..635f857fc4
--- /dev/null
+++ b/packages/core/src/main/base-store/ipc-channel-prefix.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 { baseStoreIpcChannelPrefixesInjectionToken } from "../../common/base-store/channel-prefix";
+
+const baseStoreIpcChannelPrefixInjectable = getInjectable({
+  id: "base-store-ipc-channel-prefix",
+  instantiate: () => ({
+    local: "store-sync-main",
+    remote: "store-sync-renderer",
+  }),
+  injectionToken: baseStoreIpcChannelPrefixesInjectionToken,
+});
+
+export default baseStoreIpcChannelPrefixInjectable;
diff --git a/packages/core/src/main/base-store/persist-state-to-config.injectable.ts b/packages/core/src/main/base-store/persist-state-to-config.injectable.ts
new file mode 100644
index 0000000000..f6d28982ec
--- /dev/null
+++ b/packages/core/src/main/base-store/persist-state-to-config.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 { persistStateToConfigInjectionToken } from "../../common/base-store/save-to-file";
+import loggerInjectable from "../../common/logger.injectable";
+
+const persistStateToConfigInjectable = getInjectable({
+  id: "persist-state-to-config",
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+
+    return (config, state) => {
+      logger.info(`[BASE-STORE]: saving ${config.path}...`);
+
+      for (const [key, value] of Object.entries(state)) {
+        config.set(key, value);
+      }
+    };
+  },
+  injectionToken: persistStateToConfigInjectionToken,
+});
+
+export default persistStateToConfigInjectable;
diff --git a/packages/core/src/main/build-version/setup-channel.injectable.ts b/packages/core/src/main/build-version/setup-channel.injectable.ts
new file mode 100644
index 0000000000..05da92db6e
--- /dev/null
+++ b/packages/core/src/main/build-version/setup-channel.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 { buildVersionChannel } from "../../common/vars/build-semantic-version.injectable";
+import { getRequestChannelListenerInjectable } from "../utils/channel/channel-listeners/listener-tokens";
+import buildVersionInjectable from "../vars/build-version/build-version.injectable";
+
+const buildVersionChannelListenerInjectable = getRequestChannelListenerInjectable({
+  channel: buildVersionChannel,
+  handler: (di) => {
+    const buildVersion = di.inject(buildVersionInjectable);
+
+    return () => buildVersion.get();
+  },
+});
+
+export default buildVersionChannelListenerInjectable;
diff --git a/packages/core/src/main/catalog-sources/__test__/kubeconfig-sync.test.ts b/packages/core/src/main/catalog-sources/__test__/kubeconfig-sync.test.ts
new file mode 100644
index 0000000000..6f3a8e3e0b
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/__test__/kubeconfig-sync.test.ts
@@ -0,0 +1,468 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable, ObservableMap } from "mobx";
+import type { CatalogEntity } from "../../../common/catalog";
+import { loadFromOptions } from "../../../common/kube-helpers";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+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 { iter, strictGet } from "../../../common/utils";
+import type { ComputeKubeconfigDiff } from "../kubeconfig-sync/compute-diff.injectable";
+import computeKubeconfigDiffInjectable from "../kubeconfig-sync/compute-diff.injectable";
+import type { ConfigToModels } from "../kubeconfig-sync/config-to-models.injectable";
+import configToModelsInjectable from "../kubeconfig-sync/config-to-models.injectable";
+import kubeconfigSyncManagerInjectable from "../kubeconfig-sync/manager.injectable";
+import type { KubeconfigSyncManager } from "../kubeconfig-sync/manager";
+import type { KubeconfigSyncValue } from "../../../common/user-store";
+import kubeconfigSyncsInjectable from "../../../common/user-store/kubeconfig-syncs.injectable";
+import getClusterByIdInjectable from "../../../common/cluster-store/get-by-id.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import type { Stat } from "../../../common/fs/stat.injectable";
+import asyncFn from "@async-fn/jest";
+import statInjectable from "../../../common/fs/stat.injectable";
+import type { Watcher } from "../../../common/fs/watch/watch.injectable";
+import watchInjectable from "../../../common/fs/watch/watch.injectable";
+import EventEmitter from "events";
+import type { ReadStream, Stats } from "fs";
+import createReadFileStreamInjectable from "../../../common/fs/create-read-file-stream.injectable";
+import pathExistsSyncInjectable from "../../../common/fs/path-exists-sync.injectable";
+import pathExistsInjectable from "../../../common/fs/path-exists.injectable";
+import readJsonSyncInjectable from "../../../common/fs/read-json-sync.injectable";
+import writeJsonSyncInjectable from "../../../common/fs/write-json-sync.injectable";
+
+describe("kubeconfig-sync.source tests", () => {
+  let computeKubeconfigDiff: ComputeKubeconfigDiff;
+  let configToModels: ConfigToModels;
+  let kubeconfigSyncs: ObservableMap<string, KubeconfigSyncValue>;
+  let clusters: Map<string, Cluster>;
+  let di: DiContainer;
+
+  beforeEach(async () => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(directoryForTempInjectable, () => "/some-directory-for-temp");
+    di.override(pathExistsInjectable, () => () => { throw new Error("tried call pathExists without override"); });
+    di.override(pathExistsSyncInjectable, () => () => { throw new Error("tried call pathExistsSync without override"); });
+    di.override(readJsonSyncInjectable, () => () => { throw new Error("tried call readJsonSync without override"); });
+    di.override(writeJsonSyncInjectable, () => () => { throw new Error("tried call writeJsonSync without override"); });
+
+    clusters = new Map();
+    di.override(getClusterByIdInjectable, () => id => clusters.get(id));
+
+    kubeconfigSyncs = observable.map();
+
+    di.override(kubeconfigSyncsInjectable, () => kubeconfigSyncs);
+
+    computeKubeconfigDiff = di.inject(computeKubeconfigDiffInjectable);
+    configToModels = di.inject(configToModelsInjectable);
+  });
+
+  describe("configsToModels", () => {
+    it("should filter out invalid split configs", () => {
+      const config = loadFromOptions({
+        clusters: [],
+        users: [],
+        contexts: [],
+        currentContext: "foobar",
+      });
+
+      expect(configToModels(config, "").length).toBe(0);
+    });
+
+    it("should keep a single valid split config", () => {
+      const config = loadFromOptions({
+        clusters: [{
+          name: "cluster-name",
+          server: "1.2.3.4",
+          skipTLSVerify: false,
+        }],
+        users: [{
+          name: "user-name",
+        }],
+        contexts: [{
+          cluster: "cluster-name",
+          name: "context-name",
+          user: "user-name",
+        }],
+        currentContext: "foobar",
+      });
+
+      const models = configToModels(config, "/bar");
+
+      expect(models.length).toBe(1);
+      expect(models[0][0].contextName).toBe("context-name");
+      expect(models[0][0].kubeConfigPath).toBe("/bar");
+    });
+  });
+
+  describe("computeKubeconfigDiff", () => {
+    it("should leave an empty source empty if there are no entries", () => {
+      const contents = "";
+      const rootSource = new ObservableMap<string, [Cluster, CatalogEntity]>();
+      const filePath = "/bar";
+
+      computeKubeconfigDiff(contents, rootSource, filePath);
+
+      expect(rootSource.size).toBe(0);
+    });
+
+    it("should add only the valid clusters to the source", () => {
+      const contents = JSON.stringify({
+        clusters: [{
+          name: "cluster-name",
+          cluster: {
+            server: "1.2.3.4",
+          },
+          skipTLSVerify: false,
+        }],
+        users: [{
+          name: "user-name",
+        }],
+        contexts: [{
+          name: "context-name",
+          context: {
+            cluster: "cluster-name",
+            user: "user-name",
+          },
+        }, {
+          name: "context-the-second",
+          context: {
+            cluster: "missing-cluster",
+            user: "user-name",
+          },
+        }],
+        currentContext: "foobar",
+      });
+      const rootSource = new ObservableMap<string, [Cluster, CatalogEntity]>();
+      const filePath = "/bar";
+
+      computeKubeconfigDiff(contents, rootSource, filePath);
+
+      expect(rootSource.size).toBe(1);
+
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      const c = (iter.first(rootSource.values())!)[0];
+
+      expect(c.kubeConfigPath).toBe("/bar");
+      expect(c.contextName).toBe("context-name");
+    });
+
+    it("should remove a cluster when it is removed from the contents", () => {
+      const contents = JSON.stringify({
+        clusters: [{
+          name: "cluster-name",
+          cluster: {
+            server: "1.2.3.4",
+          },
+          skipTLSVerify: false,
+        }],
+        users: [{
+          name: "user-name",
+
+        }],
+        contexts: [{
+          name: "context-name",
+          context: {
+            cluster: "cluster-name",
+            user: "user-name",
+          },
+        }, {
+          name: "context-the-second",
+          context: {
+            cluster: "missing-cluster",
+            user: "user-name",
+          },
+        }],
+        currentContext: "foobar",
+      });
+      const rootSource = new ObservableMap<string, [Cluster, CatalogEntity]>();
+      const filePath = "/bar";
+
+      computeKubeconfigDiff(contents, rootSource, filePath);
+
+      expect(rootSource.size).toBe(1);
+
+      const c = rootSource.values().next().value[0] as Cluster;
+
+      expect(c.kubeConfigPath).toBe("/bar");
+      expect(c.contextName).toBe("context-name");
+
+      computeKubeconfigDiff("{}", rootSource, filePath);
+
+      expect(rootSource.size).toBe(0);
+    });
+
+    it("should remove only the cluster that it is removed from the contents", () => {
+      const contents = JSON.stringify({
+        clusters: [{
+          name: "cluster-name",
+          cluster: {
+            server: "1.2.3.4",
+          },
+          skipTLSVerify: false,
+        }],
+        users: [{
+          name: "user-name",
+        }, {
+          name: "user-name-2",
+        }],
+        contexts: [{
+          name: "context-name",
+          context: {
+            cluster: "cluster-name",
+            user: "user-name",
+          },
+        }, {
+          name: "context-name-2",
+          context: {
+            cluster: "cluster-name",
+            user: "user-name-2",
+          },
+        }, {
+          name: "context-the-second",
+          context: {
+            cluster: "missing-cluster",
+            user: "user-name",
+          },
+        }],
+        currentContext: "foobar",
+      });
+      const rootSource = new ObservableMap<string, [Cluster, CatalogEntity]>();
+      const filePath = "/bar";
+
+      computeKubeconfigDiff(contents, rootSource, filePath);
+
+      expect(rootSource.size).toBe(2);
+
+      {
+        const c = rootSource.values().next().value[0] as Cluster;
+
+        expect(c.kubeConfigPath).toBe("/bar");
+        expect(["context-name", "context-name-2"].includes(c.contextName)).toBe(true);
+      }
+
+      const newContents = JSON.stringify({
+        clusters: [{
+          name: "cluster-name",
+          cluster: {
+            server: "1.2.3.4",
+          },
+          skipTLSVerify: false,
+        }],
+        users: [{
+          name: "user-name",
+        }, {
+          name: "user-name-2",
+        }],
+        contexts: [{
+          name: "context-name",
+          context: {
+            cluster: "cluster-name",
+            user: "user-name",
+          },
+        }, {
+          name: "context-the-second",
+          context: {
+            cluster: "missing-cluster",
+            user: "user-name",
+          },
+        }],
+        currentContext: "foobar",
+      });
+
+      computeKubeconfigDiff(newContents, rootSource, filePath);
+
+      expect(rootSource.size).toBe(1);
+
+      {
+        const c = rootSource.values().next().value[0] as Cluster;
+
+        expect(c.kubeConfigPath).toBe("/bar");
+        expect(c.contextName).toBe("context-name");
+      }
+    });
+  });
+
+  describe("given a config file at /foobar/config", () => {
+    let manager: KubeconfigSyncManager;
+    let watchInstances: Map<string, Watcher<true>>;
+    let firstReadFoobarConfigSteam: ReadStream;
+    let secondReadFoobarConfigSteam: ReadStream;
+    let statMock: AsyncFnMock<Stat>;
+
+    beforeEach(() => {
+      statMock = asyncFn();
+      di.override(statInjectable, () => statMock);
+
+      watchInstances = new Map();
+      di.override(watchInjectable, () => (path) => {
+        const fakeWatchInstance = getFakeWatchInstance();
+
+        watchInstances.set(path, fakeWatchInstance);
+
+        return fakeWatchInstance;
+      });
+
+      di.override(createReadFileStreamInjectable, () => (filePath) => {
+        if (filePath !== "/foobar/config") {
+          throw new Error(`unexpected file path "${filePath}"`);
+        }
+
+        if (!firstReadFoobarConfigSteam) {
+          return firstReadFoobarConfigSteam = getFakeReadStream(filePath);
+        }
+
+        if (!secondReadFoobarConfigSteam) {
+          return secondReadFoobarConfigSteam = getFakeReadStream(filePath);
+        }
+
+        return getFakeReadStream(filePath);
+      });
+
+      manager = di.inject(kubeconfigSyncManagerInjectable);
+    });
+
+    afterEach(() => {
+      (firstReadFoobarConfigSteam as any) = undefined;
+      (secondReadFoobarConfigSteam as any) = undefined;
+    });
+
+    it("should not find any entities", () => {
+      expect(manager.source.get()).toEqual([]);
+    });
+
+    describe("when sync has started", () => {
+      beforeEach(() => {
+        manager.startSync();
+      });
+
+      it("should not find any entities", () => {
+        expect(manager.source.get()).toEqual([]);
+      });
+
+      describe("when a file sync target for /foobar/config is added", () => {
+        beforeEach(() => {
+          kubeconfigSyncs.set("/foobar/config", {});
+        });
+
+        describe("when stat resolves as not a directory", () => {
+          beforeEach(async () => {
+            await statMock.resolveSpecific(["/foobar/config"], {
+              isDirectory: () => false,
+            } as Stats);
+          });
+
+          describe("when the watch emits that the file is added", () => {
+            beforeEach(() => {
+              strictGet(watchInstances, "/foobar/config").emit("add", "/foobar/config", {
+                size: foobarConfig.length,
+              } as Stats);
+            });
+
+            it("starts to read the file", () => {
+              expect(firstReadFoobarConfigSteam).toBeDefined();
+            });
+
+            describe("when the data is read in", () => {
+              beforeEach(() => {
+                firstReadFoobarConfigSteam.emit("data", Buffer.from(foobarConfig));
+                firstReadFoobarConfigSteam.emit("end");
+                firstReadFoobarConfigSteam.emit("close");
+              });
+
+              it("should find a single entity", () => {
+                expect(manager.source.get().length).toBe(1);
+              });
+
+              describe("when a folder sync target for /foobar is added", () => {
+                beforeEach(() => {
+                  kubeconfigSyncs.set("/foobar", {});
+                });
+
+                describe("when stat resolves as not a directory", () => {
+                  beforeEach(async () => {
+                    await statMock.resolveSpecific(["/foobar"], {
+                      isDirectory: () => true,
+                    } as Stats);
+                  });
+
+                  describe("when the watch emits that the file is added", () => {
+                    beforeEach(() => {
+                      strictGet(watchInstances, "/foobar").emit("add", "/foobar/config", {
+                        size: foobarConfig.length,
+                      } as Stats);
+                    });
+
+                    it("starts to read the file", () => {
+                      expect(secondReadFoobarConfigSteam).toBeDefined();
+                    });
+
+                    describe("when the data is read in", () => {
+                      beforeEach(() => {
+                        secondReadFoobarConfigSteam.emit("data", Buffer.from(foobarConfig));
+                        secondReadFoobarConfigSteam.emit("end");
+                        secondReadFoobarConfigSteam.emit("close");
+                      });
+
+                      it("should still only find a single entity", () => {
+                        expect(manager.source.get().length).toBe(1);
+                      });
+                    });
+                  });
+                });
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
+
+const getFakeWatchInstance = (): Watcher<true> => {
+  return Object.assign(new EventEmitter(), {
+    close: jest.fn().mockImplementation(async () => {}),
+  });
+};
+
+const getFakeReadStream = (path: string): ReadStream => {
+  return Object.assign(new EventEmitter(), {
+    path,
+    close: () => {},
+    push: () => true,
+    read: () => {},
+  }) as unknown as ReadStream;
+};
+
+const foobarConfig = JSON.stringify({
+  clusters: [{
+    name: "cluster-name",
+    cluster: {
+      server: "1.2.3.4",
+    },
+    skipTLSVerify: false,
+  }],
+  users: [{
+    name: "user-name",
+  }],
+  contexts: [{
+    name: "context-name",
+    context: {
+      cluster: "cluster-name",
+      user: "user-name",
+    },
+  }, {
+    name: "context-the-second",
+    context: {
+      cluster: "missing-cluster",
+      user: "user-name",
+    },
+  }],
+  currentContext: "foobar",
+});
diff --git a/packages/core/src/main/catalog-sources/index.ts b/packages/core/src/main/catalog-sources/index.ts
new file mode 100644
index 0000000000..98c3f08536
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export { syncWeblinks } from "./weblinks";
diff --git a/packages/core/src/main/catalog-sources/kubeconfig-sync/compute-diff.injectable.ts b/packages/core/src/main/catalog-sources/kubeconfig-sync/compute-diff.injectable.ts
new file mode 100644
index 0000000000..cb1e62e6e8
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/kubeconfig-sync/compute-diff.injectable.ts
@@ -0,0 +1,102 @@
+/**
+ * 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 { createHash } from "crypto";
+import type { ObservableMap } from "mobx";
+import { action } from "mobx";
+import { homedir } from "os";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import type { CatalogEntity } from "../../../common/catalog";
+import getClusterByIdInjectable from "../../../common/cluster-store/get-by-id.injectable";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { loadConfigFromString } from "../../../common/kube-helpers";
+import clustersThatAreBeingDeletedInjectable from "../../cluster/are-being-deleted.injectable";
+import { catalogEntityFromCluster } from "../../cluster/manager";
+import createClusterInjectable from "../../create-cluster/create-cluster.injectable";
+import configToModelsInjectable from "./config-to-models.injectable";
+import kubeconfigSyncLoggerInjectable from "./logger.injectable";
+
+export type ComputeKubeconfigDiff = (contents: string, source: ObservableMap<string, [Cluster, CatalogEntity]>, filePath: string) => void;
+
+const computeKubeconfigDiffInjectable = getInjectable({
+  id: "compute-kubeconfig-diff",
+  instantiate: (di): ComputeKubeconfigDiff => {
+    const directoryForKubeConfigs = di.inject(directoryForKubeConfigsInjectable);
+    const createCluster = di.inject(createClusterInjectable);
+    const clustersThatAreBeingDeleted = di.inject(clustersThatAreBeingDeletedInjectable);
+    const configToModels = di.inject(configToModelsInjectable);
+    const logger = di.inject(kubeconfigSyncLoggerInjectable);
+    const getClusterById = di.inject(getClusterByIdInjectable);
+
+    return action((contents, source, filePath) => {
+      try {
+        const { config, error } = loadConfigFromString(contents);
+
+        if (error) {
+          logger.warn(`encountered errors while loading config: ${error.message}`, { filePath, details: error.details });
+        }
+
+        const rawModels = configToModels(config, filePath);
+        const models = new Map(rawModels.map(([model, configData]) => [model.contextName, [model, configData] as const]));
+
+        logger.debug(`File now has ${models.size} entries`, { filePath });
+
+        for (const [contextName, value] of source) {
+          const data = models.get(contextName);
+
+          // remove and disconnect clusters that were removed from the config
+          if (!data) {
+            // remove from the deleting set, so that if a new context of the same name is added, it isn't marked as deleting
+            clustersThatAreBeingDeleted.delete(value[0].id);
+
+            value[0].disconnect();
+            source.delete(contextName);
+            logger.debug(`Removed old cluster from sync`, { filePath, contextName });
+            continue;
+          }
+
+          // TODO: For the update check we need to make sure that the config itself hasn't changed.
+          // Probably should make it so that cluster keeps a copy of the config in its memory and
+          // diff against that
+
+          // or update the model and mark it as not needed to be added
+          value[0].updateModel(data[0]);
+          models.delete(contextName);
+          logger.debug(`Updated old cluster from sync`, { filePath, contextName });
+        }
+
+        for (const [contextName, [model, configData]] of models) {
+          // add new clusters to the source
+          try {
+            const clusterId = createHash("md5").update(`${filePath}:${contextName}`).digest("hex");
+            const cluster = getClusterById(clusterId) ?? createCluster({ ...model, id: clusterId }, configData);
+
+            if (!cluster.apiUrl) {
+              throw new Error("Cluster constructor failed, see above error");
+            }
+
+            const entity = catalogEntityFromCluster(cluster);
+
+            if (!filePath.startsWith(directoryForKubeConfigs)) {
+              entity.metadata.labels.file = filePath.replace(homedir(), "~");
+            }
+            source.set(contextName, [cluster, entity]);
+
+            logger.debug(`Added new cluster from sync`, { filePath, contextName });
+          } catch (error) {
+            logger.warn(`Failed to create cluster from model: ${error}`, { filePath, contextName });
+          }
+        }
+      } catch (error) {
+        logger.warn(`Failed to compute diff: ${error}`, { filePath });
+        source.clear(); // clear source if we have failed so as to not show outdated information
+      }
+
+      logger.debug("Finished computing diff", { filePath });
+    });
+  },
+});
+
+export default computeKubeconfigDiffInjectable;
diff --git a/packages/core/src/main/catalog-sources/kubeconfig-sync/config-to-models.injectable.ts b/packages/core/src/main/catalog-sources/kubeconfig-sync/config-to-models.injectable.ts
new file mode 100644
index 0000000000..8240d4e914
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/kubeconfig-sync/config-to-models.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { KubeConfig } from "@kubernetes/client-node";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { ClusterConfigData, UpdateClusterModel } from "../../../common/cluster-types";
+import { splitConfig } from "../../../common/kube-helpers";
+import kubeconfigSyncLoggerInjectable from "./logger.injectable";
+
+export type ConfigToModels = (rootConfig: KubeConfig, filePath: string) => [UpdateClusterModel, ClusterConfigData][];
+
+const configToModelsInjectable = getInjectable({
+  id: "config-to-models",
+  instantiate: (di): ConfigToModels => {
+    const logger = di.inject(kubeconfigSyncLoggerInjectable);
+
+    return (rootConfig, filePath) => {
+      const validConfigs: ReturnType<ConfigToModels> = [];
+
+      for (const { config, validationResult } of splitConfig(rootConfig)) {
+        if (validationResult.error) {
+          logger.debug(`context failed validation: ${validationResult.error}`, { context: config.currentContext, filePath });
+        } else {
+          validConfigs.push([
+            {
+              kubeConfigPath: filePath,
+              contextName: config.currentContext,
+            },
+            {
+              clusterServerUrl: validationResult.cluster.server,
+            },
+          ]);
+        }
+      }
+
+      return validConfigs;
+    };
+  },
+});
+
+export default configToModelsInjectable;
diff --git a/packages/core/src/main/catalog-sources/kubeconfig-sync/diff-changed-kubeconfig.injectable.ts b/packages/core/src/main/catalog-sources/kubeconfig-sync/diff-changed-kubeconfig.injectable.ts
new file mode 100644
index 0000000000..f17293fc2d
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/kubeconfig-sync/diff-changed-kubeconfig.injectable.ts
@@ -0,0 +1,90 @@
+/**
+ * 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 { Stats } from "fs";
+import { constants } from "fs";
+import type { ObservableMap } from "mobx";
+import type { Readable } from "stream";
+import type { CatalogEntity } from "../../../common/catalog";
+import type { Cluster } from "../../../common/cluster/cluster";
+import createReadFileStreamInjectable from "../../../common/fs/create-read-file-stream.injectable";
+import type { Disposer } from "../../../common/utils";
+import { bytesToUnits, noop } from "../../../common/utils";
+import computeKubeconfigDiffInjectable from "./compute-diff.injectable";
+import kubeconfigSyncLoggerInjectable from "./logger.injectable";
+
+export interface DiffChangedKubeconfigArgs {
+  filePath: string;
+  source: ObservableMap<string, [Cluster, CatalogEntity]>;
+  stats: Stats;
+  maxAllowedFileReadSize: number;
+}
+export type DiffChangedKubeconfig = (args: DiffChangedKubeconfigArgs) => Disposer;
+
+const diffChangedKubeconfigInjectable = getInjectable({
+  id: "diff-changed-kubeconfig",
+  instantiate: (di): DiffChangedKubeconfig => {
+    const computeKubeconfigDiff = di.inject(computeKubeconfigDiffInjectable);
+    const logger = di.inject(kubeconfigSyncLoggerInjectable);
+    const createReadFileStream = di.inject(createReadFileStreamInjectable);
+
+    return ({ filePath, maxAllowedFileReadSize, source, stats }) => {
+      logger.debug(`file changed`, { filePath });
+
+      if (stats.size >= maxAllowedFileReadSize) {
+        logger.warn(`skipping ${filePath}: size=${bytesToUnits(stats.size)} is larger than maxSize=${bytesToUnits(maxAllowedFileReadSize)}`);
+        source.clear();
+
+        return noop;
+      }
+
+      const fileReader = createReadFileStream(filePath, {
+        mode: constants.O_RDONLY,
+      });
+      const readStream = fileReader as Readable;
+      const decoder = new TextDecoder("utf-8", { fatal: true });
+      let fileString = "";
+      let closed = false;
+
+      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();
+      };
+
+      readStream
+        .on("data", (chunk: Buffer) => {
+          try {
+            fileString += decoder.decode(chunk, { stream: true });
+          } catch (error) {
+            logger.warn(`skipping ${filePath}: ${error}`);
+            source.clear();
+            cleanup();
+          }
+        })
+        .on("close", () => cleanup())
+        .on("error", error => {
+          cleanup();
+          logger.warn(`failed to read file: ${error}`, { filePath });
+        })
+        .on("end", () => {
+          if (!closed) {
+            computeKubeconfigDiff(fileString, source, filePath);
+          }
+        });
+
+      return cleanup;
+    };
+  },
+});
+
+export default diffChangedKubeconfigInjectable;
diff --git a/packages/core/src/main/catalog-sources/kubeconfig-sync/logger.injectable.ts b/packages/core/src/main/catalog-sources/kubeconfig-sync/logger.injectable.ts
new file mode 100644
index 0000000000..4705da78d2
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/kubeconfig-sync/logger.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 prefixedLoggerInjectable from "../../../common/logger/prefixed-logger.injectable";
+
+const kubeconfigSyncLoggerInjectable = getInjectable({
+  id: "kubeconfig-sync-logger",
+  instantiate: (di) => di.inject(prefixedLoggerInjectable, "KUBECONFIG-SYNC"),
+});
+
+export default kubeconfigSyncLoggerInjectable;
diff --git a/packages/core/src/main/catalog-sources/kubeconfig-sync/manager.injectable.ts b/packages/core/src/main/catalog-sources/kubeconfig-sync/manager.injectable.ts
new file mode 100644
index 0000000000..06265764c8
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/kubeconfig-sync/manager.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 directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import { KubeconfigSyncManager } from "./manager";
+import kubeconfigSyncLoggerInjectable from "./logger.injectable";
+import watchKubeconfigFileChangesInjectable from "./watch-file-changes.injectable";
+import kubeconfigSyncsInjectable from "../../../common/user-store/kubeconfig-syncs.injectable";
+
+const kubeconfigSyncManagerInjectable = getInjectable({
+  id: "kubeconfig-sync-manager",
+
+  instantiate: (di) => new KubeconfigSyncManager({
+    directoryForKubeConfigs: di.inject(directoryForKubeConfigsInjectable),
+    logger: di.inject(kubeconfigSyncLoggerInjectable),
+    watchKubeconfigFileChanges: di.inject(watchKubeconfigFileChangesInjectable),
+    kubeconfigSyncs: di.inject(kubeconfigSyncsInjectable),
+  }),
+});
+
+export default kubeconfigSyncManagerInjectable;
diff --git a/packages/core/src/main/catalog-sources/kubeconfig-sync/manager.ts b/packages/core/src/main/catalog-sources/kubeconfig-sync/manager.ts
new file mode 100644
index 0000000000..cf05577ae7
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/kubeconfig-sync/manager.ts
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { IComputedValue, ObservableMap } from "mobx";
+import { action, observable, computed, makeObservable, observe } from "mobx";
+import type { CatalogEntity } from "../../../common/catalog";
+import type { Disposer } from "../../../common/utils";
+import { iter } from "../../../common/utils";
+import type { KubeconfigSyncValue } from "../../../common/user-store";
+import type { Logger } from "../../../common/logger";
+import type { WatchKubeconfigFileChanges } from "./watch-file-changes.injectable";
+
+interface KubeconfigSyncManagerDependencies {
+  readonly directoryForKubeConfigs: string;
+  readonly logger: Logger;
+  readonly kubeconfigSyncs: ObservableMap<string, KubeconfigSyncValue>;
+  watchKubeconfigFileChanges: WatchKubeconfigFileChanges;
+}
+
+export class KubeconfigSyncManager {
+  protected readonly sources = observable.map<string, [IComputedValue<CatalogEntity[]>, Disposer]>();
+  protected syncListDisposer?: Disposer;
+
+  constructor(protected readonly dependencies: KubeconfigSyncManagerDependencies) {
+    makeObservable(this);
+  }
+
+  public readonly source = computed(() => {
+    /**
+     * This prevents multiple overlapping syncs from leading to multiple entities with the same IDs
+     */
+    const seenIds = new Set<string>();
+
+    return (
+      iter.chain(this.sources.values())
+        .flatMap(([entities]) => entities.get())
+        .filter(entity => {
+          const alreadySeen = seenIds.has(entity.getId());
+
+          seenIds.add(entity.getId());
+
+          return !alreadySeen;
+        })
+        .collect(items => [...items])
+    );
+  });
+
+  @action
+  startSync(): void {
+    this.dependencies.logger.info(`starting requested syncs`);
+
+    // This must be done so that c&p-ed clusters are visible
+    this.startNewSync(this.dependencies.directoryForKubeConfigs);
+
+    for (const filePath of this.dependencies.kubeconfigSyncs.keys()) {
+      this.startNewSync(filePath);
+    }
+
+    this.syncListDisposer = observe(this.dependencies.kubeconfigSyncs, change => {
+      switch (change.type) {
+        case "add":
+          this.startNewSync(change.name);
+          break;
+        case "delete":
+          this.stopOldSync(change.name);
+          break;
+      }
+    });
+  }
+
+  @action
+  stopSync() {
+    this.dependencies.logger.info(`stopping requested syncs`);
+    this.syncListDisposer?.();
+
+    for (const filePath of this.sources.keys()) {
+      this.stopOldSync(filePath);
+    }
+  }
+
+  @action
+  protected startNewSync(filePath: string): void {
+    if (this.sources.has(filePath)) {
+      // don't start a new sync if we already have one
+      return this.dependencies.logger.debug(`already syncing file/folder`, { filePath });
+    }
+
+    this.sources.set(
+      filePath,
+      this.dependencies.watchKubeconfigFileChanges(filePath),
+    );
+
+    this.dependencies.logger.info(`starting sync of file/folder`, { filePath });
+    this.dependencies.logger.debug(`${this.sources.size} files/folders watched`, { files: Array.from(this.sources.keys()) });
+  }
+
+  @action
+  protected stopOldSync(filePath: string): void {
+    if (!this.sources.delete(filePath)) {
+      // already stopped
+      return this.dependencies.logger.debug(`no syncing file/folder to stop`, { filePath });
+    }
+
+    this.dependencies.logger.info(`stopping sync of file/folder`, { filePath });
+    this.dependencies.logger.debug(`${this.sources.size} files/folders watched`, { files: Array.from(this.sources.keys()) });
+  }
+}
diff --git a/packages/core/src/main/catalog-sources/kubeconfig-sync/watch-file-changes.injectable.ts b/packages/core/src/main/catalog-sources/kubeconfig-sync/watch-file-changes.injectable.ts
new file mode 100644
index 0000000000..244daeec69
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/kubeconfig-sync/watch-file-changes.injectable.ts
@@ -0,0 +1,134 @@
+/**
+ * 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 GlobToRegExp from "glob-to-regexp";
+import type { IComputedValue, ObservableMap } from "mobx";
+import { computed, observable } from "mobx";
+import path from "path";
+import { inspect } from "util";
+import type { CatalogEntity } from "../../../common/catalog";
+import type { Cluster } from "../../../common/cluster/cluster";
+import statInjectable from "../../../common/fs/stat.injectable";
+import type { Watcher } from "../../../common/fs/watch/watch.injectable";
+import watchInjectable from "../../../common/fs/watch/watch.injectable";
+import type { Disposer } from "../../../common/utils";
+import { getOrInsertWith, iter } from "../../../common/utils";
+import diffChangedKubeconfigInjectable from "./diff-changed-kubeconfig.injectable";
+import kubeconfigSyncLoggerInjectable from "./logger.injectable";
+
+export type WatchKubeconfigFileChanges = (filepath: string) => [IComputedValue<CatalogEntity[]>, Disposer];
+
+/**
+ * This is the list of globs of which files are ignored when under a folder sync
+ */
+const ignoreGlobs = [
+  "*.lock", // kubectl lock files
+  "*.swp", // vim swap files
+  ".DS_Store", // macOS specific
+].map(rawGlob => ({
+  rawGlob,
+  matcher: GlobToRegExp(rawGlob),
+}));
+
+/**
+ * This should be much larger than any kubeconfig text file
+ *
+ * Even if you have a cert-file, key-file, and client-cert files that is only
+ * 12kb of extra data (at 4096 bytes each) which allows for around 150 entries.
+ */
+const folderSyncMaxAllowedFileReadSize = 2 * 1024 * 1024; // 2 MiB
+const fileSyncMaxAllowedFileReadSize = 16 * folderSyncMaxAllowedFileReadSize; // 32 MiB
+
+const watchKubeconfigFileChangesInjectable = getInjectable({
+  id: "watch-kubeconfig-file-changes",
+  instantiate: (di): WatchKubeconfigFileChanges => {
+    const diffChangedKubeconfig = di.inject(diffChangedKubeconfigInjectable);
+    const logger = di.inject(kubeconfigSyncLoggerInjectable);
+    const stat = di.inject(statInjectable);
+    const watch = di.inject(watchInjectable);
+
+    return (filePath) => {
+      const rootSource = observable.map<string, ObservableMap<string, [Cluster, CatalogEntity]>>();
+      const derivedSource = computed(() => Array.from(iter.flatMap(rootSource.values(), from => iter.map(from.values(), child => child[1]))));
+
+      let watcher: Watcher<true>;
+
+      (async () => {
+        try {
+          const stats = await stat(filePath);
+          const isFolderSync = stats.isDirectory();
+          const cleanupFns = new Map<string, Disposer>();
+          const maxAllowedFileReadSize = isFolderSync
+            ? folderSyncMaxAllowedFileReadSize
+            : fileSyncMaxAllowedFileReadSize;
+
+          watcher = watch<true>(filePath, {
+            followSymlinks: true,
+            depth: isFolderSync ? 0 : 1, // DIRs works with 0 but files need 1 (bug: https://github.com/paulmillr/chokidar/issues/1095)
+            disableGlobbing: true,
+            ignorePermissionErrors: true,
+            usePolling: false,
+            awaitWriteFinish: {
+              pollInterval: 100,
+              stabilityThreshold: 1000,
+            },
+            atomic: 150, // for "atomic writes"
+            alwaysStat: true,
+          });
+
+          watcher
+            .on("change", (childFilePath, stats): void => {
+              const cleanup = cleanupFns.get(childFilePath);
+
+              if (!cleanup) {
+                // file was previously ignored, do nothing
+                return void logger.debug(`${inspect(childFilePath)} that should have been previously ignored has changed. Doing nothing`);
+              }
+
+              cleanup();
+              cleanupFns.set(childFilePath, diffChangedKubeconfig({
+                filePath: childFilePath,
+                source: getOrInsertWith(rootSource, childFilePath, observable.map),
+                stats,
+                maxAllowedFileReadSize,
+              }));
+            })
+            .on("add", (childFilePath, stats): void => {
+              if (isFolderSync) {
+                const fileName = path.basename(childFilePath);
+
+                for (const ignoreGlob of ignoreGlobs) {
+                  if (ignoreGlob.matcher.test(fileName)) {
+                    return void logger.info(`ignoring ${inspect(childFilePath)} due to ignore glob: ${ignoreGlob.rawGlob}`);
+                  }
+                }
+              }
+
+              cleanupFns.set(childFilePath, diffChangedKubeconfig({
+                filePath: childFilePath,
+                source: getOrInsertWith(rootSource, childFilePath, observable.map),
+                stats,
+                maxAllowedFileReadSize,
+              }));
+            })
+            .on("unlink", (childFilePath) => {
+              cleanupFns.get(childFilePath)?.();
+              cleanupFns.delete(childFilePath);
+              rootSource.delete(childFilePath);
+            })
+            .on("error", error => logger.error(`watching file/folder failed: ${error}`, { filePath }));
+        } catch (error) {
+          logger.warn(`failed to start watching changes: ${error}`);
+        }
+      })();
+
+      return [derivedSource, () => {
+        watcher?.close();
+      }];
+    };
+  },
+});
+
+export default watchKubeconfigFileChangesInjectable;
diff --git a/packages/core/src/main/catalog-sources/sync-general-catalog-entities.injectable.ts b/packages/core/src/main/catalog-sources/sync-general-catalog-entities.injectable.ts
new file mode 100644
index 0000000000..aaadef36cf
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/sync-general-catalog-entities.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 catalogEntityRegistryInjectable from "../catalog/entity-registry.injectable";
+import { generalCatalogEntityInjectionToken } from "../../common/catalog-entities/general-catalog-entities/general-catalog-entity-injection-token";
+import { computed } from "mobx";
+
+const syncGeneralCatalogEntitiesInjectable = getInjectable({
+  id: "sync-general-catalog-entities",
+
+  instantiate: (di) => {
+    const generalCatalogEntities = di.injectMany(generalCatalogEntityInjectionToken);
+    const catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+
+    // TODO: This shouldn't be reactive at all but catalogEntityRegistry accepts only reactive sources
+    const reactiveGeneralCatalogEntities = computed(() => generalCatalogEntities);
+
+    return () => {
+      catalogEntityRegistry.addComputedSource(
+        "lens:general",
+        reactiveGeneralCatalogEntities,
+      );
+    };
+  },
+});
+
+export default syncGeneralCatalogEntitiesInjectable;
diff --git a/packages/core/src/main/catalog-sources/sync-weblinks.injectable.ts b/packages/core/src/main/catalog-sources/sync-weblinks.injectable.ts
new file mode 100644
index 0000000000..f75de34a9d
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/sync-weblinks.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 { syncWeblinks } from "./weblinks";
+import weblinkStoreInjectable from "../../common/weblinks-store/weblink-store.injectable";
+import catalogEntityRegistryInjectable from "../catalog/entity-registry.injectable";
+
+const syncWeblinksInjectable = getInjectable({
+  id: "sync-weblinks",
+
+  instantiate: (di) => syncWeblinks({
+    weblinkStore: di.inject(weblinkStoreInjectable),
+    catalogEntityRegistry: di.inject(catalogEntityRegistryInjectable),
+  }),
+});
+
+export default syncWeblinksInjectable;
diff --git a/packages/core/src/main/catalog-sources/weblinks.ts b/packages/core/src/main/catalog-sources/weblinks.ts
new file mode 100644
index 0000000000..084654efc0
--- /dev/null
+++ b/packages/core/src/main/catalog-sources/weblinks.ts
@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { computed, observable, reaction } from "mobx";
+import type { WeblinkStore } from "../../common/weblinks-store/weblink-store";
+import { WebLink } from "../../common/catalog-entities";
+import type { CatalogEntityRegistry } from "../catalog";
+import got from "got";
+import type { Disposer } from "../../common/utils";
+import { random } from "lodash";
+
+async function validateLink(link: WebLink) {
+  try {
+    const response = await got.get(link.spec.url, {
+      throwHttpErrors: false,
+      timeout: 20_000,
+    });
+
+    if (response.statusCode >= 200 && response.statusCode < 500) {
+      link.status.phase = "available";
+    } else {
+      link.status.phase = "unavailable";
+    }
+  } catch {
+    link.status.phase = "unavailable";
+  }
+}
+
+interface Dependencies {
+  weblinkStore: WeblinkStore;
+  catalogEntityRegistry: CatalogEntityRegistry;
+}
+
+export const syncWeblinks = ({ weblinkStore, catalogEntityRegistry }: Dependencies) => () => {
+  const webLinkEntities = observable.map<string, [WebLink, Disposer]>();
+
+  function periodicallyCheckLink(link: WebLink): Disposer {
+    validateLink(link);
+
+    let interval: NodeJS.Timeout;
+    const timeout = setTimeout(() => {
+      interval = setInterval(() => validateLink(link), 60 * 60 * 1000); // every 60 minutes
+    }, random(0, 5 * 60 * 1000, false)); // spread out over 5 minutes
+
+    return () => {
+      clearTimeout(timeout);
+      clearInterval(interval);
+    };
+  }
+
+  reaction(() => weblinkStore.weblinks, (links) => {
+    const seenWeblinks = new Set<string>();
+
+    for (const weblinkData of links) {
+      seenWeblinks.add(weblinkData.id);
+
+      if (!webLinkEntities.has(weblinkData.id)) {
+        const link = new WebLink({
+          metadata: {
+            uid: weblinkData.id,
+            name: weblinkData.name,
+            source: "local",
+            labels: {},
+          },
+          spec: {
+            url: weblinkData.url,
+          },
+          status: {
+            phase: "available",
+            active: true,
+          },
+        });
+
+        webLinkEntities.set(weblinkData.id, [
+          link,
+          periodicallyCheckLink(link),
+        ]);
+      }
+    }
+
+    // Stop checking and remove weblinks that are no longer in the store
+    for (const [weblinkId, [, disposer]] of webLinkEntities) {
+      if (!seenWeblinks.has(weblinkId)) {
+        disposer();
+        webLinkEntities.delete(weblinkId);
+      }
+    }
+  }, { fireImmediately: true });
+
+  catalogEntityRegistry.addComputedSource("weblinks", computed(() => Array.from(webLinkEntities.values(), ([link]) => link)));
+};
diff --git a/packages/core/src/main/catalog-sync-to-renderer/broadcaster.global-override-for-injectable.ts b/packages/core/src/main/catalog-sync-to-renderer/broadcaster.global-override-for-injectable.ts
new file mode 100644
index 0000000000..fce2e7d2eb
--- /dev/null
+++ b/packages/core/src/main/catalog-sync-to-renderer/broadcaster.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 { debounce } from "lodash";
+import { getGlobalOverride } from "../../common/test-utils/get-global-override";
+import catalogSyncBroadcasterInjectable from "./broadcaster.injectable";
+
+export default getGlobalOverride(catalogSyncBroadcasterInjectable, () => debounce(() => {}));
diff --git a/packages/core/src/main/catalog-sync-to-renderer/broadcaster.injectable.ts b/packages/core/src/main/catalog-sync-to-renderer/broadcaster.injectable.ts
new file mode 100644
index 0000000000..cab7ff86f0
--- /dev/null
+++ b/packages/core/src/main/catalog-sync-to-renderer/broadcaster.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 { debounce } from "lodash";
+import type { CatalogEntity } from "../../common/catalog";
+import broadcastMessageInjectable from "../../common/ipc/broadcast-message.injectable";
+import { catalogItemsChannel } from "../../common/ipc/catalog";
+
+const catalogSyncBroadcasterInjectable = getInjectable({
+  id: "catalog-sync-broadcaster",
+  instantiate: (di) => {
+    const broadcastMessage = di.inject(broadcastMessageInjectable);
+
+    return debounce(
+      (items: CatalogEntity[]) => {
+        broadcastMessage(catalogItemsChannel, items);
+      },
+      100,
+      {
+        leading: true,
+        trailing: true,
+      },
+    );
+  },
+});
+
+export default catalogSyncBroadcasterInjectable;
diff --git a/packages/core/src/main/catalog-sync-to-renderer/catalog-sync-to-renderer.injectable.ts b/packages/core/src/main/catalog-sync-to-renderer/catalog-sync-to-renderer.injectable.ts
new file mode 100644
index 0000000000..6be9826c98
--- /dev/null
+++ b/packages/core/src/main/catalog-sync-to-renderer/catalog-sync-to-renderer.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 { reaction } from "mobx";
+import { catalogInitChannel } from "../../common/ipc/catalog";
+import { disposer, toJS } from "../../common/utils";
+import { getStartableStoppable } from "../../common/utils/get-startable-stoppable";
+import catalogEntityRegistryInjectable from "../catalog/entity-registry.injectable";
+import ipcMainInjectable from "../utils/channel/ipc-main/ipc-main.injectable";
+import catalogSyncBroadcasterInjectable from "./broadcaster.injectable";
+
+const catalogSyncToRendererInjectable = getInjectable({
+  id: "catalog-sync-to-renderer",
+
+  instantiate: (di) => {
+    const catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+    const ipcMain = di.inject(ipcMainInjectable);
+    const catalogSyncBroadcaster = di.inject(catalogSyncBroadcasterInjectable);
+
+    return getStartableStoppable(
+      "catalog-sync",
+      () => {
+        const initChannelHandler = () => catalogSyncBroadcaster(toJS(catalogEntityRegistry.items));
+
+        ipcMain.on(catalogInitChannel, initChannelHandler);
+
+        return disposer(
+          () => ipcMain.off(catalogInitChannel, initChannelHandler),
+          reaction(() => toJS(catalogEntityRegistry.items), (items) => {
+            catalogSyncBroadcaster(items);
+          }, {
+            fireImmediately: true,
+          }),
+        );
+      },
+    );
+  },
+});
+
+export default catalogSyncToRendererInjectable;
diff --git a/packages/core/src/main/catalog-sync-to-renderer/push-catalog-to-renderer.injectable.ts b/packages/core/src/main/catalog-sync-to-renderer/push-catalog-to-renderer.injectable.ts
new file mode 100644
index 0000000000..647922fa53
--- /dev/null
+++ b/packages/core/src/main/catalog-sync-to-renderer/push-catalog-to-renderer.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 { toJS } from "../../common/utils";
+import catalogEntityRegistryInjectable from "../catalog/entity-registry.injectable";
+import catalogSyncBroadcasterInjectable from "./broadcaster.injectable";
+
+const pushCatalogToRendererInjectable = getInjectable({
+  id: "push-catalog-to-renderer",
+  instantiate: (di) => {
+    const catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+    const catalogSyncBroadcaster = di.inject(catalogSyncBroadcasterInjectable);
+
+    return () => catalogSyncBroadcaster(toJS(catalogEntityRegistry.items));
+  },
+});
+
+export default pushCatalogToRendererInjectable;
diff --git a/packages/core/src/main/catalog-sync-to-renderer/start-catalog-sync.injectable.ts b/packages/core/src/main/catalog-sync-to-renderer/start-catalog-sync.injectable.ts
new file mode 100644
index 0000000000..ebe1f2a1ac
--- /dev/null
+++ b/packages/core/src/main/catalog-sync-to-renderer/start-catalog-sync.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 { afterRootFrameIsReadyInjectionToken } from "../start-main-application/runnable-tokens/after-root-frame-is-ready-injection-token";
+import catalogSyncToRendererInjectable from "./catalog-sync-to-renderer.injectable";
+
+const startCatalogSyncInjectable = getInjectable({
+  id: "start-catalog-sync",
+
+  instantiate: (di) => {
+    const catalogSyncToRenderer = di.inject(catalogSyncToRendererInjectable);
+
+    return {
+      id: "start-catalog-sync",
+      run: () => {
+        if (!catalogSyncToRenderer.started) {
+          catalogSyncToRenderer.start();
+        }
+      },
+    };
+  },
+
+  injectionToken: afterRootFrameIsReadyInjectionToken,
+});
+
+export default startCatalogSyncInjectable;
diff --git a/packages/core/src/main/catalog-sync-to-renderer/stop-catalog-sync.injectable.ts b/packages/core/src/main/catalog-sync-to-renderer/stop-catalog-sync.injectable.ts
new file mode 100644
index 0000000000..353790d8b2
--- /dev/null
+++ b/packages/core/src/main/catalog-sync-to-renderer/stop-catalog-sync.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 catalogSyncToRendererInjectable from "./catalog-sync-to-renderer.injectable";
+import { beforeQuitOfFrontEndInjectionToken } from "../start-main-application/runnable-tokens/before-quit-of-front-end-injection-token";
+
+const stopCatalogSyncInjectable = getInjectable({
+  id: "stop-catalog-sync",
+
+  instantiate: (di) => {
+    const catalogSyncToRenderer = di.inject(catalogSyncToRendererInjectable);
+
+    return {
+      id: "stop-catalog-sync",
+      run: () => {
+        if (catalogSyncToRenderer.started) {
+          catalogSyncToRenderer.stop();
+        }
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeQuitOfFrontEndInjectionToken,
+});
+
+export default stopCatalogSyncInjectable;
diff --git a/packages/core/src/main/catalog/__tests__/catalog-entity-registry.test.ts b/packages/core/src/main/catalog/__tests__/catalog-entity-registry.test.ts
new file mode 100644
index 0000000000..e1004ed161
--- /dev/null
+++ b/packages/core/src/main/catalog/__tests__/catalog-entity-registry.test.ts
@@ -0,0 +1,126 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable, reaction } from "mobx";
+import type { WebLinkSpec, WebLinkStatus } from "../../../common/catalog-entities";
+import { WebLink } from "../../../common/catalog-entities";
+import type { CatalogEntityMetadata } from "../../../common/catalog";
+import { CatalogEntity } from "../../../common/catalog";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import catalogEntityRegistryInjectable from "../entity-registry.injectable";
+import type { CatalogEntityRegistry } from "../entity-registry";
+
+class InvalidEntity extends CatalogEntity<CatalogEntityMetadata, WebLinkStatus, WebLinkSpec> {
+  public readonly apiVersion = "entity.k8slens.dev/v1alpha1";
+  public readonly kind = "Invalid";
+
+  async onRun() {
+    return;
+  }
+
+  public onSettingsOpen(): void {
+    return;
+  }
+
+  public onDetailsOpen(): void {
+    return;
+  }
+
+  public onContextMenuOpen(): void {
+    return;
+  }
+}
+
+describe("CatalogEntityRegistry", () => {
+  let entityRegistry: CatalogEntityRegistry;
+  const entity = new WebLink({
+    metadata: {
+      uid: "test",
+      name: "test-link",
+      source: "test",
+      labels: {},
+    },
+    spec: {
+      url: "https://k8slens.dev",
+    },
+    status: {
+      phase: "available",
+    },
+  });
+  const invalidEntity = new InvalidEntity({
+    metadata: {
+      uid: "invalid",
+      name: "test-link",
+      source: "test",
+      labels: {},
+    },
+    spec: {
+      url: "https://k8slens.dev",
+    },
+    status: {
+      phase: "available",
+    },
+  });
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    entityRegistry = di.inject(catalogEntityRegistryInjectable);
+  });
+
+  describe("addSource", () => {
+    it ("allows to add an observable source", () => {
+      const source = observable.array<WebLink>([]);
+
+      entityRegistry.addObservableSource("test", source);
+      expect(entityRegistry.items.length).toEqual(0);
+
+      source.push(entity);
+
+      expect(entityRegistry.items.length).toEqual(1);
+    });
+
+    it ("added source change triggers reaction", (done) => {
+      const source = observable.array<WebLink>([]);
+
+      entityRegistry.addObservableSource("test", source);
+      reaction(() => entityRegistry.items, () => {
+        done();
+      });
+
+      source.push(entity);
+    });
+  });
+
+  describe("removeSource", () => {
+    it ("removes source", () => {
+      const source = observable.array<WebLink>([]);
+
+      entityRegistry.addObservableSource("test", source);
+      source.push(entity);
+      entityRegistry.removeSource("test");
+
+      expect(entityRegistry.items.length).toEqual(0);
+    });
+  });
+
+  describe("items", () => {
+    it("returns added items", () => {
+      expect(entityRegistry.items.length).toBe(0);
+
+      const source = observable.array([entity]);
+
+      entityRegistry.addObservableSource("test", source);
+      expect(entityRegistry.items.length).toBe(1);
+    });
+
+    it("does not return items without matching category", () => {
+      const source = observable.array([invalidEntity]);
+
+      entityRegistry.addObservableSource("test", source);
+      expect(entityRegistry.items.length).toBe(0);
+    });
+  });
+});
diff --git a/packages/core/src/main/catalog/entity-registry.injectable.ts b/packages/core/src/main/catalog/entity-registry.injectable.ts
new file mode 100644
index 0000000000..003ed3d62e
--- /dev/null
+++ b/packages/core/src/main/catalog/entity-registry.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 hasCategoryForEntityInjectable from "../../common/catalog/has-category-for-entity.injectable";
+import { CatalogEntityRegistry } from "./entity-registry";
+
+const catalogEntityRegistryInjectable = getInjectable({
+  id: "catalog-entity-registry",
+
+  instantiate: (di) => new CatalogEntityRegistry({
+    hasCategoryForEntity: di.inject(hasCategoryForEntityInjectable),
+  }),
+});
+
+export default catalogEntityRegistryInjectable;
diff --git a/packages/core/src/main/catalog/entity-registry.ts b/packages/core/src/main/catalog/entity-registry.ts
new file mode 100644
index 0000000000..972da73132
--- /dev/null
+++ b/packages/core/src/main/catalog/entity-registry.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 { action, computed, type IComputedValue, type IObservableArray, makeObservable, observable } from "mobx";
+import type { CatalogEntity } from "../../common/catalog";
+import type { HasCategoryForEntity } from "../../common/catalog/has-category-for-entity.injectable";
+import { iter } from "../../common/utils";
+
+interface Dependencies {
+  readonly hasCategoryForEntity: HasCategoryForEntity;
+}
+
+export class CatalogEntityRegistry {
+  protected sources = observable.map<string, IComputedValue<CatalogEntity[]>>();
+
+  constructor(protected readonly dependencies: Dependencies) {
+    makeObservable(this);
+  }
+
+  @action addObservableSource(id: string, source: IObservableArray<CatalogEntity>) {
+    this.sources.set(id, computed(() => source));
+  }
+
+  @action addComputedSource(id: string, source: IComputedValue<CatalogEntity[]>) {
+    this.sources.set(id, source);
+  }
+
+  @action removeSource(id: string) {
+    this.sources.delete(id);
+  }
+
+  @computed get items(): CatalogEntity[] {
+    return Array.from(
+      iter.filter(
+        iter.flatMap(this.sources.values(), source => source.get()),
+        entity => this.dependencies.hasCategoryForEntity(entity),
+      ),
+    );
+  }
+
+  findById(id: string): CatalogEntity | undefined {
+    return this.items.find(entity => entity.getId() === id);
+  }
+
+  filterItemsForApiKind(apiVersion: string, kind: string): CatalogEntity[] {
+    return this.items.filter((item) => item.apiVersion === apiVersion && item.kind === kind);
+  }
+
+  filterItemsByPredicate<E extends CatalogEntity>(filter: (item: CatalogEntity) => item is E): E[] {
+    return this.items.filter(filter);
+  }
+}
diff --git a/packages/core/src/main/catalog/index.ts b/packages/core/src/main/catalog/index.ts
new file mode 100644
index 0000000000..9142b2b824
--- /dev/null
+++ b/packages/core/src/main/catalog/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./entity-registry";
diff --git a/packages/core/src/main/child-process/spawn.injectable.ts b/packages/core/src/main/child-process/spawn.injectable.ts
new file mode 100644
index 0000000000..558aefc78e
--- /dev/null
+++ b/packages/core/src/main/child-process/spawn.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 { spawn } from "child_process";
+
+export type Spawn = typeof spawn;
+
+const spawnInjectable = getInjectable({
+  id: "spawn",
+
+  instantiate: (): Spawn => spawn,
+  causesSideEffects: true,
+});
+
+export default spawnInjectable;
diff --git a/packages/core/src/main/cluster-detectors/base-cluster-detector.ts b/packages/core/src/main/cluster-detectors/base-cluster-detector.ts
new file mode 100644
index 0000000000..1aca321dfe
--- /dev/null
+++ b/packages/core/src/main/cluster-detectors/base-cluster-detector.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 type { RequestPromiseOptions } from "request-promise-native";
+import type { Cluster } from "../../common/cluster/cluster";
+import type { K8sRequest } from "../k8s-request.injectable";
+
+export interface ClusterDetectionResult {
+  value: string | number | boolean;
+  accuracy: number;
+}
+
+export abstract class BaseClusterDetector {
+  abstract readonly key: string;
+
+  constructor(public readonly cluster: Cluster, private _k8sRequest: K8sRequest) {}
+
+  abstract detect(): Promise<ClusterDetectionResult | null>;
+
+  protected async k8sRequest<T = any>(path: string, options: RequestPromiseOptions = {}): Promise<T> {
+    return this._k8sRequest(this.cluster, path, options);
+  }
+}
diff --git a/packages/core/src/main/cluster-detectors/cluster-id-detector.ts b/packages/core/src/main/cluster-detectors/cluster-id-detector.ts
new file mode 100644
index 0000000000..8f1486fcb1
--- /dev/null
+++ b/packages/core/src/main/cluster-detectors/cluster-id-detector.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 { BaseClusterDetector } from "./base-cluster-detector";
+import { createHash } from "crypto";
+import { ClusterMetadataKey } from "../../common/cluster-types";
+
+export class ClusterIdDetector extends BaseClusterDetector {
+  key = ClusterMetadataKey.CLUSTER_ID;
+
+  public async detect() {
+    let id: string;
+
+    try {
+      id = await this.getDefaultNamespaceId();
+    } catch(_) {
+      id = this.cluster.apiUrl;
+    }
+    const value = createHash("sha256").update(id).digest("hex");
+
+    return { value, accuracy: 100 };
+  }
+
+  protected async getDefaultNamespaceId() {
+    const response = await this.k8sRequest("/api/v1/namespaces/default");
+
+    return response.metadata.uid;
+  }
+}
diff --git a/packages/core/src/main/cluster-detectors/create-version-detector.injectable.ts b/packages/core/src/main/cluster-detectors/create-version-detector.injectable.ts
new file mode 100644
index 0000000000..efd59dcfc3
--- /dev/null
+++ b/packages/core/src/main/cluster-detectors/create-version-detector.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 { VersionDetector } from "./version-detector";
+import k8sRequestInjectable from "../k8s-request.injectable";
+import type { Cluster } from "../../common/cluster/cluster";
+
+const createVersionDetectorInjectable = getInjectable({
+  id: "create-version-detector",
+
+  instantiate: (di) => {
+    const k8sRequest = di.inject(k8sRequestInjectable);
+
+    return (cluster: Cluster) =>
+      new VersionDetector(cluster, k8sRequest);
+  },
+});
+
+export default createVersionDetectorInjectable;
diff --git a/packages/core/src/main/cluster-detectors/detector-registry.injectable.ts b/packages/core/src/main/cluster-detectors/detector-registry.injectable.ts
new file mode 100644
index 0000000000..344e82003f
--- /dev/null
+++ b/packages/core/src/main/cluster-detectors/detector-registry.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 { DetectorRegistry } from "./detector-registry";
+import k8sRequestInjectable from "../k8s-request.injectable";
+
+const detectorRegistryInjectable = getInjectable({
+  id: "detector-registry",
+
+  instantiate: (di) =>
+    new DetectorRegistry({ k8sRequest: di.inject(k8sRequestInjectable) }),
+});
+
+export default detectorRegistryInjectable;
diff --git a/packages/core/src/main/cluster-detectors/detector-registry.ts b/packages/core/src/main/cluster-detectors/detector-registry.ts
new file mode 100644
index 0000000000..395d819850
--- /dev/null
+++ b/packages/core/src/main/cluster-detectors/detector-registry.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 { observable } from "mobx";
+import type { ClusterMetadata } from "../../common/cluster-types";
+import type { Cluster } from "../../common/cluster/cluster";
+import type { BaseClusterDetector, ClusterDetectionResult } from "./base-cluster-detector";
+import type { K8sRequest } from "../k8s-request.injectable";
+
+interface Dependencies {
+  k8sRequest: K8sRequest;
+}
+
+export type DetectorConstructor = new (cluster: Cluster, k8sRequest: K8sRequest) => BaseClusterDetector;
+
+export class DetectorRegistry {
+  constructor(private dependencies: Dependencies) {}
+
+  registry = observable.array<DetectorConstructor>([], { deep: false });
+
+  add(detectorClass: DetectorConstructor): this {
+    this.registry.push(detectorClass);
+
+    return this;
+  }
+
+  async detectForCluster(cluster: Cluster): Promise<ClusterMetadata> {
+    const results: { [key: string]: ClusterDetectionResult } = {};
+
+    for (const detectorClass of this.registry) {
+      const detector = new detectorClass(cluster, this.dependencies.k8sRequest);
+
+      try {
+        const data = await detector.detect();
+
+        if (!data) continue;
+        const existingValue = results[detector.key];
+
+        if (existingValue && existingValue.accuracy > data.accuracy) continue; // previous value exists and is more accurate
+        results[detector.key] = data;
+      } catch (e) {
+        // detector raised error, do nothing
+      }
+    }
+    const metadata: ClusterMetadata = {};
+
+    for (const [key, result] of Object.entries(results)) {
+      metadata[key] = result.value;
+    }
+
+    return metadata;
+  }
+}
diff --git a/packages/core/src/main/cluster-detectors/distribution-detector.ts b/packages/core/src/main/cluster-detectors/distribution-detector.ts
new file mode 100644
index 0000000000..dcdacfb253
--- /dev/null
+++ b/packages/core/src/main/cluster-detectors/distribution-detector.ts
@@ -0,0 +1,189 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { BaseClusterDetector } from "./base-cluster-detector";
+import { ClusterMetadataKey } from "../../common/cluster-types";
+
+export class DistributionDetector extends BaseClusterDetector {
+  key = ClusterMetadataKey.DISTRIBUTION;
+
+  public async detect() {
+    const version = await this.getKubernetesVersion();
+
+    if (this.isRke(version)) {
+      return { value: "rke", accuracy: 80 };
+    }
+
+    if (this.isRancherDesktop()) {
+      return { value: "rancher-desktop", accuracy: 80 };
+    }
+
+    if (this.isK3s(version)) {
+      return { value: "k3s", accuracy: 80 };
+    }
+
+    if (this.isGKE(version)) {
+      return { value: "gke", accuracy: 80 };
+    }
+
+    if (this.isEKS(version)) {
+      return { value: "eks", accuracy: 80 };
+    }
+
+    if (this.isIKS(version)) {
+      return { value: "iks", accuracy: 80 };
+    }
+
+    if (this.isAKS()) {
+      return { value: "aks", accuracy: 80 };
+    }
+
+    if (this.isDigitalOcean()) {
+      return { value: "digitalocean", accuracy: 90 };
+    }
+
+    if (this.isK0s(version)) {
+      return { value: "k0s", accuracy: 80 };
+    }
+
+    if (this.isVMWare(version)) {
+      return { value: "vmware", accuracy: 90 };
+    }
+
+    if (this.isMirantis(version)) {
+      return { value: "mirantis", accuracy: 90 };
+    }
+
+    if (this.isAlibaba(version)) {
+      return { value: "alibaba", accuracy: 90 };
+    }
+
+    if (this.isHuawei(version)) {
+      return { value: "huawei", accuracy: 90 };
+    }
+
+    if (this.isTke(version)) {
+      return { value: "tencent", accuracy: 90 };
+    }
+
+    if (this.isMinikube()) {
+      return { value: "minikube", accuracy: 80 };
+    }
+
+    if (this.isMicrok8s()) {
+      return { value: "microk8s", accuracy: 80 };
+    }
+
+    if (this.isKind()) {
+      return { value: "kind", accuracy: 70 };
+    }
+
+    if (this.isDockerDesktop()) {
+      return { value: "docker-desktop", accuracy: 80 };
+    }
+
+    if (this.isCustom(version) && await this.isOpenshift()) {
+      return { value: "openshift", accuracy: 90 };
+    }
+
+    if (this.isCustom(version)) {
+      return { value: "custom", accuracy: 10 };
+    }
+
+    return { value: "unknown", accuracy: 10 };
+  }
+
+  public async getKubernetesVersion() {
+    const response = await this.k8sRequest("/version");
+
+    return response.gitVersion;
+  }
+
+  protected isGKE(version: string) {
+    return version.includes("gke");
+  }
+
+  protected isEKS(version: string) {
+    return version.includes("eks");
+  }
+
+  protected isIKS(version: string) {
+    return version.includes("IKS");
+  }
+
+  protected isAKS() {
+    return this.cluster.apiUrl.includes("azmk8s.io");
+  }
+
+  protected isMirantis(version: string) {
+    return version.includes("-mirantis-") || version.includes("-docker-");
+  }
+
+  protected isDigitalOcean() {
+    return this.cluster.apiUrl.endsWith("k8s.ondigitalocean.com");
+  }
+
+  protected isMinikube() {
+    return this.cluster.contextName.startsWith("minikube");
+  }
+
+  protected isMicrok8s() {
+    return this.cluster.contextName.startsWith("microk8s");
+  }
+
+  protected isKind() {
+    return this.cluster.contextName.startsWith("kubernetes-admin@kind-");
+  }
+
+  protected isDockerDesktop() {
+    return this.cluster.contextName === "docker-desktop";
+  }
+
+  protected isTke(version: string) {
+    return version.includes("-tke.");
+  }
+
+  protected isCustom(version: string) {
+    return version.includes("+");
+  }
+
+  protected isVMWare(version: string) {
+    return version.includes("+vmware");
+  }
+
+  protected isRke(version: string) {
+    return version.includes("-rancher");
+  }
+
+  protected isRancherDesktop() {
+    return this.cluster.contextName === "rancher-desktop";
+  }
+
+  protected isK3s(version: string) {
+    return version.includes("+k3s");
+  }
+
+  protected isK0s(version: string) {
+    return version.includes("-k0s") || version.includes("+k0s");
+  }
+
+  protected isAlibaba(version: string) {
+    return version.includes("-aliyun");
+  }
+
+  protected isHuawei(version: string) {
+    return version.includes("-CCE");
+  }
+
+  protected async isOpenshift() {
+    try {
+      const response = await this.k8sRequest("");
+
+      return response.paths?.includes("/apis/project.openshift.io");
+    } catch (e) {
+      return false;
+    }
+  }
+}
diff --git a/packages/core/src/main/cluster-detectors/last-seen-detector.ts b/packages/core/src/main/cluster-detectors/last-seen-detector.ts
new file mode 100644
index 0000000000..087557f083
--- /dev/null
+++ b/packages/core/src/main/cluster-detectors/last-seen-detector.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 { BaseClusterDetector } from "./base-cluster-detector";
+import { ClusterMetadataKey } from "../../common/cluster-types";
+
+export class LastSeenDetector extends BaseClusterDetector {
+  key = ClusterMetadataKey.LAST_SEEN;
+
+  public async detect() {
+    if (!this.cluster.accessible) return null;
+
+    await this.k8sRequest("/version");
+
+    return { value: new Date().toJSON(), accuracy: 100 };
+  }
+}
diff --git a/packages/core/src/main/cluster-detectors/nodes-count-detector.ts b/packages/core/src/main/cluster-detectors/nodes-count-detector.ts
new file mode 100644
index 0000000000..f9b3c02dbf
--- /dev/null
+++ b/packages/core/src/main/cluster-detectors/nodes-count-detector.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 { BaseClusterDetector } from "./base-cluster-detector";
+import { ClusterMetadataKey } from "../../common/cluster-types";
+
+export class NodesCountDetector extends BaseClusterDetector {
+  key = ClusterMetadataKey.NODES_COUNT;
+
+  public async detect() {
+    if (!this.cluster.accessible) return null;
+    const nodeCount = await this.getNodeCount();
+
+    return { value: nodeCount, accuracy: 100 };
+  }
+
+  protected async getNodeCount(): Promise<number> {
+    const response = await this.k8sRequest("/api/v1/nodes");
+
+    return response.items.length;
+  }
+}
diff --git a/packages/core/src/main/cluster-detectors/version-detector.ts b/packages/core/src/main/cluster-detectors/version-detector.ts
new file mode 100644
index 0000000000..cc228734c5
--- /dev/null
+++ b/packages/core/src/main/cluster-detectors/version-detector.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 { BaseClusterDetector } from "./base-cluster-detector";
+import { ClusterMetadataKey } from "../../common/cluster-types";
+
+export class VersionDetector extends BaseClusterDetector {
+  key = ClusterMetadataKey.VERSION;
+
+  public async detect() {
+    const version = await this.getKubernetesVersion();
+
+    return { value: version, accuracy: 100 };
+  }
+
+  public async getKubernetesVersion() {
+    const response = await this.k8sRequest("/version");
+
+    return response.gitVersion;
+  }
+}
diff --git a/packages/core/src/main/cluster/are-being-deleted.injectable.ts b/packages/core/src/main/cluster/are-being-deleted.injectable.ts
new file mode 100644
index 0000000000..610791aee7
--- /dev/null
+++ b/packages/core/src/main/cluster/are-being-deleted.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 { observable } from "mobx";
+import type { ClusterId } from "../../common/cluster-types";
+
+const clustersThatAreBeingDeletedInjectable = getInjectable({
+  id: "clusters-that-are-being-deleted",
+  instantiate: () => observable.set<ClusterId>(),
+});
+
+export default clustersThatAreBeingDeletedInjectable;
diff --git a/packages/core/src/main/cluster/initialize-manager.injectable.ts b/packages/core/src/main/cluster/initialize-manager.injectable.ts
new file mode 100644
index 0000000000..adabcf416c
--- /dev/null
+++ b/packages/core/src/main/cluster/initialize-manager.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 { onLoadOfApplicationInjectionToken } from "../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import clusterManagerInjectable from "./manager.injectable";
+
+const initializeClusterManagerInjectable = getInjectable({
+  id: "initialize-cluster-manager",
+  instantiate: (di) => {
+    const clusterManager = di.inject(clusterManagerInjectable);
+
+    return {
+      id: "initialize-cluster-manager",
+      run: () => {
+        clusterManager.init();
+      },
+    };
+  },
+  injectionToken: onLoadOfApplicationInjectionToken,
+  causesSideEffects: true,
+});
+
+export default initializeClusterManagerInjectable;
diff --git a/packages/core/src/main/cluster/manager.injectable.ts b/packages/core/src/main/cluster/manager.injectable.ts
new file mode 100644
index 0000000000..69c1bea47c
--- /dev/null
+++ b/packages/core/src/main/cluster/manager.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 clusterStoreInjectable from "../../common/cluster-store/cluster-store.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import catalogEntityRegistryInjectable from "../catalog/entity-registry.injectable";
+import clustersThatAreBeingDeletedInjectable from "./are-being-deleted.injectable";
+import { ClusterManager } from "./manager";
+import visibleClusterInjectable from "./visible-cluster.injectable";
+
+const clusterManagerInjectable = getInjectable({
+  id: "cluster-manager",
+
+  instantiate: (di) => new ClusterManager({
+    store: di.inject(clusterStoreInjectable),
+    catalogEntityRegistry: di.inject(catalogEntityRegistryInjectable),
+    clustersThatAreBeingDeleted: di.inject(clustersThatAreBeingDeletedInjectable),
+    visibleCluster: di.inject(visibleClusterInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
+export default clusterManagerInjectable;
diff --git a/packages/core/src/main/cluster/manager.ts b/packages/core/src/main/cluster/manager.ts
new file mode 100644
index 0000000000..6888a44f5f
--- /dev/null
+++ b/packages/core/src/main/cluster/manager.ts
@@ -0,0 +1,289 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "../../common/ipc/cluster";
+import type { IObservableValue, ObservableSet } from "mobx";
+import { action, makeObservable, observe, reaction, toJS } from "mobx";
+import type { Cluster } from "../../common/cluster/cluster";
+import { isErrnoException } from "../../common/utils";
+import type { KubernetesClusterPrometheusMetrics } from "../../common/catalog-entities/kubernetes-cluster";
+import { isKubernetesCluster, KubernetesCluster, LensKubernetesClusterStatus } from "../../common/catalog-entities/kubernetes-cluster";
+import { ipcMainOn } from "../../common/ipc";
+import { once } from "lodash";
+import type { ClusterStore } from "../../common/cluster-store/cluster-store";
+import type { ClusterId } from "../../common/cluster-types";
+import type { CatalogEntityRegistry } from "../catalog";
+import type { Logger } from "../../common/logger";
+
+const logPrefix = "[CLUSTER-MANAGER]:";
+
+const lensSpecificClusterStatuses: Set<string> = new Set(Object.values(LensKubernetesClusterStatus));
+
+interface Dependencies {
+  readonly store: ClusterStore;
+  readonly catalogEntityRegistry: CatalogEntityRegistry;
+  readonly clustersThatAreBeingDeleted: ObservableSet<ClusterId>;
+  readonly visibleCluster: IObservableValue<ClusterId | null>;
+  readonly logger: Logger;
+}
+
+export class ClusterManager {
+  constructor(private readonly dependencies: Dependencies) {
+    makeObservable(this);
+  }
+
+  init = once(() => {
+    // reacting to every cluster's state change and total amount of items
+    reaction(
+      () => this.dependencies.store.clustersList.map(c => c.getState()),
+      () => this.updateCatalog(this.dependencies.store.clustersList),
+      { fireImmediately: false },
+    );
+
+    // reacting to every cluster's preferences change and total amount of items
+    reaction(
+      () => this.dependencies.store.clustersList.map(c => toJS(c.preferences)),
+      () => this.updateCatalog(this.dependencies.store.clustersList),
+      { fireImmediately: false },
+    );
+
+    reaction(
+      () => this.dependencies.catalogEntityRegistry.filterItemsByPredicate(isKubernetesCluster),
+      entities => this.syncClustersFromCatalog(entities),
+    );
+
+    reaction(() => [
+      this.dependencies.catalogEntityRegistry.filterItemsByPredicate(isKubernetesCluster),
+      this.dependencies.visibleCluster.get(),
+    ] as const, ([entities, visibleCluster]) => {
+      for (const entity of entities) {
+        if (entity.getId() === visibleCluster) {
+          entity.status.active = true;
+        } else {
+          entity.status.active = false;
+        }
+      }
+    });
+
+    observe(this.dependencies.clustersThatAreBeingDeleted, change => {
+      if (change.type === "add") {
+        this.updateEntityStatus(this.dependencies.catalogEntityRegistry.findById(change.newValue) as KubernetesCluster);
+      }
+    });
+
+    ipcMainOn("network:offline", this.onNetworkOffline);
+    ipcMainOn("network:online", this.onNetworkOnline);
+  });
+
+  @action
+  protected updateCatalog(clusters: Cluster[]) {
+    this.dependencies.logger.debug("[CLUSTER-MANAGER]: updating catalog from cluster store");
+
+    for (const cluster of clusters) {
+      this.updateEntityFromCluster(cluster);
+    }
+  }
+
+  protected updateEntityFromCluster(cluster: Cluster) {
+    const index = this.dependencies.catalogEntityRegistry.items.findIndex((entity) => entity.getId() === cluster.id);
+
+    if (index === -1) {
+      return;
+    }
+
+    const entity = this.dependencies.catalogEntityRegistry.items[index] as KubernetesCluster;
+
+    this.updateEntityStatus(entity, cluster);
+
+    entity.metadata.labels = {
+      ...entity.metadata.labels,
+      ...cluster.labels,
+    };
+    entity.metadata.distro = cluster.distribution;
+    entity.metadata.kubeVersion = cluster.version;
+
+    if (cluster.preferences?.clusterName) {
+      /**
+       * Only set the name if the it is overriden in preferences. If it isn't
+       * set then the name of the entity has been explicitly set by its source
+       */
+      entity.metadata.name = cluster.preferences.clusterName;
+    }
+
+    entity.spec.metrics ||= { source: "local" };
+
+    if (entity.spec.metrics.source === "local") {
+      const prometheus: KubernetesClusterPrometheusMetrics = entity.spec?.metrics?.prometheus || {};
+
+      prometheus.type = cluster.preferences.prometheusProvider?.type;
+      prometheus.address = cluster.preferences.prometheus;
+      entity.spec.metrics.prometheus = prometheus;
+    }
+
+    if (cluster.preferences.icon) {
+      entity.spec.icon ??= {};
+      entity.spec.icon.src = cluster.preferences.icon;
+    } else if (cluster.preferences.icon === null) {
+      /**
+       * NOTE: only clear the icon if set to `null` by ClusterIconSettings.
+       * We can then also clear that value too
+       */
+      entity.spec.icon = undefined;
+      cluster.preferences.icon = undefined;
+    }
+
+    this.dependencies.catalogEntityRegistry.items.splice(index, 1, entity);
+  }
+
+  @action
+  protected updateEntityStatus(entity: KubernetesCluster, cluster?: Cluster) {
+    if (this.dependencies.clustersThatAreBeingDeleted.has(entity.getId())) {
+      entity.status.phase = LensKubernetesClusterStatus.DELETING;
+      entity.status.enabled = false;
+    } else {
+      entity.status.phase = (() => {
+        if (!cluster) {
+          this.dependencies.logger.debug(`${logPrefix} setting entity ${entity.getName()} to DISCONNECTED, reason="no cluster"`);
+
+          return LensKubernetesClusterStatus.DISCONNECTED;
+        }
+
+        if (cluster.accessible) {
+          this.dependencies.logger.debug(`${logPrefix} setting entity ${entity.getName()} to CONNECTED, reason="cluster is accessible"`);
+
+          return LensKubernetesClusterStatus.CONNECTED;
+        }
+
+        if (!cluster.disconnected) {
+          this.dependencies.logger.debug(`${logPrefix} setting entity ${entity.getName()} to CONNECTING, reason="cluster is not disconnected"`);
+
+          return LensKubernetesClusterStatus.CONNECTING;
+        }
+
+        // Extensions are not allowed to use the Lens specific status phases
+        if (!lensSpecificClusterStatuses.has(entity?.status?.phase)) {
+          this.dependencies.logger.debug(`${logPrefix} not clearing entity ${entity.getName()} status, reason="custom string"`);
+
+          return entity.status.phase;
+        }
+
+        this.dependencies.logger.debug(`${logPrefix} setting entity ${entity.getName()} to DISCONNECTED, reason="fallthrough"`);
+
+        return LensKubernetesClusterStatus.DISCONNECTED;
+      })();
+
+      entity.status.enabled = true;
+    }
+  }
+
+  @action
+  protected syncClustersFromCatalog(entities: KubernetesCluster[]) {
+    for (const entity of entities) {
+      const cluster = this.dependencies.store.getById(entity.getId());
+
+      if (!cluster) {
+        const model = {
+          id: entity.getId(),
+          kubeConfigPath: entity.spec.kubeconfigPath,
+          contextName: entity.spec.kubeconfigContext,
+          accessibleNamespaces: entity.spec.accessibleNamespaces ?? [],
+        };
+
+        try {
+          /**
+           * Add the bare minimum of data to ClusterStore. And especially no
+           * preferences, as those might be configured by the entity's source
+           */
+          this.dependencies.store.addCluster(model);
+        } catch (error) {
+          if (isErrnoException(error) && error.code === "ENOENT" && error.path === entity.spec.kubeconfigPath) {
+            this.dependencies.logger.warn(`${logPrefix} kubeconfig file disappeared`, model);
+          } else {
+            this.dependencies.logger.error(`${logPrefix} failed to add cluster: ${error}`, model);
+          }
+        }
+      } else {
+        cluster.kubeConfigPath = entity.spec.kubeconfigPath;
+        cluster.contextName = entity.spec.kubeconfigContext;
+
+        if (entity.spec.accessibleNamespaces) {
+          cluster.accessibleNamespaces.replace(entity.spec.accessibleNamespaces);
+        }
+
+        if (entity.spec.metrics) {
+          const { source, prometheus } = entity.spec.metrics;
+
+          if (source !== "local" && prometheus) {
+            const { type, address } = prometheus;
+
+            if (type) {
+              cluster.preferences.prometheusProvider = { type };
+            }
+
+            if (address) {
+              cluster.preferences.prometheus = address;
+            }
+          }
+        }
+
+        this.updateEntityFromCluster(cluster);
+      }
+    }
+  }
+
+  protected onNetworkOffline = () => {
+    this.dependencies.logger.info(`${logPrefix} network is offline`);
+    this.dependencies.store.clustersList.forEach((cluster) => {
+      if (!cluster.disconnected) {
+        cluster.online = false;
+        cluster.accessible = false;
+        cluster.refreshConnectionStatus().catch((e) => e);
+      }
+    });
+  };
+
+  protected onNetworkOnline = () => {
+    this.dependencies.logger.info(`${logPrefix} network is online`);
+    this.dependencies.store.clustersList.forEach((cluster) => {
+      if (!cluster.disconnected) {
+        cluster.refreshConnectionStatus().catch((e) => e);
+      }
+    });
+  };
+
+  stop() {
+    this.dependencies.store.clusters.forEach((cluster: Cluster) => {
+      cluster.disconnect();
+    });
+  }
+}
+
+export function catalogEntityFromCluster(cluster: Cluster) {
+  return new KubernetesCluster({
+    metadata: {
+      uid: cluster.id,
+      name: cluster.name,
+      source: "local",
+      labels: {
+        ...cluster.labels,
+      },
+      distro: cluster.distribution,
+      kubeVersion: cluster.version,
+    },
+    spec: {
+      kubeconfigPath: cluster.kubeConfigPath,
+      kubeconfigContext: cluster.contextName,
+      icon: {},
+    },
+    status: {
+      phase: cluster.disconnected
+        ? LensKubernetesClusterStatus.DISCONNECTED
+        : LensKubernetesClusterStatus.CONNECTED,
+      reason: "",
+      message: "",
+      active: !cluster.disconnected,
+    },
+  });
+}
diff --git a/packages/core/src/main/cluster/request-api-resources.injectable.ts b/packages/core/src/main/cluster/request-api-resources.injectable.ts
new file mode 100644
index 0000000000..bc996add60
--- /dev/null
+++ b/packages/core/src/main/cluster/request-api-resources.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 loggerInjectable from "../../common/logger.injectable";
+import type { KubeApiResource } from "../../common/rbac";
+import type { Cluster } from "../../common/cluster/cluster";
+import { requestApiVersionsInjectionToken } from "./request-api-versions";
+import { withConcurrencyLimit } from "../../common/utils/with-concurrency-limit";
+import requestKubeApiResourcesForInjectable from "./request-kube-api-resources-for.injectable";
+
+export type RequestApiResources = (cluster: Cluster) => Promise<KubeApiResource[]>;
+
+export interface KubeResourceListGroup {
+  group: string;
+  path: string;
+}
+
+const requestApiResourcesInjectable = getInjectable({
+  id: "request-api-resources",
+  instantiate: (di): RequestApiResources => {
+    const logger = di.inject(loggerInjectable);
+    const apiVersionRequesters = di.injectMany(requestApiVersionsInjectionToken);
+    const requestKubeApiResourcesFor = di.inject(requestKubeApiResourcesForInjectable);
+
+    return async (cluster) => {
+      const requestKubeApiResources = withConcurrencyLimit(5)(requestKubeApiResourcesFor(cluster));
+
+      try {
+        const requests = await Promise.all(apiVersionRequesters.map(fn => fn(cluster)));
+        const resources = await Promise.all((
+          requests
+            .flat()
+            .map(requestKubeApiResources)
+        ));
+
+        return resources.flat();
+      } catch (error) {
+        logger.error(`[LIST-API-RESOURCES]: failed to list api resources: ${error}`);
+
+        return [];
+      }
+    };
+  },
+});
+
+export default requestApiResourcesInjectable;
diff --git a/packages/core/src/main/cluster/request-api-versions.ts b/packages/core/src/main/cluster/request-api-versions.ts
new file mode 100644
index 0000000000..af7bc7f232
--- /dev/null
+++ b/packages/core/src/main/cluster/request-api-versions.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 { Cluster } from "../../common/cluster/cluster";
+
+export interface KubeResourceListGroup {
+  group: string;
+  path: string;
+}
+
+export type RequestApiVersions = (cluster: Cluster) => Promise<KubeResourceListGroup[]>;
+
+export const requestApiVersionsInjectionToken = getInjectionToken<RequestApiVersions>({
+  id: "request-api-versions-token",
+});
diff --git a/packages/core/src/main/cluster/request-core-api-versions.injectable.ts b/packages/core/src/main/cluster/request-core-api-versions.injectable.ts
new file mode 100644
index 0000000000..e92def914e
--- /dev/null
+++ b/packages/core/src/main/cluster/request-core-api-versions.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 type { V1APIVersions } from "@kubernetes/client-node";
+import { getInjectable } from "@ogre-tools/injectable";
+import k8sRequestInjectable from "../k8s-request.injectable";
+import { requestApiVersionsInjectionToken } from "./request-api-versions";
+
+const requestCoreApiVersionsInjectable = getInjectable({
+  id: "request-core-api-versions",
+  instantiate: (di) => {
+    const k8sRequest = di.inject(k8sRequestInjectable);
+
+    return async (cluster) => {
+      const { versions } = await k8sRequest(cluster, "/api") as V1APIVersions;
+
+      return versions.map(version => ({
+        group: version,
+        path: `/api/${version}`,
+      }));
+    };
+  },
+  injectionToken: requestApiVersionsInjectionToken,
+});
+
+export default requestCoreApiVersionsInjectable;
diff --git a/packages/core/src/main/cluster/request-kube-api-resources-for.injectable.ts b/packages/core/src/main/cluster/request-kube-api-resources-for.injectable.ts
new file mode 100644
index 0000000000..dfe1345db1
--- /dev/null
+++ b/packages/core/src/main/cluster/request-kube-api-resources-for.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 type { V1APIResourceList } from "@kubernetes/client-node";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { Cluster } from "../../common/cluster/cluster";
+import type { KubeApiResource } from "../../common/rbac";
+import k8sRequestInjectable from "../k8s-request.injectable";
+import type { KubeResourceListGroup } from "./request-api-versions";
+
+export type RequestKubeApiResources = (grouping: KubeResourceListGroup) => Promise<KubeApiResource[]>;
+
+export type RequestKubeApiResourcesFor = (cluster: Cluster) => RequestKubeApiResources;
+
+const requestKubeApiResourcesForInjectable = getInjectable({
+  id: "request-kube-api-resources-for",
+  instantiate: (di): RequestKubeApiResourcesFor => {
+    const k8sRequest = di.inject(k8sRequestInjectable);
+
+    return (cluster) => async ({ group, path }) => {
+      const { resources } = await k8sRequest(cluster, path) as V1APIResourceList;
+
+      return resources.map(resource => ({
+        apiName: resource.name,
+        kind: resource.kind,
+        group,
+        namespaced: resource.namespaced,
+      }));
+    };
+  },
+});
+
+export default requestKubeApiResourcesForInjectable;
diff --git a/packages/core/src/main/cluster/request-non-core-api-versions.injectable.ts b/packages/core/src/main/cluster/request-non-core-api-versions.injectable.ts
new file mode 100644
index 0000000000..5ca9e1495b
--- /dev/null
+++ b/packages/core/src/main/cluster/request-non-core-api-versions.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 type { V1APIGroupList } from "@kubernetes/client-node";
+import { getInjectable } from "@ogre-tools/injectable";
+import { chain } from "../../common/utils/iter";
+import k8sRequestInjectable from "../k8s-request.injectable";
+import { requestApiVersionsInjectionToken } from "./request-api-versions";
+
+const requestNonCoreApiVersionsInjectable = getInjectable({
+  id: "request-non-core-api-versions",
+  instantiate: (di) => {
+    const k8sRequest = di.inject(k8sRequestInjectable);
+
+    return async (cluster) => {
+      const { groups } = await k8sRequest(cluster, "/apis") as V1APIGroupList;
+
+      return chain(groups.values())
+        .filterMap(group => group.preferredVersion?.groupVersion && ({
+          group: group.name,
+          path: `/apis/${group.preferredVersion.groupVersion}`,
+        }))
+        .collect(v => [...v]);
+    };
+  },
+  injectionToken: requestApiVersionsInjectionToken,
+});
+
+export default requestNonCoreApiVersionsInjectable;
diff --git a/packages/core/src/main/cluster/store-migrations/3.6.0-beta.1.injectable.ts b/packages/core/src/main/cluster/store-migrations/3.6.0-beta.1.injectable.ts
new file mode 100644
index 0000000000..9b8bb83e2b
--- /dev/null
+++ b/packages/core/src/main/cluster/store-migrations/3.6.0-beta.1.injectable.ts
@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Move embedded kubeconfig into separate file and add reference to it to cluster settings
+// convert file path cluster icons to their base64 encoded versions
+
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import getCustomKubeConfigFilePathInjectable from "../../../common/app-paths/get-custom-kube-config-directory/get-custom-kube-config-directory.injectable";
+import type { ClusterModel } from "../../../common/cluster-types";
+import readFileSyncInjectable from "../../../common/fs/read-file-sync.injectable";
+import { loadConfigFromString } from "../../../common/kube-helpers";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+
+interface Pre360ClusterModel extends ClusterModel {
+  kubeConfig?: string;
+}
+
+import { getInjectable } from "@ogre-tools/injectable";
+import { clusterStoreMigrationInjectionToken } from "../../../common/cluster-store/migration-token";
+import readFileBufferSyncInjectable from "../../../common/fs/read-file-buffer-sync.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import writeFileSyncInjectable from "../../../common/fs/write-file-sync.injectable";
+
+const v360Beta1ClusterStoreMigrationInjectable = getInjectable({
+  id: "v3.6.0-beta.1-cluster-store-migration",
+  instantiate: (di) => {
+    const userDataPath = di.inject(directoryForUserDataInjectable);
+    const getCustomKubeConfigDirectory = di.inject(getCustomKubeConfigFilePathInjectable);
+    const readFileSync = di.inject(readFileSyncInjectable);
+    const readFileBufferSync = di.inject(readFileBufferSyncInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const logger = di.inject(loggerInjectable);
+    const writeFileSync = di.inject(writeFileSyncInjectable);
+
+    return {
+      version: "3.6.0-beta.1",
+      run: (store) => {
+        const storedClusters = (store.get("clusters") ?? []) as Pre360ClusterModel[];
+        const migratedClusters: ClusterModel[] = [];
+
+        logger.info("Number of clusters to migrate: ", storedClusters.length);
+
+        for (const clusterModel of storedClusters) {
+          /**
+           * migrate kubeconfig
+           */
+          try {
+            const absPath = getCustomKubeConfigDirectory(clusterModel.id);
+
+            if (!clusterModel.kubeConfig) {
+              continue;
+            }
+
+            // take the embedded kubeconfig and dump it into a file
+            writeFileSync(absPath, clusterModel.kubeConfig);
+
+            clusterModel.kubeConfigPath = absPath;
+            clusterModel.contextName = loadConfigFromString(readFileSync(absPath)).config.getCurrentContext();
+            delete clusterModel.kubeConfig;
+
+          } catch (error) {
+            logger.info(`Failed to migrate Kubeconfig for cluster "${clusterModel.id}", removing clusterModel...`, error);
+
+            continue;
+          }
+
+          /**
+           * migrate cluster icon
+           */
+          try {
+            if (clusterModel.preferences?.icon) {
+              logger.info(`migrating ${clusterModel.preferences.icon} for ${clusterModel.preferences.clusterName}`);
+              const iconPath = clusterModel.preferences.icon.replace("store://", "");
+              const fileData = readFileBufferSync(joinPaths(userDataPath, iconPath));
+
+              clusterModel.preferences.icon = `data:;base64,${fileData.toString("base64")}`;
+            } else {
+              delete clusterModel.preferences?.icon;
+            }
+          } catch (error) {
+            console.log(error);
+            logger.info(`Failed to migrate cluster icon for cluster "${clusterModel.id}"`, error);
+            delete clusterModel.preferences?.icon;
+          }
+
+          migratedClusters.push(clusterModel);
+        }
+
+        store.set("clusters", migratedClusters);
+      },
+    };
+  },
+  injectionToken: clusterStoreMigrationInjectionToken,
+});
+
+export default v360Beta1ClusterStoreMigrationInjectable;
diff --git a/packages/core/src/main/cluster/store-migrations/5.0.0-beta.10.injectable.ts b/packages/core/src/main/cluster/store-migrations/5.0.0-beta.10.injectable.ts
new file mode 100644
index 0000000000..0199e57c97
--- /dev/null
+++ b/packages/core/src/main/cluster/store-migrations/5.0.0-beta.10.injectable.ts
@@ -0,0 +1,70 @@
+/**
+ * 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 directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import { clusterStoreMigrationInjectionToken } from "../../../common/cluster-store/migration-token";
+import type { ClusterModel } from "../../../common/cluster-types";
+import readJsonSyncInjectable from "../../../common/fs/read-json-sync.injectable";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+import { isErrnoException } from "../../../common/utils";
+
+interface Pre500WorkspaceStoreModel {
+  workspaces: {
+    id: string;
+    name: string;
+  }[];
+}
+
+const v500Beta10ClusterStoreMigrationInjectable = getInjectable({
+  id: "v5.0.0-beta.10-cluster-store-migration",
+  instantiate: (di) => {
+    const userDataPath = di.inject(directoryForUserDataInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const readJsonSync = di.inject(readJsonSyncInjectable);
+
+    return {
+      version: "5.0.0-beta.10",
+      run(store) {
+        try {
+          const workspaceData: Pre500WorkspaceStoreModel = readJsonSync(joinPaths(userDataPath, "lens-workspace-store.json"));
+          const workspaces = new Map<string, string>(); // mapping from WorkspaceId to name
+
+          for (const { id, name } of workspaceData.workspaces) {
+            workspaces.set(id, name);
+          }
+
+          const clusters = (store.get("clusters") ?? []) as ClusterModel[];
+
+          for (const cluster of clusters) {
+            if (cluster.workspace) {
+              const workspace = workspaces.get(cluster.workspace);
+
+              if (workspace) {
+                (cluster.labels ??= {}).workspace = workspace;
+              }
+            }
+          }
+
+          store.set("clusters", clusters);
+        } catch (error) {
+          // KLUDGE: remove after https://github.com/streamich/memfs/pull/893 is released
+          if (process.env.JEST_WORKER_ID && (error as any).code === "ENOENT") {
+            return;
+          }
+
+          if (isErrnoException(error) && error.code === "ENOENT" && error.path?.endsWith("lens-workspace-store.json")) {
+            // ignore lens-workspace-store.json being missing
+            return;
+          }
+
+          throw error;
+        }
+      },
+    };
+  },
+  injectionToken: clusterStoreMigrationInjectionToken,
+});
+
+export default v500Beta10ClusterStoreMigrationInjectable;
diff --git a/packages/core/src/main/cluster/store-migrations/5.0.0-beta.13.injectable.ts b/packages/core/src/main/cluster/store-migrations/5.0.0-beta.13.injectable.ts
new file mode 100644
index 0000000000..d8f0368df4
--- /dev/null
+++ b/packages/core/src/main/cluster/store-migrations/5.0.0-beta.13.injectable.ts
@@ -0,0 +1,135 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ClusterModel, ClusterPreferences, ClusterPrometheusPreferences } from "../../../common/cluster-types";
+import { moveSync, removeSync } from "fs-extra";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import { isDefined } from "../../../common/utils";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+
+function mergePrometheusPreferences(left: ClusterPrometheusPreferences, right: ClusterPrometheusPreferences): ClusterPrometheusPreferences {
+  if (left.prometheus && left.prometheusProvider) {
+    return {
+      prometheus: left.prometheus,
+      prometheusProvider: left.prometheusProvider,
+    };
+  }
+
+  if (right.prometheus && right.prometheusProvider) {
+    return {
+      prometheus: right.prometheus,
+      prometheusProvider: right.prometheusProvider,
+    };
+  }
+
+  return {};
+}
+
+function mergePreferences(left: ClusterPreferences, right: ClusterPreferences): ClusterPreferences {
+  return {
+    terminalCWD: left.terminalCWD || right.terminalCWD || undefined,
+    clusterName: left.clusterName || right.clusterName || undefined,
+    iconOrder: left.iconOrder || right.iconOrder || undefined,
+    icon: left.icon || right.icon || undefined,
+    httpsProxy: left.httpsProxy || right.httpsProxy || undefined,
+    hiddenMetrics: mergeSet(left.hiddenMetrics ?? [], right.hiddenMetrics ?? []),
+    ...mergePrometheusPreferences(left, right),
+  };
+}
+
+function mergeLabels(left: Record<string, string>, right: Record<string, string>): Record<string, string> {
+  return {
+    ...right,
+    ...left,
+  };
+}
+
+function mergeSet(...iterables: Iterable<string | undefined>[]): string[] {
+  const res = new Set<string>();
+
+  for (const iterable of iterables) {
+    for (const val of iterable) {
+      if (val) {
+        res.add(val);
+      }
+    }
+  }
+
+  return [...res];
+}
+
+function mergeClusterModel(prev: ClusterModel, right: Omit<ClusterModel, "id">): ClusterModel {
+  return {
+    id: prev.id,
+    kubeConfigPath: prev.kubeConfigPath,
+    contextName: prev.contextName,
+    preferences: mergePreferences(prev.preferences ?? {}, right.preferences ?? {}),
+    metadata: prev.metadata,
+    labels: mergeLabels(prev.labels ?? {}, right.labels ?? {}),
+    accessibleNamespaces: mergeSet(prev.accessibleNamespaces ?? [], right.accessibleNamespaces ?? []),
+    workspace: prev.workspace || right.workspace,
+    workspaces: mergeSet([prev.workspace, right.workspace], prev.workspaces ?? [], right.workspaces ?? []),
+  };
+}
+
+import { getInjectable } from "@ogre-tools/injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import { clusterStoreMigrationInjectionToken } from "../../../common/cluster-store/migration-token";
+import { generateNewIdFor } from "../../../common/utils/generate-new-id-for";
+
+const v500Beta13ClusterStoreMigrationInjectable = getInjectable({
+  id: "v5.0.0-beta.13-cluster-store-migration",
+  instantiate: (di) => {
+    const userDataPath = di.inject(directoryForUserDataInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    const moveStorageFolder = ({ folder, newId, oldId }: { folder: string; newId: string; oldId: string }): void => {
+      const oldPath = joinPaths(folder, `${oldId}.json`);
+      const newPath = joinPaths(folder, `${newId}.json`);
+
+      try {
+        moveSync(oldPath, newPath);
+      } catch (error) {
+        if (String(error).includes("dest already exists")) {
+          logger.info(`Multiple old lens-local-storage files for newId=${newId}. Removing ${oldId}.json`);
+          removeSync(oldPath);
+        }
+      }
+    };
+
+    return {
+      version: "5.0.0-beta.13",
+      run(store) {
+        const folder = joinPaths(userDataPath, "lens-local-storage");
+        const oldClusters = (store.get("clusters") ?? []) as ClusterModel[];
+        const clusters = new Map<string, ClusterModel>();
+
+        for (const { id: oldId, ...cluster } of oldClusters) {
+          const newId = generateNewIdFor(cluster);
+          const newCluster = clusters.get(newId);
+
+          if (newCluster) {
+            logger.info(`Duplicate entries for ${newId}`, { oldId });
+            clusters.set(newId, mergeClusterModel(newCluster, cluster));
+          } else {
+            logger.info(`First entry for ${newId}`, { oldId });
+            clusters.set(newId, {
+              ...cluster,
+              id: newId,
+              workspaces: [cluster.workspace].filter(isDefined),
+            });
+            moveStorageFolder({ folder, newId, oldId });
+          }
+        }
+
+        store.set("clusters", [...clusters.values()]);
+      },
+    };
+  },
+  injectionToken: clusterStoreMigrationInjectionToken,
+});
+
+export default v500Beta13ClusterStoreMigrationInjectable;
diff --git a/packages/core/src/main/cluster/store-migrations/snap.injectable.ts b/packages/core/src/main/cluster/store-migrations/snap.injectable.ts
new file mode 100644
index 0000000000..f87ff4b6c2
--- /dev/null
+++ b/packages/core/src/main/cluster/store-migrations/snap.injectable.ts
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Fix embedded kubeconfig paths under snap config
+
+import { getInjectable } from "@ogre-tools/injectable";
+import applicationInformationToken from "../../../common/vars/application-information-token";
+import { clusterStoreMigrationInjectionToken } from "../../../common/cluster-store/migration-token";
+import loggerInjectable from "../../../common/logger.injectable";
+import isSnapPackageInjectable from "../../../common/vars/is-snap-package.injectable";
+import type { ClusterModel } from "../../../common/cluster-types";
+import pathExistsSyncInjectable from "../../../common/fs/path-exists-sync.injectable";
+
+const clusterStoreSnapMigrationInjectable = getInjectable({
+  id: "cluster-store-snap-migration",
+  instantiate: (di) => {
+    const { version } = di.inject(applicationInformationToken);
+    const logger = di.inject(loggerInjectable);
+    const isSnapPackage = di.inject(isSnapPackageInjectable);
+    const pathExistsSync = di.inject(pathExistsSyncInjectable);
+
+    return {
+      version, // Run always after upgrade
+      run(store) {
+        if (!isSnapPackage) {
+          return;
+        }
+
+        logger.info("Migrating embedded kubeconfig paths");
+        const storedClusters = (store.get("clusters") || []) as ClusterModel[];
+
+        if (!storedClusters.length) return;
+
+        logger.info("Number of clusters to migrate: ", storedClusters.length);
+        const migratedClusters = storedClusters
+          .map(cluster => {
+            /**
+             * replace snap version with 'current' in kubeconfig path
+             */
+            if (!pathExistsSync(cluster.kubeConfigPath)) {
+              const kubeconfigPath = cluster.kubeConfigPath.replace(/\/snap\/kontena-lens\/[0-9]*\//, "/snap/kontena-lens/current/");
+
+              cluster.kubeConfigPath = kubeconfigPath;
+            }
+
+            return cluster;
+          });
+
+
+        store.set("clusters", migratedClusters);
+      },
+    };
+  },
+  injectionToken: clusterStoreMigrationInjectionToken,
+});
+
+export default clusterStoreSnapMigrationInjectable;
+
diff --git a/packages/core/src/main/cluster/visibility-handler.injectable.ts b/packages/core/src/main/cluster/visibility-handler.injectable.ts
new file mode 100644
index 0000000000..31f6ff13ec
--- /dev/null
+++ b/packages/core/src/main/cluster/visibility-handler.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 { clusterVisibilityChannel } from "../../common/cluster/visibility-channel";
+import { getMessageChannelListenerInjectable } from "../../common/utils/channel/message-channel-listener-injection-token";
+import visibleClusterInjectable from "./visible-cluster.injectable";
+
+const clusterVisibilityHandlerInjectable = getMessageChannelListenerInjectable({
+  channel: clusterVisibilityChannel,
+  id: "base",
+  handler: (di) => {
+    const visibleCluster = di.inject(visibleClusterInjectable);
+
+    return (clusterId) => visibleCluster.set(clusterId);
+  },
+});
+
+export default clusterVisibilityHandlerInjectable;
diff --git a/packages/core/src/main/cluster/visible-cluster.injectable.ts b/packages/core/src/main/cluster/visible-cluster.injectable.ts
new file mode 100644
index 0000000000..2d5817b20c
--- /dev/null
+++ b/packages/core/src/main/cluster/visible-cluster.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 { observable } from "mobx";
+import type { ClusterId } from "../../common/cluster-types";
+
+const visibleClusterInjectable = getInjectable({
+  id: "visible-cluster",
+  instantiate: () => observable.box<ClusterId | null>(null),
+});
+
+export default visibleClusterInjectable;
diff --git a/packages/core/src/main/context-handler/context-handler.ts b/packages/core/src/main/context-handler/context-handler.ts
new file mode 100644
index 0000000000..7d40bfcd00
--- /dev/null
+++ b/packages/core/src/main/context-handler/context-handler.ts
@@ -0,0 +1,219 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { PrometheusProvider, PrometheusService } from "../prometheus/provider";
+import type { ClusterPrometheusPreferences } from "../../common/cluster-types";
+import type { Cluster } from "../../common/cluster/cluster";
+import type httpProxy from "http-proxy";
+import type { UrlWithStringQuery } from "url";
+import url from "url";
+import { CoreV1Api } from "@kubernetes/client-node";
+import type { KubeAuthProxy } from "../kube-auth-proxy/kube-auth-proxy";
+import type { CreateKubeAuthProxy } from "../kube-auth-proxy/create-kube-auth-proxy.injectable";
+import type { GetPrometheusProviderByKind } from "../prometheus/get-by-kind.injectable";
+import type { IComputedValue } from "mobx";
+import type { Logger } from "../../common/logger";
+
+export interface PrometheusDetails {
+  prometheusPath: string;
+  provider: PrometheusProvider;
+}
+
+interface PrometheusServicePreferences {
+  namespace: string;
+  service: string;
+  port: number;
+  prefix: string;
+}
+
+export interface ContextHandlerDependencies {
+  createKubeAuthProxy: CreateKubeAuthProxy;
+  getPrometheusProviderByKind: GetPrometheusProviderByKind;
+  readonly authProxyCa: string;
+  readonly prometheusProviders: IComputedValue<PrometheusProvider[]>;
+  readonly logger: Logger;
+}
+
+export interface ClusterContextHandler {
+  readonly clusterUrl: UrlWithStringQuery;
+  setupPrometheus(preferences?: ClusterPrometheusPreferences): void;
+  getPrometheusDetails(): Promise<PrometheusDetails>;
+  resolveAuthProxyUrl(): Promise<string>;
+  resolveAuthProxyCa(): string;
+  getApiTarget(isLongRunningRequest?: boolean): Promise<httpProxy.ServerOptions>;
+  restartServer(): Promise<void>;
+  ensureServer(): Promise<void>;
+  stopServer(): void;
+}
+
+export class ContextHandler implements ClusterContextHandler {
+  public readonly clusterUrl: UrlWithStringQuery;
+  protected kubeAuthProxy?: KubeAuthProxy;
+  protected apiTarget?: httpProxy.ServerOptions;
+  protected prometheusProvider?: string;
+  protected prometheus?: PrometheusServicePreferences;
+
+  constructor(private readonly dependencies: ContextHandlerDependencies, protected readonly cluster: Cluster) {
+    this.clusterUrl = url.parse(cluster.apiUrl);
+    this.setupPrometheus(cluster.preferences);
+  }
+
+  public setupPrometheus(preferences: ClusterPrometheusPreferences = {}) {
+    this.prometheusProvider = preferences.prometheusProvider?.type;
+    this.prometheus = preferences.prometheus;
+  }
+
+  public async getPrometheusDetails(): Promise<PrometheusDetails> {
+    const service = await this.getPrometheusService();
+    const prometheusPath = this.ensurePrometheusPath(service);
+    const provider = this.ensurePrometheusProvider(service);
+
+    return { prometheusPath, provider };
+  }
+
+  protected ensurePrometheusPath({ service, namespace, port }: PrometheusService): string {
+    return `${namespace}/services/${service}:${port}`;
+  }
+
+  protected ensurePrometheusProvider(service: PrometheusService): PrometheusProvider {
+    if (!this.prometheusProvider) {
+      this.dependencies.logger.info(`[CONTEXT-HANDLER]: using ${service.kind} as prometheus provider for clusterId=${this.cluster.id}`);
+      this.prometheusProvider = service.kind;
+    }
+
+    return this.dependencies.getPrometheusProviderByKind(this.prometheusProvider);
+  }
+
+  protected listPotentialProviders(): PrometheusProvider[] {
+    const provider = this.prometheusProvider && this.dependencies.getPrometheusProviderByKind(this.prometheusProvider);
+
+    if (provider) {
+      return [provider];
+    }
+
+    return this.dependencies.prometheusProviders.get();
+  }
+
+  protected async getPrometheusService(): Promise<PrometheusService> {
+    this.setupPrometheus(this.cluster.preferences);
+
+    if (this.prometheus && this.prometheusProvider) {
+      return {
+        kind: this.prometheusProvider,
+        namespace: this.prometheus.namespace,
+        service: this.prometheus.service,
+        port: this.prometheus.port,
+      };
+    }
+
+    const providers = this.listPotentialProviders();
+    const proxyConfig = await this.cluster.getProxyKubeconfig();
+    const apiClient = proxyConfig.makeApiClient(CoreV1Api);
+    const potentialServices = await Promise.allSettled(
+      providers.map(provider => provider.getPrometheusService(apiClient)),
+    );
+    const errors = [];
+
+    for (const res of potentialServices) {
+      switch (res.status) {
+        case "rejected":
+          errors.push(res.reason);
+          break;
+
+        case "fulfilled":
+          if (res.value) {
+            return res.value;
+          }
+      }
+    }
+
+    throw new Error("No Prometheus service found", { cause: errors });
+  }
+
+  async resolveAuthProxyUrl(): Promise<string> {
+    const kubeAuthProxy = await this.ensureServerHelper();
+
+    return `https://127.0.0.1:${kubeAuthProxy.port}${kubeAuthProxy.apiPrefix}`;
+  }
+
+  resolveAuthProxyCa() {
+    return this.dependencies.authProxyCa;
+  }
+
+  async getApiTarget(isLongRunningRequest = false): Promise<httpProxy.ServerOptions> {
+    const timeout = isLongRunningRequest ? 4 * 60 * 60_000 : 30_000; // 4 hours for long running request, 30 seconds for the rest
+
+    if (isLongRunningRequest) {
+      return this.newApiTarget(timeout);
+    }
+
+    return this.apiTarget ??= await this.newApiTarget(timeout);
+  }
+
+  protected async newApiTarget(timeout: number): Promise<httpProxy.ServerOptions> {
+    const kubeAuthProxy = await this.ensureServerHelper();
+    const headers: Record<string, string> = {};
+
+    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 {
+      target: {
+        protocol: "https:",
+        host: "127.0.0.1",
+        port: kubeAuthProxy.port,
+        path: kubeAuthProxy.apiPrefix,
+        ca: this.resolveAuthProxyCa(),
+      },
+      changeOrigin: true,
+      timeout,
+      secure: true,
+      headers,
+    };
+  }
+
+  protected async ensureServerHelper(): Promise<KubeAuthProxy> {
+    if (!this.kubeAuthProxy) {
+      const proxyEnv = Object.assign({}, process.env);
+
+      if (this.cluster.preferences.httpsProxy) {
+        proxyEnv.HTTPS_PROXY = this.cluster.preferences.httpsProxy;
+      }
+      this.kubeAuthProxy = this.dependencies.createKubeAuthProxy(this.cluster, proxyEnv);
+      await this.kubeAuthProxy.run();
+
+      return this.kubeAuthProxy;
+    }
+
+    await this.kubeAuthProxy.whenReady;
+
+    return this.kubeAuthProxy;
+  }
+
+  async ensureServer(): Promise<void> {
+    await this.ensureServerHelper();
+  }
+
+  async restartServer(): Promise<void> {
+    this.stopServer();
+
+    await this.ensureServerHelper();
+  }
+
+  stopServer() {
+    this.prometheus = undefined;
+    this.prometheusProvider = undefined;
+    this.kubeAuthProxy?.exit();
+    this.kubeAuthProxy = undefined;
+    this.apiTarget = undefined;
+  }
+}
diff --git a/packages/core/src/main/context-handler/create-context-handler.injectable.ts b/packages/core/src/main/context-handler/create-context-handler.injectable.ts
new file mode 100644
index 0000000000..1567721ac4
--- /dev/null
+++ b/packages/core/src/main/context-handler/create-context-handler.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 type { Cluster } from "../../common/cluster/cluster";
+import type { ClusterContextHandler, ContextHandlerDependencies } from "./context-handler";
+import { ContextHandler } from "./context-handler";
+import createKubeAuthProxyInjectable from "../kube-auth-proxy/create-kube-auth-proxy.injectable";
+import kubeAuthProxyCertificateInjectable from "../kube-auth-proxy/kube-auth-proxy-certificate.injectable";
+import URLParse from "url-parse";
+import getPrometheusProviderByKindInjectable from "../prometheus/get-by-kind.injectable";
+import prometheusProvidersInjectable from "../prometheus/providers.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+
+const createContextHandlerInjectable = getInjectable({
+  id: "create-context-handler",
+
+  instantiate: (di) => {
+    const dependencies: Omit<ContextHandlerDependencies, "authProxyCa"> = {
+      createKubeAuthProxy: di.inject(createKubeAuthProxyInjectable),
+      getPrometheusProviderByKind: di.inject(getPrometheusProviderByKindInjectable),
+      prometheusProviders: di.inject(prometheusProvidersInjectable),
+      logger: di.inject(loggerInjectable),
+    };
+
+    return (cluster: Cluster): ClusterContextHandler => {
+      const clusterUrl = new URLParse(cluster.apiUrl);
+
+      return new ContextHandler({
+        ...dependencies,
+        authProxyCa: di.inject(kubeAuthProxyCertificateInjectable, clusterUrl.hostname).cert,
+      }, cluster);
+    };
+  },
+});
+
+export default createContextHandlerInjectable;
diff --git a/packages/core/src/main/create-app.ts b/packages/core/src/main/create-app.ts
new file mode 100644
index 0000000000..d0cccae5f8
--- /dev/null
+++ b/packages/core/src/main/create-app.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 type { DiContainer } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import { runInAction } from "mobx";
+import nodeEnvInjectionToken from "../common/vars/node-env-injection-token";
+import { registerInjectables } from "./register-injectables";
+import startMainApplicationInjectable from "./start-main-application/start-main-application.injectable";
+
+interface AppConfig {
+  di: DiContainer;
+  mode: string;
+}
+
+export function createApp(conf: AppConfig) {
+  const { di, mode } = conf;
+
+  runInAction(() => {
+    di.register(getInjectable({
+      id: "node-env",
+      instantiate: () => mode,
+      injectionToken: nodeEnvInjectionToken,
+    }));
+
+    registerInjectables(di);
+  });
+
+  const startMainApplication = di.inject(startMainApplicationInjectable);
+
+  return {
+    start: () => startMainApplication(),
+  };
+}
diff --git a/packages/core/src/main/create-cluster/allowed-resources.injectable.ts b/packages/core/src/main/create-cluster/allowed-resources.injectable.ts
new file mode 100644
index 0000000000..09beae9fd2
--- /dev/null
+++ b/packages/core/src/main/create-cluster/allowed-resources.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { shouldShowResourceInjectionToken } from "../../common/cluster-store/allowed-resources-injection-token";
+import type { KubeApiResourceDescriptor } from "../../common/rbac";
+import { formatKubeApiResource } from "../../common/rbac";
+
+// TODO: Figure out implementation for this later.
+const allowedResourcesInjectable = getInjectable({
+  id: "allowed-resources",
+  instantiate: () => computed(() => false),
+  injectionToken: shouldShowResourceInjectionToken,
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, resource: KubeApiResourceDescriptor) => formatKubeApiResource(resource),
+  }),
+});
+
+export default allowedResourcesInjectable;
diff --git a/packages/core/src/main/create-cluster/create-cluster.injectable.ts b/packages/core/src/main/create-cluster/create-cluster.injectable.ts
new file mode 100644
index 0000000000..760e8e2e75
--- /dev/null
+++ b/packages/core/src/main/create-cluster/create-cluster.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 { ClusterDependencies } from "../../common/cluster/cluster";
+import { Cluster } from "../../common/cluster/cluster";
+import directoryForKubeConfigsInjectable from "../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import createKubeconfigManagerInjectable from "../kubeconfig-manager/create-kubeconfig-manager.injectable";
+import createKubectlInjectable from "../kubectl/create-kubectl.injectable";
+import createContextHandlerInjectable from "../context-handler/create-context-handler.injectable";
+import { createClusterInjectionToken } from "../../common/cluster/create-cluster-injection-token";
+import authorizationReviewInjectable from "../../common/cluster/authorization-review.injectable";
+import listNamespacesInjectable from "../../common/cluster/list-namespaces.injectable";
+import createListApiResourcesInjectable from "../cluster/request-api-resources.injectable";
+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";
+import loadConfigfromFileInjectable from "../../common/kube-helpers/load-config-from-file.injectable";
+import requestNamespaceListPermissionsForInjectable from "../../common/cluster/request-namespace-list-permissions.injectable";
+
+const createClusterInjectable = getInjectable({
+  id: "create-cluster",
+
+  instantiate: (di) => {
+    const dependencies: ClusterDependencies = {
+      directoryForKubeConfigs: di.inject(directoryForKubeConfigsInjectable),
+      createKubeconfigManager: di.inject(createKubeconfigManagerInjectable),
+      createKubectl: di.inject(createKubectlInjectable),
+      createContextHandler: di.inject(createContextHandlerInjectable),
+      createAuthorizationReview: di.inject(authorizationReviewInjectable),
+      requestNamespaceListPermissionsFor: di.inject(requestNamespaceListPermissionsForInjectable),
+      requestApiResources: di.inject(createListApiResourcesInjectable),
+      createListNamespaces: di.inject(listNamespacesInjectable),
+      logger: di.inject(loggerInjectable),
+      detectorRegistry: di.inject(detectorRegistryInjectable),
+      createVersionDetector: di.inject(createVersionDetectorInjectable),
+      broadcastMessage: di.inject(broadcastMessageInjectable),
+      loadConfigfromFile: di.inject(loadConfigfromFileInjectable),
+    };
+
+    return (model, configData) => new Cluster(dependencies, model, configData);
+  },
+
+  injectionToken: createClusterInjectionToken,
+});
+
+export default createClusterInjectable;
diff --git a/packages/core/src/main/crypto/random-uuid.global-override-for-injectable.ts b/packages/core/src/main/crypto/random-uuid.global-override-for-injectable.ts
new file mode 100644
index 0000000000..63e5364a8a
--- /dev/null
+++ b/packages/core/src/main/crypto/random-uuid.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 randomUUIDInjectable from "./random-uuid.injectable";
+
+export default getGlobalOverride(randomUUIDInjectable, () => () => {
+  throw new Error("Tried to get a randomUUID without override");
+});
diff --git a/packages/core/src/main/crypto/random-uuid.injectable.ts b/packages/core/src/main/crypto/random-uuid.injectable.ts
new file mode 100644
index 0000000000..cecee487e2
--- /dev/null
+++ b/packages/core/src/main/crypto/random-uuid.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 { randomUUID } from "crypto";
+
+const randomUUIDInjectable = getInjectable({
+  id: "random-uuid",
+  instantiate: () => randomUUID,
+  causesSideEffects: true,
+});
+
+export default randomUUIDInjectable;
diff --git a/packages/core/src/main/electron-app/electron-app.global-override-for-injectable.ts b/packages/core/src/main/electron-app/electron-app.global-override-for-injectable.ts
new file mode 100644
index 0000000000..e225745ca3
--- /dev/null
+++ b/packages/core/src/main/electron-app/electron-app.global-override-for-injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { kebabCase } from "lodash";
+import { getGlobalOverride } from "../../common/test-utils/get-global-override";
+import electronAppInjectable from "./electron-app.injectable";
+
+export default getGlobalOverride(electronAppInjectable, () => {
+  const commandLineArgs: string[] = [];
+  const chromiumArgs = new Map<string, string | undefined>();
+  const appPaths = new Map<string, string>();
+
+  const app = ({
+    getVersion: () => "6.0.0",
+    setLoginItemSettings: () => { },
+    on: () => app,
+    whenReady: async () => {},
+    getPath: (name) => appPaths.get(name) ?? `/some-directory-for-${kebabCase(name)}`,
+    setPath: (name, value) => appPaths.set(name, value),
+    getAppPath: () => "/some-path-to-the-applcation-binary",
+    focus: () => {},
+    commandLine: {
+      appendArgument: (value) => commandLineArgs.push(value),
+      appendSwitch: (key, value) => chromiumArgs.set(key, value),
+      getSwitchValue: (key) => chromiumArgs.get(key),
+      hasSwitch: (key) => chromiumArgs.has(key),
+      removeSwitch: (key) => chromiumArgs.delete(key),
+    },
+    disableHardwareAcceleration: () => {},
+    requestSingleInstanceLock: () => true,
+    getLoginItemSettings: () => ({
+      executableWillLaunchAtLogin: false,
+      openAtLogin: false,
+      openAsHidden: false,
+      wasOpenedAtLogin: false,
+      wasOpenedAsHidden: false,
+      restoreState: false,
+      launchItems: [],
+    }),
+    exit: () => {},
+  } as Partial<Electron.App> as Electron.App);
+
+  return app;
+});
diff --git a/packages/core/src/main/electron-app/electron-app.injectable.ts b/packages/core/src/main/electron-app/electron-app.injectable.ts
new file mode 100644
index 0000000000..52b037c4e1
--- /dev/null
+++ b/packages/core/src/main/electron-app/electron-app.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 { app } from "electron";
+
+const electronAppInjectable = getInjectable({
+  id: "electron-app",
+  instantiate: () => app,
+  causesSideEffects: true,
+});
+
+export default electronAppInjectable;
diff --git a/packages/core/src/main/electron-app/features/auto-updater.injectable.ts b/packages/core/src/main/electron-app/features/auto-updater.injectable.ts
new file mode 100644
index 0000000000..24bb560e1f
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/auto-updater.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 { autoUpdater } from "electron";
+
+const autoUpdaterInjectable = getInjectable({
+  id: "auto-updater",
+  instantiate: () => autoUpdater,
+  causesSideEffects: true,
+});
+
+export default autoUpdaterInjectable;
diff --git a/packages/core/src/main/electron-app/features/disable-hardware-acceleration.injectable.ts b/packages/core/src/main/electron-app/features/disable-hardware-acceleration.injectable.ts
new file mode 100644
index 0000000000..1c1e291644
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/disable-hardware-acceleration.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 electronAppInjectable from "../electron-app.injectable";
+
+const disableHardwareAccelerationInjectable = getInjectable({
+  id: "disable-hardware-acceleration",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+
+    return () => {
+      app.disableHardwareAcceleration();
+    };
+  },
+});
+
+export default disableHardwareAccelerationInjectable;
diff --git a/packages/core/src/main/electron-app/features/electron-dialog.global-override-for-injectable.ts b/packages/core/src/main/electron-app/features/electron-dialog.global-override-for-injectable.ts
new file mode 100644
index 0000000000..8ccafcfe7a
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/electron-dialog.global-override-for-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 { getGlobalOverride } from "../../../common/test-utils/get-global-override";
+import electronDialogInjectable from "./electron-dialog.injectable";
+
+export default getGlobalOverride(electronDialogInjectable, () => ({
+  showCertificateTrustDialog: async () => {},
+  showErrorBox: () => {},
+  showMessageBox: async () => ({
+    checkboxChecked: false,
+    response: 0,
+  }),
+  showMessageBoxSync: () => 0,
+  showOpenDialog: async () => ({
+    canceled: true,
+    filePaths: [],
+  }),
+  showOpenDialogSync: () => [],
+  showSaveDialog: async () => ({
+    canceled: true,
+  }),
+  showSaveDialogSync: () => "",
+}));
diff --git a/packages/core/src/main/electron-app/features/electron-dialog.injectable.ts b/packages/core/src/main/electron-app/features/electron-dialog.injectable.ts
new file mode 100644
index 0000000000..95de13f426
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/electron-dialog.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 { dialog } from "electron";
+
+const electronDialogInjectable = getInjectable({
+  id: "electron-dialog",
+  instantiate: () => dialog,
+  causesSideEffects: true,
+});
+
+export default electronDialogInjectable;
diff --git a/packages/core/src/main/electron-app/features/electron-quit-and-install-update.injectable.ts b/packages/core/src/main/electron-app/features/electron-quit-and-install-update.injectable.ts
new file mode 100644
index 0000000000..fb7f2fb994
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/electron-quit-and-install-update.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 electronUpdaterInjectable from "./electron-updater.injectable";
+
+const electronQuitAndInstallUpdateInjectable = getInjectable({
+  id: "electron-quit-and-install-update",
+
+  instantiate: (di) => {
+    const electronUpdater = di.inject(electronUpdaterInjectable);
+
+    return () => {
+      electronUpdater.quitAndInstall(true, true);
+    };
+  },
+});
+
+export default electronQuitAndInstallUpdateInjectable;
diff --git a/packages/core/src/main/electron-app/features/electron-updater-is-active.injectable.ts b/packages/core/src/main/electron-app/features/electron-updater-is-active.injectable.ts
new file mode 100644
index 0000000000..2fe0d7bf06
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/electron-updater-is-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 electronUpdaterInjectable from "./electron-updater.injectable";
+
+const electronUpdaterIsActiveInjectable = getInjectable({
+  id: "electron-updater-is-active",
+
+  instantiate: (di) => {
+    const electronUpdater = di.inject(electronUpdaterInjectable);
+
+    return electronUpdater.isUpdaterActive();
+  },
+});
+
+export default electronUpdaterIsActiveInjectable;
diff --git a/packages/core/src/main/electron-app/features/electron-updater.injectable.ts b/packages/core/src/main/electron-app/features/electron-updater.injectable.ts
new file mode 100644
index 0000000000..f9e3335343
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/electron-updater.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 { autoUpdater } from "electron-updater";
+
+const electronUpdaterInjectable = getInjectable({
+  id: "electron-updater",
+  instantiate: () => autoUpdater,
+  causesSideEffects: true,
+});
+
+export default electronUpdaterInjectable;
diff --git a/packages/core/src/main/electron-app/features/exit-app.injectable.ts b/packages/core/src/main/electron-app/features/exit-app.injectable.ts
new file mode 100644
index 0000000000..0734b4c8c5
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/exit-app.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 electronAppInjectable from "../electron-app.injectable";
+
+const exitAppInjectable = getInjectable({
+  id: "exit-app",
+
+  instantiate: (di) => () => {
+    const app = di.inject(electronAppInjectable);
+
+    app.exit(0);
+  },
+});
+
+export default exitAppInjectable;
diff --git a/packages/core/src/main/electron-app/features/focus-application.injectable.ts b/packages/core/src/main/electron-app/features/focus-application.injectable.ts
new file mode 100644
index 0000000000..3e4c4c1b5c
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/focus-application.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 electronAppInjectable from "../electron-app.injectable";
+
+const focusApplicationInjectable = getInjectable({
+  id: "focus-application",
+
+  instantiate: (di) => {
+    const electronApp = di.inject(electronAppInjectable);
+
+    return () => {
+      electronApp.focus({ steal: true });
+    };
+  },
+});
+
+export default focusApplicationInjectable;
diff --git a/packages/core/src/main/electron-app/features/get-command-line-switch.injectable.ts b/packages/core/src/main/electron-app/features/get-command-line-switch.injectable.ts
new file mode 100644
index 0000000000..271e2f367d
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/get-command-line-switch.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 electronAppInjectable from "../electron-app.injectable";
+
+const getCommandLineSwitchInjectable = getInjectable({
+  id: "get-command-line-switch",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+
+    return (name: string) => app.commandLine.getSwitchValue(name);
+  },
+});
+
+export default getCommandLineSwitchInjectable;
diff --git a/packages/core/src/main/electron-app/features/get-electron-theme.injectable.ts b/packages/core/src/main/electron-app/features/get-electron-theme.injectable.ts
new file mode 100644
index 0000000000..220c047aa6
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/get-electron-theme.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 nativeThemeInjectable from "./native-theme.injectable";
+
+const getElectronThemeInjectable = getInjectable({
+  id: "get-electron-theme",
+
+  instantiate: (di) => {
+    const nativeTheme = di.inject(nativeThemeInjectable);
+
+    return () => nativeTheme.shouldUseDarkColors ? "dark" : "light";
+  },
+});
+
+export default getElectronThemeInjectable;
diff --git a/packages/core/src/main/electron-app/features/native-theme.global-override-for-injectable.ts b/packages/core/src/main/electron-app/features/native-theme.global-override-for-injectable.ts
new file mode 100644
index 0000000000..47c957c722
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/native-theme.global-override-for-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 EventEmitter from "events";
+import { getGlobalOverride } from "../../../common/test-utils/get-global-override";
+import nativeThemeInjectable from "./native-theme.injectable";
+
+export default getGlobalOverride(nativeThemeInjectable, () => Object.assign(new EventEmitter(), {
+  shouldUseDarkColors: true,
+  inForcedColorsMode: true,
+  shouldUseHighContrastColors: false,
+  shouldUseInvertedColorScheme: false,
+  themeSource: "dark" as const,
+}));
diff --git a/packages/core/src/main/electron-app/features/native-theme.injectable.ts b/packages/core/src/main/electron-app/features/native-theme.injectable.ts
new file mode 100644
index 0000000000..a2d29d8835
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/native-theme.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 { nativeTheme } from "electron";
+
+const nativeThemeInjectable = getInjectable({
+  id: "native-theme",
+  instantiate: () => nativeTheme,
+  causesSideEffects: true,
+});
+
+export default nativeThemeInjectable;
diff --git a/packages/core/src/main/electron-app/features/power-monitor.injectable.ts b/packages/core/src/main/electron-app/features/power-monitor.injectable.ts
new file mode 100644
index 0000000000..6ef08938fd
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/power-monitor.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 { powerMonitor } from "electron";
+
+const powerMonitorInjectable = getInjectable({
+  id: "power-monitor",
+  instantiate: () => powerMonitor,
+  causesSideEffects: true,
+});
+
+export default powerMonitorInjectable;
diff --git a/packages/core/src/main/electron-app/features/request-single-instance-lock.injectable.ts b/packages/core/src/main/electron-app/features/request-single-instance-lock.injectable.ts
new file mode 100644
index 0000000000..eef6d9eaeb
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/request-single-instance-lock.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 electronAppInjectable from "../electron-app.injectable";
+
+const requestSingleInstanceLockInjectable = getInjectable({
+  id: "request-single-instance-lock",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+
+    return () => app.requestSingleInstanceLock();
+  },
+});
+
+export default requestSingleInstanceLockInjectable;
diff --git a/packages/core/src/main/electron-app/features/set-login-item-settings.injectable.ts b/packages/core/src/main/electron-app/features/set-login-item-settings.injectable.ts
new file mode 100644
index 0000000000..c799b3b20f
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/set-login-item-settings.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 type { Settings } from "electron";
+import electronAppInjectable from "../electron-app.injectable";
+
+export type SetLoginItemSettings = (settings: Settings) => void;
+
+const setLoginItemSettingsInjectable = getInjectable({
+  id: "set-login-item-settings",
+  instantiate: (di): SetLoginItemSettings => {
+    const electronApp = di.inject(electronAppInjectable);
+
+    return (settings) => electronApp.setLoginItemSettings(settings);
+  },
+});
+
+export default setLoginItemSettingsInjectable;
diff --git a/packages/core/src/main/electron-app/features/set-update-on-quit.injectable.ts b/packages/core/src/main/electron-app/features/set-update-on-quit.injectable.ts
new file mode 100644
index 0000000000..43693f8eed
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/set-update-on-quit.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 electronUpdaterInjectable from "./electron-updater.injectable";
+
+const setUpdateOnQuitInjectable = getInjectable({
+  id: "set-update-on-quit",
+
+  instantiate: (di) => {
+    const electronUpdater = di.inject(electronUpdaterInjectable);
+
+    return (updateOnQuit: boolean) => {
+      electronUpdater.autoInstallOnAppQuit = updateOnQuit;
+    };
+  },
+});
+
+export default setUpdateOnQuitInjectable;
diff --git a/packages/core/src/main/electron-app/features/should-start-hidden.injectable.ts b/packages/core/src/main/electron-app/features/should-start-hidden.injectable.ts
new file mode 100644
index 0000000000..092282ac68
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/should-start-hidden.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 electronAppInjectable from "../electron-app.injectable";
+import isMacInjectable from "../../../common/vars/is-mac.injectable";
+import commandLineArgumentsInjectable from "../../utils/command-line-arguments.injectable";
+
+const shouldStartHiddenInjectable = getInjectable({
+  id: "should-start-hidden",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+    const isMac = di.inject(isMacInjectable);
+    const commandLineArguments = di.inject(commandLineArgumentsInjectable);
+
+    // Start the app without showing the main window when auto starting on login
+    // (On Windows and Linux, we get a flag. On MacOS, we get special API.)
+    return (
+      commandLineArguments.includes("--hidden") ||
+      (isMac && app.getLoginItemSettings().wasOpenedAsHidden)
+    );
+  },
+});
+
+export default shouldStartHiddenInjectable;
diff --git a/packages/core/src/main/electron-app/features/show-error-popup.injectable.ts b/packages/core/src/main/electron-app/features/show-error-popup.injectable.ts
new file mode 100644
index 0000000000..fbf31a7137
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/show-error-popup.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 electronDialogInjectable from "./electron-dialog.injectable";
+
+const showErrorPopupInjectable = getInjectable({
+  id: "show-error-popup",
+
+  instantiate: (di) => {
+    const dialog = di.inject(electronDialogInjectable);
+
+    return (heading: string, message: string) => {
+      dialog.showErrorBox(heading, message);
+    };
+  },
+});
+
+export default showErrorPopupInjectable;
diff --git a/packages/core/src/main/electron-app/features/show-message-popup.injectable.ts b/packages/core/src/main/electron-app/features/show-message-popup.injectable.ts
new file mode 100644
index 0000000000..7ad2f53c6f
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/show-message-popup.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 electronDialogInjectable from "./electron-dialog.injectable";
+
+export type ShowMessagePopup = (title: string, message: string, detail: string) => void;
+
+const showMessagePopupInjectable = getInjectable({
+  id: "show-message-popup",
+
+  instantiate: (di): ShowMessagePopup => {
+    const dialog = di.inject(electronDialogInjectable);
+
+    return async (title, message, detail) => {
+      await dialog.showMessageBox({
+        title,
+        message,
+        detail,
+        type: "info",
+        buttons: ["Close"],
+      });
+    };
+  },
+});
+
+export default showMessagePopupInjectable;
diff --git a/packages/core/src/main/electron-app/features/show-open-dialog.global-override-for-injectable.ts b/packages/core/src/main/electron-app/features/show-open-dialog.global-override-for-injectable.ts
new file mode 100644
index 0000000000..94e9afbeb4
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/show-open-dialog.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 { getGlobalOverrideForFunction } from "../../../common/test-utils/get-global-override-for-function";
+import showOpenDialogInjectable from "./show-open-dialog.injectable";
+
+export default getGlobalOverrideForFunction(showOpenDialogInjectable);
diff --git a/packages/core/src/main/electron-app/features/show-open-dialog.injectable.ts b/packages/core/src/main/electron-app/features/show-open-dialog.injectable.ts
new file mode 100644
index 0000000000..d2b15e721d
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/show-open-dialog.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 { OpenDialogOptions } from "electron";
+import { dialog } from "electron";
+
+export type ShowOpenDialog = (options: OpenDialogOptions) => Promise<Electron.OpenDialogReturnValue>;
+
+const showOpenDialogInjectable = getInjectable({
+  id: "show-open-dialog",
+  instantiate: (): ShowOpenDialog => opts => dialog.showOpenDialog(opts),
+  causesSideEffects: true,
+});
+
+export default showOpenDialogInjectable;
diff --git a/packages/core/src/main/electron-app/features/sync-theme-from-operating-system.injectable.ts b/packages/core/src/main/electron-app/features/sync-theme-from-operating-system.injectable.ts
new file mode 100644
index 0000000000..818bf938ec
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/sync-theme-from-operating-system.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 { getStartableStoppable } from "../../../common/utils/get-startable-stoppable";
+import operatingSystemThemeStateInjectable from "../../theme/operating-system-theme-state.injectable";
+import nativeThemeInjectable from "./native-theme.injectable";
+import getElectronThemeInjectable from "./get-electron-theme.injectable";
+
+const syncThemeFromOperatingSystemInjectable = getInjectable({
+  id: "sync-theme-from-operating-system",
+
+  instantiate: (di) => {
+    const currentThemeState = di.inject(operatingSystemThemeStateInjectable);
+    const nativeTheme = di.inject(nativeThemeInjectable);
+    const getElectronTheme = di.inject(getElectronThemeInjectable);
+
+    return getStartableStoppable("sync-theme-from-operating-system", () => {
+      const updateThemeState = () => {
+        currentThemeState.set(getElectronTheme());
+      };
+
+      nativeTheme.on("updated", updateThemeState);
+
+      return () => {
+        nativeTheme.off("updated", updateThemeState);
+      };
+    });
+  },
+});
+
+export default syncThemeFromOperatingSystemInjectable;
diff --git a/packages/core/src/main/electron-app/features/wait-for-electron-to-be-ready.injectable.ts b/packages/core/src/main/electron-app/features/wait-for-electron-to-be-ready.injectable.ts
new file mode 100644
index 0000000000..586e8d7ac2
--- /dev/null
+++ b/packages/core/src/main/electron-app/features/wait-for-electron-to-be-ready.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 electronAppInjectable from "../electron-app.injectable";
+
+const waitForElectronToBeReadyInjectable = getInjectable({
+  id: "wait-for-electron-to-be-ready",
+
+  instantiate: (di) => () => di.inject(electronAppInjectable).whenReady(),
+});
+
+export default waitForElectronToBeReadyInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/clean-up-deep-linking.injectable.ts b/packages/core/src/main/electron-app/runnables/clean-up-deep-linking.injectable.ts
new file mode 100644
index 0000000000..b5088a667a
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/clean-up-deep-linking.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 { beforeQuitOfBackEndInjectionToken } from "../../start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
+import lensProtocolRouterMainInjectable from "../../protocol-handler/lens-protocol-router-main/lens-protocol-router-main.injectable";
+
+const cleanUpDeepLinkingInjectable = getInjectable({
+  id: "clean-up-deep-linking",
+
+  instantiate: (di) => {
+    const lensProtocolRouterMain = di.inject(lensProtocolRouterMainInjectable);
+
+    return {
+      id: "clean-up-deep-linking",
+      run: () => void lensProtocolRouterMain.cleanup(),
+    };
+  },
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default cleanUpDeepLinkingInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/dock-visibility/hide-dock-for-last-closed-window.injectable.ts b/packages/core/src/main/electron-app/runnables/dock-visibility/hide-dock-for-last-closed-window.injectable.ts
new file mode 100644
index 0000000000..5586c93586
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/dock-visibility/hide-dock-for-last-closed-window.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 { beforeQuitOfFrontEndInjectionToken } from "../../../start-main-application/runnable-tokens/before-quit-of-front-end-injection-token";
+import electronAppInjectable from "../../electron-app.injectable";
+import { isEmpty } from "lodash/fp";
+import getVisibleWindowsInjectable from "../../../start-main-application/lens-window/get-visible-windows.injectable";
+
+const hideDockForLastClosedWindowInjectable = getInjectable({
+  id: "hide-dock-when-there-are-no-windows",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+    const getVisibleWindows = di.inject(getVisibleWindowsInjectable);
+
+    return {
+      id: "hide-dock-when-there-are-no-windows",
+      run: () => {
+        const visibleWindows = getVisibleWindows();
+
+        if (isEmpty(visibleWindows)) {
+          app.dock?.hide();
+        }
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeQuitOfFrontEndInjectionToken,
+});
+
+export default hideDockForLastClosedWindowInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/dock-visibility/show-dock-for-first-opened-window.injectable.ts b/packages/core/src/main/electron-app/runnables/dock-visibility/show-dock-for-first-opened-window.injectable.ts
new file mode 100644
index 0000000000..b47e511c14
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/dock-visibility/show-dock-for-first-opened-window.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 electronAppInjectable from "../../electron-app.injectable";
+import { afterWindowIsOpenedInjectionToken } from "../../../start-main-application/runnable-tokens/after-window-is-opened-injection-token";
+
+const showDockForFirstOpenedWindowInjectable = getInjectable({
+  id: "show-dock-for-first-opened-window",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+
+    return {
+      id: "show-dock-for-first-opened-window",
+      run: () => {
+        app.dock?.show();
+      },
+    };
+  },
+
+  injectionToken: afterWindowIsOpenedInjectionToken,
+});
+
+export default showDockForFirstOpenedWindowInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/enforce-single-application-instance.injectable.ts b/packages/core/src/main/electron-app/runnables/enforce-single-application-instance.injectable.ts
new file mode 100644
index 0000000000..f69036ffed
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/enforce-single-application-instance.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 { beforeElectronIsReadyInjectionToken } from "../../start-main-application/runnable-tokens/before-electron-is-ready-injection-token";
+import requestSingleInstanceLockInjectable from "../features/request-single-instance-lock.injectable";
+import exitAppInjectable from "../features/exit-app.injectable";
+
+const enforceSingleApplicationInstanceInjectable = getInjectable({
+  id: "enforce-single-application-instance",
+
+  instantiate: (di) => {
+    const requestSingleInstanceLock = di.inject(requestSingleInstanceLockInjectable);
+    const exitApp = di.inject(exitAppInjectable);
+
+    return {
+      id: "enforce-single-application-instance",
+      run: () => {
+        if (!requestSingleInstanceLock()) {
+          exitApp();
+        }
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default enforceSingleApplicationInstanceInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/setup-application-name.injectable.ts b/packages/core/src/main/electron-app/runnables/setup-application-name.injectable.ts
new file mode 100644
index 0000000000..fd47480f09
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/setup-application-name.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 appNameInjectable from "../../../common/vars/app-name.injectable";
+import { beforeElectronIsReadyInjectionToken } from "../../start-main-application/runnable-tokens/before-electron-is-ready-injection-token";
+import electronAppInjectable from "../electron-app.injectable";
+
+const setupApplicationNameInjectable = getInjectable({
+  id: "setup-application-name",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+    const appName = di.inject(appNameInjectable);
+
+    return {
+      id: "setup-application-name",
+      run: () => {
+        app.setName(appName);
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupApplicationNameInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/setup-deep-linking.injectable.ts b/packages/core/src/main/electron-app/runnables/setup-deep-linking.injectable.ts
new file mode 100644
index 0000000000..5f82d60f42
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/setup-deep-linking.injectable.ts
@@ -0,0 +1,74 @@
+/**
+ * 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";
+import openDeepLinkInjectable from "../../protocol-handler/lens-protocol-router-main/open-deep-link-for-url/open-deep-link.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import commandLineArgumentsInjectable from "../../utils/command-line-arguments.injectable";
+import { pipeline } from "@ogre-tools/fp";
+import { find, startsWith, toLower, map } from "lodash/fp";
+import { onLoadOfApplicationInjectionToken } from "../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import showApplicationWindowInjectable from "../../start-main-application/lens-window/show-application-window.injectable";
+
+const setupDeepLinkingInjectable = getInjectable({
+  id: "setup-deep-linking",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+    const logger = di.inject(loggerInjectable);
+    const openDeepLinkForUrl = di.inject(openDeepLinkInjectable);
+    const showApplicationWindow = di.inject(showApplicationWindowInjectable);
+
+    const firstInstanceCommandLineArguments = di.inject(
+      commandLineArgumentsInjectable,
+    );
+
+    return {
+      id: "setup-deep-linking",
+      run: async () => {
+        logger.info(`📟 Setting protocol client for lens://`);
+
+        if (app.setAsDefaultProtocolClient("lens")) {
+          logger.info("📟 Protocol client register succeeded ✅");
+        } else {
+          logger.info("📟 Protocol client register failed ❗");
+        }
+
+        const url = getDeepLinkUrl(firstInstanceCommandLineArguments);
+
+        if (url) {
+          await openDeepLinkForUrl(url);
+        }
+
+        app.on("open-url", async (event, url) => {
+          event.preventDefault();
+
+          await openDeepLinkForUrl(url);
+        });
+
+        app.on(
+          "second-instance",
+
+          async (_, secondInstanceCommandLineArguments) => {
+            const url = getDeepLinkUrl(secondInstanceCommandLineArguments);
+
+            await showApplicationWindow();
+
+            if (url) {
+              await openDeepLinkForUrl(url);
+            }
+          },
+        );
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupDeepLinkingInjectable;
+
+const getDeepLinkUrl = (commandLineArguments: string[]) =>
+  pipeline(commandLineArguments, map(toLower), find(startsWith("lens://")));
diff --git a/packages/core/src/main/electron-app/runnables/setup-developer-tools-in-development-environment.injectable.ts b/packages/core/src/main/electron-app/runnables/setup-developer-tools-in-development-environment.injectable.ts
new file mode 100644
index 0000000000..5572887b06
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/setup-developer-tools-in-development-environment.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 } from "@ogre-tools/injectable";
+import nodeEnvInjectionToken from "../../../common/vars/node-env-injection-token";
+import loggerInjectable from "../../../common/logger.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+
+const setupDeveloperToolsInDevelopmentEnvironmentInjectable = getInjectable({
+  id: "setup-developer-tools-in-development-environment",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const nodeEnv = di.inject(nodeEnvInjectionToken);
+
+    return {
+      id: "setup-developer-tools-in-development-environment",
+      run: () => {
+        if (nodeEnv !== "development") {
+          return;
+        }
+
+        logger.info("🤓 Installing developer tools");
+
+        import("electron-devtools-installer")
+          .then(({ default: devToolsInstaller, REACT_DEVELOPER_TOOLS }) =>
+            devToolsInstaller([REACT_DEVELOPER_TOOLS]),
+          )
+          .then((name) =>
+            logger.info(`[DEVTOOLS-INSTALLER]: installed ${name}`),
+          )
+          .catch((error) =>
+            logger.error(`[DEVTOOLS-INSTALLER]: failed`, { error }),
+          );
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupDeveloperToolsInDevelopmentEnvironmentInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/setup-device-shutdown.injectable.ts b/packages/core/src/main/electron-app/runnables/setup-device-shutdown.injectable.ts
new file mode 100644
index 0000000000..8c3c21ae30
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/setup-device-shutdown.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 powerMonitorInjectable from "../features/power-monitor.injectable";
+import exitAppInjectable from "../features/exit-app.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+
+const setupDeviceShutdownInjectable = getInjectable({
+  id: "setup-device-shutdown",
+
+  instantiate: (di) => {
+    const powerMonitor = di.inject(powerMonitorInjectable);
+    const exitApp = di.inject(exitAppInjectable);
+
+    return {
+      id: "setup-device-shutdown",
+      run: () => {
+        powerMonitor.on("shutdown", async () => {
+          exitApp();
+        });
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupDeviceShutdownInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/setup-ipc-main-handlers/setup-ipc-main-handlers.injectable.ts b/packages/core/src/main/electron-app/runnables/setup-ipc-main-handlers/setup-ipc-main-handlers.injectable.ts
new file mode 100644
index 0000000000..b8a869f7fe
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/setup-ipc-main-handlers/setup-ipc-main-handlers.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 { setupIpcMainHandlers } from "./setup-ipc-main-handlers";
+import loggerInjectable from "../../../../common/logger.injectable";
+import clusterStoreInjectable from "../../../../common/cluster-store/cluster-store.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import applicationMenuItemCompositeInjectable from "../../../../features/application-menu/main/application-menu-item-composite.injectable";
+import emitAppEventInjectable from "../../../../common/app-event-bus/emit-event.injectable";
+import getClusterByIdInjectable from "../../../../common/cluster-store/get-by-id.injectable";
+import pushCatalogToRendererInjectable from "../../../catalog-sync-to-renderer/push-catalog-to-renderer.injectable";
+
+const setupIpcMainHandlersInjectable = getInjectable({
+  id: "setup-ipc-main-handlers",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const applicationMenuItemComposite = di.inject(applicationMenuItemCompositeInjectable);
+    const pushCatalogToRenderer = di.inject(pushCatalogToRendererInjectable);
+    const clusterStore = di.inject(clusterStoreInjectable);
+    const emitAppEvent = di.inject(emitAppEventInjectable);
+    const getClusterById = di.inject(getClusterByIdInjectable);
+
+    return {
+      id: "setup-ipc-main-handlers",
+      run: () => {
+        logger.debug("[APP-MAIN] initializing ipc main handlers");
+
+        setupIpcMainHandlers({
+          applicationMenuItemComposite,
+          pushCatalogToRenderer,
+          clusterStore,
+          emitAppEvent,
+          getClusterById,
+        });
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+  causesSideEffects: true,
+});
+
+export default setupIpcMainHandlersInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/setup-ipc-main-handlers/setup-ipc-main-handlers.ts b/packages/core/src/main/electron-app/runnables/setup-ipc-main-handlers/setup-ipc-main-handlers.ts
new file mode 100644
index 0000000000..4ae020c42d
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/setup-ipc-main-handlers/setup-ipc-main-handlers.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 type { IpcMainInvokeEvent } from "electron";
+import { BrowserWindow, Menu } from "electron";
+import { clusterFrameMap } from "../../../../common/cluster-frames";
+import { clusterActivateHandler, clusterSetFrameIdHandler, clusterDisconnectHandler, clusterStates } from "../../../../common/ipc/cluster";
+import type { ClusterId } from "../../../../common/cluster-types";
+import type { ClusterStore } from "../../../../common/cluster-store/cluster-store";
+import { broadcastMainChannel, broadcastMessage, ipcMainHandle, ipcMainOn } from "../../../../common/ipc";
+import type { IComputedValue } from "mobx";
+import { windowActionHandleChannel, windowLocationChangedChannel, windowOpenAppMenuAsContextMenuChannel } from "../../../../common/ipc/window";
+import { handleWindowAction, onLocationChange } from "../../../ipc/window";
+import type { ApplicationMenuItemTypes } from "../../../../features/application-menu/main/menu-items/application-menu-item-injection-token";
+import type { Composite } from "../../../../common/utils/composite/get-composite/get-composite";
+import { getApplicationMenuTemplate } from "../../../../features/application-menu/main/populate-application-menu.injectable";
+import type { MenuItemRoot } from "../../../../features/application-menu/main/application-menu-item-composite.injectable";
+import type { EmitAppEvent } from "../../../../common/app-event-bus/emit-event.injectable";
+import type { GetClusterById } from "../../../../common/cluster-store/get-by-id.injectable";
+interface Dependencies {
+  applicationMenuItemComposite: IComputedValue<Composite<ApplicationMenuItemTypes | MenuItemRoot>>;
+  clusterStore: ClusterStore;
+  emitAppEvent: EmitAppEvent;
+  getClusterById: GetClusterById;
+  pushCatalogToRenderer: () => void;
+}
+
+export const setupIpcMainHandlers = ({
+  applicationMenuItemComposite,
+  clusterStore,
+  emitAppEvent,
+  getClusterById,
+  pushCatalogToRenderer,
+}: Dependencies) => {
+  ipcMainHandle(clusterActivateHandler, (event, clusterId: ClusterId, force = false) => {
+    return getClusterById(clusterId)
+      ?.activate(force);
+  });
+
+  ipcMainHandle(clusterSetFrameIdHandler, (event: IpcMainInvokeEvent, clusterId: ClusterId) => {
+    const cluster = getClusterById(clusterId);
+
+    if (cluster) {
+      clusterFrameMap.set(cluster.id, { frameId: event.frameId, processId: event.processId });
+      pushCatalogToRenderer();
+    }
+  });
+
+  ipcMainHandle(clusterDisconnectHandler, (event, clusterId: ClusterId) => {
+    emitAppEvent({ name: "cluster", action: "stop" });
+    const cluster = getClusterById(clusterId);
+
+    if (cluster) {
+      cluster.disconnect();
+      clusterFrameMap.delete(cluster.id);
+    }
+  });
+
+  ipcMainHandle(windowActionHandleChannel, (event, action) => handleWindowAction(action));
+
+  ipcMainOn(windowLocationChangedChannel, () => onLocationChange());
+
+  ipcMainHandle(broadcastMainChannel, (event, channel, ...args) => broadcastMessage(channel, ...args));
+
+  ipcMainOn(windowOpenAppMenuAsContextMenuChannel, async (event) => {
+    const electronTemplate = getApplicationMenuTemplate(applicationMenuItemComposite.get());
+    const menu = Menu.buildFromTemplate(electronTemplate);
+
+    menu.popup({
+      ...BrowserWindow.fromWebContents(event.sender),
+      // Center of the topbar menu icon
+      x: 20,
+      y: 20,
+    });
+  });
+
+  ipcMainHandle(clusterStates, () => (
+    clusterStore.clustersList.map(cluster => ({
+      id: cluster.id,
+      state: cluster.getState(),
+    }))
+  ));
+};
diff --git a/packages/core/src/main/electron-app/runnables/setup-main-window-visibility-after-activation.injectable.ts b/packages/core/src/main/electron-app/runnables/setup-main-window-visibility-after-activation.injectable.ts
new file mode 100644
index 0000000000..c32cfe0765
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/setup-main-window-visibility-after-activation.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 electronAppInjectable from "../electron-app.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import showApplicationWindowInjectable from "../../start-main-application/lens-window/show-application-window.injectable";
+
+const setupMainWindowVisibilityAfterActivationInjectable = getInjectable({
+  id: "setup-main-window-visibility-after-activation",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+    const showApplicationWindow = di.inject(showApplicationWindowInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return {
+      id: "setup-main-window-visibility-after-activation",
+      run: () => {
+        app.on("activate", async (_, windowIsVisible) => {
+          logger.info("APP:ACTIVATE", { hasVisibleWindows: windowIsVisible });
+
+          if (!windowIsVisible) {
+            await showApplicationWindow();
+          }
+        });
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupMainWindowVisibilityAfterActivationInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/setup-runnables-after-window-is-opened.injectable.ts b/packages/core/src/main/electron-app/runnables/setup-runnables-after-window-is-opened.injectable.ts
new file mode 100644
index 0000000000..dc80998de0
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/setup-runnables-after-window-is-opened.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 { beforeElectronIsReadyInjectionToken } from "../../start-main-application/runnable-tokens/before-electron-is-ready-injection-token";
+import electronAppInjectable from "../electron-app.injectable";
+import { runManyFor } from "../../../common/runnable/run-many-for";
+import { afterWindowIsOpenedInjectionToken } from "../../start-main-application/runnable-tokens/after-window-is-opened-injection-token";
+
+const setupRunnablesAfterWindowIsOpenedInjectable = getInjectable({
+  id: "setup-runnables-after-window-is-opened",
+
+  instantiate: (di) => {
+    const afterWindowIsOpened = runManyFor(di)(afterWindowIsOpenedInjectionToken);
+    const app = di.inject(electronAppInjectable);
+
+    return {
+      id: "setup-runnables-after-window-is-opened",
+      run: () => {
+        app.on("browser-window-created", () => {
+          afterWindowIsOpened();
+        });
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupRunnablesAfterWindowIsOpenedInjectable;
diff --git a/packages/core/src/main/electron-app/runnables/setup-runnables-before-closing-of-application.injectable.ts b/packages/core/src/main/electron-app/runnables/setup-runnables-before-closing-of-application.injectable.ts
new file mode 100644
index 0000000000..c0bc3ae620
--- /dev/null
+++ b/packages/core/src/main/electron-app/runnables/setup-runnables-before-closing-of-application.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { beforeElectronIsReadyInjectionToken } from "../../start-main-application/runnable-tokens/before-electron-is-ready-injection-token";
+import { beforeQuitOfFrontEndInjectionToken } from "../../start-main-application/runnable-tokens/before-quit-of-front-end-injection-token";
+import { beforeQuitOfBackEndInjectionToken } from "../../start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
+import electronAppInjectable from "../electron-app.injectable";
+import isIntegrationTestingInjectable from "../../../common/vars/is-integration-testing.injectable";
+import autoUpdaterInjectable from "../features/auto-updater.injectable";
+import { runManySyncFor } from "../../../common/runnable/run-many-sync-for";
+
+const setupRunnablesBeforeClosingOfApplicationInjectable = getInjectable({
+  id: "setup-closing-of-application",
+
+  instantiate: (di) => {
+    const runManySync = runManySyncFor(di);
+    const runRunnablesBeforeQuitOfFrontEnd = runManySync(beforeQuitOfFrontEndInjectionToken);
+    const runRunnablesBeforeQuitOfBackEnd = runManySync(beforeQuitOfBackEndInjectionToken);
+    const app = di.inject(electronAppInjectable);
+    const isIntegrationTesting = di.inject(isIntegrationTestingInjectable);
+    const autoUpdater = di.inject(autoUpdaterInjectable);
+
+    return {
+      id: "setup-closing-of-application",
+      run: () => {
+        let isAutoUpdating = false;
+
+        autoUpdater.on("before-quit-for-update", () => {
+          isAutoUpdating = true;
+        });
+
+        app.on("will-quit", (event) => {
+          runRunnablesBeforeQuitOfFrontEnd();
+
+          const shouldQuitBackEnd = isIntegrationTesting || isAutoUpdating;
+
+          if (shouldQuitBackEnd) {
+            runRunnablesBeforeQuitOfBackEnd();
+          } else {
+            // IMPORTANT: This cannot be destructured as it would break binding of "this" for the Electron event
+            event.preventDefault();
+          }
+        });
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupRunnablesBeforeClosingOfApplicationInjectable;
diff --git a/packages/core/src/main/extension-api.ts b/packages/core/src/main/extension-api.ts
new file mode 100644
index 0000000000..2fd6bfb5f1
--- /dev/null
+++ b/packages/core/src/main/extension-api.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 * as Mobx from "mobx";
+import { spawn } from "node-pty";
+import * as LensExtensionsCommonApi from "../extensions/common-api";
+import * as LensExtensionsMainApi from "../extensions/main-api";
+
+
+/**
+ * Exports for virtual package "@k8slens/extensions" for main-process.
+ * All exporting names available in global runtime scope:
+ * e.g. global.Mobx, global.LensExtensions
+ */
+const LensExtensions = {
+  Common: LensExtensionsCommonApi,
+  Main: LensExtensionsMainApi,
+};
+
+const Pty = {
+  spawn,
+};
+
+export { Mobx, LensExtensions, Pty };
diff --git a/packages/core/src/main/extension-loader/create-extension-instance.injectable.ts b/packages/core/src/main/extension-loader/create-extension-instance.injectable.ts
new file mode 100644
index 0000000000..62417149d4
--- /dev/null
+++ b/packages/core/src/main/extension-loader/create-extension-instance.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 type { Writable } from "type-fest";
+import loggerInjectable from "../../common/logger.injectable";
+import { createExtensionInstanceInjectionToken } from "../../extensions/extension-loader/create-extension-instance.token";
+import fileSystemProvisionerStoreInjectable from "../../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable";
+import { lensExtensionDependencies } from "../../extensions/lens-extension";
+import type { LensMainExtensionDependencies } from "../../extensions/lens-extension-set-dependencies";
+import type { LensMainExtension } from "../../extensions/lens-main-extension";
+import catalogEntityRegistryInjectable from "../catalog/entity-registry.injectable";
+import navigateForExtensionInjectable from "../start-main-application/lens-window/navigate-for-extension.injectable";
+
+const createExtensionInstanceInjectable = getInjectable({
+  id: "create-extension-instance",
+  instantiate: (di) => {
+    const deps: LensMainExtensionDependencies = {
+      fileSystemProvisionerStore: di.inject(fileSystemProvisionerStoreInjectable),
+      entityRegistry: di.inject(catalogEntityRegistryInjectable),
+      navigate: di.inject(navigateForExtensionInjectable),
+      logger: di.inject(loggerInjectable),
+    };
+
+    return (ExtensionClass, extension) => {
+      const instance = new ExtensionClass(extension) as LensMainExtension;
+
+      (instance as Writable<LensMainExtension>)[lensExtensionDependencies] = deps;
+
+      return instance;
+    };
+  },
+  injectionToken: createExtensionInstanceInjectionToken,
+});
+
+export default createExtensionInstanceInjectable;
diff --git a/packages/core/src/main/extension-loader/entry-point-name.injectable.ts b/packages/core/src/main/extension-loader/entry-point-name.injectable.ts
new file mode 100644
index 0000000000..0d209211f2
--- /dev/null
+++ b/packages/core/src/main/extension-loader/entry-point-name.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 { extensionEntryPointNameInjectionToken } from "../../extensions/extension-loader/entry-point-name";
+
+const extensionEntryPointNameInjectable = getInjectable({
+  id: "extension-entry-point-name",
+  instantiate: () => "main" as const,
+  injectionToken: extensionEntryPointNameInjectionToken,
+});
+
+export default extensionEntryPointNameInjectable;
diff --git a/packages/core/src/main/get-metrics.injectable.ts b/packages/core/src/main/get-metrics.injectable.ts
new file mode 100644
index 0000000000..0ceaf01735
--- /dev/null
+++ b/packages/core/src/main/get-metrics.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 type { Cluster } from "../common/cluster/cluster";
+import type { RequestMetricsParams } from "../common/k8s-api/endpoints/metrics.api/request-metrics.injectable";
+import k8sRequestInjectable from "./k8s-request.injectable";
+
+export type GetMetrics = (cluster: Cluster, prometheusPath: string, queryParams: RequestMetricsParams & { query: string }) => Promise<any>;
+
+const getMetricsInjectable = getInjectable({
+  id: "get-metrics",
+
+  instantiate: (di): GetMetrics => {
+    const k8sRequest = di.inject(k8sRequestInjectable);
+
+    return async (
+      cluster,
+      prometheusPath,
+      queryParams,
+    ) => {
+      const prometheusPrefix = cluster.preferences.prometheus?.prefix || "";
+      const metricsPath = `/api/v1/namespaces/${prometheusPath}/proxy${prometheusPrefix}/api/v1/query_range`;
+
+      return k8sRequest(cluster, metricsPath, {
+        timeout: 0,
+        resolveWithFullResponse: false,
+        json: true,
+        method: "POST",
+        form: queryParams,
+      });
+    };
+  },
+});
+
+export default getMetricsInjectable;
diff --git a/packages/core/src/main/getDi.ts b/packages/core/src/main/getDi.ts
new file mode 100644
index 0000000000..db7decece8
--- /dev/null
+++ b/packages/core/src/main/getDi.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 { createContainer } from "@ogre-tools/injectable";
+import { runInAction } from "mobx";
+import applicationInformationInjectable from "../common/vars/application-information-injectable";
+
+export const getDi = () => {
+  const di = createContainer("main");
+
+  runInAction(() => {
+    di.register(applicationInformationInjectable);
+  });
+
+  return di;
+};
diff --git a/packages/core/src/main/getDiForUnitTesting.ts b/packages/core/src/main/getDiForUnitTesting.ts
new file mode 100644
index 0000000000..1698997e36
--- /dev/null
+++ b/packages/core/src/main/getDiForUnitTesting.ts
@@ -0,0 +1,133 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { chunk } from "lodash/fp";
+import type { DiContainer, Injectable } from "@ogre-tools/injectable";
+import { createContainer, isInjectable, getInjectable } from "@ogre-tools/injectable";
+import { Environments, setLegacyGlobalDiForExtensionApi } from "../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import spawnInjectable from "./child-process/spawn.injectable";
+import initializeExtensionsInjectable from "./start-main-application/runnables/initialize-extensions.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 setupSyncingOfWeblinksInjectable from "./start-main-application/runnables/setup-syncing-of-weblinks.injectable";
+import setupDeepLinkingInjectable from "./electron-app/runnables/setup-deep-linking.injectable";
+import setupMainWindowVisibilityAfterActivationInjectable from "./electron-app/runnables/setup-main-window-visibility-after-activation.injectable";
+import setupDeviceShutdownInjectable from "./electron-app/runnables/setup-device-shutdown.injectable";
+import setupApplicationNameInjectable from "./electron-app/runnables/setup-application-name.injectable";
+import setupRunnablesBeforeClosingOfApplicationInjectable from "./electron-app/runnables/setup-runnables-before-closing-of-application.injectable";
+import clusterFramesInjectable from "../common/cluster-frames.injectable";
+import type { ClusterFrameInfo } from "../common/cluster-frames";
+import { observable, runInAction } from "mobx";
+import broadcastMessageInjectable from "../common/ipc/broadcast-message.injectable";
+import electronQuitAndInstallUpdateInjectable from "./electron-app/features/electron-quit-and-install-update.injectable";
+import electronUpdaterIsActiveInjectable from "./electron-app/features/electron-updater-is-active.injectable";
+import setUpdateOnQuitInjectable from "./electron-app/features/set-update-on-quit.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 initializeClusterManagerInjectable from "./cluster/initialize-manager.injectable";
+import type { GlobalOverride } from "../common/test-utils/get-global-override";
+import applicationInformationInjectable from "../common/vars/application-information-injectable";
+import nodeEnvInjectionToken from "../common/vars/node-env-injection-token";
+import { getOverrideFsWithFakes } from "../test-utils/override-fs-with-fakes";
+
+export function getDiForUnitTesting(opts: { doGeneralOverrides?: boolean } = {}) {
+  const {
+    doGeneralOverrides = false,
+  } = opts;
+
+  const di = createContainer("main");
+
+  di.register(getInjectable({
+    id: "node-env",
+    instantiate: () => "production",
+    injectionToken: nodeEnvInjectionToken,
+  }));
+
+  setLegacyGlobalDiForExtensionApi(di, Environments.main);
+
+  di.preventSideEffects();
+
+  const injectables = (
+    global.injectablePaths.main.paths
+      .map(path => require(path))
+      .flatMap(Object.values)
+      .filter(isInjectable)
+  ) as Injectable<any, any, any>[];
+
+  runInAction(() => {
+    registerMobX(di);
+    di.register(applicationInformationInjectable);
+
+    chunk(100)(injectables).forEach(chunkInjectables => {
+      di.register(...chunkInjectables);
+    });
+  });
+
+  if (doGeneralOverrides) {
+    for (const globalOverridePath of global.injectablePaths.main.globalOverridePaths) {
+      const globalOverride = require(globalOverridePath).default as GlobalOverride;
+
+      di.override(globalOverride.injectable, globalOverride.overridingInstantiate);
+    }
+
+    di.override(electronInjectable, () => ({}));
+    di.override(waitUntilBundledExtensionsAreLoadedInjectable, () => async () => {});
+
+    overrideRunnablesHavingSideEffects(di);
+    overrideElectronFeatures(di);
+    getOverrideFsWithFakes()(di);
+
+    di.override(clusterFramesInjectable, () => observable.map<string, ClusterFrameInfo>());
+
+    di.override(broadcastMessageInjectable, () => (channel) => {
+      throw new Error(`Tried to broadcast message to channel "${channel}" over IPC without explicit override.`);
+    });
+    di.override(spawnInjectable, () => () => {
+      return {
+        stderr: { on: jest.fn(), removeAllListeners: jest.fn() },
+        stdout: { on: jest.fn(), removeAllListeners: jest.fn() },
+        on: jest.fn(),
+      } as never;
+    });
+  }
+
+  return di;
+}
+
+// TODO: Reorganize code in Runnables to get rid of requirement for override
+const overrideRunnablesHavingSideEffects = (di: DiContainer) => {
+  [
+    initializeExtensionsInjectable,
+    initializeClusterManagerInjectable,
+    setupIpcMainHandlersInjectable,
+    setupLensProxyInjectable,
+    setupSyncingOfWeblinksInjectable,
+  ].forEach((injectable) => {
+    di.override(injectable, () => ({
+      id: injectable.id,
+      run: () => {},
+    }));
+  });
+};
+
+const overrideElectronFeatures = (di: DiContainer) => {
+  [
+    setupMainWindowVisibilityAfterActivationInjectable,
+    setupDeviceShutdownInjectable,
+    setupDeepLinkingInjectable,
+    setupApplicationNameInjectable,
+    setupRunnablesBeforeClosingOfApplicationInjectable,
+  ].forEach((injectable) => {
+    di.override(injectable, () => ({
+      id: injectable.id,
+      run: () => {},
+    }));
+  });
+
+  di.override(electronQuitAndInstallUpdateInjectable, () => () => {});
+  di.override(setUpdateOnQuitInjectable, () => () => {});
+  di.override(electronUpdaterIsActiveInjectable, () => false);
+};
diff --git a/packages/core/src/main/helm/__tests__/helm-service.test.ts b/packages/core/src/main/helm/__tests__/helm-service.test.ts
new file mode 100644
index 0000000000..78d00b939c
--- /dev/null
+++ b/packages/core/src/main/helm/__tests__/helm-service.test.ts
@@ -0,0 +1,355 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import listHelmChartsInjectable from "../helm-service/list-helm-charts.injectable";
+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";
+import { sortBySemverVersion } from "../../../common/utils";
+import helmChartManagerInjectable from "../helm-chart-manager.injectable";
+
+describe("Helm Service tests", () => {
+  let listHelmCharts: () => Promise<any>;
+  let getActiveHelmRepositoriesMock: jest.Mock<Promise<AsyncResult<HelmRepo[]>>>;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    getActiveHelmRepositoriesMock = jest.fn();
+
+    di.override(
+      helmChartManagerInjectable,
+      (di, repo) => new HelmChartManagerFake(repo) as unknown,
+    );
+
+    di.override(getActiveHelmRepositoriesInjectable, () => getActiveHelmRepositoriesMock);
+
+    di.unoverride(listHelmChartsInjectable);
+    di.permitSideEffects(listHelmChartsInjectable);
+
+    listHelmCharts = di.inject(listHelmChartsInjectable);
+  });
+
+  afterEach(() => {
+    jest.resetAllMocks();
+  });
+
+  it("list charts with deprecated entries", async () => {
+    getActiveHelmRepositoriesMock.mockReturnValue(
+      Promise.resolve({
+        callWasSuccessful: true,
+        response: [
+          {
+            name: "stable",
+            url: "stableurl",
+            cacheFilePath: "/some-cache-file-path-for-stable",
+          },
+          {
+            name: "experiment",
+            url: "experimenturl",
+            cacheFilePath: "/some-cache-file-path-for-experiment",
+          },
+        ],
+      }),
+    );
+
+    const charts = await listHelmCharts();
+
+    expect(charts).toEqual({
+      stable: {
+        "apm-server": [
+          {
+            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",
+          },
+        ],
+        "invalid-semver": [
+          {
+            apiVersion: "3.0.0",
+            name: "weird-versioning",
+            version: "v4.4.0",
+            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",
+            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",
+          },
+        ],
+        "redis": [
+          {
+            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": [
+          {
+            apiVersion: "3.0.0",
+            name: "fairwind",
+            version: "0.0.2",
+            repo: "experiment",
+            digest: "test",
+            deprecated: true,
+            created: "now",
+          },
+          {
+            apiVersion: "3.0.0",
+            name: "fairwind",
+            version: "0.0.1",
+            repo: "experiment",
+            digest: "test",
+            created: "now",
+          },
+        ],
+      },
+    });
+  });
+
+  it("list charts sorted by version in descending order", async () => {
+    getActiveHelmRepositoriesMock.mockReturnValue(
+      Promise.resolve({
+        callWasSuccessful: true,
+        response: [{
+          name: "bitnami",
+          url: "bitnamiurl",
+          cacheFilePath: "/some-cache-file-path-for-bitnami",
+        }],
+      }),
+    );
+
+    const charts = await listHelmCharts();
+
+    expect(charts).toEqual({
+      bitnami: {
+        "hotdog": [
+          {
+            apiVersion: "3.0.0",
+            name: "hotdog",
+            version: "1.0.2",
+            repo: "bitnami",
+            digest: "test",
+            created: "now",
+          },
+          {
+            apiVersion: "3.0.0",
+            name: "hotdog",
+            version: "1.0.1",
+            repo: "bitnami",
+            digest: "test",
+            created: "now",
+          },
+        ],
+        "pretzel": [
+          {
+            apiVersion: "3.0.0",
+            name: "pretzel",
+            version: "1.0.1",
+            repo: "bitnami",
+            digest: "test",
+            created: "now",
+          },
+          {
+            apiVersion: "3.0.0",
+            name: "pretzel",
+            version: "1.0",
+            repo: "bitnami",
+            digest: "test",
+            created: "now",
+          },
+        ],
+      },
+    });
+  });
+});
+
+const charts = new Map([
+  ["stable", {
+    "invalid-semver": sortBySemverVersion([
+      {
+        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": sortBySemverVersion([
+      {
+        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": sortBySemverVersion([
+      {
+        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": sortBySemverVersion([
+      {
+        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": sortBySemverVersion([
+      {
+        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": sortBySemverVersion([
+      {
+        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/packages/core/src/main/helm/delete-helm-release.injectable.ts b/packages/core/src/main/helm/delete-helm-release.injectable.ts
new file mode 100644
index 0000000000..a4c08af96f
--- /dev/null
+++ b/packages/core/src/main/helm/delete-helm-release.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 execHelmInjectable from "./exec-helm/exec-helm.injectable";
+
+export interface DeleteHelmReleaseData {
+  name: string;
+  namespace: string;
+}
+
+export type DeleteHelmRelease = (kubeconfigPath: string, data: DeleteHelmReleaseData) => Promise<string>;
+
+const deleteHelmReleaseInjectable = getInjectable({
+  id: "delete-helm-release",
+  instantiate: (di): DeleteHelmRelease => {
+    const execHelm = di.inject(execHelmInjectable);
+
+    return async (kubeconfigPath, { name, namespace }) => {
+      const result = await execHelm([
+        "delete",
+        name,
+        "--namespace", namespace,
+        "--kubeconfig", kubeconfigPath,
+      ]);
+
+      if (result.callWasSuccessful) {
+        return result.response;
+      }
+
+      throw result.error;
+    };
+  },
+});
+
+export default deleteHelmReleaseInjectable;
diff --git a/packages/core/src/main/helm/exec-helm/exec-env.global-override-for-injectable.ts b/packages/core/src/main/helm/exec-helm/exec-env.global-override-for-injectable.ts
new file mode 100644
index 0000000000..59c376cffd
--- /dev/null
+++ b/packages/core/src/main/helm/exec-helm/exec-env.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 { computed } from "mobx";
+import { getGlobalOverride } from "../../../common/test-utils/get-global-override";
+import execHelmEnvInjectable from "./exec-env.injectable";
+
+export default getGlobalOverride(execHelmEnvInjectable, () => computed(() => ({})));
diff --git a/packages/core/src/main/helm/exec-helm/exec-env.injectable.ts b/packages/core/src/main/helm/exec-helm/exec-env.injectable.ts
new file mode 100644
index 0000000000..3a72d0c17c
--- /dev/null
+++ b/packages/core/src/main/helm/exec-helm/exec-env.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 httpsProxyConfigurationInjectable from "../../../common/user-store/https-proxy.injectable";
+
+const execHelmEnvInjectable = getInjectable({
+  id: "exec-helm-env",
+  instantiate: (di) => {
+    const httpsProxyConfiguration = di.inject(httpsProxyConfigurationInjectable);
+
+    return computed(() => {
+      const {
+        HTTPS_PROXY = httpsProxyConfiguration.get(),
+        ...env
+      } = process.env;
+
+      return { HTTPS_PROXY, ...env } as Partial<Record<string, string>>;
+    });
+  },
+  causesSideEffects: true,
+});
+
+export default execHelmEnvInjectable;
diff --git a/packages/core/src/main/helm/exec-helm/exec-helm.injectable.ts b/packages/core/src/main/helm/exec-helm/exec-helm.injectable.ts
new file mode 100644
index 0000000000..034ab43248
--- /dev/null
+++ b/packages/core/src/main/helm/exec-helm/exec-helm.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 type { ExecFileException } from "child_process";
+import execFileInjectable from "../../../common/fs/exec-file.injectable";
+import type { AsyncResult } from "../../../common/utils/async-result";
+import helmBinaryPathInjectable from "../helm-binary-path.injectable";
+import execHelmEnvInjectable from "./exec-env.injectable";
+
+export type ExecHelm = (args: string[]) => Promise<AsyncResult<string, ExecFileException & { stderr: string }>>;
+
+const execHelmInjectable = getInjectable({
+  id: "exec-helm",
+
+  instantiate: (di): ExecHelm => {
+    const execFile = di.inject(execFileInjectable);
+    const execHelmEnv = di.inject(execHelmEnvInjectable);
+    const helmBinaryPath = di.inject(helmBinaryPathInjectable);
+
+    return async (args) => execFile(helmBinaryPath, args, {
+      maxBuffer: 32 * 1024 * 1024 * 1024, // 32 MiB
+      env: execHelmEnv.get(),
+    });
+  },
+});
+
+
+export default execHelmInjectable;
diff --git a/packages/core/src/main/helm/get-helm-env/get-helm-env.injectable.ts b/packages/core/src/main/helm/get-helm-env/get-helm-env.injectable.ts
new file mode 100644
index 0000000000..bb74c53f99
--- /dev/null
+++ b/packages/core/src/main/helm/get-helm-env/get-helm-env.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 } from "@ogre-tools/injectable";
+import execHelmInjectable from "../exec-helm/exec-helm.injectable";
+import type { AsyncResult } from "../../../common/utils/async-result";
+
+export type HelmEnv = Record<string, string> & {
+  HELM_REPOSITORY_CACHE?: string;
+  HELM_REPOSITORY_CONFIG?: string;
+};
+
+const getHelmEnvInjectable = getInjectable({
+  id: "get-helm-env",
+
+  instantiate: (di) => {
+    const execHelm = di.inject(execHelmInjectable);
+
+    return async (): Promise<AsyncResult<HelmEnv>> => {
+      const result = await execHelm(["env"]);
+
+      if (!result.callWasSuccessful) {
+        return { callWasSuccessful: false, error: result.error.stderr };
+      }
+
+      const lines = result.response.split(/\r?\n/); // split by new line feed
+      const env: HelmEnv = {};
+
+      lines.forEach((line: string) => {
+        const [key, value] = line.split("=");
+
+        if (key && value) {
+          env[key] = value.replace(/"/g, ""); // strip quotas
+        }
+      });
+
+      return { callWasSuccessful: true, response: env };
+    };
+  },
+});
+
+export default getHelmEnvInjectable;
diff --git a/packages/core/src/main/helm/get-helm-release-history.injectable.ts b/packages/core/src/main/helm/get-helm-release-history.injectable.ts
new file mode 100644
index 0000000000..5f8f4e5a6e
--- /dev/null
+++ b/packages/core/src/main/helm/get-helm-release-history.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 type { HelmReleaseRevision } from "../../common/k8s-api/endpoints/helm-releases.api/request-history.injectable";
+import execHelmInjectable from "./exec-helm/exec-helm.injectable";
+
+export interface GetHelmReleaseHistoryData {
+  name: string;
+  namespace: string;
+}
+
+export type GetHelmReleaseHistory = (kubeconfigPath: string, data: GetHelmReleaseHistoryData) => Promise<HelmReleaseRevision[]>;
+
+const getHelmReleaseHistoryInjectable = getInjectable({
+  id: "get-helm-release-history",
+  instantiate: (di): GetHelmReleaseHistory => {
+    const execHelm = di.inject(execHelmInjectable);
+
+    return async (kubeconfigPath, { name, namespace }) => {
+      const result = await execHelm([
+        "history",
+        name,
+        "--output", "json",
+        "--namespace", namespace,
+        "--kubeconfig", kubeconfigPath,
+      ]);
+
+      if (result.callWasSuccessful) {
+        return JSON.parse(result.response);
+      }
+
+      throw result.error;
+    };
+  },
+});
+
+export default getHelmReleaseHistoryInjectable;
diff --git a/packages/core/src/main/helm/get-helm-release-values.injectable.ts b/packages/core/src/main/helm/get-helm-release-values.injectable.ts
new file mode 100644
index 0000000000..1ef74d5820
--- /dev/null
+++ b/packages/core/src/main/helm/get-helm-release-values.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 execHelmInjectable from "./exec-helm/exec-helm.injectable";
+
+export interface GetHelmReleaseValuesData {
+  name: string;
+  namespace: string;
+  all?: boolean;
+}
+
+export type GetHelmReleaseValues = (kubeconfigPath: string, data: GetHelmReleaseValuesData) => Promise<string>;
+
+const getHelmReleaseValuesInjectable = getInjectable({
+  id: "get-helm-release-values",
+  instantiate: (di): GetHelmReleaseValues => {
+    const execHelm = di.inject(execHelmInjectable);
+
+    return async (kubeconfigPath, { name, namespace, all = false }) => {
+      const args = [
+        "get",
+        "values",
+        name,
+      ];
+
+      if (all) {
+        args.push("--all");
+      }
+
+      args.push(
+        "--output", "yaml",
+        "--namespace", namespace,
+        "--kubeconfig", kubeconfigPath,
+      );
+
+      const result = await execHelm(args);
+
+      if (result.callWasSuccessful) {
+        return result.response;
+      }
+
+      throw result.error;
+    };
+  },
+});
+
+export default getHelmReleaseValuesInjectable;
diff --git a/packages/core/src/main/helm/helm-binary-path.injectable.ts b/packages/core/src/main/helm/helm-binary-path.injectable.ts
new file mode 100644
index 0000000000..19913dfcca
--- /dev/null
+++ b/packages/core/src/main/helm/helm-binary-path.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 bundledBinaryPathInjectable from "../../common/utils/bundled-binary-path.injectable";
+
+const helmBinaryPathInjectable = getInjectable({
+  id: "helm-binary-path",
+  instantiate: (di) => di.inject(bundledBinaryPathInjectable, "helm"),
+});
+
+export default helmBinaryPathInjectable;
diff --git a/packages/core/src/main/helm/helm-chart-manager-cache.injectable.ts b/packages/core/src/main/helm/helm-chart-manager-cache.injectable.ts
new file mode 100644
index 0000000000..49df5e0843
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/helm/helm-chart-manager.injectable.ts b/packages/core/src/main/helm/helm-chart-manager.injectable.ts
new file mode 100644
index 0000000000..f8b08a1062
--- /dev/null
+++ b/packages/core/src/main/helm/helm-chart-manager.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 { 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";
+import execHelmInjectable from "./exec-helm/exec-helm.injectable";
+import readFileInjectable from "../../common/fs/read-file.injectable";
+import statInjectable from "../../common/fs/stat.injectable";
+
+const helmChartManagerInjectable = getInjectable({
+  id: "helm-chart-manager",
+
+  instantiate: (di, repo: HelmRepo) => new HelmChartManager({
+    cache: di.inject(helmChartManagerCacheInjectable),
+    logger: di.inject(loggerInjectable),
+    execHelm: di.inject(execHelmInjectable),
+    readFile: di.inject(readFileInjectable),
+    stat: di.inject(statInjectable),
+  }, repo),
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, repo: HelmRepo) => repo.name,
+  }),
+});
+
+export default helmChartManagerInjectable;
diff --git a/packages/core/src/main/helm/helm-chart-manager.ts b/packages/core/src/main/helm/helm-chart-manager.ts
new file mode 100644
index 0000000000..cccf40cbc6
--- /dev/null
+++ b/packages/core/src/main/helm/helm-chart-manager.ts
@@ -0,0 +1,132 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import * as yaml from "js-yaml";
+import { iter, put, sortBySemverVersion } from "../../common/utils";
+import type { HelmRepo } from "../../common/helm/helm-repo";
+import type { HelmChartManagerCache } from "./helm-chart-manager-cache.injectable";
+import type { Logger } from "../../common/logger";
+import type { RepoHelmChartList } from "../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import type { ExecHelm } from "./exec-helm/exec-helm.injectable";
+import type { ReadFile } from "../../common/fs/read-file.injectable";
+import type { Stat } from "../../common/fs/stat.injectable";
+
+export interface HelmCacheFile {
+  apiVersion: string;
+  entries: RepoHelmChartList;
+}
+
+interface Dependencies {
+  readonly cache: HelmChartManagerCache;
+  readonly logger: Logger;
+  execHelm: ExecHelm;
+  readFile: ReadFile;
+  stat: Stat;
+}
+
+export class HelmChartManager {
+  constructor(
+    private readonly dependencies: Dependencies,
+    protected readonly repo: HelmRepo,
+  ) {}
+
+  public async chartVersions(name: string) {
+    const charts = await this.charts();
+
+    return charts[name];
+  }
+
+  public async charts(): Promise<RepoHelmChartList> {
+    try {
+      return await this.cachedYaml();
+    } catch(error) {
+      this.dependencies.logger.error("HELM-CHART-MANAGER]: failed to list charts", { error });
+
+      return {};
+    }
+  }
+
+  private async executeCommand(args: string[], name: string, version?: string) {
+    args.push(`${this.repo.name}/${name}`);
+
+    if (version) {
+      args.push("--version", version);
+    }
+
+    return this.dependencies.execHelm(args);
+  }
+
+  public async getReadme(name: string, version?: string) {
+    return this.executeCommand(["show", "readme"], name, version);
+  }
+
+  public async getValues(name: string, version?: string) {
+    return this.executeCommand(["show", "values"], name, version);
+  }
+
+  protected async updateYamlCache() {
+    const cacheFile = await this.dependencies.readFile(this.repo.cacheFilePath);
+    const cacheFileStats = await this.dependencies.stat(this.repo.cacheFilePath);
+    const data = yaml.load(cacheFile) as string | number | HelmCacheFile;
+
+    if (!data || typeof data !== "object" || typeof data.entries !== "object") {
+      throw Object.assign(new TypeError("Helm Cache file does not parse correctly"), { file: this.repo.cacheFilePath, data });
+    }
+
+    const normalized = normalizeHelmCharts(this.repo.name, data.entries);
+
+    return put(
+      this.dependencies.cache,
+      this.repo.name,
+      {
+        data: JSON.stringify(normalized),
+        mtimeMs: cacheFileStats.mtimeMs,
+      },
+    );
+  }
+
+  protected async cachedYaml(): Promise<RepoHelmChartList> {
+    let cacheEntry = this.dependencies.cache.get(this.repo.name);
+
+    if (!cacheEntry) {
+      cacheEntry = await this.updateYamlCache();
+    } else {
+      const newStats = await this.dependencies.stat(this.repo.cacheFilePath);
+
+      if (cacheEntry.mtimeMs < newStats.mtimeMs) {
+        cacheEntry = await this.updateYamlCache();
+      }
+    }
+
+    return JSON.parse(cacheEntry.data);
+  }
+}
+
+/**
+ * Do some initial preprocessing on the data, so as to avoid needing to do it later
+ * 1. Set the repo name
+ * 2. Normalize the created date
+ * 3. Filter out charts that only have deprecated entries
+ */
+function normalizeHelmCharts(repoName: string, entries: RepoHelmChartList): RepoHelmChartList {
+  return Object.fromEntries(
+    iter.filter(
+      iter.map(
+        Object.entries(entries),
+        ([name, charts]) => [
+          name,
+          sortBySemverVersion(
+            charts.map(chart => ({
+              ...chart,
+              created: Date.parse(chart.created).toString(),
+              repo: repoName,
+            })),
+          ),
+        ] as const,
+      ),
+      ([, charts]) => !charts.every(chart => chart.deprecated),
+    ),
+  );
+}
diff --git a/packages/core/src/main/helm/helm-service/delete-helm-release.injectable.ts b/packages/core/src/main/helm/helm-service/delete-helm-release.injectable.ts
new file mode 100644
index 0000000000..fa27980355
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/delete-helm-release.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 { Cluster } from "../../../common/cluster/cluster";
+import loggerInjectable from "../../../common/logger.injectable";
+import type { DeleteHelmReleaseData } from "../delete-helm-release.injectable";
+import deleteHelmReleaseInjectable from "../delete-helm-release.injectable";
+
+const deleteClusterHelmReleaseInjectable = getInjectable({
+  id: "delete-cluster-helm-release",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const deleteHelmRelease = di.inject(deleteHelmReleaseInjectable);
+
+    return async (cluster: Cluster, data: DeleteHelmReleaseData) => {
+      const proxyKubeconfig = await cluster.getProxyKubeconfigPath();
+
+      logger.debug(`[CLUSTER]: Delete helm release`, data);
+
+      return deleteHelmRelease(proxyKubeconfig, data);
+    };
+  },
+});
+
+export default deleteClusterHelmReleaseInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-chart-readme.global-override-for-injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-chart-readme.global-override-for-injectable.ts
new file mode 100644
index 0000000000..6d2c016251
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-chart-readme.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 getHelmChartReadmeInjectable from "./get-helm-chart-readme.injectable";
+
+export default getGlobalOverride(getHelmChartReadmeInjectable, () => () => {
+  throw new Error("tried to get a helm chart's readme without overriding");
+});
diff --git a/packages/core/src/main/helm/helm-service/get-helm-chart-readme.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-chart-readme.injectable.ts
new file mode 100644
index 0000000000..ff5aa2fd0a
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-chart-readme.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 getActiveHelmRepositoryInjectable from "../repositories/get-active-helm-repository.injectable";
+import type { HelmRepo } from "../../../common/helm/helm-repo";
+import helmChartManagerInjectable from "../helm-chart-manager.injectable";
+
+const getHelmChartReadmeInjectable = getInjectable({
+  id: "get-helm-chart-readme",
+
+  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);
+
+      if (!repo) {
+        return undefined;
+      }
+
+      return getChartManager(repo).getReadme(chartName, version);
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default getHelmChartReadmeInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-chart-values.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-chart-values.injectable.ts
new file mode 100644
index 0000000000..d131c93b66
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-chart-values.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 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);
+
+      if (!repo) {
+        return undefined;
+      }
+
+      return getChartManager(repo).getValues(chartName, version);
+    };
+  },
+});
+
+export default getHelmChartValuesInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-chart-versions.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-chart-versions.injectable.ts
new file mode 100644
index 0000000000..0eedc25a44
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-chart-versions.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 type { HelmRepo } from "../../../common/helm/helm-repo";
+import helmChartManagerInjectable from "../helm-chart-manager.injectable";
+import getActiveHelmRepositoryInjectable from "../repositories/get-active-helm-repository.injectable";
+
+const getHelmChartVersionsInjectable = getInjectable({
+  id: "get-helm-chart-versions",
+
+  instantiate: (di) => {
+    const getActiveHelmRepository = di.inject(getActiveHelmRepositoryInjectable);
+    const getChartManager = (repo: HelmRepo) => di.inject(helmChartManagerInjectable, repo);
+
+    return async (repoName: string, chartName: string) => {
+      const repo = await getActiveHelmRepository(repoName);
+
+      if (!repo) {
+        return undefined;
+      }
+
+      return getChartManager(repo).chartVersions(chartName);
+    };
+  },
+});
+
+export default getHelmChartVersionsInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-history.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release-history.injectable.ts
new file mode 100644
index 0000000000..fe4e3448ac
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-history.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 { Cluster } from "../../../common/cluster/cluster";
+import loggerInjectable from "../../../common/logger.injectable";
+import type { GetHelmReleaseHistoryData } from "../get-helm-release-history.injectable";
+import getHelmReleaseHistoryInjectable from "../get-helm-release-history.injectable";
+
+const getClusterHelmReleaseHistoryInjectable = getInjectable({
+  id: "get-cluster-helm-release-history",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const getHelmReleaseHistory = di.inject(getHelmReleaseHistoryInjectable);
+
+    return async (cluster: Cluster, data: GetHelmReleaseHistoryData) => {
+      const proxyKubeconfig = await cluster.getProxyKubeconfigPath();
+
+      logger.debug(`[CLUSTER]: Fetch release history for clusterId=${cluster.id}`, data);
+
+      return getHelmReleaseHistory(proxyKubeconfig, data);
+    };
+  },
+});
+
+export default getClusterHelmReleaseHistoryInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-helm-manifest/call-for-helm-manifest.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-helm-manifest/call-for-helm-manifest.injectable.ts
new file mode 100644
index 0000000000..b5176b25b9
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-helm-manifest/call-for-helm-manifest.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 { AsyncResult } from "../../../../../common/utils/async-result";
+import execHelmInjectable from "../../../exec-helm/exec-helm.injectable";
+import yaml from "js-yaml";
+import type { KubeJsonApiData, KubeJsonApiDataList } from "../../../../../common/k8s-api/kube-json-api";
+
+const callForHelmManifestInjectable = getInjectable({
+  id: "call-for-helm-manifest",
+
+  instantiate: (di) => {
+    const execHelm = di.inject(execHelmInjectable);
+
+    return async (
+      name: string,
+      namespace: string,
+      kubeconfigPath: string,
+    ): Promise<AsyncResult<(KubeJsonApiData | KubeJsonApiDataList)[]>> => {
+      const result = await execHelm([
+        "get",
+        "manifest",
+        name,
+        "--namespace",
+        namespace,
+        "--kubeconfig",
+        kubeconfigPath,
+      ]);
+
+      if (!result.callWasSuccessful) {
+        return { callWasSuccessful: false, error: result.error.message };
+      }
+
+      return {
+        callWasSuccessful: true,
+        response: yaml
+          .loadAll(result.response)
+          .filter((manifest) => !!manifest) as KubeJsonApiData[],
+      };
+    };
+
+  },
+});
+
+export default callForHelmManifestInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/call-for-kube-resources-by-manifest.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/call-for-kube-resources-by-manifest.injectable.ts
new file mode 100644
index 0000000000..71a38abf6b
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/call-for-kube-resources-by-manifest.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 type { JsonObject } from "type-fest";
+import { json } from "../../../../../common/utils";
+import yaml from "js-yaml";
+import execFileWithInputInjectable from "./exec-file-with-input/exec-file-with-input.injectable";
+import { getErrorMessage } from "../../../../../common/utils/get-error-message";
+import { map } from "lodash/fp";
+import { pipeline } from "@ogre-tools/fp";
+import type { KubeJsonApiData } from "../../../../../common/k8s-api/kube-json-api";
+
+export type CallForKubeResourcesByManifest = (
+  namespace: string,
+  kubeconfigPath: string,
+  kubectlPath: string,
+  resourceManifests: KubeJsonApiData[]
+) => Promise<JsonObject[]>;
+
+const callForKubeResourcesByManifestInjectable = getInjectable({
+  id: "call-for-kube-resources-by-manifest",
+
+  instantiate: (di): CallForKubeResourcesByManifest => {
+    const execFileWithInput = di.inject(execFileWithInputInjectable);
+
+    return async (
+      namespace,
+      kubeconfigPath,
+      kubectlPath,
+      resourceManifests,
+    ) => {
+      const input = pipeline(
+        resourceManifests,
+        map((manifest) => yaml.dump(manifest)),
+        wideJoin("---\n"),
+      );
+
+      const result = await execFileWithInput({
+        filePath: kubectlPath,
+        input,
+
+        commandArguments: [
+          "get",
+          "--kubeconfig",
+          kubeconfigPath,
+          "-f",
+          "-",
+          "--namespace",
+          namespace,
+          "--output",
+          "json",
+        ],
+      });
+
+      if (!result.callWasSuccessful) {
+        const errorMessage = getErrorMessage(result.error);
+
+        throw new Error(errorMessage);
+      }
+
+      const output = json.parse(result.response) as { items: JsonObject[] };
+
+      return output.items;
+    };
+  },
+});
+
+export default callForKubeResourcesByManifestInjectable;
+
+const wideJoin = (joiner: string) => (items: string[]) =>
+  `${joiner}${items.join(joiner)}${joiner}`;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.global-override-for-injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.global-override-for-injectable.ts
new file mode 100644
index 0000000000..70b4771468
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.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 execFileWithInputInjectable from "./exec-file-with-input.injectable";
+
+export default getGlobalOverride(execFileWithInputInjectable, () => () => {
+  throw new Error(
+    "Tried to call exec file with input without explicit override",
+  );
+});
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.injectable.ts
new file mode 100644
index 0000000000..49a1c644f2
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.injectable.ts
@@ -0,0 +1,92 @@
+/**
+ * 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 nonPromiseExecFileInjectable from "./non-promise-exec-file.injectable";
+import { isNumber } from "../../../../../../common/utils";
+import assert from "assert";
+import type { ChildProcess } from "child_process";
+
+export type ExecFileWithInput = (options: {
+  filePath: string;
+  commandArguments: string[];
+  input: string;
+}) => Promise<AsyncResult<string, unknown>>;
+
+const execFileWithInputInjectable = getInjectable({
+  id: "exec-file-with-input",
+
+  instantiate: (di): ExecFileWithInput => {
+    const execFile = di.inject(nonPromiseExecFileInjectable);
+
+    return async ({ filePath, commandArguments, input }) =>
+      new Promise((resolve) => {
+        let execution: ChildProcess;
+
+        try {
+          execution = execFile(filePath, commandArguments, {
+            maxBuffer: 8 * 1024 * 1024 * 1024, // 8 MiB
+          });
+        } catch (e) {
+          resolve({ callWasSuccessful: false, error: e });
+
+          return;
+        }
+
+        assert(execution.stdout, "stdout is not defined");
+        assert(execution.stderr, "stderr is not defined");
+        assert(execution.stdin, "stdin is not defined");
+
+        let stdout = "";
+        let stderr = "";
+
+        execution.stdout.on("data", (data) => {
+          stdout += data;
+        });
+
+        execution.stderr.on("data", (data) => {
+          stderr += data;
+        });
+
+        execution.on("error", (error) =>
+          resolve({ callWasSuccessful: false, error }),
+        );
+
+        execution.on("exit", (code, signal) => {
+          if (!isNumber(code)) {
+            /**
+             * According to https://nodejs.org/api/child_process.html#class-childprocess (section about the "exit" event)
+             * it says the following:
+             *
+             * If the process exited, code is the final exit code of the process, otherwise null.
+             * If the process terminated due to receipt of a signal, signal is the string name of the signal, otherwise null.
+             * One of the two will always be non-null.
+             */
+            resolve({
+              callWasSuccessful: false,
+              error: `Exited via ${signal}`,
+            });
+
+            return;
+          }
+
+          if (code !== 0) {
+            resolve({
+              callWasSuccessful: false,
+              error: stderr ? stderr : `Failed with error: ${signal}`,
+            });
+
+            return;
+          }
+
+          resolve({ callWasSuccessful: true, response: stdout });
+        });
+
+        execution.stdin.end(input);
+      });
+  },
+});
+
+export default execFileWithInputInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.test.ts b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.test.ts
new file mode 100644
index 0000000000..3468a9cb31
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.test.ts
@@ -0,0 +1,215 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getDiForUnitTesting } from "../../../../../getDiForUnitTesting";
+import type { ExecFileWithInput } from "./exec-file-with-input.injectable";
+import execFileWithInputInjectable from "./exec-file-with-input.injectable";
+import type { AsyncResult } from "../../../../../../common/utils/async-result";
+import nonPromiseExecFileInjectable from "./non-promise-exec-file.injectable";
+import { getPromiseStatus } from "../../../../../../common/test-utils/get-promise-status";
+import EventEmitter from "events";
+
+describe("exec-file-with-input", () => {
+  let execFileWithInput: ExecFileWithInput;
+  let execFileMock: jest.Mock;
+
+  let executionStub: EventEmitter & {
+    stdin: { end: (chunk: any) => void };
+    stdout: EventEmitter;
+    stderr: EventEmitter;
+  };
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.unoverride(execFileWithInputInjectable);
+
+    executionStub = Object.assign(new EventEmitter(), {
+      stdin: { end: jest.fn() },
+      stdout: new EventEmitter(),
+      stderr: new EventEmitter(),
+    });
+
+    execFileMock = jest.fn(() => executionStub);
+
+    di.override(nonPromiseExecFileInjectable, () => execFileMock as any);
+
+    execFileWithInput = di.inject(execFileWithInputInjectable);
+  });
+
+  it("given call, when throws synchronously, resolves with failure", async () => {
+    execFileMock.mockImplementation(() => {
+      throw new Error("some-error");
+    });
+
+    const actual = await execFileWithInput({
+      filePath: "./irrelevant",
+      commandArguments: ["irrelevant"],
+      input: "irrelevant",
+    });
+
+    expect(actual).toEqual({
+      callWasSuccessful: false,
+      error: expect.any(Error),
+    });
+  });
+
+  describe("when called", () => {
+    let actualPromise: Promise<AsyncResult<string, unknown>>;
+
+    beforeEach(() => {
+      actualPromise = execFileWithInput({
+        filePath: "./some-file-path",
+        commandArguments: ["some-arg", "some-other-arg"],
+        input: "some-input",
+      });
+    });
+
+    it("calls for file with arguments", () => {
+      expect(execFileMock).toHaveBeenCalledWith(
+        "./some-file-path",
+        [
+          "some-arg",
+          "some-other-arg",
+        ],
+        { "maxBuffer": 8589934592 },
+      );
+    });
+
+    it("calls with input", () => {
+      expect(executionStub.stdin.end).toHaveBeenCalledWith("some-input");
+    });
+
+    it("does not resolve yet", async () => {
+      const promiseStatus = await getPromiseStatus(actualPromise);
+
+      expect(promiseStatus.fulfilled).toBe(false);
+    });
+
+    describe("when stdout receives data", () => {
+      beforeEach(() => {
+        executionStub.stdout.emit("data", "some-data");
+      });
+
+      it("does not resolve yet", async () => {
+        const promiseStatus = await getPromiseStatus(actualPromise);
+
+        expect(promiseStatus.fulfilled).toBe(false);
+      });
+
+      describe("when stdout receives more data", () => {
+        beforeEach(() => {
+          executionStub.stdout.emit("data", "some-other-data");
+        });
+
+        it("does not resolve yet", async () => {
+          const promiseStatus = await getPromiseStatus(actualPromise);
+
+          expect(promiseStatus.fulfilled).toBe(false);
+        });
+
+        it("when execution exits with success, resolves with result", async () => {
+          executionStub.emit("exit", 0);
+
+          const actual = await actualPromise;
+
+          expect(actual).toEqual({
+            callWasSuccessful: true,
+            response: "some-datasome-other-data",
+          });
+        });
+
+        it("when execution exits without exit code, resolves with failure", async () => {
+          executionStub.emit("exit", null, "SIGKILL");
+
+          const actual = await actualPromise;
+
+          expect(actual).toEqual({
+            callWasSuccessful: false,
+            error: "Exited via SIGKILL",
+          });
+        });
+
+        it("when execution exits with failure, resolves with failure", async () => {
+          executionStub.emit("exit", 42, "some-signal");
+
+          const actual = await actualPromise;
+
+          expect(actual).toEqual({
+            callWasSuccessful: false,
+            error: "Failed with error: some-signal",
+          });
+        });
+
+        describe("when stderr receives data", () => {
+          beforeEach(() => {
+            executionStub.stderr.emit("data", "some-error");
+          });
+
+          it("does not resolve yet", async () => {
+            const promiseStatus = await getPromiseStatus(actualPromise);
+
+            expect(promiseStatus.fulfilled).toBe(false);
+          });
+
+          describe("when stderr receives more data", () => {
+            beforeEach(() => {
+              executionStub.stderr.emit("data", "some-other-error");
+            });
+
+            it("does not resolve yet", async () => {
+              const promiseStatus = await getPromiseStatus(actualPromise);
+
+              expect(promiseStatus.fulfilled).toBe(false);
+            });
+
+            it("when execution exits with success, resolves with result", async () => {
+              executionStub.emit("exit", 0);
+
+              const actual = await actualPromise;
+
+              expect(actual).toEqual({
+                callWasSuccessful: true,
+                response: "some-datasome-other-data",
+              });
+            });
+
+            it("when execution exits without exit code, resolves with failure", async () => {
+              executionStub.emit("exit", null, "some-signal");
+
+              const actual = await actualPromise;
+
+              expect(actual).toEqual({
+                callWasSuccessful: false,
+                error: "Exited via some-signal",
+              });
+            });
+
+            it("when execution exits with failure, resolves with errors", async () => {
+              executionStub.emit("exit", 42, "irrelevant");
+
+              const actual = await actualPromise;
+
+              expect(actual).toEqual({
+                callWasSuccessful: false,
+                error: "some-errorsome-other-error",
+              });
+            });
+          });
+        });
+      });
+    });
+
+    it("when execution receives error, resolves with error", async () => {
+      executionStub.emit("error", new Error("some-error"));
+
+      const actual = await actualPromise;
+
+      expect(actual).toEqual({
+        callWasSuccessful: false,
+        error: expect.any(Error),
+      });
+    });
+  });
+});
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/non-promise-exec-file.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/non-promise-exec-file.injectable.ts
new file mode 100644
index 0000000000..034f5e3055
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-resources/call-for-kube-resources-by-manifest/exec-file-with-input/non-promise-exec-file.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 { execFile } from "child_process";
+
+const nonPromiseExecFileInjectable = getInjectable({
+  id: "non-promise-exec-file",
+  instantiate: () => execFile,
+  causesSideEffects: true,
+});
+
+export default nonPromiseExecFileInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-resources/get-helm-release-resources.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release-resources/get-helm-release-resources.injectable.ts
new file mode 100644
index 0000000000..ce5c60d6b3
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-resources/get-helm-release-resources.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 callForHelmManifestInjectable from "./call-for-helm-manifest/call-for-helm-manifest.injectable";
+import type { KubeJsonApiData, KubeJsonApiDataList } from "../../../../common/k8s-api/kube-json-api";
+import type { AsyncResult } from "../../../../common/utils/async-result";
+
+export type GetHelmReleaseResources = (
+  name: string,
+  namespace: string,
+  kubeconfigPath: string,
+) => Promise<AsyncResult<KubeJsonApiData[], string>>;
+
+const getHelmReleaseResourcesInjectable = getInjectable({
+  id: "get-helm-release-resources",
+
+  instantiate: (di): GetHelmReleaseResources => {
+    const callForHelmManifest = di.inject(callForHelmManifestInjectable);
+
+    return async (name, namespace, kubeconfigPath) => {
+      const result = await callForHelmManifest(name, namespace, kubeconfigPath);
+
+      if (!result.callWasSuccessful) {
+        return result;
+      }
+
+      return {
+        callWasSuccessful: true,
+        response: result.response.flatMap(item => (
+          Array.isArray(item.items)
+            ? (item as KubeJsonApiDataList).items
+            : item as KubeJsonApiData
+        )),
+      };
+    };
+  },
+});
+
+export default getHelmReleaseResourcesInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-resources/get-helm-release-resources.test.ts b/packages/core/src/main/helm/helm-service/get-helm-release-resources/get-helm-release-resources.test.ts
new file mode 100644
index 0000000000..b10bb650f1
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-resources/get-helm-release-resources.test.ts
@@ -0,0 +1,145 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { GetHelmReleaseResources } from "./get-helm-release-resources.injectable";
+import getHelmReleaseResourcesInjectable from "./get-helm-release-resources.injectable";
+import type { ExecHelm } from "../../exec-helm/exec-helm.injectable";
+import execHelmInjectable from "../../exec-helm/exec-helm.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { ExecFileWithInput } from "./call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.injectable";
+import execFileWithInputInjectable from "./call-for-kube-resources-by-manifest/exec-file-with-input/exec-file-with-input.injectable";
+import type { AsyncResult } from "../../../../common/utils/async-result";
+import type { KubeJsonApiData } from "../../../../common/k8s-api/kube-json-api";
+
+describe("get helm release resources", () => {
+  let getHelmReleaseResources: GetHelmReleaseResources;
+  let execHelmMock: AsyncFnMock<ExecHelm>;
+  let execFileWithStreamInputMock: AsyncFnMock<ExecFileWithInput>;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    execHelmMock = asyncFn();
+    execFileWithStreamInputMock = asyncFn();
+
+    di.override(execHelmInjectable, () => execHelmMock);
+
+    di.override(
+      execFileWithInputInjectable,
+      () => execFileWithStreamInputMock,
+    );
+
+    getHelmReleaseResources = di.inject(getHelmReleaseResourcesInjectable);
+  });
+
+  describe("when called", () => {
+    let actualPromise: Promise<AsyncResult<KubeJsonApiData[], string>>;
+
+    beforeEach(() => {
+      actualPromise = getHelmReleaseResources(
+        "some-release",
+        "some-namespace",
+        "/some-kubeconfig-path",
+      );
+    });
+
+    it("calls for release manifest", () => {
+      expect(execHelmMock).toHaveBeenCalledWith([
+        "get", "manifest", "some-release", "--namespace", "some-namespace", "--kubeconfig", "/some-kubeconfig-path",
+      ]);
+    });
+
+    it("does not call for resources yet", () => {
+      expect(execFileWithStreamInputMock).not.toHaveBeenCalled();
+    });
+
+    it("when call for manifest resolves without resources, resolves without resources", async () => {
+      await execHelmMock.resolve({
+        callWasSuccessful: true,
+        response: "",
+      });
+
+      const actual = await actualPromise;
+
+      expect(actual).toEqual({
+        callWasSuccessful: true,
+        response: [],
+      });
+    });
+
+    it("when call to manifest resolves with resources, resolves with resources", async () => {
+      await execHelmMock.resolve({
+        callWasSuccessful: true,
+        response: `---
+apiVersion: v1
+kind: SomeKind
+metadata:
+  name: some-resource-with-same-namespace
+  namespace: some-namespace
+---
+apiVersion: v1
+kind: SomeOtherKind
+metadata:
+  name: some-resource-without-namespace
+---
+apiVersion: v1
+kind: List
+items:
+  - apiVersion: monitoring.coreos.com/v1
+    kind: ServiceMonitor
+    metadata:
+      name: collection-sumologic-fluentd-logs
+      namespace: some-namespace
+---
+apiVersion: v1
+kind: SomeKind
+metadata:
+  name: some-resource-with-different-namespace
+  namespace: some-other-namespace
+---
+`,
+      });
+
+      expect(await actualPromise).toEqual({
+        callWasSuccessful: true,
+        response: [
+          {
+            apiVersion: "v1",
+            kind: "SomeKind",
+            metadata: {
+              name: "some-resource-with-same-namespace",
+              namespace: "some-namespace",
+            },
+          },
+          {
+            apiVersion: "v1",
+            kind: "SomeOtherKind",
+            metadata: {
+              name: "some-resource-without-namespace",
+            },
+          },
+          {
+            apiVersion: "monitoring.coreos.com/v1",
+            kind: "ServiceMonitor",
+            metadata: {
+              name: "collection-sumologic-fluentd-logs",
+              namespace: "some-namespace",
+            },
+          },
+          {
+            apiVersion: "v1",
+            kind: "SomeKind",
+            metadata: {
+              name: "some-resource-with-different-namespace",
+              namespace: "some-other-namespace",
+            },
+          },
+        ],
+      });
+    });
+  });
+});
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release-values.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release-values.injectable.ts
new file mode 100644
index 0000000000..8070ed366e
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release-values.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 loggerInjectable from "../../../common/logger.injectable";
+import type { Cluster } from "../../../common/cluster/cluster";
+import type { GetHelmReleaseValuesData } from "../get-helm-release-values.injectable";
+import getHelmReleaseValuesInjectable from "../get-helm-release-values.injectable";
+
+const getClusterHelmReleaseValuesInjectable = getInjectable({
+  id: "get-cluster-helm-release-values",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const getHelmReleaseValues = di.inject(getHelmReleaseValuesInjectable);
+
+    return async (cluster: Cluster, data: GetHelmReleaseValuesData) => {
+      const pathToKubeconfig = await cluster.getProxyKubeconfigPath();
+
+      logger.debug(`[CLUSTER]: getting helm release values`, data);
+
+      return getHelmReleaseValues(pathToKubeconfig, data);
+    };
+  },
+});
+
+export default getClusterHelmReleaseValuesInjectable;
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release.global-override-for-injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release.global-override-for-injectable.ts
new file mode 100644
index 0000000000..0d124468f2
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release.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 "../../../common/test-utils/get-global-override";
+import getHelmReleaseInjectable from "./get-helm-release.injectable";
+
+export default getGlobalOverride(getHelmReleaseInjectable, () => () => {
+  throw new Error("Tried to get helm release without explicit override");
+});
diff --git a/packages/core/src/main/helm/helm-service/get-helm-release.injectable.ts b/packages/core/src/main/helm/helm-service/get-helm-release.injectable.ts
new file mode 100644
index 0000000000..71d3fe6184
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/get-helm-release.injectable.ts
@@ -0,0 +1,70 @@
+/**
+ * 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 { Cluster } from "../../../common/cluster/cluster";
+import loggerInjectable from "../../../common/logger.injectable";
+import { isObject, json } from "../../../common/utils";
+import execHelmInjectable from "../exec-helm/exec-helm.injectable";
+import getHelmReleaseResourcesInjectable from "./get-helm-release-resources/get-helm-release-resources.injectable";
+
+const getHelmReleaseInjectable = getInjectable({
+  id: "get-helm-release",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const execHelm = di.inject(execHelmInjectable);
+    const getHelmReleaseResources = di.inject(getHelmReleaseResourcesInjectable);
+
+    return async (cluster: Cluster, releaseName: string, namespace: string) => {
+      const kubeconfigPath = await cluster.getProxyKubeconfigPath();
+
+      logger.debug("Fetch release");
+
+      const result = await execHelm([
+        "status",
+        releaseName,
+        "--namespace",
+        namespace,
+        "--kubeconfig",
+        kubeconfigPath,
+        "--output",
+        "json",
+      ]);
+
+      if (!result.callWasSuccessful) {
+        logger.warn(`Failed to exectute helm: ${result.error}`);
+
+        return undefined;
+      }
+
+      const release = json.parse(result.response);
+
+      if (!isObject(release) || Array.isArray(release)) {
+        return undefined;
+      }
+
+      const resourcesResult = await getHelmReleaseResources(
+        releaseName,
+        namespace,
+        kubeconfigPath,
+      );
+
+      if (!resourcesResult.callWasSuccessful) {
+        logger.warn(`Failed to get helm release resources: ${resourcesResult.error}`);
+
+        return undefined;
+      }
+
+      return {
+        ...release,
+        resources: resourcesResult.response,
+      };
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default getHelmReleaseInjectable;
diff --git a/packages/core/src/main/helm/helm-service/install-helm-chart.injectable.ts b/packages/core/src/main/helm/helm-service/install-helm-chart.injectable.ts
new file mode 100644
index 0000000000..b81b48cfa6
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/install-helm-chart.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 type { JsonObject } from "type-fest";
+import type { Cluster } from "../../../common/cluster/cluster";
+import installHelmChartInjectable from "../install-helm-chart.injectable";
+
+export interface InstallChartArgs {
+  chart: string;
+  values: JsonObject;
+  name: string;
+  namespace: string;
+  version: string;
+}
+
+const installClusterHelmChartInjectable = getInjectable({
+  id: "install-cluster-helm-chart",
+
+  instantiate: (di) => {
+    const installHelmChart = di.inject(installHelmChartInjectable);
+
+    return async (cluster: Cluster, data: InstallChartArgs) => {
+      const proxyKubeconfig = await cluster.getProxyKubeconfigPath();
+
+      return installHelmChart({
+        ...data,
+        kubeconfigPath: proxyKubeconfig,
+      });
+    };
+  },
+});
+
+export default installClusterHelmChartInjectable;
diff --git a/packages/core/src/main/helm/helm-service/list-helm-charts.injectable.ts b/packages/core/src/main/helm/helm-service/list-helm-charts.injectable.ts
new file mode 100644
index 0000000000..93a57e7aff
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/list-helm-charts.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 { object } from "../../../common/utils";
+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();
+
+      assert(result.callWasSuccessful);
+
+      const repositories = result.response;
+
+      return object.fromEntries(
+        await Promise.all(
+          repositories.map(
+            async (repo) =>
+              [
+                repo.name,
+                await getChartManager(repo).charts(),
+              ] as const,
+          ),
+        ),
+      );
+    };
+  },
+});
+
+export default listHelmChartsInjectable;
diff --git a/packages/core/src/main/helm/helm-service/list-helm-releases.injectable.ts b/packages/core/src/main/helm/helm-service/list-helm-releases.injectable.ts
new file mode 100644
index 0000000000..14a27f6ea6
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/list-helm-releases.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 type { Cluster } from "../../../common/cluster/cluster";
+import loggerInjectable from "../../../common/logger.injectable";
+import listHelmReleasesInjectable from "../list-helm-releases.injectable";
+
+const listClusterHelmReleasesInjectable = getInjectable({
+  id: "list-cluster-helm-releases",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const listHelmReleases = di.inject(listHelmReleasesInjectable);
+
+    return async (cluster: Cluster, namespace?: string) => {
+      const proxyKubeconfig = await cluster.getProxyKubeconfigPath();
+
+      logger.debug(`[CLUSTER]: listing helm releases for clusterId=${cluster.id}`, { namespace });
+
+      return listHelmReleases(proxyKubeconfig, namespace);
+    };
+  },
+});
+
+export default listClusterHelmReleasesInjectable;
diff --git a/packages/core/src/main/helm/helm-service/rollback-helm-release.injectable.ts b/packages/core/src/main/helm/helm-service/rollback-helm-release.injectable.ts
new file mode 100644
index 0000000000..a426de8f1c
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/rollback-helm-release.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 { Cluster } from "../../../common/cluster/cluster";
+import loggerInjectable from "../../../common/logger.injectable";
+import type { RollbackHelmReleaseData } from "../rollback-helm-release.injectable";
+import rollbackHelmReleaseInjectable from "../rollback-helm-release.injectable";
+
+const rollbackClusterHelmReleaseInjectable = getInjectable({
+  id: "rollback-cluster-helm-release",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const rollbackHelmRelease = di.inject(rollbackHelmReleaseInjectable);
+
+    return async (cluster: Cluster, data: RollbackHelmReleaseData) => {
+      const proxyKubeconfig = await cluster.getProxyKubeconfigPath();
+
+      logger.debug(`[CLUSTER]: rolling back helm release for clusterId=${cluster.id}`, data);
+
+      await rollbackHelmRelease(proxyKubeconfig, data);
+    };
+  },
+});
+
+export default rollbackClusterHelmReleaseInjectable;
diff --git a/packages/core/src/main/helm/helm-service/update-helm-release.global-override-for-injectable.ts b/packages/core/src/main/helm/helm-service/update-helm-release.global-override-for-injectable.ts
new file mode 100644
index 0000000000..dc2d8b596f
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/update-helm-release.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 "../../../common/test-utils/get-global-override";
+import updateHelmReleaseInjectable from "./update-helm-release.injectable";
+
+export default getGlobalOverride(updateHelmReleaseInjectable, () => () => {
+  throw new Error("Tried to update helm release without explicit override");
+});
diff --git a/packages/core/src/main/helm/helm-service/update-helm-release.injectable.ts b/packages/core/src/main/helm/helm-service/update-helm-release.injectable.ts
new file mode 100644
index 0000000000..274dae8cc4
--- /dev/null
+++ b/packages/core/src/main/helm/helm-service/update-helm-release.injectable.ts
@@ -0,0 +1,65 @@
+/**
+ * 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 { Cluster } from "../../../common/cluster/cluster";
+import loggerInjectable from "../../../common/logger.injectable";
+import tempy from "tempy";
+import getHelmReleaseInjectable from "./get-helm-release.injectable";
+import writeFileInjectable from "../../../common/fs/write-file.injectable";
+import removePathInjectable from "../../../common/fs/remove.injectable";
+import execHelmInjectable from "../exec-helm/exec-helm.injectable";
+
+export interface UpdateChartArgs {
+  chart: string;
+  values: string;
+  version: string;
+}
+
+const updateHelmReleaseInjectable = getInjectable({
+  id: "update-helm-release",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const getHelmRelease = di.inject(getHelmReleaseInjectable);
+    const writeFile = di.inject(writeFileInjectable);
+    const removePath = di.inject(removePathInjectable);
+    const execHelm = di.inject(execHelmInjectable);
+
+    return async (cluster: Cluster, releaseName: string, namespace: string, data: UpdateChartArgs) => {
+      const proxyKubeconfig = await cluster.getProxyKubeconfigPath();
+      const valuesFilePath = tempy.file({ name: "values.yaml" });
+
+      logger.debug(`[HELM]: upgrading "${releaseName}" in "${namespace}" to ${data.version}`);
+
+      try {
+        await writeFile(valuesFilePath, data.values);
+
+        const result = await execHelm([
+          "upgrade",
+          releaseName,
+          data.chart,
+          "--version", data.version,
+          "--values", valuesFilePath,
+          "--namespace", namespace,
+          "--kubeconfig", proxyKubeconfig,
+        ]);
+
+        if (result.callWasSuccessful === false) {
+          throw result.error; // keep the same interface
+        }
+
+        return {
+          log: result.response,
+          release: await getHelmRelease(cluster, releaseName, namespace),
+        };
+      } finally {
+        await removePath(valuesFilePath);
+      }
+    };
+  },
+});
+
+export default updateHelmReleaseInjectable;
+
diff --git a/packages/core/src/main/helm/install-helm-chart.injectable.ts b/packages/core/src/main/helm/install-helm-chart.injectable.ts
new file mode 100644
index 0000000000..f566c6a6f1
--- /dev/null
+++ b/packages/core/src/main/helm/install-helm-chart.injectable.ts
@@ -0,0 +1,93 @@
+/**
+ * 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 { dump } from "js-yaml";
+import tempy from "tempy";
+import type { JsonValue } from "type-fest";
+import removePathInjectable from "../../common/fs/remove.injectable";
+import writeFileInjectable from "../../common/fs/write-file.injectable";
+import execHelmInjectable from "./exec-helm/exec-helm.injectable";
+
+export interface InstallHelmChartData {
+  chart: string;
+  values: JsonValue;
+  name: string;
+  namespace: string;
+  version: string;
+  kubeconfigPath: string;
+}
+
+export interface InstallHelmChartResult {
+  log: string;
+  release: {
+    name: string;
+    namespace: string;
+  };
+}
+
+export type InstallHelmChart = (data: InstallHelmChartData) => Promise<InstallHelmChartResult>;
+
+const installHelmChartInjectable = getInjectable({
+  id: "install-helm-chart",
+  instantiate: (di): InstallHelmChart => {
+    const writeFile = di.inject(writeFileInjectable);
+    const removePath = di.inject(removePathInjectable);
+    const execHelm = di.inject(execHelmInjectable);
+
+    return async ({
+      chart,
+      kubeconfigPath,
+      name,
+      namespace,
+      values,
+      version,
+    }) => {
+      const valuesFilePath = tempy.file({ name: "values.yaml" });
+
+      await writeFile(valuesFilePath, dump(values));
+
+      const args = ["install"];
+
+      if (name) {
+        args.push(name);
+      }
+
+      args.push(
+        chart,
+        "--version", version,
+        "--values", valuesFilePath,
+        "--namespace", namespace,
+        "--kubeconfig", kubeconfigPath,
+      );
+
+      if (!name) {
+        args.push("--generate-name");
+      }
+
+      try {
+        const result = await execHelm(args);
+
+        if (!result.callWasSuccessful) {
+          throw result.error;
+        }
+
+        const output = result.response;
+        const releaseName = output.split("\n")[0].split(" ")[1].trim();
+
+        return {
+          log: output,
+          release: {
+            name: releaseName,
+            namespace,
+          },
+        };
+      } finally {
+        await removePath(valuesFilePath);
+      }
+    };
+  },
+});
+
+export default installHelmChartInjectable;
diff --git a/packages/core/src/main/helm/list-helm-releases.injectable.ts b/packages/core/src/main/helm/list-helm-releases.injectable.ts
new file mode 100644
index 0000000000..ff362eb3d2
--- /dev/null
+++ b/packages/core/src/main/helm/list-helm-releases.injectable.ts
@@ -0,0 +1,48 @@
+/**
+ * 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 execHelmInjectable from "./exec-helm/exec-helm.injectable";
+import { isObject, json, toCamelCase } from "../../common/utils";
+
+export type ListHelmReleases = (pathToKubeconfig: string, namespace?: string) => Promise<Record<string, any>[]>;
+
+const listHelmReleasesInjectable = getInjectable({
+  id: "list-helm-releases",
+  instantiate: (di): ListHelmReleases => {
+    const execHelm = di.inject(execHelmInjectable);
+
+    return async (pathToKubeconfig, namespace) => {
+      const args = [
+        "ls",
+        "--all",
+        "--output", "json",
+      ];
+
+      if (namespace) {
+        args.push("-n", namespace);
+      } else {
+        args.push("--all-namespaces");
+      }
+
+      args.push("--kubeconfig", pathToKubeconfig);
+
+      const result = await execHelm(args);
+
+      if (!result.callWasSuccessful) {
+        throw result.error;
+      }
+
+      const output = json.parse(result.response);
+
+      if (!Array.isArray(output) || output.length == 0) {
+        return [];
+      }
+
+      return output.filter(isObject).map(toCamelCase);
+    };
+  },
+});
+
+export default listHelmReleasesInjectable;
diff --git a/packages/core/src/main/helm/repositories/add-helm-repository/add-helm-repository-channel-listener.injectable.ts b/packages/core/src/main/helm/repositories/add-helm-repository/add-helm-repository-channel-listener.injectable.ts
new file mode 100644
index 0000000000..1c68bf6fd7
--- /dev/null
+++ b/packages/core/src/main/helm/repositories/add-helm-repository/add-helm-repository-channel-listener.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 { addHelmRepositoryChannel } from "../../../../common/helm/add-helm-repository-channel";
+import { getRequestChannelListenerInjectable } from "../../../utils/channel/channel-listeners/listener-tokens";
+import addHelmRepositoryInjectable from "./add-helm-repository.injectable";
+
+const addHelmRepositoryChannelListenerInjectable = getRequestChannelListenerInjectable({
+  channel: addHelmRepositoryChannel,
+  handler: (di) => di.inject(addHelmRepositoryInjectable),
+});
+
+export default addHelmRepositoryChannelListenerInjectable;
diff --git a/packages/core/src/main/helm/repositories/add-helm-repository/add-helm-repository.injectable.ts b/packages/core/src/main/helm/repositories/add-helm-repository/add-helm-repository.injectable.ts
new file mode 100644
index 0000000000..5292f8a662
--- /dev/null
+++ b/packages/core/src/main/helm/repositories/add-helm-repository/add-helm-repository.injectable.ts
@@ -0,0 +1,74 @@
+/**
+ * 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 execHelmInjectable from "../../exec-helm/exec-helm.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+import type { AddHelmRepositoryChannel } from "../../../../common/helm/add-helm-repository-channel";
+import type { RequestChannelHandler } from "../../../utils/channel/channel-listeners/listener-tokens";
+
+const addHelmRepositoryInjectable = getInjectable({
+  id: "add-helm-repository",
+
+  instantiate: (di): RequestChannelHandler<AddHelmRepositoryChannel> => {
+    const execHelm = di.inject(execHelmInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (repo) => {
+      const {
+        name,
+        url,
+        insecureSkipTlsVerify,
+        username,
+        password,
+        caFile,
+        keyFile,
+        certFile,
+      } = repo;
+
+      logger.info(`[HELM]: adding repo ${name} from ${url}`);
+
+      const args = ["repo", "add", name, url];
+
+      if (insecureSkipTlsVerify) {
+        args.push("--insecure-skip-tls-verify");
+      }
+
+      if (username) {
+        args.push("--username", username);
+      }
+
+      if (password) {
+        args.push("--password", password);
+      }
+
+      if (caFile) {
+        args.push("--ca-file", caFile);
+      }
+
+      if (keyFile) {
+        args.push("--key-file", keyFile);
+      }
+
+      if (certFile) {
+        args.push("--cert-file", certFile);
+      }
+
+      const result = await execHelm(args);
+
+      if (result.callWasSuccessful) {
+        return {
+          callWasSuccessful: true,
+        };
+      }
+
+      return {
+        callWasSuccessful: false,
+        error: result.error.stderr || result.error.message,
+      };
+    };
+  },
+});
+
+export default addHelmRepositoryInjectable;
diff --git a/packages/core/src/main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories-channel-listener.injectable.ts b/packages/core/src/main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories-channel-listener.injectable.ts
new file mode 100644
index 0000000000..5ef0f2b5a4
--- /dev/null
+++ b/packages/core/src/main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories-channel-listener.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 { getActiveHelmRepositoriesChannel } from "../../../../common/helm/get-active-helm-repositories-channel";
+import { getRequestChannelListenerInjectable } from "../../../utils/channel/channel-listeners/listener-tokens";
+import getActiveHelmRepositoriesInjectable from "./get-active-helm-repositories.injectable";
+
+const getActiveHelmRepositoriesChannelListenerInjectable = getRequestChannelListenerInjectable({
+  channel: getActiveHelmRepositoriesChannel,
+  handler: (di) => di.inject(getActiveHelmRepositoriesInjectable),
+});
+
+export default getActiveHelmRepositoriesChannelListenerInjectable;
diff --git a/packages/core/src/main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories.injectable.ts b/packages/core/src/main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories.injectable.ts
new file mode 100644
index 0000000000..bd05b950d7
--- /dev/null
+++ b/packages/core/src/main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories.injectable.ts
@@ -0,0 +1,131 @@
+/**
+ * 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 { HelmRepo } from "../../../../common/helm/helm-repo";
+import type { ReadYamlFile } from "../../../../common/fs/read-yaml-file.injectable";
+import readYamlFileInjectable from "../../../../common/fs/read-yaml-file.injectable";
+import getHelmEnvInjectable from "../../get-helm-env/get-helm-env.injectable";
+import execHelmInjectable from "../../exec-helm/exec-helm.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+import type { AsyncResult } from "../../../../common/utils/async-result";
+
+interface HelmRepositoryFromYaml {
+  name: string;
+  url: string;
+  caFile: string;
+  certFile: string;
+  insecure_skip_tls_verify: boolean;
+  keyFile: string;
+  pass_credentials_all: boolean;
+  password: string;
+  username: string;
+}
+
+export interface HelmRepositoriesFromYaml {
+  repositories: HelmRepositoryFromYaml[];
+}
+
+const getActiveHelmRepositoriesInjectable = getInjectable({
+  id: "get-helm-repositories",
+
+  instantiate: (di) => {
+    const readYamlFile = di.inject(readYamlFileInjectable);
+    const execHelm = di.inject(execHelmInjectable);
+    const getHelmEnv = di.inject(getHelmEnvInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    const getRepositories = getRepositoriesFor(readYamlFile);
+
+    return async (): Promise<AsyncResult<HelmRepo[]>> => {
+      const envResult = await getHelmEnv();
+
+      if (!envResult.callWasSuccessful) {
+        return {
+          callWasSuccessful: false,
+          error: `Error getting Helm configuration: ${envResult.error}`,
+        };
+      }
+
+      const {
+        HELM_REPOSITORY_CONFIG: repositoryConfigFilePath,
+        HELM_REPOSITORY_CACHE: helmRepositoryCacheDirPath,
+      } = envResult.response;
+
+      if (!repositoryConfigFilePath) {
+        const errorMessage = "Tried to get Helm repositories, but HELM_REPOSITORY_CONFIG was not present in `$ helm env`.";
+
+        logger.error(errorMessage);
+
+        return {
+          callWasSuccessful: false,
+          error: `Error getting Helm configuration: ${errorMessage}`,
+        };
+      }
+
+      if (!helmRepositoryCacheDirPath) {
+        const errorMessage = "Tried to get Helm repositories, but HELM_REPOSITORY_CACHE was not present in `$ helm env`.";
+
+        logger.error(errorMessage);
+
+        return {
+          callWasSuccessful: false,
+          error: `Error getting Helm configuration: ${errorMessage}`,
+        };
+      }
+
+      const updateResult = await execHelm(["repo", "update"]);
+
+      if (!updateResult.callWasSuccessful) {
+        if (!updateResult.error.stderr.includes(internalHelmErrorForNoRepositoriesFound)) {
+          return {
+            callWasSuccessful: false,
+            error: `Error updating Helm repositories: ${updateResult.error.stderr}`,
+          };
+        }
+        const resultOfAddingDefaultRepository = await execHelm(["repo", "add", "bitnami", "https://charts.bitnami.com/bitnami"]);
+
+        if (!resultOfAddingDefaultRepository.callWasSuccessful) {
+          return {
+            callWasSuccessful: false,
+            error: `Error when adding default Helm repository: ${resultOfAddingDefaultRepository.error.stderr}`,
+          };
+        }
+      }
+
+      return {
+        callWasSuccessful: true,
+
+        response: await getRepositories(
+          repositoryConfigFilePath,
+          helmRepositoryCacheDirPath,
+        ),
+      };
+    };
+  },
+});
+
+export default getActiveHelmRepositoriesInjectable;
+
+const getRepositoriesFor =
+  (readYamlFile: ReadYamlFile) =>
+    async (repositoryConfigFilePath: string, helmRepositoryCacheDirPath: string): Promise<HelmRepo[]> => {
+      const { repositories } = (await readYamlFile(
+        repositoryConfigFilePath,
+      )) as HelmRepositoriesFromYaml;
+
+      return repositories.map((repository) => ({
+        name: repository.name,
+        url: repository.url,
+        caFile: repository.caFile,
+        certFile: repository.certFile,
+        insecureSkipTlsVerify: repository.insecure_skip_tls_verify,
+        keyFile: repository.keyFile,
+        username: repository.username,
+        password: repository.password,
+        cacheFilePath: `${helmRepositoryCacheDirPath}/${repository.name}-index.yaml`,
+      }));
+    };
+
+const internalHelmErrorForNoRepositoriesFound = "no repositories found. You must add one before updating";
diff --git a/packages/core/src/main/helm/repositories/get-active-helm-repository.injectable.ts b/packages/core/src/main/helm/repositories/get-active-helm-repository.injectable.ts
new file mode 100644
index 0000000000..548e04b2ec
--- /dev/null
+++ b/packages/core/src/main/helm/repositories/get-active-helm-repository.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 assert from "assert";
+import getActiveHelmRepositoriesInjectable from "./get-active-helm-repositories/get-active-helm-repositories.injectable";
+
+const getActiveHelmRepositoryInjectable = getInjectable({
+  id: "get-active-helm-repository",
+
+  instantiate: (di) => {
+    const getActiveHelmRepositories = di.inject(getActiveHelmRepositoriesInjectable);
+
+    return async (name: string) => {
+      const activeHelmRepositories = await getActiveHelmRepositories();
+
+      assert(activeHelmRepositories.callWasSuccessful);
+
+      return activeHelmRepositories.response.find(
+        (repository) => repository.name === name,
+      );
+    };
+  },
+});
+
+export default getActiveHelmRepositoryInjectable;
diff --git a/packages/core/src/main/helm/repositories/remove-helm-repository/remove-helm-repository-channel-listener.injectable.ts b/packages/core/src/main/helm/repositories/remove-helm-repository/remove-helm-repository-channel-listener.injectable.ts
new file mode 100644
index 0000000000..8a4e04b87c
--- /dev/null
+++ b/packages/core/src/main/helm/repositories/remove-helm-repository/remove-helm-repository-channel-listener.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 removeHelmRepositoryInjectable from "./remove-helm-repository.injectable";
+import { removeHelmRepositoryChannel } from "../../../../common/helm/remove-helm-repository-channel";
+import { getRequestChannelListenerInjectable } from "../../../utils/channel/channel-listeners/listener-tokens";
+
+const removeHelmRepositoryChannelListenerInjectable = getRequestChannelListenerInjectable({
+  channel: removeHelmRepositoryChannel,
+  handler: (di) => di.inject(removeHelmRepositoryInjectable),
+});
+
+export default removeHelmRepositoryChannelListenerInjectable;
diff --git a/packages/core/src/main/helm/repositories/remove-helm-repository/remove-helm-repository.injectable.ts b/packages/core/src/main/helm/repositories/remove-helm-repository/remove-helm-repository.injectable.ts
new file mode 100644
index 0000000000..a662603a96
--- /dev/null
+++ b/packages/core/src/main/helm/repositories/remove-helm-repository/remove-helm-repository.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 execHelmInjectable from "../../exec-helm/exec-helm.injectable";
+import type { HelmRepo } from "../../../../common/helm/helm-repo";
+import loggerInjectable from "../../../../common/logger.injectable";
+import type { AsyncResult } from "../../../../common/utils/async-result";
+
+const removeHelmRepositoryInjectable = getInjectable({
+  id: "remove-helm-repository",
+
+  instantiate: (di) => {
+    const execHelm = di.inject(execHelmInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (repo: HelmRepo): Promise<AsyncResult<void, string>> => {
+      logger.info(`[HELM]: removing repo ${repo.name} (${repo.url})`);
+
+      const result = await execHelm([
+        "repo",
+        "remove",
+        repo.name,
+      ]);
+
+      if (result.callWasSuccessful) {
+        return {
+          callWasSuccessful: true,
+        };
+      }
+
+      return {
+        callWasSuccessful: false,
+        error: result.error.stderr,
+      };
+    };
+  },
+});
+
+export default removeHelmRepositoryInjectable;
diff --git a/packages/core/src/main/helm/rollback-helm-release.injectable.ts b/packages/core/src/main/helm/rollback-helm-release.injectable.ts
new file mode 100644
index 0000000000..2b130adfb5
--- /dev/null
+++ b/packages/core/src/main/helm/rollback-helm-release.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 execHelmInjectable from "./exec-helm/exec-helm.injectable";
+
+export interface RollbackHelmReleaseData {
+  name: string;
+  namespace: string;
+  revision: number;
+}
+
+export type RollbackHelmRelease = (kubeconfigPath: string, data: RollbackHelmReleaseData) => Promise<void>;
+
+const rollbackHelmReleaseInjectable = getInjectable({
+  id: "rollback-helm-release",
+  instantiate: (di): RollbackHelmRelease => {
+    const execHelm = di.inject(execHelmInjectable);
+
+    return async (kubeconfigPath, { name, namespace, revision }) => {
+      const result = await execHelm([
+        "rollback",
+        name,
+        `${revision}`,
+        "--namespace", namespace,
+        "--kubeconfig", kubeconfigPath,
+      ]);
+
+      if (!result.callWasSuccessful) {
+        throw result.error;
+      }
+    };
+  },
+});
+
+export default rollbackHelmReleaseInjectable;
diff --git a/packages/core/src/main/hotbar-store/migrations/5.0.0-alpha.0.injectable.ts b/packages/core/src/main/hotbar-store/migrations/5.0.0-alpha.0.injectable.ts
new file mode 100644
index 0000000000..9143167b47
--- /dev/null
+++ b/packages/core/src/main/hotbar-store/migrations/5.0.0-alpha.0.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.
+ */
+
+// Cleans up a store that had the state related data stored
+import { getEmptyHotbar } from "../../../common/hotbars/types";
+import catalogCatalogEntityInjectable from "../../../common/catalog-entities/general-catalog-entities/implementations/catalog-catalog-entity.injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import { hotbarStoreMigrationInjectionToken } from "../../../common/hotbars/migrations-token";
+
+const v500Alpha0HotbarStoreMigrationInjectable = getInjectable({
+  id: "v5.0.0-alpha.0-hotbar-store-migration",
+  instantiate: (di) => {
+    const catalogCatalogEntity = di.inject(catalogCatalogEntityInjectable);
+
+    return {
+      version: "5.0.0-alpha.0",
+      run(store) {
+        const hotbar = getEmptyHotbar("default");
+
+        const { metadata: { uid, name, source }} = catalogCatalogEntity;
+
+        hotbar.items[0] = { entity: { uid, name, source }};
+
+        store.set("hotbars", [hotbar]);
+      },
+    };
+  },
+  injectionToken: hotbarStoreMigrationInjectionToken,
+});
+
+export default v500Alpha0HotbarStoreMigrationInjectable;
+
diff --git a/packages/core/src/main/hotbar-store/migrations/5.0.0-alpha.2.injectable.ts b/packages/core/src/main/hotbar-store/migrations/5.0.0-alpha.2.injectable.ts
new file mode 100644
index 0000000000..550f46a940
--- /dev/null
+++ b/packages/core/src/main/hotbar-store/migrations/5.0.0-alpha.2.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.
+ */
+
+// Cleans up a store that had the state related data stored
+import type { Hotbar } from "../../../common/hotbars/types";
+import * as uuid from "uuid";
+import { getInjectable } from "@ogre-tools/injectable";
+import { hotbarStoreMigrationInjectionToken } from "../../../common/hotbars/migrations-token";
+
+const v500Alpha2HotbarStoreMigrationInjectable = getInjectable({
+  id: "v5.0.0-alpha.2-hotbar-store-migration",
+  instantiate: () => ({
+    version: "5.0.0-alpha.2",
+    run(store) {
+      const rawHotbars = store.get("hotbars");
+      const hotbars: Hotbar[] = Array.isArray(rawHotbars) ? rawHotbars : [];
+
+      store.set("hotbars", hotbars.map(({ id, ...rest }) => ({
+        id: id || uuid.v4(),
+        ...rest,
+      })));
+    },
+  }),
+  injectionToken: hotbarStoreMigrationInjectionToken,
+});
+
+export default v500Alpha2HotbarStoreMigrationInjectable;
+
diff --git a/packages/core/src/main/hotbar-store/migrations/5.0.0-beta.10.injectable.ts b/packages/core/src/main/hotbar-store/migrations/5.0.0-beta.10.injectable.ts
new file mode 100644
index 0000000000..ddbda706be
--- /dev/null
+++ b/packages/core/src/main/hotbar-store/migrations/5.0.0-beta.10.injectable.ts
@@ -0,0 +1,173 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import * as uuid from "uuid";
+import type { ClusterStoreModel } from "../../../common/cluster-store/cluster-store";
+import type { Hotbar, HotbarItem } from "../../../common/hotbars/types";
+import { defaultHotbarCells, getEmptyHotbar } from "../../../common/hotbars/types";
+import { getLegacyGlobalDiForExtensionApi } from "../../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import catalogCatalogEntityInjectable from "../../../common/catalog-entities/general-catalog-entities/implementations/catalog-catalog-entity.injectable";
+import { isDefined, isErrnoException } from "../../../common/utils";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import { hotbarStoreMigrationInjectionToken } from "../../../common/hotbars/migrations-token";
+import readJsonSyncInjectable from "../../../common/fs/read-json-sync.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import { generateNewIdFor } from "../../../common/utils/generate-new-id-for";
+
+interface Pre500WorkspaceStoreModel {
+  workspaces: {
+    id: string;
+    name: string;
+  }[];
+}
+
+interface PartialHotbar {
+  id: string;
+  name: string;
+  items: (null | HotbarItem)[];
+}
+
+const v500Beta10HotbarStoreMigrationInjectable = getInjectable({
+  id: "v5.0.0-beta.10-hotbar-store-migration",
+  instantiate: (di) => {
+    const userDataPath = di.inject(directoryForUserDataInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const readJsonSync = di.inject(readJsonSyncInjectable);
+    const catalogCatalogEntity = di.inject(catalogCatalogEntityInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return {
+      version: "5.0.0-beta.10",
+      run(store) {
+        const rawHotbars = store.get("hotbars");
+        const hotbars: Hotbar[] = Array.isArray(rawHotbars) ? rawHotbars.filter(h => h && typeof h === "object") : [];
+
+
+        // Hotbars might be empty, if some of the previous migrations weren't run
+        if (hotbars.length === 0) {
+          const hotbar = getEmptyHotbar("default");
+          const { metadata: { uid, name, source }} = catalogCatalogEntity;
+
+          hotbar.items[0] = { entity: { uid, name, source }};
+
+          hotbars.push(hotbar);
+        }
+
+        try {
+          const workspaceStoreData: Pre500WorkspaceStoreModel = readJsonSync(joinPaths(userDataPath, "lens-workspace-store.json"));
+          const { clusters = [] }: ClusterStoreModel = readJsonSync(joinPaths(userDataPath, "lens-cluster-store.json"));
+          const workspaceHotbars = new Map<string, PartialHotbar>(); // mapping from WorkspaceId to HotBar
+
+          for (const { id, name } of workspaceStoreData.workspaces) {
+            logger.info(`Creating new hotbar for ${name}`);
+            workspaceHotbars.set(id, {
+              id: uuid.v4(), // don't use the old IDs as they aren't necessarily UUIDs
+              items: [],
+              name: `Workspace: ${name}`,
+            });
+          }
+
+          {
+            // grab the default named hotbar or the first.
+            const defaultHotbarIndex = Math.max(0, hotbars.findIndex(hotbar => hotbar.name === "default"));
+            const [{ name, id, items }] = hotbars.splice(defaultHotbarIndex, 1);
+
+            workspaceHotbars.set("default", {
+              name,
+              id,
+              items: items.filter(isDefined),
+            });
+          }
+
+          for (const cluster of clusters) {
+            const uid = generateNewIdFor(cluster);
+
+            for (const workspaceId of cluster.workspaces ?? [cluster.workspace].filter(isDefined)) {
+              const workspaceHotbar = workspaceHotbars.get(workspaceId);
+
+              if (!workspaceHotbar) {
+                logger.info(`Cluster ${uid} has unknown workspace ID, skipping`);
+                continue;
+              }
+
+              logger.info(`Adding cluster ${uid} to ${workspaceHotbar.name}`);
+
+              if (workspaceHotbar?.items.length < defaultHotbarCells) {
+                workspaceHotbar.items.push({
+                  entity: {
+                    uid: generateNewIdFor(cluster),
+                    name: cluster.preferences?.clusterName || cluster.contextName,
+                  },
+                });
+              }
+            }
+          }
+
+          for (const hotbar of workspaceHotbars.values()) {
+            if (hotbar.items.length === 0) {
+              logger.info(`Skipping ${hotbar.name} due to it being empty`);
+              continue;
+            }
+
+            while (hotbar.items.length < defaultHotbarCells) {
+              hotbar.items.push(null);
+            }
+
+            hotbars.push(hotbar as Hotbar);
+          }
+
+          /**
+       * Finally, make sure that the catalog entity hotbar item is in place.
+       * Just in case something else removed it.
+       *
+       * if every hotbar has elements that all not the `catalog-entity` item
+       */
+          if (hotbars.every(hotbar => hotbar.items.every(item => item?.entity?.uid !== "catalog-entity"))) {
+            // note, we will add a new whole hotbar here called "default" if that was previously removed
+            const di = getLegacyGlobalDiForExtensionApi();
+            const catalogCatalogEntity = di.inject(catalogCatalogEntityInjectable);
+
+            const defaultHotbar = hotbars.find(hotbar => hotbar.name === "default");
+            const { metadata: { uid, name, source }} = catalogCatalogEntity;
+
+            if (defaultHotbar) {
+              const freeIndex = defaultHotbar.items.findIndex(i => i === null);
+
+              if (freeIndex === -1) {
+                // making a new hotbar is less destructive if the first hotbar
+                // called "default" is full than overriding a hotbar item
+                const hotbar = getEmptyHotbar("initial");
+
+                hotbar.items[0] = { entity: { uid, name, source }};
+                hotbars.unshift(hotbar);
+              } else {
+                defaultHotbar.items[freeIndex] = { entity: { uid, name, source }};
+              }
+            } else {
+              const hotbar = getEmptyHotbar("default");
+
+              hotbar.items[0] = { entity: { uid, name, source }};
+              hotbars.unshift(hotbar);
+            }
+          }
+
+        } catch (error) {
+          // ignore files being missing
+          if (isErrnoException(error) && error.code !== "ENOENT") {
+            throw error;
+          }
+        }
+
+        store.set("hotbars", hotbars);
+      },
+    };
+  },
+  injectionToken: hotbarStoreMigrationInjectionToken,
+});
+
+export default v500Beta10HotbarStoreMigrationInjectable;
+
diff --git a/packages/core/src/main/hotbar-store/migrations/5.0.0-beta.5.injectable.ts b/packages/core/src/main/hotbar-store/migrations/5.0.0-beta.5.injectable.ts
new file mode 100644
index 0000000000..eef10f7033
--- /dev/null
+++ b/packages/core/src/main/hotbar-store/migrations/5.0.0-beta.5.injectable.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 { Hotbar } from "../../../common/hotbars/types";
+import catalogEntityRegistryInjectable from "../../catalog/entity-registry.injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import { hotbarStoreMigrationInjectionToken } from "../../../common/hotbars/migrations-token";
+
+const v500Beta5HotbarStoreMigrationInjectable = getInjectable({
+  id: "v500-beta5-hotbar-store-migration",
+  instantiate: (di) => {
+    const catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+
+    return {
+      version: "5.0.0-beta.5",
+      run(store) {
+        const rawHotbars = store.get("hotbars");
+        const hotbars: Hotbar[] = Array.isArray(rawHotbars) ? rawHotbars : [];
+
+        for (const hotbar of hotbars) {
+          for (let i = 0; i < hotbar.items.length; i += 1) {
+            const item = hotbar.items[i];
+
+            if (!item) {
+              continue;
+            }
+
+            const entity = catalogEntityRegistry.findById(item.entity.uid);
+
+            if (!entity) {
+              // Clear disabled item
+              hotbar.items[i] = null;
+            } else {
+              // Save additional data
+              item.entity = {
+                ...item.entity,
+                name: entity.metadata.name,
+                source: entity.metadata.source,
+              };
+            }
+          }
+        }
+
+        store.set("hotbars", hotbars);
+      },
+    };
+  },
+  injectionToken: hotbarStoreMigrationInjectionToken,
+});
+
+export default v500Beta5HotbarStoreMigrationInjectable;
+
diff --git a/packages/core/src/main/index.ts b/packages/core/src/main/index.ts
new file mode 100644
index 0000000000..e7e5aad291
--- /dev/null
+++ b/packages/core/src/main/index.ts
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Main process
+
+import { getDi } from "./getDi";
+import { Mobx, LensExtensions, Pty } from "./extension-api";
+import { createApp } from "./create-app";
+
+const di = getDi();
+const app = createApp({
+  di,
+  mode: process.env.NODE_ENV || "development",
+});
+
+app.start().catch((error) => {
+  console.error(error);
+  process.exit(1);
+});
+
+export { Mobx, LensExtensions, Pty };
diff --git a/packages/core/src/main/ipc/ask-user-for-file-paths.injectable.ts b/packages/core/src/main/ipc/ask-user-for-file-paths.injectable.ts
new file mode 100644
index 0000000000..f8a0685d7c
--- /dev/null
+++ b/packages/core/src/main/ipc/ask-user-for-file-paths.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 } from "@ogre-tools/injectable";
+import showApplicationWindowInjectable from "../start-main-application/lens-window/show-application-window.injectable";
+import type { RequestChannelHandler } from "../utils/channel/channel-listeners/listener-tokens";
+import type { openPathPickingDialogChannel } from "../../features/path-picking-dialog/common/channel";
+import showOpenDialogInjectable from "../electron-app/features/show-open-dialog.injectable";
+
+// TODO: Replace leaking electron with abstraction
+export type AskUserForFilePaths = RequestChannelHandler<typeof openPathPickingDialogChannel>;
+
+const askUserForFilePathsInjectable = getInjectable({
+  id: "ask-user-for-file-paths",
+
+  instantiate: (di): AskUserForFilePaths => {
+    const showApplicationWindow = di.inject(showApplicationWindowInjectable);
+    const showOpenDialog = di.inject(showOpenDialogInjectable);
+
+    return async (dialogOptions) => {
+      await showApplicationWindow();
+
+      const { canceled, filePaths } = await showOpenDialog(
+        dialogOptions,
+      );
+
+      if (canceled) {
+        return {
+          canceled,
+        };
+      }
+
+      return {
+        canceled: false,
+        paths: filePaths,
+      };
+    };
+  },
+});
+
+export default askUserForFilePathsInjectable;
diff --git a/packages/core/src/main/ipc/window.ts b/packages/core/src/main/ipc/window.ts
new file mode 100644
index 0000000000..b111eab243
--- /dev/null
+++ b/packages/core/src/main/ipc/window.ts
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { BrowserWindow, webContents } from "electron";
+import { broadcastMessage } from "../../common/ipc";
+import { WindowAction } from "../../common/ipc/window";
+
+export function handleWindowAction(action: WindowAction) {
+  const window = BrowserWindow.getFocusedWindow();
+
+  if (!window) return;
+
+  switch (action) {
+    case WindowAction.GO_BACK: {
+      window.webContents.goBack();
+      break;
+    }
+
+    case WindowAction.GO_FORWARD: {
+      window.webContents.goForward();
+      break;
+    }
+
+    case WindowAction.MINIMIZE: {
+      window.minimize();
+      break;
+    }
+
+    case WindowAction.TOGGLE_MAXIMIZE: {
+      if (window.isMaximized()) {
+        window.unmaximize();
+      } else {
+        window.maximize();
+      }
+      break;
+    }
+
+    case WindowAction.CLOSE: {
+      window.close();
+      break;
+    }
+
+    default:
+      throw new Error(`Attemped window action ${action} is unknown`);
+  }
+}
+
+export function onLocationChange(): void {
+  const getAllWebContents = webContents.getAllWebContents();
+
+  const canGoBack = getAllWebContents.some((webContent) => {
+    if (webContent.getType() === "window") {
+      return webContent.canGoBack();
+    }
+
+    return false;
+  });
+
+  const canGoForward = getAllWebContents.some((webContent) => {
+    if (webContent.getType() === "window") {
+      return webContent.canGoForward();
+    }
+
+    return false;
+  });
+
+  broadcastMessage("history:can-go-back", canGoBack);
+  broadcastMessage("history:can-go-forward", canGoForward);
+}
diff --git a/packages/core/src/main/k8s-request.injectable.ts b/packages/core/src/main/k8s-request.injectable.ts
new file mode 100644
index 0000000000..c00e70ec3f
--- /dev/null
+++ b/packages/core/src/main/k8s-request.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 type { RequestPromiseOptions } from "request-promise-native";
+import request from "request-promise-native";
+import type { Cluster } from "../common/cluster/cluster";
+import { getInjectable } from "@ogre-tools/injectable";
+import lensProxyPortInjectable from "./lens-proxy/lens-proxy-port.injectable";
+import lensProxyCertificateInjectable from "../common/certificate/lens-proxy-certificate.injectable";
+
+export type K8sRequest = (cluster: Cluster, path: string, options?: RequestPromiseOptions) => Promise<any>;
+
+const k8sRequestInjectable = getInjectable({
+  id: "k8s-request",
+
+  instantiate: (di) => {
+    const lensProxyPort = di.inject(lensProxyPortInjectable);
+    const lensProxyCertificate = di.inject(lensProxyCertificateInjectable);
+
+    return async (
+      cluster: Cluster,
+      path: string,
+      options: RequestPromiseOptions = {},
+    ) => {
+      const kubeProxyUrl = `https://127.0.0.1:${lensProxyPort.get()}/${cluster.id}`;
+
+      options.ca = lensProxyCertificate.get().cert;
+      options.headers ??= {};
+      options.json ??= true;
+      options.timeout ??= 30000;
+
+      return request(kubeProxyUrl + path, options);
+    };
+  },
+});
+
+export default k8sRequestInjectable;
diff --git a/packages/core/src/main/k8s/api-base-host-header.injectable.ts b/packages/core/src/main/k8s/api-base-host-header.injectable.ts
new file mode 100644
index 0000000000..281c4fda84
--- /dev/null
+++ b/packages/core/src/main/k8s/api-base-host-header.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 { apiBaseHostHeaderInjectionToken } from "../../common/k8s-api/api-base-configs";
+import lensProxyPortInjectable from "../lens-proxy/lens-proxy-port.injectable";
+
+const apiBaseHostHeaderInjectable = getInjectable({
+  id: "api-base-host-header",
+  instantiate: (di) => {
+    const lensProxyPort = di.inject(lensProxyPortInjectable);
+
+    return `localhost:${lensProxyPort.get()}`;
+  },
+  injectionToken: apiBaseHostHeaderInjectionToken,
+});
+
+export default apiBaseHostHeaderInjectable;
diff --git a/packages/core/src/main/k8s/api-base-server-address.injectable.ts b/packages/core/src/main/k8s/api-base-server-address.injectable.ts
new file mode 100644
index 0000000000..8d3a960ed4
--- /dev/null
+++ b/packages/core/src/main/k8s/api-base-server-address.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 { apiBaseServerAddressInjectionToken } from "../../common/k8s-api/api-base-configs";
+import lensProxyPortInjectable from "../lens-proxy/lens-proxy-port.injectable";
+
+const apiBaseServerAddressInjectable = getInjectable({
+  id: "api-base-server-address",
+  instantiate: (di) => {
+    const lensProxyPort = di.inject(lensProxyPortInjectable);
+
+    return `https://127.0.0.1:${lensProxyPort.get()}`;
+  },
+  injectionToken: apiBaseServerAddressInjectionToken,
+});
+
+export default apiBaseServerAddressInjectable;
diff --git a/packages/core/src/main/kube-auth-proxy/create-kube-auth-proxy.injectable.ts b/packages/core/src/main/kube-auth-proxy/create-kube-auth-proxy.injectable.ts
new file mode 100644
index 0000000000..4d711160bc
--- /dev/null
+++ b/packages/core/src/main/kube-auth-proxy/create-kube-auth-proxy.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 { KubeAuthProxyDependencies } from "./kube-auth-proxy";
+import { KubeAuthProxy } from "./kube-auth-proxy";
+import type { Cluster } from "../../common/cluster/cluster";
+import spawnInjectable from "../child-process/spawn.injectable";
+import kubeAuthProxyCertificateInjectable from "./kube-auth-proxy-certificate.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import waitUntilPortIsUsedInjectable from "./wait-until-port-is-used/wait-until-port-is-used.injectable";
+import lensK8sProxyPathInjectable from "./lens-k8s-proxy-path.injectable";
+import getPortFromStreamInjectable from "../utils/get-port-from-stream.injectable";
+
+export type CreateKubeAuthProxy = (cluster: Cluster, environmentVariables: NodeJS.ProcessEnv) => KubeAuthProxy;
+
+const createKubeAuthProxyInjectable = getInjectable({
+  id: "create-kube-auth-proxy",
+
+  instantiate: (di): CreateKubeAuthProxy => {
+    const dependencies: Omit<KubeAuthProxyDependencies, "proxyCert"> = {
+      proxyBinPath: di.inject(lensK8sProxyPathInjectable),
+      spawn: di.inject(spawnInjectable),
+      logger: di.inject(loggerInjectable),
+      waitUntilPortIsUsed: di.inject(waitUntilPortIsUsedInjectable),
+      getPortFromStream: di.inject(getPortFromStreamInjectable),
+    };
+
+    return (cluster: Cluster, environmentVariables: NodeJS.ProcessEnv) => {
+      const clusterUrl = new URL(cluster.apiUrl);
+
+      return new KubeAuthProxy({
+        ...dependencies,
+        proxyCert: di.inject(kubeAuthProxyCertificateInjectable, clusterUrl.hostname),
+      }, cluster, environmentVariables);
+    };
+  },
+});
+
+export default createKubeAuthProxyInjectable;
diff --git a/packages/core/src/main/kube-auth-proxy/kube-auth-proxy-certificate.injectable.ts b/packages/core/src/main/kube-auth-proxy/kube-auth-proxy-certificate.injectable.ts
new file mode 100644
index 0000000000..35358f1e52
--- /dev/null
+++ b/packages/core/src/main/kube-auth-proxy/kube-auth-proxy-certificate.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 { generate } from "selfsigned";
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+
+const kubeAuthProxyCertificateInjectable = getInjectable({
+  id: "kube-auth-proxy-certificate",
+  instantiate: (di, hostname) => generate(
+    [
+      { name: "commonName", value: "Lens Certificate Authority" },
+      { name: "organizationName", value: "Lens" },
+    ],
+    {
+      keySize: 2048,
+      algorithm: "sha256",
+      days: 365,
+      extensions: [
+        { name: "basicConstraints", cA: true },
+        {
+          name: "subjectAltName", altNames: [
+            { type: 2, value: hostname },
+            { type: 2, value: "localhost" },
+            { type: 7, ip: "127.0.0.1" },
+          ],
+        },
+      ],
+    },
+  ),
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, hostname: string) => hostname,
+  }),
+});
+
+export default kubeAuthProxyCertificateInjectable;
+
diff --git a/packages/core/src/main/kube-auth-proxy/kube-auth-proxy.ts b/packages/core/src/main/kube-auth-proxy/kube-auth-proxy.ts
new file mode 100644
index 0000000000..1d669f28c9
--- /dev/null
+++ b/packages/core/src/main/kube-auth-proxy/kube-auth-proxy.ts
@@ -0,0 +1,136 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ChildProcess } from "child_process";
+import { randomBytes } from "crypto";
+import type { Cluster } from "../../common/cluster/cluster";
+import type { GetPortFromStream } from "../utils/get-port-from-stream.injectable";
+import { makeObservable, observable, when } from "mobx";
+import type { SelfSignedCert } from "selfsigned";
+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 startingServeMatcher = "starting to serve on (?<address>.+)";
+const startingServeRegex = Object.assign(TypedRegEx(startingServeMatcher, "i"), {
+  rawMatcher: startingServeMatcher,
+});
+
+export interface KubeAuthProxyDependencies {
+  readonly proxyBinPath: string;
+  readonly proxyCert: SelfSignedCert;
+  readonly logger: Logger;
+  spawn: Spawn;
+  waitUntilPortIsUsed: WaitUntilPortIsUsed;
+  getPortFromStream: GetPortFromStream;
+}
+
+export class KubeAuthProxy {
+  public readonly apiPrefix = `/${randomBytes(8).toString("hex")}`;
+
+  public get port(): number {
+    const port = this._port;
+
+    assert(port, "port has not yet been initialized");
+
+    return port;
+  }
+
+  protected _port?: number;
+  protected proxyProcess?: ChildProcess;
+  @observable protected ready = false;
+
+  constructor(private readonly dependencies: KubeAuthProxyDependencies, protected readonly cluster: Cluster, protected readonly env: NodeJS.ProcessEnv) {
+    makeObservable(this);
+  }
+
+  get whenReady() {
+    return when(() => this.ready);
+  }
+
+  public async run(): Promise<void> {
+    if (this.proxyProcess) {
+      return this.whenReady;
+    }
+
+    const proxyBin = this.dependencies.proxyBinPath;
+    const cert = this.dependencies.proxyCert;
+
+    this.proxyProcess = this.dependencies.spawn(proxyBin, [], {
+      env: {
+        ...this.env,
+        KUBECONFIG: this.cluster.kubeConfigPath,
+        KUBECONFIG_CONTEXT: this.cluster.contextName,
+        API_PREFIX: this.apiPrefix,
+        PROXY_KEY: cert.private,
+        PROXY_CERT: cert.cert,
+      },
+    });
+    this.proxyProcess.on("error", (error) => {
+      this.cluster.broadcastConnectUpdate(error.message, true);
+      this.exit();
+    });
+
+    this.proxyProcess.on("exit", (code) => {
+      this.cluster.broadcastConnectUpdate(`proxy exited with code: ${code}`, code ? code > 0: false);
+      this.exit();
+    });
+
+    this.proxyProcess.on("disconnect", () => {
+      this.cluster.broadcastConnectUpdate("Proxy disconnected communications", true );
+      this.exit();
+    });
+
+    assert(this.proxyProcess.stderr);
+    assert(this.proxyProcess.stdout);
+
+    this.proxyProcess.stderr.on("data", (data: Buffer) => {
+      if (data.includes("http: TLS handshake error")) {
+        return;
+      }
+
+      this.cluster.broadcastConnectUpdate(data.toString(), true);
+    });
+
+    this.proxyProcess.stdout.on("data", (data: Buffer) => {
+      if (typeof this._port === "number") {
+        this.cluster.broadcastConnectUpdate(data.toString());
+      }
+    });
+
+    this._port = await this.dependencies.getPortFromStream(this.proxyProcess.stdout, {
+      lineRegex: startingServeRegex,
+      onFind: () => this.cluster.broadcastConnectUpdate("Authentication proxy started"),
+    });
+
+    this.dependencies.logger.info(`[KUBE-AUTH-PROXY]: found port=${this._port}`);
+
+    try {
+      await this.dependencies.waitUntilPortIsUsed(this.port, 500, 10000);
+      this.ready = true;
+    } catch (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();
+
+      return this.run();
+    }
+  }
+
+  public exit() {
+    this.ready = false;
+
+    if (this.proxyProcess) {
+      this.dependencies.logger.debug("[KUBE-AUTH]: stopping local proxy", this.cluster.getMeta());
+      this.proxyProcess.removeAllListeners();
+      this.proxyProcess.stderr?.removeAllListeners();
+      this.proxyProcess.stdout?.removeAllListeners();
+      this.proxyProcess.kill();
+      this.proxyProcess = undefined;
+    }
+  }
+}
diff --git a/packages/core/src/main/kube-auth-proxy/lens-k8s-proxy-path.injectable.ts b/packages/core/src/main/kube-auth-proxy/lens-k8s-proxy-path.injectable.ts
new file mode 100644
index 0000000000..cd13bdcf5e
--- /dev/null
+++ b/packages/core/src/main/kube-auth-proxy/lens-k8s-proxy-path.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 bundledBinaryPathInjectable from "../../common/utils/bundled-binary-path.injectable";
+
+const lensK8sProxyPathInjectable = getInjectable({
+  id: "lens-k8s-proxy-path",
+  instantiate: (di) => di.inject(bundledBinaryPathInjectable, "lens-k8s-proxy"),
+});
+
+export default lensK8sProxyPathInjectable;
diff --git a/packages/core/src/main/kube-auth-proxy/wait-until-port-is-used/wait-until-port-is-used.global-override-for-injectable.ts b/packages/core/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/packages/core/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/packages/core/src/main/kube-auth-proxy/wait-until-port-is-used/wait-until-port-is-used.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/main/kubeconfig-manager/create-kubeconfig-manager.injectable.ts b/packages/core/src/main/kubeconfig-manager/create-kubeconfig-manager.injectable.ts
new file mode 100644
index 0000000000..010ec7174e
--- /dev/null
+++ b/packages/core/src/main/kubeconfig-manager/create-kubeconfig-manager.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 type { Cluster } from "../../common/cluster/cluster";
+import directoryForTempInjectable from "../../common/app-paths/directory-for-temp/directory-for-temp.injectable";
+import type { KubeconfigManagerDependencies } from "./kubeconfig-manager";
+import { KubeconfigManager } from "./kubeconfig-manager";
+import loggerInjectable from "../../common/logger.injectable";
+import lensProxyPortInjectable from "../lens-proxy/lens-proxy-port.injectable";
+import joinPathsInjectable from "../../common/path/join-paths.injectable";
+import getDirnameOfPathInjectable from "../../common/path/get-dirname.injectable";
+import pathExistsInjectable from "../../common/fs/path-exists.injectable";
+import writeFileInjectable from "../../common/fs/write-file.injectable";
+import removePathInjectable from "../../common/fs/remove.injectable";
+import lensProxyCertificateInjectable from "../../common/certificate/lens-proxy-certificate.injectable";
+
+export interface KubeConfigManagerInstantiationParameter {
+  cluster: Cluster;
+}
+
+export type CreateKubeconfigManager = (cluster: Cluster) => KubeconfigManager;
+
+const createKubeconfigManagerInjectable = getInjectable({
+  id: "create-kubeconfig-manager",
+
+  instantiate: (di): CreateKubeconfigManager => {
+    const dependencies: KubeconfigManagerDependencies = {
+      directoryForTemp: di.inject(directoryForTempInjectable),
+      logger: di.inject(loggerInjectable),
+      lensProxyPort: di.inject(lensProxyPortInjectable),
+      joinPaths: di.inject(joinPathsInjectable),
+      getDirnameOfPath: di.inject(getDirnameOfPathInjectable),
+      removePath: di.inject(removePathInjectable),
+      pathExists: di.inject(pathExistsInjectable),
+      writeFile: di.inject(writeFileInjectable),
+      certificate: di.inject(lensProxyCertificateInjectable).get(),
+    };
+
+    return (cluster) => new KubeconfigManager(dependencies, cluster);
+  },
+});
+
+export default createKubeconfigManagerInjectable;
diff --git a/packages/core/src/main/kubeconfig-manager/kubeconfig-manager.ts b/packages/core/src/main/kubeconfig-manager/kubeconfig-manager.ts
new file mode 100644
index 0000000000..0486521e21
--- /dev/null
+++ b/packages/core/src/main/kubeconfig-manager/kubeconfig-manager.ts
@@ -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 { KubeConfig } from "@kubernetes/client-node";
+import type { Cluster } from "../../common/cluster/cluster";
+import type { ClusterContextHandler } from "../context-handler/context-handler";
+import { dumpConfigYaml } from "../../common/kube-helpers";
+import { isErrnoException } from "../../common/utils";
+import type { PartialDeep } from "type-fest";
+import type { Logger } from "../../common/logger";
+import type { JoinPaths } from "../../common/path/join-paths.injectable";
+import type { GetDirnameOfPath } from "../../common/path/get-dirname.injectable";
+import type { PathExists } from "../../common/fs/path-exists.injectable";
+import type { RemovePath } from "../../common/fs/remove.injectable";
+import type { WriteFile } from "../../common/fs/write-file.injectable";
+import type { SelfSignedCert } from "selfsigned";
+
+export interface KubeconfigManagerDependencies {
+  readonly directoryForTemp: string;
+  readonly logger: Logger;
+  readonly lensProxyPort: { get: () => number };
+  joinPaths: JoinPaths;
+  getDirnameOfPath: GetDirnameOfPath;
+  pathExists: PathExists;
+  removePath: RemovePath;
+  writeFile: WriteFile;
+  certificate: SelfSignedCert;
+}
+
+export class KubeconfigManager {
+  /**
+   * The path to the temp config file
+   *
+   * - if `string` then path
+   * - if `null` then not yet created or was cleared
+   */
+  protected tempFilePath: string | null = null;
+
+  protected readonly contextHandler: ClusterContextHandler;
+
+  constructor(private readonly dependencies: KubeconfigManagerDependencies, protected cluster: Cluster) {
+    this.contextHandler = cluster.contextHandler;
+  }
+
+  /**
+   *
+   * @returns The path to the temporary kubeconfig
+   */
+  async getPath(): Promise<string> {
+    if (this.tempFilePath === null || !(await this.dependencies.pathExists(this.tempFilePath))) {
+      return await this.ensureFile();
+    }
+
+    return this.tempFilePath;
+  }
+
+  /**
+   * Deletes the temporary kubeconfig file
+   */
+  async clear(): Promise<void> {
+    if (!this.tempFilePath) {
+      return;
+    }
+
+    this.dependencies.logger.info(`[KUBECONFIG-MANAGER]: Deleting temporary kubeconfig: ${this.tempFilePath}`);
+
+    try {
+      await this.dependencies.removePath(this.tempFilePath);
+    } catch (error) {
+      if (isErrnoException(error) && error.code !== "ENOENT") {
+        throw error;
+      }
+    } finally {
+      this.tempFilePath = null;
+    }
+  }
+
+  protected async ensureFile() {
+    try {
+      await this.contextHandler.ensureServer();
+
+      return this.tempFilePath = await this.createProxyKubeconfig();
+    } catch (error) {
+      throw new Error(`Failed to creat temp config for auth-proxy: ${error}`);
+    }
+  }
+
+  get resolveProxyUrl() {
+    return `https://127.0.0.1:${this.dependencies.lensProxyPort.get()}/${this.cluster.id}`;
+  }
+
+  /**
+   * Creates new "temporary" kubeconfig that point to the kubectl-proxy.
+   * This way any user of the config does not need to know anything about the auth etc. details.
+   */
+  protected async createProxyKubeconfig(): Promise<string> {
+    const { cluster } = this;
+    const { contextName, id } = cluster;
+    const tempFile = this.dependencies.joinPaths(
+      this.dependencies.directoryForTemp,
+      `kubeconfig-${id}`,
+    );
+    const kubeConfig = await cluster.getKubeconfig();
+    const { certificate } = this.dependencies;
+    const proxyConfig: PartialDeep<KubeConfig> = {
+      currentContext: contextName,
+      clusters: [
+        {
+          name: contextName,
+          server: this.resolveProxyUrl,
+          skipTLSVerify: false,
+          caData: Buffer.from(certificate.cert).toString("base64"),
+        },
+      ],
+      users: [
+        { name: "proxy", username: "lens", password: "fake" },
+      ],
+      contexts: [
+        {
+          user: "proxy",
+          name: contextName,
+          cluster: contextName,
+          namespace: cluster.defaultNamespace || kubeConfig.getContextObject(contextName)?.namespace,
+        },
+      ],
+    };
+    // write
+    const configYaml = dumpConfigYaml(proxyConfig);
+
+    await this.dependencies.writeFile(tempFile, configYaml, { mode: 0o600 });
+    this.dependencies.logger.debug(`[KUBECONFIG-MANAGER]: Created temp kubeconfig "${contextName}" at "${tempFile}": \n${configYaml}`);
+
+    return tempFile;
+  }
+}
diff --git a/packages/core/src/main/kubectl/apply-all-handler.injectable.ts b/packages/core/src/main/kubectl/apply-all-handler.injectable.ts
new file mode 100644
index 0000000000..ca9d13577b
--- /dev/null
+++ b/packages/core/src/main/kubectl/apply-all-handler.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 emitAppEventInjectable from "../../common/app-event-bus/emit-event.injectable";
+import getClusterByIdInjectable from "../../common/cluster-store/get-by-id.injectable";
+import { kubectlApplyAllChannel } from "../../common/kube-helpers/channels";
+import createResourceApplierInjectable from "../resource-applier/create-resource-applier.injectable";
+import { getRequestChannelListenerInjectable } from "../utils/channel/channel-listeners/listener-tokens";
+
+const kubectlApplyAllChannelHandlerInjectable = getRequestChannelListenerInjectable({
+  channel: kubectlApplyAllChannel,
+  handler: (di) => {
+    const getClusterById = di.inject(getClusterByIdInjectable);
+    const emitAppEvent = di.inject(emitAppEventInjectable);
+    const createResourceApplier = di.inject(createResourceApplierInjectable);
+
+    return async ({
+      clusterId,
+      extraArgs,
+      resources,
+    }) => {
+      emitAppEvent({ name: "cluster", action: "kubectl-apply-all" });
+      const cluster = getClusterById(clusterId);
+
+      if (!cluster) {
+        return {
+          callWasSuccessful: false,
+          error: `No cluster found for clusterId="${clusterId}"`,
+        };
+      }
+
+      return createResourceApplier(cluster).kubectlApplyAll(resources, extraArgs);
+    };
+  },
+});
+
+export default kubectlApplyAllChannelHandlerInjectable;
diff --git a/packages/core/src/main/kubectl/binary-name.injectable.ts b/packages/core/src/main/kubectl/binary-name.injectable.ts
new file mode 100644
index 0000000000..f21cabd76e
--- /dev/null
+++ b/packages/core/src/main/kubectl/binary-name.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 binaryNameInjectable from "../../common/utils/binary-name.injectable";
+
+const kubectlBinaryNameInjectable = getInjectable({
+  id: "kubectl-binary-name",
+  instantiate: (di) => di.inject(binaryNameInjectable, "kubectl"),
+});
+
+export default kubectlBinaryNameInjectable;
diff --git a/packages/core/src/main/kubectl/bundled-binary-path.injectable.ts b/packages/core/src/main/kubectl/bundled-binary-path.injectable.ts
new file mode 100644
index 0000000000..bad89af5f6
--- /dev/null
+++ b/packages/core/src/main/kubectl/bundled-binary-path.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 bundledBinaryPathInjectable from "../../common/utils/bundled-binary-path.injectable";
+
+const bundledKubectlBinaryPathInjectable = getInjectable({
+  id: "bundled-kubectl-binary-path",
+  instantiate: (di) => di.inject(bundledBinaryPathInjectable, "kubectl"),
+});
+
+export default bundledKubectlBinaryPathInjectable;
diff --git a/packages/core/src/main/kubectl/bundled-kubectl.injectable.ts b/packages/core/src/main/kubectl/bundled-kubectl.injectable.ts
new file mode 100644
index 0000000000..e7ecb7c7f8
--- /dev/null
+++ b/packages/core/src/main/kubectl/bundled-kubectl.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 bundledKubectlVersionInjectable from "../../common/vars/bundled-kubectl-version.injectable";
+import createKubectlInjectable from "./create-kubectl.injectable";
+
+const bundledKubectlInjectable = getInjectable({
+  id: "bundled-kubectl",
+
+  instantiate: (di) => {
+    const createKubectl = di.inject(createKubectlInjectable);
+    const bundledKubectlVersion = di.inject(bundledKubectlVersionInjectable);
+
+    return createKubectl(bundledKubectlVersion);
+  },
+});
+
+export default bundledKubectlInjectable;
diff --git a/packages/core/src/main/kubectl/create-kubectl.injectable.ts b/packages/core/src/main/kubectl/create-kubectl.injectable.ts
new file mode 100644
index 0000000000..adfce0922f
--- /dev/null
+++ b/packages/core/src/main/kubectl/create-kubectl.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 { KubectlDependencies } from "./kubectl";
+import { Kubectl } from "./kubectl";
+import directoryForKubectlBinariesInjectable from "../../common/app-paths/directory-for-kubectl-binaries/directory-for-kubectl-binaries.injectable";
+import userStoreInjectable from "../../common/user-store/user-store.injectable";
+import kubectlDownloadingNormalizedArchInjectable from "./normalized-arch.injectable";
+import normalizedPlatformInjectable from "../../common/vars/normalized-platform.injectable";
+import kubectlBinaryNameInjectable from "./binary-name.injectable";
+import bundledKubectlBinaryPathInjectable from "./bundled-binary-path.injectable";
+import baseBundledBinariesDirectoryInjectable from "../../common/vars/base-bundled-binaries-dir.injectable";
+import bundledKubectlVersionInjectable from "../../common/vars/bundled-kubectl-version.injectable";
+import kubectlVersionMapInjectable from "./version-map.injectable";
+import getDirnameOfPathInjectable from "../../common/path/get-dirname.injectable";
+import joinPathsInjectable from "../../common/path/join-paths.injectable";
+import getBasenameOfPathInjectable from "../../common/path/get-basename.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+
+const createKubectlInjectable = getInjectable({
+  id: "create-kubectl",
+
+  instantiate: (di) => {
+    const dependencies: KubectlDependencies = {
+      userStore: di.inject(userStoreInjectable),
+      directoryForKubectlBinaries: di.inject(directoryForKubectlBinariesInjectable),
+      normalizedDownloadArch: di.inject(kubectlDownloadingNormalizedArchInjectable),
+      normalizedDownloadPlatform: di.inject(normalizedPlatformInjectable),
+      kubectlBinaryName: di.inject(kubectlBinaryNameInjectable),
+      bundledKubectlBinaryPath: di.inject(bundledKubectlBinaryPathInjectable),
+      baseBundeledBinariesDirectory: di.inject(baseBundledBinariesDirectoryInjectable),
+      bundledKubectlVersion: di.inject(bundledKubectlVersionInjectable),
+      kubectlVersionMap: di.inject(kubectlVersionMapInjectable),
+      logger: di.inject(loggerInjectable),
+      getDirnameOfPath: di.inject(getDirnameOfPathInjectable),
+      joinPaths: di.inject(joinPathsInjectable),
+      getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+    };
+
+    return (clusterVersion: string) => new Kubectl(dependencies, clusterVersion);
+  },
+});
+
+export default createKubectlInjectable;
diff --git a/packages/core/src/main/kubectl/delete-all-handler.injectable.ts b/packages/core/src/main/kubectl/delete-all-handler.injectable.ts
new file mode 100644
index 0000000000..00a8db6707
--- /dev/null
+++ b/packages/core/src/main/kubectl/delete-all-handler.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 emitAppEventInjectable from "../../common/app-event-bus/emit-event.injectable";
+import getClusterByIdInjectable from "../../common/cluster-store/get-by-id.injectable";
+import { kubectlDeleteAllChannel } from "../../common/kube-helpers/channels";
+import createResourceApplierInjectable from "../resource-applier/create-resource-applier.injectable";
+import { getRequestChannelListenerInjectable } from "../utils/channel/channel-listeners/listener-tokens";
+
+const kubectlDeleteAllChannelHandlerInjectable = getRequestChannelListenerInjectable({
+  channel: kubectlDeleteAllChannel,
+  handler: (di) => {
+    const emitAppEvent = di.inject(emitAppEventInjectable);
+    const getClusterById = di.inject(getClusterByIdInjectable);
+    const createResourceApplier = di.inject(createResourceApplierInjectable);
+
+    return async ({
+      clusterId,
+      extraArgs,
+      resources,
+    }) => {
+      emitAppEvent({ name: "cluster", action: "kubectl-delete-all" });
+
+      const cluster = getClusterById(clusterId);
+
+      if (!cluster) {
+        return {
+          callWasSuccessful: false,
+          error: `No cluster found for clusterId="${clusterId}"`,
+        };
+      }
+
+      return createResourceApplier(cluster).kubectlDeleteAll(resources, extraArgs);
+    };
+  },
+});
+
+export default kubectlDeleteAllChannelHandlerInjectable;
diff --git a/packages/core/src/main/kubectl/kubectl-apply-all.injectable.ts b/packages/core/src/main/kubectl/kubectl-apply-all.injectable.ts
new file mode 100644
index 0000000000..f65dd78c9b
--- /dev/null
+++ b/packages/core/src/main/kubectl/kubectl-apply-all.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 { kubectlApplyAllInjectionToken } from "../../common/kube-helpers/channels";
+import kubectlApplyAllChannelHandlerInjectable from "./apply-all-handler.injectable";
+
+const kubectlApplyAllInjectable = getInjectable({
+  id: "kubectl-apply-all",
+  instantiate: (di) => {
+    const channelHandler = di.inject(kubectlApplyAllChannelHandlerInjectable);
+
+    return async (req) => channelHandler.handler(req);
+  },
+  injectionToken: kubectlApplyAllInjectionToken,
+});
+
+export default kubectlApplyAllInjectable;
diff --git a/packages/core/src/main/kubectl/kubectl-delete-all.injectable.ts b/packages/core/src/main/kubectl/kubectl-delete-all.injectable.ts
new file mode 100644
index 0000000000..e97342b84f
--- /dev/null
+++ b/packages/core/src/main/kubectl/kubectl-delete-all.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 { kubectlDeleteAllInjectionToken } from "../../common/kube-helpers/channels";
+import kubectlDeleteAllChannelHandlerInjectable from "./delete-all-handler.injectable";
+
+const kubectlDeleteAllInjectable = getInjectable({
+  id: "kubectl-delete-all",
+  instantiate: (di) => {
+    const channel = di.inject(kubectlDeleteAllChannelHandlerInjectable);
+
+    return async (req) => channel.handler(req);
+  },
+  injectionToken: kubectlDeleteAllInjectionToken,
+});
+
+export default kubectlDeleteAllInjectable;
diff --git a/packages/core/src/main/kubectl/kubectl.ts b/packages/core/src/main/kubectl/kubectl.ts
new file mode 100644
index 0000000000..15773a2ef7
--- /dev/null
+++ b/packages/core/src/main/kubectl/kubectl.ts
@@ -0,0 +1,349 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import fs from "fs";
+import { promiseExecFile } from "../../common/utils/promise-exec";
+import { ensureDir, pathExists } from "fs-extra";
+import * as lockFile from "proper-lockfile";
+import { SemVer, coerce } from "semver";
+import { defaultPackageMirror, packageMirrors } from "../../common/user-store/preferences-helpers";
+import got from "got/dist/source";
+import { promisify } from "util";
+import stream from "stream";
+import { noop } from "lodash/fp";
+import type { JoinPaths } from "../../common/path/join-paths.injectable";
+import type { GetDirnameOfPath } from "../../common/path/get-dirname.injectable";
+import type { GetBasenameOfPath } from "../../common/path/get-basename.injectable";
+import type { NormalizedPlatform } from "../../common/vars/normalized-platform.injectable";
+import type { Logger } from "../../common/logger";
+
+const initScriptVersionString = "# lens-initscript v3";
+
+export interface KubectlDependencies {
+  readonly directoryForKubectlBinaries: string;
+  readonly normalizedDownloadPlatform: NormalizedPlatform;
+  readonly normalizedDownloadArch: "amd64" | "arm64" | "386";
+  readonly kubectlBinaryName: string;
+  readonly bundledKubectlBinaryPath: string;
+  readonly baseBundeledBinariesDirectory: string;
+  readonly userStore: {
+    readonly kubectlBinariesPath?: string;
+    readonly downloadBinariesPath?: string;
+    readonly downloadKubectlBinaries: boolean;
+    readonly downloadMirror: string;
+  };
+  readonly bundledKubectlVersion: string;
+  readonly kubectlVersionMap: Map<string, string>;
+  readonly logger: Logger;
+  joinPaths: JoinPaths;
+  getDirnameOfPath: GetDirnameOfPath;
+  getBasenameOfPath: GetBasenameOfPath;
+}
+
+export class Kubectl {
+  public readonly kubectlVersion: string;
+  protected readonly url: string;
+  protected readonly path: string;
+  protected readonly dirname: string;
+
+  public static invalidBundle = false;
+
+  constructor(protected readonly dependencies: KubectlDependencies, clusterVersion: string) {
+    let version: SemVer;
+    const bundledVersion = new SemVer(this.dependencies.bundledKubectlVersion);
+
+    try {
+      version = new SemVer(clusterVersion);
+    } catch {
+      version = bundledVersion;
+    }
+
+    const fromMajorMinor = this.dependencies.kubectlVersionMap.get(`${version.major}.${version.minor}`);
+
+    /**
+     * minorVersion is the first two digits of kube server version if the version map includes that,
+     * use that version, if not, fallback to the exact x.y.z of kube version
+     */
+    if (fromMajorMinor) {
+      this.kubectlVersion = fromMajorMinor;
+      this.dependencies.logger.debug(`Set kubectl version ${this.kubectlVersion} for cluster version ${clusterVersion} using version map`);
+    } else {
+      /* this is the version (without possible prelease tag) to get from the download mirror */
+      const ver = coerce(version.format()) ?? bundledVersion;
+
+      this.kubectlVersion = ver.format();
+      this.dependencies.logger.debug(`Set kubectl version ${this.kubectlVersion} for cluster version ${clusterVersion} using fallback`);
+    }
+
+    this.url = `${this.getDownloadMirror()}/v${this.kubectlVersion}/bin/${this.dependencies.normalizedDownloadPlatform}/${this.dependencies.normalizedDownloadArch}/${this.dependencies.kubectlBinaryName}`;
+    this.dirname = this.dependencies.joinPaths(this.getDownloadDir(), this.kubectlVersion);
+    this.path = this.dependencies.joinPaths(this.dirname, this.dependencies.kubectlBinaryName);
+  }
+
+  public getBundledPath() {
+    return this.dependencies.bundledKubectlBinaryPath;
+  }
+
+  public getPathFromPreferences() {
+    return this.dependencies.userStore.kubectlBinariesPath || this.getBundledPath();
+  }
+
+  protected getDownloadDir() {
+    if (this.dependencies.userStore.downloadBinariesPath) {
+      return this.dependencies.joinPaths(this.dependencies.userStore.downloadBinariesPath, "kubectl");
+    }
+
+    return this.dependencies.directoryForKubectlBinaries;
+  }
+
+  public getPath = async (bundled = false): Promise<string> => {
+    if (bundled) {
+      return this.getBundledPath();
+    }
+
+    if (this.dependencies.userStore.downloadKubectlBinaries === false) {
+      return this.getPathFromPreferences();
+    }
+
+    // return binary name if bundled path is not functional
+    if (!await this.checkBinary(this.getBundledPath(), false)) {
+      Kubectl.invalidBundle = true;
+
+      return this.dependencies.getBasenameOfPath(this.getBundledPath());
+    }
+
+    try {
+      if (!await this.ensureKubectl()) {
+        this.dependencies.logger.error("Failed to ensure kubectl, fallback to the bundled version");
+
+        return this.getBundledPath();
+      }
+
+      return this.path;
+    } catch (err) {
+      this.dependencies.logger.error("Failed to ensure kubectl, fallback to the bundled version", err);
+
+      return this.getBundledPath();
+    }
+  };
+
+  public async binDir() {
+    try {
+      await this.ensureKubectl();
+      await this.writeInitScripts();
+
+      return this.dirname;
+    } catch (err) {
+      this.dependencies.logger.error("Failed to get biniary directory", err);
+
+      return "";
+    }
+  }
+
+  public async checkBinary(path: string, checkVersion = true) {
+    const exists = await pathExists(path);
+
+    if (exists) {
+      try {
+        const args = [
+          "version",
+          "--client",
+          "--output", "json",
+        ];
+        const { stdout } = await promiseExecFile(path, args);
+        const output = JSON.parse(stdout);
+
+        if (!checkVersion) {
+          return true;
+        }
+        let version: string = output.clientVersion.gitVersion;
+
+        if (version[0] === "v") {
+          version = version.slice(1);
+        }
+
+        if (version === this.kubectlVersion) {
+          this.dependencies.logger.debug(`Local kubectl is version ${this.kubectlVersion}`);
+
+          return true;
+        }
+        this.dependencies.logger.error(`Local kubectl is version ${version}, expected ${this.kubectlVersion}, unlinking`);
+      } catch (error) {
+        this.dependencies.logger.error(`Local kubectl failed to run properly (${error}), unlinking`);
+      }
+      await fs.promises.unlink(this.path);
+    }
+
+    return false;
+  }
+
+  protected async checkBundled(): Promise<boolean> {
+    if (this.kubectlVersion === this.dependencies.bundledKubectlVersion) {
+      try {
+        const exist = await pathExists(this.path);
+
+        if (!exist) {
+          await fs.promises.copyFile(this.getBundledPath(), this.path);
+          await fs.promises.chmod(this.path, 0o755);
+        }
+
+        return true;
+      } catch (err) {
+        this.dependencies.logger.error(`Could not copy the bundled kubectl to app-data: ${err}`);
+
+        return false;
+      }
+    } else {
+      return false;
+    }
+  }
+
+  public async ensureKubectl(): Promise<boolean> {
+    if (this.dependencies.userStore.downloadKubectlBinaries === false) {
+      return true;
+    }
+
+    if (Kubectl.invalidBundle) {
+      this.dependencies.logger.error(`Detected invalid bundle binary, returning ...`);
+
+      return false;
+    }
+
+    await ensureDir(this.dirname, 0o755);
+
+    try {
+      const release = await lockFile.lock(this.dirname);
+
+      this.dependencies.logger.debug(`Acquired a lock for ${this.kubectlVersion}`);
+      const bundled = await this.checkBundled();
+      let isValid = await this.checkBinary(this.path, !bundled);
+
+      if (!isValid && !bundled) {
+        try {
+          await this.downloadKubectl();
+        } catch (error) {
+          this.dependencies.logger.error(`[KUBECTL]: failed to download kubectl`, error);
+          this.dependencies.logger.debug(`[KUBECTL]: Releasing lock for ${this.kubectlVersion}`);
+          await release();
+
+          return false;
+        }
+
+        isValid = await this.checkBinary(this.path, false);
+      }
+
+      if (!isValid) {
+        this.dependencies.logger.debug(`[KUBECTL]: Releasing lock for ${this.kubectlVersion}`);
+        await release();
+
+        return false;
+      }
+
+      this.dependencies.logger.debug(`[KUBECTL]: Releasing lock for ${this.kubectlVersion}`);
+      await release();
+
+      return true;
+    } catch (error) {
+      this.dependencies.logger.error(`[KUBECTL]: Failed to get a lock for ${this.kubectlVersion}`, error);
+
+      return false;
+    }
+  }
+
+  public async downloadKubectl() {
+    await ensureDir(this.dependencies.getDirnameOfPath(this.path), 0o755);
+
+    this.dependencies.logger.info(`Downloading kubectl ${this.kubectlVersion} from ${this.url} to ${this.path}`);
+
+    const downloadStream = got.stream({ url: this.url, decompress: true });
+    const fileWriteStream = fs.createWriteStream(this.path, { mode: 0o755 });
+    const pipeline = promisify(stream.pipeline);
+
+    try {
+      await pipeline(downloadStream, fileWriteStream);
+      await fs.promises.chmod(this.path, 0o755);
+      this.dependencies.logger.debug("kubectl binary download finished");
+    } catch (error) {
+      await fs.promises.unlink(this.path).catch(noop);
+      throw error;
+    }
+  }
+
+  protected async writeInitScripts() {
+    const binariesDir = this.dependencies.baseBundeledBinariesDirectory;
+    const kubectlPath = this.dependencies.userStore.downloadKubectlBinaries
+      ? this.dirname
+      : this.dependencies.getDirnameOfPath(this.getPathFromPreferences());
+
+    const bashScriptPath = this.dependencies.joinPaths(this.dirname, ".bash_set_path");
+    const bashScript = [
+      initScriptVersionString,
+      "tempkubeconfig=\"$KUBECONFIG\"",
+      "test -f \"/etc/profile\" && . \"/etc/profile\"",
+      "if test -f \"$HOME/.bash_profile\"; then",
+      "  . \"$HOME/.bash_profile\"",
+      "elif test -f \"$HOME/.bash_login\"; then",
+      "  . \"$HOME/.bash_login\"",
+      "elif test -f \"$HOME/.profile\"; then",
+      "  . \"$HOME/.profile\"",
+      "fi",
+      `export PATH="${kubectlPath}:${binariesDir}:$PATH"`,
+      'export KUBECONFIG="$tempkubeconfig"',
+      `NO_PROXY=",\${NO_PROXY:-localhost},"`,
+      `NO_PROXY="\${NO_PROXY//,localhost,/,}"`,
+      `NO_PROXY="\${NO_PROXY//,127.0.0.1,/,}"`,
+      `NO_PROXY="localhost,127.0.0.1\${NO_PROXY%,}"`,
+      "export NO_PROXY",
+      "unset tempkubeconfig",
+    ].join("\n");
+
+    const zshScriptPath = this.dependencies.joinPaths(this.dirname, ".zlogin");
+    const zshScript = [
+      initScriptVersionString,
+      "tempkubeconfig=\"$KUBECONFIG\"",
+
+      // restore previous ZDOTDIR
+      "export ZDOTDIR=\"$OLD_ZDOTDIR\"",
+
+      // source all the files
+      "test -f \"$OLD_ZDOTDIR/.zshenv\" && . \"$OLD_ZDOTDIR/.zshenv\"",
+      "test -f \"$OLD_ZDOTDIR/.zprofile\" && . \"$OLD_ZDOTDIR/.zprofile\"",
+      "test -f \"$OLD_ZDOTDIR/.zlogin\" && . \"$OLD_ZDOTDIR/.zlogin\"",
+      "test -f \"$OLD_ZDOTDIR/.zshrc\" && . \"$OLD_ZDOTDIR/.zshrc\"",
+
+      // voodoo to replace any previous occurrences of kubectl path in the PATH
+      `kubectlpath="${kubectlPath}"`,
+      `binariesDir="${binariesDir}"`,
+      "p=\":$kubectlpath:\"",
+      "d=\":$PATH:\"",
+      `d=\${d//$p/:}`,
+      `d=\${d/#:/}`,
+      `export PATH="$kubectlpath:$binariesDir:\${d/%:/}"`,
+      "export KUBECONFIG=\"$tempkubeconfig\"",
+      `NO_PROXY=",\${NO_PROXY:-localhost},"`,
+      `NO_PROXY="\${NO_PROXY//,localhost,/,}"`,
+      `NO_PROXY="\${NO_PROXY//,127.0.0.1,/,}"`,
+      `NO_PROXY="localhost,127.0.0.1\${NO_PROXY%,}"`,
+      "export NO_PROXY",
+      "unset tempkubeconfig",
+      "unset OLD_ZDOTDIR",
+    ].join("\n");
+
+    await Promise.all([
+      fs.promises.writeFile(bashScriptPath, bashScript, { mode: 0o644 }),
+      fs.promises.writeFile(zshScriptPath, zshScript, { mode: 0o644 }),
+    ]);
+  }
+
+  protected getDownloadMirror(): string {
+    // MacOS packages are only available from default
+
+    const { url } = packageMirrors.get(this.dependencies.userStore.downloadMirror)
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      ?? packageMirrors.get(defaultPackageMirror)!;
+
+    return url;
+  }
+}
diff --git a/packages/core/src/main/kubectl/normalized-arch.injectable.ts b/packages/core/src/main/kubectl/normalized-arch.injectable.ts
new file mode 100644
index 0000000000..e68d3da304
--- /dev/null
+++ b/packages/core/src/main/kubectl/normalized-arch.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 processArchInjectable from "../../common/vars/process-arch.injectable";
+
+const kubectlDownloadingNormalizedArchInjectable = getInjectable({
+  id: "kubectl-downloading-normalized-arch",
+  instantiate: (di) => {
+    const processArch = di.inject(processArchInjectable);
+
+    switch (processArch) {
+      case "arm64":
+        return "arm64";
+      case "x64":
+      case "amd64":
+        return "amd64";
+      case "386":
+      case "x32":
+      case "ia32":
+        return "386";
+      default:
+        throw new Error(`arch=${processArch} is unsupported`);
+    }
+  },
+});
+
+export default kubectlDownloadingNormalizedArchInjectable;
diff --git a/packages/core/src/main/kubectl/version-map.injectable.ts b/packages/core/src/main/kubectl/version-map.injectable.ts
new file mode 100644
index 0000000000..2beee76e0c
--- /dev/null
+++ b/packages/core/src/main/kubectl/version-map.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 bundledKubectlVersionInjectable from "../../common/vars/bundled-kubectl-version.injectable";
+
+const kubectlVersionMapInjectable = getInjectable({
+  id: "kubectl-version-map",
+  instantiate: (di) => {
+    const bundledKubectlVersion = di.inject(bundledKubectlVersionInjectable);
+
+    return new Map([
+      ["1.7", "1.8.15"],
+      ["1.8", "1.9.10"],
+      ["1.9", "1.10.13"],
+      ["1.10", "1.11.10"],
+      ["1.11", "1.12.10"],
+      ["1.12", "1.13.12"],
+      ["1.13", "1.13.12"],
+      ["1.14", "1.14.10"],
+      ["1.15", "1.15.11"],
+      ["1.16", "1.16.15"],
+      ["1.17", "1.17.17"],
+      ["1.18", "1.18.20"],
+      ["1.19", "1.19.12"],
+      ["1.20", "1.20.8"],
+      ["1.21", "1.21.9"],
+      ["1.22", "1.22.6"],
+      ["1.23", bundledKubectlVersion],
+    ]);
+  },
+});
+
+export default kubectlVersionMapInjectable;
diff --git a/packages/core/src/main/lens-proxy/get-cluster-for-request.injectable.ts b/packages/core/src/main/lens-proxy/get-cluster-for-request.injectable.ts
new file mode 100644
index 0000000000..7d529540d1
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/get-cluster-for-request.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 getClusterByIdInjectable from "../../common/cluster-store/get-by-id.injectable";
+import { getClusterIdFromHost } from "../../common/utils";
+import { apiKubePrefix } from "../../common/vars";
+import type { GetClusterForRequest } from "./lens-proxy";
+
+const getClusterForRequestInjectable = getInjectable({
+  id: "get-cluster-for-request",
+  instantiate: (di): GetClusterForRequest => {
+    const getClusterById = di.inject(getClusterByIdInjectable);
+
+    return (req) => {
+      if (!req.headers.host) {
+        return undefined;
+      }
+
+      // lens-server is connecting to 127.0.0.1:<port>/<uid>
+      if (req.url && req.headers.host.startsWith("127.0.0.1")) {
+        const clusterId = req.url.split("/")[1];
+        const cluster = getClusterById(clusterId);
+
+        if (cluster) {
+        // we need to swap path prefix so that request is proxied to kube api
+          req.url = req.url.replace(`/${clusterId}`, apiKubePrefix);
+        }
+
+        return cluster;
+      }
+
+      const clusterId = getClusterIdFromHost(req.headers.host);
+
+      if (!clusterId) {
+        return undefined;
+      }
+
+      return getClusterById(clusterId);
+    };
+  },
+});
+
+export default getClusterForRequestInjectable;
diff --git a/packages/core/src/main/lens-proxy/lens-proxy-certificate-request-handler.injectable.ts b/packages/core/src/main/lens-proxy/lens-proxy-certificate-request-handler.injectable.ts
new file mode 100644
index 0000000000..c26d1ac275
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/lens-proxy-certificate-request-handler.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 type { SelfSignedCert } from "selfsigned";
+import { lensProxyCertificateChannel } from "../../common/certificate/lens-proxy-certificate-channel";
+import { getRequestChannelListenerInjectable } from "../utils/channel/channel-listeners/listener-tokens";
+import lensProxyCertificateInjectable from "../../common/certificate/lens-proxy-certificate.injectable";
+
+const lensProxyCertificateRequestHandlerInjectable = getRequestChannelListenerInjectable({
+  channel: lensProxyCertificateChannel,
+  handler: (di) => {
+    const lensProxyCertificate = di.inject(lensProxyCertificateInjectable).get() as SelfSignedCert;
+
+    return () => ({
+      cert: lensProxyCertificate.cert,
+      public: lensProxyCertificate.public,
+      private: "",
+    });
+  },
+});
+
+export default lensProxyCertificateRequestHandlerInjectable;
diff --git a/packages/core/src/main/lens-proxy/lens-proxy-port.injectable.ts b/packages/core/src/main/lens-proxy/lens-proxy-port.injectable.ts
new file mode 100644
index 0000000000..e6826f6df0
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/lens-proxy-port.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";
+
+const lensProxyPortInjectable = getInjectable({
+  id: "lens-proxy-port",
+
+  instantiate: () => {
+    let _portNumber: number;
+
+    return {
+      get: () => {
+        if (!_portNumber) {
+          throw new Error(
+            "Tried to access port number of LensProxy while it has not been set yet.",
+          );
+        }
+
+        return _portNumber;
+      },
+
+      set: (portNumber: number) => {
+        if (_portNumber) {
+          throw new Error(
+            "Tried to set port number for LensProxy when it has already been set.",
+          );
+        }
+
+        _portNumber = portNumber;
+      },
+    };
+  },
+});
+
+export default lensProxyPortInjectable;
diff --git a/packages/core/src/main/lens-proxy/lens-proxy.injectable.ts b/packages/core/src/main/lens-proxy/lens-proxy.injectable.ts
new file mode 100644
index 0000000000..541ef18cc3
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/lens-proxy.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 { LensProxy } from "./lens-proxy";
+import { kubeApiUpgradeRequest } from "./proxy-functions";
+import routerInjectable from "../router/router.injectable";
+import httpProxy from "http-proxy";
+import shellApiRequestInjectable from "./proxy-functions/shell-api-request.injectable";
+import lensProxyPortInjectable from "./lens-proxy-port.injectable";
+import contentSecurityPolicyInjectable from "../../common/vars/content-security-policy.injectable";
+import emitAppEventInjectable from "../../common/app-event-bus/emit-event.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import lensProxyCertificateInjectable from "../../common/certificate/lens-proxy-certificate.injectable";
+import getClusterForRequestInjectable from "./get-cluster-for-request.injectable";
+
+const lensProxyInjectable = getInjectable({
+  id: "lens-proxy",
+
+  instantiate: (di) => new LensProxy({
+    router: di.inject(routerInjectable),
+    proxy: httpProxy.createProxy(),
+    kubeApiUpgradeRequest,
+    shellApiRequest: di.inject(shellApiRequestInjectable),
+    getClusterForRequest: di.inject(getClusterForRequestInjectable),
+    lensProxyPort: di.inject(lensProxyPortInjectable),
+    contentSecurityPolicy: di.inject(contentSecurityPolicyInjectable),
+    emitAppEvent: di.inject(emitAppEventInjectable),
+    logger: di.inject(loggerInjectable),
+    certificate: di.inject(lensProxyCertificateInjectable).get(),
+  }),
+});
+
+export default lensProxyInjectable;
diff --git a/packages/core/src/main/lens-proxy/lens-proxy.ts b/packages/core/src/main/lens-proxy/lens-proxy.ts
new file mode 100644
index 0000000000..1a5acdd9f2
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/lens-proxy.ts
@@ -0,0 +1,252 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import net from "net";
+import https from "https";
+import type http from "http";
+import type httpProxy from "http-proxy";
+import { apiPrefix, apiKubePrefix } from "../../common/vars";
+import type { Router } from "../router/router";
+import type { ClusterContextHandler } from "../context-handler/context-handler";
+import type { Cluster } from "../../common/cluster/cluster";
+import type { ProxyApiRequestArgs } from "./proxy-functions";
+import { getBoolean } from "../utils/parse-query";
+import assert from "assert";
+import type { SetRequired } from "type-fest";
+import type { EmitAppEvent } from "../../common/app-event-bus/emit-event.injectable";
+import type { Logger } from "../../common/logger";
+import type { SelfSignedCert } from "selfsigned";
+
+export type GetClusterForRequest = (req: http.IncomingMessage) => Cluster | undefined;
+export type ServerIncomingMessage = SetRequired<http.IncomingMessage, "url" | "method">;
+export type LensProxyApiRequest = (args: ProxyApiRequestArgs) => void | Promise<void>;
+
+interface Dependencies {
+  getClusterForRequest: GetClusterForRequest;
+  shellApiRequest: LensProxyApiRequest;
+  kubeApiUpgradeRequest: LensProxyApiRequest;
+  emitAppEvent: EmitAppEvent;
+  readonly router: Router;
+  readonly proxy: httpProxy;
+  readonly lensProxyPort: { set: (portNumber: number) => void };
+  readonly contentSecurityPolicy: string;
+  readonly logger: Logger;
+  readonly certificate: SelfSignedCert;
+}
+
+const watchParam = "watch";
+const followParam = "follow";
+
+export function isLongRunningRequest(reqUrl: string) {
+  const url = new URL(reqUrl, "http://localhost");
+
+  return getBoolean(url.searchParams, watchParam) || getBoolean(url.searchParams, followParam);
+}
+
+/**
+ * This is the list of ports that chrome considers unsafe to allow HTTP
+ * conntections to. Because they are the standard ports for processes that are
+ * too forgiving in the connection types they accept.
+ *
+ * If we get one of these ports, the easiest thing to do is to just try again.
+ *
+ * Source: https://chromium.googlesource.com/chromium/src.git/+/refs/heads/main/net/base/port_util.cc
+ */
+const disallowedPorts = new Set([
+  1, 7, 9, 11, 13, 15, 17, 19, 20, 21, 22, 23, 25, 37, 42, 43, 53, 69, 77, 79,
+  87, 95, 101, 102, 103, 104, 109, 110, 111, 113, 115, 117, 119, 123, 135, 137,
+  139, 143, 161, 179, 389, 427, 465, 512, 513, 514, 515, 526, 530, 531, 532,
+  540, 548, 554, 556, 563, 587, 601, 636, 989, 990, 993, 995, 1719, 1720, 1723,
+  2049, 3659, 4045, 5060, 5061, 6000, 6566, 6665, 6666, 6667, 6668, 6669, 6697,
+  10080,
+]);
+
+export class LensProxy {
+  protected proxyServer: https.Server;
+  protected closed = false;
+  protected retryCounters = new Map<string, number>();
+
+  constructor(private readonly dependencies: Dependencies) {
+    this.configureProxy(dependencies.proxy);
+
+    this.proxyServer = https.createServer(
+      {
+        key: dependencies.certificate.private,
+        cert: dependencies.certificate.cert,
+      },
+      (req, res) => {
+        this.handleRequest(req as ServerIncomingMessage, res);
+      },
+    );
+
+    this.proxyServer
+      .on("upgrade", (req: ServerIncomingMessage, socket: net.Socket, head: Buffer) => {
+        const cluster = this.dependencies.getClusterForRequest(req);
+
+        if (!cluster) {
+          this.dependencies.logger.error(`[LENS-PROXY]: Could not find cluster for upgrade request from url=${req.url}`);
+          socket.destroy();
+        } else {
+          const isInternal = req.url.startsWith(`${apiPrefix}?`);
+          const reqHandler = isInternal ? this.dependencies.shellApiRequest : this.dependencies.kubeApiUpgradeRequest;
+
+          (async () => reqHandler({ req, socket, head, cluster }))()
+            .catch(error => this.dependencies.logger.error("[LENS-PROXY]: failed to handle proxy upgrade", error));
+        }
+      });
+  }
+
+  /**
+   * Starts to listen on an OS provided port. Will reject if the server throws
+   * an error.
+   *
+   * Resolves with the port number that was picked
+   */
+  private attemptToListen(): Promise<number> {
+    return new Promise<number>((resolve, reject) => {
+      this.proxyServer.listen(0, "127.0.0.1");
+
+      this.proxyServer
+        .once("listening", () => {
+          this.proxyServer.removeAllListeners("error"); // don't reject the promise
+
+          const { address, port } = this.proxyServer.address() as net.AddressInfo;
+
+          this.dependencies.lensProxyPort.set(port);
+
+          this.dependencies.logger.info(`[LENS-PROXY]: Proxy server has started at ${address}:${port}`);
+
+          this.proxyServer.on("error", (error) => {
+            this.dependencies.logger.info(`[LENS-PROXY]: Subsequent error: ${error}`);
+          });
+
+          this.dependencies.emitAppEvent({ name: "lens-proxy", action: "listen", params: { port }});
+          resolve(port);
+        })
+        .once("error", (error) => {
+          this.dependencies.logger.info(`[LENS-PROXY]: Proxy server failed to start: ${error}`);
+          reject(error);
+        });
+    });
+  }
+
+  /**
+   * Starts the lens proxy.
+   * @resolves After the server is listening on a good port
+   * @rejects if there is an error before that happens
+   */
+  async listen(): Promise<void> {
+    const seenPorts = new Set<number>();
+
+    while(true) {
+      this.proxyServer?.close();
+      const port = await this.attemptToListen();
+
+      if (!disallowedPorts.has(port)) {
+        // We didn't get a port that would result in an ERR_UNSAFE_PORT error, use it
+        return;
+      }
+
+      this.dependencies.logger.warn(`[LENS-PROXY]: Proxy server has with port known to be considered unsafe to connect to by chrome, restarting...`);
+
+      if (seenPorts.has(port)) {
+        /**
+         * Assume that if we have seen the port before, then the OS has looped
+         * through all the ports possible and we will not be able to get a safe
+         * port.
+         */
+        throw new Error("Failed to start LensProxy due to seeing too many unsafe ports. Please restart Lens.");
+      } else {
+        seenPorts.add(port);
+      }
+    }
+  }
+
+  close() {
+    this.dependencies.logger.info("[LENS-PROXY]: Closing server");
+
+    this.proxyServer.close();
+    this.closed = true;
+  }
+
+  protected configureProxy(proxy: httpProxy): httpProxy {
+    proxy.on("proxyRes", (proxyRes, req, res) => {
+      const retryCounterId = this.getRequestId(req);
+
+      if (this.retryCounters.has(retryCounterId)) {
+        this.retryCounters.delete(retryCounterId);
+      }
+
+      proxyRes.on("aborted", () => { // happens when proxy target aborts connection
+        res.end();
+      });
+    });
+
+    proxy.on("error", (error, req, res, target) => {
+      if (this.closed || res instanceof net.Socket) {
+        return;
+      }
+
+      this.dependencies.logger.error(`[LENS-PROXY]: http proxy errored for cluster: ${error}`, { url: req.url });
+
+      if (target) {
+        this.dependencies.logger.debug(`Failed proxy to target: ${JSON.stringify(target, null, 2)}`);
+
+        if (req.method === "GET" && (!res.statusCode || res.statusCode >= 500)) {
+          const reqId = this.getRequestId(req);
+          const retryCount = this.retryCounters.get(reqId) || 0;
+          const timeoutMs = retryCount * 250;
+
+          if (retryCount < 20) {
+            this.dependencies.logger.debug(`Retrying proxy request to url: ${reqId}`);
+            setTimeout(() => {
+              this.retryCounters.set(reqId, retryCount + 1);
+              this.handleRequest(req as ServerIncomingMessage, res)
+                .catch(error => this.dependencies.logger.error(`[LENS-PROXY]: failed to handle request on proxy error: ${error}`));
+            }, timeoutMs);
+          }
+        }
+      }
+
+      try {
+        res.writeHead(500).end(`Oops, something went wrong.\n${error}`);
+      } catch (e) {
+        this.dependencies.logger.error(`[LENS-PROXY]: Failed to write headers: `, e);
+      }
+    });
+
+    return proxy;
+  }
+
+  protected async getProxyTarget(req: http.IncomingMessage, contextHandler: ClusterContextHandler): Promise<httpProxy.ServerOptions | void> {
+    if (req.url?.startsWith(apiKubePrefix)) {
+      delete req.headers.authorization;
+      req.url = req.url.replace(apiKubePrefix, "");
+
+      return contextHandler.getApiTarget(isLongRunningRequest(req.url));
+    }
+  }
+
+  protected getRequestId(req: http.IncomingMessage): string {
+    assert(req.headers.host);
+
+    return req.headers.host + req.url;
+  }
+
+  protected async handleRequest(req: ServerIncomingMessage, res: http.ServerResponse) {
+    const cluster = this.dependencies.getClusterForRequest(req);
+
+    if (cluster) {
+      const proxyTarget = await this.getProxyTarget(req, cluster.contextHandler);
+
+      if (proxyTarget) {
+        return this.dependencies.proxy.web(req, res, proxyTarget);
+      }
+    }
+
+    res.setHeader("Content-Security-Policy", this.dependencies.contentSecurityPolicy);
+    await this.dependencies.router.route(cluster, req, res);
+  }
+}
diff --git a/packages/core/src/main/lens-proxy/proxy-functions/index.ts b/packages/core/src/main/lens-proxy/proxy-functions/index.ts
new file mode 100644
index 0000000000..5d374825ee
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/proxy-functions/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export * from "./kube-api-upgrade-request";
+export * from "./types";
diff --git a/packages/core/src/main/lens-proxy/proxy-functions/kube-api-upgrade-request.ts b/packages/core/src/main/lens-proxy/proxy-functions/kube-api-upgrade-request.ts
new file mode 100644
index 0000000000..ddd8e66261
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/proxy-functions/kube-api-upgrade-request.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 { chunk } from "lodash";
+import type { ConnectionOptions } from "tls";
+import { connect } from "tls";
+import url from "url";
+import { apiKubePrefix } from "../../../common/vars";
+import type { ProxyApiRequestArgs } from "./types";
+
+const skipRawHeaders = new Set(["Host", "Authorization"]);
+
+export async function kubeApiUpgradeRequest({ req, socket, head, cluster }: ProxyApiRequestArgs) {
+  const proxyUrl = await cluster.contextHandler.resolveAuthProxyUrl() + req.url.replace(apiKubePrefix, "");
+  const proxyCa = cluster.contextHandler.resolveAuthProxyCa();
+  const apiUrl = url.parse(cluster.apiUrl);
+  const pUrl = url.parse(proxyUrl);
+  const connectOpts: ConnectionOptions = {
+    port: pUrl.port ? parseInt(pUrl.port) : undefined,
+    host: pUrl.hostname ?? undefined,
+    ca: proxyCa,
+  };
+
+  const proxySocket = connect(connectOpts, () => {
+    proxySocket.write(`${req.method} ${pUrl.path} HTTP/1.1\r\n`);
+    proxySocket.write(`Host: ${apiUrl.host}\r\n`);
+
+    for (const [key, value] of chunk(req.rawHeaders, 2)) {
+      if (skipRawHeaders.has(key)) {
+        continue;
+      }
+
+      proxySocket.write(`${key}: ${value}\r\n`);
+    }
+
+    proxySocket.write("\r\n");
+    proxySocket.write(head);
+  });
+
+  proxySocket.setKeepAlive(true);
+  socket.setKeepAlive(true);
+  proxySocket.setTimeout(0);
+  socket.setTimeout(0);
+
+  proxySocket.on("data", function (chunk) {
+    socket.write(chunk);
+  });
+  proxySocket.on("end", function () {
+    socket.end();
+  });
+  proxySocket.on("error", function () {
+    socket.write(`HTTP/${req.httpVersion} 500 Connection error\r\n\r\n`);
+    socket.end();
+  });
+  socket.on("data", function (chunk) {
+    proxySocket.write(chunk);
+  });
+  socket.on("end", function () {
+    proxySocket.end();
+  });
+  socket.on("error", function () {
+    proxySocket.end();
+  });
+}
diff --git a/packages/core/src/main/lens-proxy/proxy-functions/shell-api-request.injectable.ts b/packages/core/src/main/lens-proxy/proxy-functions/shell-api-request.injectable.ts
new file mode 100644
index 0000000000..afaf2a870d
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/proxy-functions/shell-api-request.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 shellRequestAuthenticatorInjectable from "./shell-request-authenticator/shell-request-authenticator.injectable";
+import openShellSessionInjectable from "../../shell-session/create-shell-session.injectable";
+import type { LensProxyApiRequest } from "../lens-proxy";
+import URLParse from "url-parse";
+import { Server as WebSocketServer } from "ws";
+import loggerInjectable from "../../../common/logger.injectable";
+import getClusterForRequestInjectable from "../get-cluster-for-request.injectable";
+
+const shellApiRequestInjectable = getInjectable({
+  id: "shell-api-request",
+
+  instantiate: (di): LensProxyApiRequest => {
+    const openShellSession = di.inject(openShellSessionInjectable);
+    const authenticateRequest = di.inject(shellRequestAuthenticatorInjectable).authenticate;
+    const getClusterForRequest = di.inject(getClusterForRequestInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return ({ req, socket, head }) => {
+      const cluster = getClusterForRequest(req);
+      const { query: { node: nodeName, shellToken, id: tabId }} = new URLParse(req.url, true);
+
+      if (!tabId || !cluster || !authenticateRequest(cluster.id, tabId, shellToken)) {
+        socket.write("Invalid shell request");
+        socket.end();
+      } else {
+        const ws = new WebSocketServer({ noServer: true });
+
+        ws.handleUpgrade(req, socket, head, (websocket) => {
+          openShellSession({ websocket, cluster, tabId, nodeName })
+            .catch(error => logger.error(`[SHELL-SESSION]: failed to open a ${nodeName ? "node" : "local"} shell`, error));
+        });
+      }
+    };
+  },
+});
+
+export default shellApiRequestInjectable;
diff --git a/packages/core/src/main/lens-proxy/proxy-functions/shell-request-authenticator/shell-request-authenticator.injectable.ts b/packages/core/src/main/lens-proxy/proxy-functions/shell-request-authenticator/shell-request-authenticator.injectable.ts
new file mode 100644
index 0000000000..c273f105d0
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/proxy-functions/shell-request-authenticator/shell-request-authenticator.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 { ShellRequestAuthenticator } from "./shell-request-authenticator";
+
+const shellRequestAuthenticatorInjectable = getInjectable({
+  id: "shell-request-authenticator",
+
+  instantiate: () => {
+    const authenticator = new ShellRequestAuthenticator();
+
+    authenticator.init();
+
+    return authenticator;
+  },
+});
+
+export default shellRequestAuthenticatorInjectable;
diff --git a/packages/core/src/main/lens-proxy/proxy-functions/shell-request-authenticator/shell-request-authenticator.ts b/packages/core/src/main/lens-proxy/proxy-functions/shell-request-authenticator/shell-request-authenticator.ts
new file mode 100644
index 0000000000..ab5e46eb77
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/proxy-functions/shell-request-authenticator/shell-request-authenticator.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 { getOrInsertMap } from "../../../../common/utils";
+import type { ClusterId } from "../../../../common/cluster-types";
+import { ipcMainHandle } from "../../../../common/ipc";
+import crypto from "crypto";
+import { promisify } from "util";
+
+const randomBytes = promisify(crypto.randomBytes);
+
+export class ShellRequestAuthenticator {
+  private tokens = new Map<ClusterId, Map<string, Uint8Array>>();
+
+  init() {
+    ipcMainHandle("cluster:shell-api", async (event, clusterId, tabId) => {
+      const authToken = Uint8Array.from(await randomBytes(128));
+      const forCluster = getOrInsertMap(this.tokens, clusterId);
+
+      forCluster.set(tabId, authToken);
+
+      return authToken;
+    });
+  }
+
+  /**
+   * Authenticates a single use token for creating a new shell
+   * @param clusterId The `ClusterId` for the shell
+   * @param tabId The ID for the shell
+   * @param token The value that is being presented as a one time authentication token
+   * @returns `true` if `token` was valid, false otherwise
+   */
+  authenticate = (clusterId: ClusterId, tabId: string, token: string | undefined): boolean => {
+    const clusterTokens = this.tokens.get(clusterId);
+
+    if (!clusterTokens || !tabId || !token) {
+      return false;
+    }
+
+    const authToken = clusterTokens.get(tabId);
+    const buf = Uint8Array.from(Buffer.from(token, "base64"));
+
+    if (authToken instanceof Uint8Array && authToken.length === buf.length && crypto.timingSafeEqual(authToken, buf)) {
+      // remove the token because it is a single use token
+      clusterTokens.delete(tabId);
+
+      return true;
+    }
+
+    return false;
+  };
+}
diff --git a/packages/core/src/main/lens-proxy/proxy-functions/types.ts b/packages/core/src/main/lens-proxy/proxy-functions/types.ts
new file mode 100644
index 0000000000..b6592ad244
--- /dev/null
+++ b/packages/core/src/main/lens-proxy/proxy-functions/types.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 type http from "http";
+import type net from "net";
+import type { SetRequired } from "type-fest";
+import type { Cluster } from "../../../common/cluster/cluster";
+
+export interface ProxyApiRequestArgs {
+  req: SetRequired<http.IncomingMessage, "url" | "method">;
+  socket: net.Socket;
+  head: Buffer;
+  cluster: Cluster;
+}
diff --git a/packages/core/src/main/library.ts b/packages/core/src/main/library.ts
new file mode 100644
index 0000000000..f10d36929d
--- /dev/null
+++ b/packages/core/src/main/library.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 { afterApplicationIsLoadedInjectionToken } from "./start-main-application/runnable-tokens/after-application-is-loaded-injection-token";
+import { beforeApplicationIsLoadingInjectionToken } from "./start-main-application/runnable-tokens/before-application-is-loading-injection-token";
+import { beforeElectronIsReadyInjectionToken } from "./start-main-application/runnable-tokens/before-electron-is-ready-injection-token";
+import { onLoadOfApplicationInjectionToken } from "./start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import * as extensionApi from "./extension-api";
+import { createApp } from "./create-app";
+
+// @experimental
+export { 
+  createApp,
+  extensionApi,
+  afterApplicationIsLoadedInjectionToken,
+  beforeApplicationIsLoadingInjectionToken,
+  beforeElectronIsReadyInjectionToken,
+  onLoadOfApplicationInjectionToken,
+};
diff --git a/packages/core/src/main/logger/console-format.ts b/packages/core/src/main/logger/console-format.ts
new file mode 100644
index 0000000000..e9aeb30786
--- /dev/null
+++ b/packages/core/src/main/logger/console-format.ts
@@ -0,0 +1,185 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { LEVEL, MESSAGE, SPLAT } from "triple-beam";
+import chalk from "chalk";
+import type { InspectOptions } from "util";
+import { inspect } from "util";
+import { omit } from "lodash";
+
+// The following license was copied from https://github.com/duccio/winston-console-format/blob/master/LICENSE
+// This was modified to support formatting causes
+
+/*
+The MIT License (MIT)
+
+Copyright (c) 2014-2015 Eugeny Dementev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+*/
+
+export interface ConsoleFormatOptions {
+  showMeta?: boolean;
+  metaStrip?: string[];
+  inspectOptions?: InspectOptions;
+}
+
+interface TransformableInfo {
+  level: string;
+  message: string;
+  [key: string | symbol]: any;
+}
+
+export class ConsoleFormat {
+  private static readonly reSpaces = /^\s+/;
+  private static readonly reSpacesOrEmpty = /^(\s*)/;
+  // eslint-disable-next-line no-control-regex
+  private static readonly reColor = /\x1B\[\d+m/;
+  private static readonly defaultStrip = [LEVEL, MESSAGE, SPLAT, "level", "message", "ms", "stack"];
+  private static readonly chars = {
+    singleLine: "▪",
+    startLine: "┏",
+    line: "┃",
+    endLine: "┗",
+  };
+
+  private readonly showMeta: boolean;
+  private readonly metaStrip: string[];
+  private readonly inspectOptions: InspectOptions;
+
+  public constructor(opts?: ConsoleFormatOptions) {
+    this.showMeta = opts?.showMeta ?? true;
+    this.metaStrip = opts?.metaStrip ?? [];
+    this.inspectOptions = opts?.inspectOptions ?? {};
+  }
+
+  private getLines(value: unknown): string[] {
+    return inspect(value, this.inspectOptions).split("\n");
+  }
+
+  private message(info: TransformableInfo, chr: string, color: string): string {
+    const message = info.message.replace(
+      ConsoleFormat.reSpacesOrEmpty,
+      `$1${color}${chalk.dim(chr)}${chalk.reset(" ")}`,
+    );
+
+    return `${info.level}:${message}`;
+  }
+
+  private pad(message?: string): string {
+    return message?.match(ConsoleFormat.reSpaces)?.[0] ?? "";
+  }
+
+  private ms(info: TransformableInfo): string {
+    if (info.ms) {
+      return chalk.italic(chalk.dim(` ${info.ms}`));
+    }
+
+    return "";
+  }
+
+  private stack(info: TransformableInfo): string[] {
+    const messages: string[] = [];
+
+    if (info.stack) {
+      const error = new Error();
+
+      error.stack = info.stack;
+      messages.push(...this.getLines(error));
+    }
+
+    return messages;
+  }
+
+  private _cause(source: unknown): string[] {
+    const messages: string[] = [];
+
+    if (source instanceof Error && source.cause) {
+      messages.push("Cause:");
+      messages.push(...this.getLines(omit(source.cause, "response")).map(l => `    ${l}`));
+      messages.push(...this._cause(source.cause));
+    }
+
+    return messages;
+  }
+
+  private cause(info: TransformableInfo): string[] {
+    const splats = info[SPLAT];
+
+    if (Array.isArray(splats)) {
+      return splats.flatMap(splat => this._cause(splat));
+    }
+
+    return [];
+  }
+
+  private meta(info: TransformableInfo): string[] {
+    const messages: string[] = [];
+    const stripped = { ...info };
+
+    ConsoleFormat.defaultStrip.forEach((e) => delete stripped[e]);
+    this.metaStrip?.forEach((e) => delete stripped[e]);
+
+    if (Object.keys(stripped).length > 0) {
+      messages.push(...this.getLines(stripped));
+    }
+
+    return messages;
+  }
+
+  private getColor(info: TransformableInfo): string {
+    return info.level.match(ConsoleFormat.reColor)?.[0] ?? "";
+  }
+
+  private write(info: TransformableInfo, messages: string[], color: string): void {
+    const pad = this.pad(info.message);
+
+    messages.forEach((line, index, arr) => {
+      const lineNumber = chalk.dim(`[${(index + 1).toString().padStart(arr.length.toString().length, " ")}]`);
+      let chr = ConsoleFormat.chars.line;
+
+      if (index === arr.length - 1) {
+        chr = ConsoleFormat.chars.endLine;
+      }
+      info[MESSAGE] += `\n${chalk.dim(info.level)}:${pad}${color}${chalk.dim(chr)}${chalk.reset(" ")}`;
+      info[MESSAGE] += `${lineNumber} ${line}`;
+    });
+  }
+
+  public transform(info: TransformableInfo): TransformableInfo {
+    const messages: string[] = [];
+
+    if (this.showMeta) {
+      messages.push(...this.stack(info));
+      messages.push(...this.meta(info));
+      messages.push(...this.cause(info));
+    }
+
+    const color = this.getColor(info);
+
+    info[MESSAGE] = this.message(info, ConsoleFormat.chars[messages.length > 0 ? "startLine" : "singleLine"], color);
+    info[MESSAGE] += this.ms(info);
+
+    this.write(info, messages, color);
+
+    return info;
+  }
+}
diff --git a/packages/core/src/main/logger/console-transport.injectable.ts b/packages/core/src/main/logger/console-transport.injectable.ts
new file mode 100644
index 0000000000..8200eafe2a
--- /dev/null
+++ b/packages/core/src/main/logger/console-transport.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 { format, transports } from "winston";
+import { ConsoleFormat } from "./console-format";
+import { loggerTransportInjectionToken } from "../../common/logger/transports";
+import logLevelInjectable from "./level.injectable";
+
+const consoleLoggerTransportInjectable = getInjectable({
+  id: "console-logger-transport",
+  instantiate: (di) => new transports.Console({
+    handleExceptions: false,
+    level: di.inject(logLevelInjectable),
+    format: format.combine(
+      format.colorize({ level: true, message: false }),
+      format.padLevels(),
+      format.ms(),
+      new ConsoleFormat({
+        showMeta: true,
+        inspectOptions: {
+          depth: 4,
+          colors: true,
+          maxArrayLength: 10,
+          breakLength: 120,
+          compact: Infinity,
+        },
+      }),
+    ),
+  }),
+  injectionToken: loggerTransportInjectionToken,
+});
+
+export default consoleLoggerTransportInjectable;
diff --git a/packages/core/src/main/logger/file-transport.injectable.ts b/packages/core/src/main/logger/file-transport.injectable.ts
new file mode 100644
index 0000000000..2f1eab5c0c
--- /dev/null
+++ b/packages/core/src/main/logger/file-transport.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 { transports } from "winston";
+import directoryForLogsInjectable from "../../common/app-paths/directory-for-logs.injectable";
+import { loggerTransportInjectionToken } from "../../common/logger/transports";
+
+const fileLoggerTranportInjectable = getInjectable({
+  id: "file-logger-tranport",
+  instantiate: (di) => new transports.File({
+    handleExceptions: false,
+    level: "debug",
+    filename: "lens.log",
+    /**
+         * SAFTEY: the `ipcMain` check above should mean that this is only
+         * called in the main process
+         */
+    dirname: di.inject(directoryForLogsInjectable),
+    maxsize: 1024 * 1024,
+    maxFiles: 16,
+    tailable: true,
+  }),
+  injectionToken: loggerTransportInjectionToken,
+});
+
+export default fileLoggerTranportInjectable;
diff --git a/packages/core/src/main/logger/level.global-override-for-injectable.ts b/packages/core/src/main/logger/level.global-override-for-injectable.ts
new file mode 100644
index 0000000000..ac29c9ee1a
--- /dev/null
+++ b/packages/core/src/main/logger/level.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 logLevelInjectable from "./level.injectable";
+
+export default getGlobalOverride(logLevelInjectable, () => "error");
diff --git a/packages/core/src/main/logger/level.injectable.ts b/packages/core/src/main/logger/level.injectable.ts
new file mode 100644
index 0000000000..7ee1b9d587
--- /dev/null
+++ b/packages/core/src/main/logger/level.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 isDebuggingInjectable from "../../common/vars/is-debugging.injectable";
+
+export type LogLevel = "silly" | "debug" | "info" | "warn" | "error";
+
+const logLevelInjectable = getInjectable({
+  id: "log-level",
+  instantiate: (di): LogLevel => {
+    const isDebugging = di.inject(isDebuggingInjectable);
+    const baseLevel = process.env.LOG_LEVEL?.toLowerCase();
+
+    switch (baseLevel) {
+      case "silly":
+      case "debug":
+      case "info":
+      case "warn":
+      case "error":
+        return baseLevel;
+      default:
+        return isDebugging ? "debug" : "info";
+    }
+  },
+  causesSideEffects: true,
+});
+
+export default logLevelInjectable;
diff --git a/packages/core/src/main/navigate-to-route/navigate-to-route.injectable.ts b/packages/core/src/main/navigate-to-route/navigate-to-route.injectable.ts
new file mode 100644
index 0000000000..e097bf1569
--- /dev/null
+++ b/packages/core/src/main/navigate-to-route/navigate-to-route.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 { navigateToUrlInjectionToken } from "../../common/front-end-routing/navigate-to-url-injection-token";
+import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
+import { buildURL } from "../../common/utils/buildUrl";
+
+const navigateToRouteInjectable = getInjectable({
+  id: "navigate-to-route",
+
+  instantiate: (di) => {
+    const navigateToUrl = di.inject(navigateToUrlInjectionToken);
+
+    return async (route, options) => {
+      const url = buildURL(route.path, {
+        // TODO: enhance typing
+        params: options?.parameters as any,
+        query: options?.query,
+        fragment: options?.fragment,
+      });
+
+      await navigateToUrl(url, options);
+    };
+  },
+
+  injectionToken: navigateToRouteInjectionToken,
+});
+
+export default navigateToRouteInjectable;
diff --git a/packages/core/src/main/navigate-to-url/navigate-to-url.injectable.ts b/packages/core/src/main/navigate-to-url/navigate-to-url.injectable.ts
new file mode 100644
index 0000000000..fcef5680c1
--- /dev/null
+++ b/packages/core/src/main/navigate-to-url/navigate-to-url.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 { navigateToUrlInjectionToken } from "../../common/front-end-routing/navigate-to-url-injection-token";
+import navigateInjectable from "../start-main-application/lens-window/navigate.injectable";
+
+const navigateToUrlInjectable = getInjectable({
+  id: "navigate-to-url",
+
+  instantiate: (di) => {
+    const navigate = di.inject(navigateInjectable);
+
+    return async (url) => {
+      await navigate(url);
+    };
+  },
+
+  injectionToken: navigateToUrlInjectionToken,
+});
+
+export default navigateToUrlInjectable;
diff --git a/packages/core/src/main/prometheus/get-by-kind.injectable.ts b/packages/core/src/main/prometheus/get-by-kind.injectable.ts
new file mode 100644
index 0000000000..93d7567f6e
--- /dev/null
+++ b/packages/core/src/main/prometheus/get-by-kind.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 { matches } from "lodash/fp";
+import type { PrometheusProvider } from "./provider";
+import prometheusProvidersInjectable from "./providers.injectable";
+
+export type GetPrometheusProviderByKind = (kind: string) => PrometheusProvider;
+
+const getPrometheusProviderByKindInjectable = getInjectable({
+  id: "get-prometheus-provider-by-kind",
+  instantiate: (di): GetPrometheusProviderByKind => {
+    const providers = di.inject(prometheusProvidersInjectable);
+
+    return (kind) => {
+      const provider = providers.get().find(matches({ kind }));
+
+      if (!provider) {
+        throw new Error(`Provider of kind "${kind}" does not exist`);
+      }
+
+      return provider;
+    };
+  },
+});
+
+export default getPrometheusProviderByKindInjectable;
diff --git a/packages/core/src/main/prometheus/helm-14-provider.injectable.ts b/packages/core/src/main/prometheus/helm-14-provider.injectable.ts
new file mode 100644
index 0000000000..6cc66c519e
--- /dev/null
+++ b/packages/core/src/main/prometheus/helm-14-provider.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 { getLensLikeQueryFor } from "./lens-provider.injectable";
+import { createPrometheusProvider, findFirstNamespacedService, prometheusProviderInjectionToken } from "./provider";
+import { getInjectable } from "@ogre-tools/injectable";
+
+const helm14PrometheusProviderInjectable = getInjectable({
+  id: "helm14-prometheus-provider",
+  instantiate: () => createPrometheusProvider({
+    kind: "helm14",
+    name: "Helm 14.x",
+    isConfigurable: true,
+    getQuery: getLensLikeQueryFor({ rateAccuracy: "5m" }),
+    getService: (client) => findFirstNamespacedService(client, "app=prometheus,component=server,heritage=Helm"),
+  }),
+  injectionToken: prometheusProviderInjectionToken,
+});
+
+export default helm14PrometheusProviderInjectable;
+
diff --git a/packages/core/src/main/prometheus/helm-provider.injectable.ts b/packages/core/src/main/prometheus/helm-provider.injectable.ts
new file mode 100644
index 0000000000..953bd68277
--- /dev/null
+++ b/packages/core/src/main/prometheus/helm-provider.injectable.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 type { PrometheusProvider } from "./provider";
+import { createPrometheusProvider, bytesSent, findFirstNamespacedService, prometheusProviderInjectionToken } from "./provider";
+import { getInjectable } from "@ogre-tools/injectable";
+
+export const getHelmLikeQueryFor = ({ rateAccuracy }: { rateAccuracy: string }): PrometheusProvider["getQuery"] => (
+  (opts, queryName) => {
+    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"}[${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"}[${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}"}[${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}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "fsReads":
+            return `sum(rate(container_fs_reads_bytes_total{container!="", pod=~"${opts.pods}", namespace="${opts.namespace}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "networkReceive":
+            return `sum(rate(container_network_receive_bytes_total{pod=~"${opts.pods}",namespace="${opts.namespace}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "networkTransmit":
+            return `sum(rate(container_network_transmit_bytes_total{pod=~"${opts.pods}",namespace="${opts.namespace}"}[${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 bytesSent({
+              rateAccuracy,
+              ingress: opts.ingress,
+              namespace: opts.namespace,
+              statuses: "^2\\\\d*",
+            });
+          case "bytesSentFailure":
+            return bytesSent({
+              rateAccuracy,
+              ingress: opts.ingress,
+              namespace: opts.namespace,
+              statuses: "^5\\\\d*",
+            });
+          case "requestDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_request_duration_seconds_sum{ingress="${opts.ingress}",namespace="${opts.namespace}"}[${rateAccuracy}])) by (ingress, namespace)`;
+          case "responseDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_response_duration_seconds_sum{ingress="${opts.ingress}",namespace="${opts.namespace}"}[${rateAccuracy}])) by (ingress, namespace)`;
+        }
+        break;
+    }
+
+    throw new Error(`Unknown queryName="${queryName}" for category="${opts.category}"`);
+  }
+);
+
+const helmPrometheusProviderInjectable = getInjectable({
+  id: "helm-prometheus-provider",
+  instantiate: () => createPrometheusProvider({
+    kind: "helm",
+    name: "Helm",
+    isConfigurable: true,
+    getQuery: getHelmLikeQueryFor({ rateAccuracy: "5m" }),
+    getService: (client) => findFirstNamespacedService(client, "app=prometheus,component=server,heritage=Helm"),
+  }),
+  injectionToken: prometheusProviderInjectionToken,
+});
+
+export default helmPrometheusProviderInjectable;
+
diff --git a/packages/core/src/main/prometheus/lens-provider.injectable.ts b/packages/core/src/main/prometheus/lens-provider.injectable.ts
new file mode 100644
index 0000000000..c523c72582
--- /dev/null
+++ b/packages/core/src/main/prometheus/lens-provider.injectable.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 { bytesSent, prometheusProviderInjectionToken, findNamespacedService, createPrometheusProvider } from "./provider";
+import type {  PrometheusProvider } from "./provider";
+import { getInjectable } from "@ogre-tools/injectable";
+
+export const getLensLikeQueryFor = ({ rateAccuracy }: { rateAccuracy: string }): PrometheusProvider["getQuery"] => (
+  (opts, queryName) => {
+    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 (kubernetes_name)`.replace(/_bytes/g, `_bytes{kubernetes_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{kubernetes_node=~"${opts.nodes}", mode=~"user|system"}[${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{kubernetes_node=~"${opts.nodes}", mountpoint="/"}) by (kubernetes_node)`;
+          case "fsUsage":
+            return `sum(node_filesystem_size_bytes{kubernetes_node=~"${opts.nodes}", mountpoint="/"} - node_filesystem_avail_bytes{kubernetes_node=~"${opts.nodes}", mountpoint="/"}) by (kubernetes_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 (kubernetes_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"}[${rateAccuracy}])) by(kubernetes_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 (kubernetes_node)`;
+          case "fsUsage":
+            return `sum(node_filesystem_size_bytes{mountpoint="/"} - node_filesystem_avail_bytes{mountpoint="/"}) by (kubernetes_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}"}[${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}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "fsReads":
+            return `sum(rate(container_fs_reads_bytes_total{container!="", pod=~"${opts.pods}", namespace="${opts.namespace}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "networkReceive":
+            return `sum(rate(container_network_receive_bytes_total{pod=~"${opts.pods}",namespace="${opts.namespace}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "networkTransmit":
+            return `sum(rate(container_network_transmit_bytes_total{pod=~"${opts.pods}",namespace="${opts.namespace}"}[${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 bytesSent({
+              rateAccuracy,
+              ingress: opts.ingress,
+              namespace: opts.namespace,
+              statuses: "^2\\\\d*",
+            });
+          case "bytesSentFailure":
+            return bytesSent({
+              rateAccuracy,
+              ingress: opts.ingress,
+              namespace: opts.namespace,
+              statuses: "^5\\\\d*",
+            });
+          case "requestDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_request_duration_seconds_sum{ingress="${opts.ingress}",namespace="${opts.namespace}"}[${rateAccuracy}])) by (ingress, namespace)`;
+          case "responseDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_response_duration_seconds_sum{ingress="${opts.ingress}",namespace="${opts.namespace}"}[${rateAccuracy}])) by (ingress, namespace)`;
+        }
+        break;
+    }
+
+    throw new Error(`Unknown queryName="${queryName}" for category="${opts.category}"`);
+  }
+);
+
+const lensPrometheusProviderInjectable = getInjectable({
+  id: "lens-prometheus-provider",
+  instantiate: () => createPrometheusProvider({
+    kind: "lens",
+    name: "Lens",
+    isConfigurable: false,
+    getQuery: getLensLikeQueryFor({ rateAccuracy: "1m" }),
+    getService: (client) => findNamespacedService(client, "prometheus", "lens-metrics"),
+  }),
+  injectionToken: prometheusProviderInjectionToken,
+});
+
+export default lensPrometheusProviderInjectable;
+
diff --git a/packages/core/src/main/prometheus/operator-provider.injectable.ts.ts b/packages/core/src/main/prometheus/operator-provider.injectable.ts.ts
new file mode 100644
index 0000000000..5215f2dff2
--- /dev/null
+++ b/packages/core/src/main/prometheus/operator-provider.injectable.ts.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 type { PrometheusProvider } from "./provider";
+import { bytesSent, createPrometheusProvider, findFirstNamespacedService, prometheusProviderInjectionToken  } from "./provider";
+import { getInjectable } from "@ogre-tools/injectable";
+
+export const getOperatorLikeQueryFor = ({ rateAccuracy }: { rateAccuracy: string }): PrometheusProvider["getQuery"] => (
+  (opts, queryName) => {
+    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))`.replace(/_bytes/g, `_bytes * on (pod,namespace) group_left(node) kube_pod_info{node=~"${opts.nodes}"}`);
+          case "workloadMemoryUsage":
+            return `sum(container_memory_working_set_bytes{container!="", instance=~"${opts.nodes}"}) by (component)`;
+          case "memoryRequests":
+            return `sum(kube_pod_container_resource_requests{node=~"${opts.nodes}", resource="memory"})`;
+          case "memoryLimits":
+            return `sum(kube_pod_container_resource_limits{node=~"${opts.nodes}", resource="memory"})`;
+          case "memoryCapacity":
+            return `sum(kube_node_status_capacity{node=~"${opts.nodes}", resource="memory"})`;
+          case "memoryAllocatableCapacity":
+            return `sum(kube_node_status_allocatable{node=~"${opts.nodes}", resource="memory"})`;
+          case "cpuUsage":
+            return `sum(rate(node_cpu_seconds_total{mode=~"user|system"}[${rateAccuracy}])* on (pod,namespace) group_left(node) kube_pod_info{node=~"${opts.nodes}"})`;
+          case "cpuRequests":
+            return `sum(kube_pod_container_resource_requests{node=~"${opts.nodes}", resource="cpu"})`;
+          case "cpuLimits":
+            return `sum(kube_pod_container_resource_limits{node=~"${opts.nodes}", resource="cpu"})`;
+          case "cpuCapacity":
+            return `sum(kube_node_status_capacity{node=~"${opts.nodes}", resource="cpu"})`;
+          case "cpuAllocatableCapacity":
+            return `sum(kube_node_status_allocatable{node=~"${opts.nodes}", resource="cpu"})`;
+          case "podUsage":
+            return `sum({__name__=~"kubelet_running_pod_count|kubelet_running_pods", node=~"${opts.nodes}"})`;
+          case "podCapacity":
+            return `sum(kube_node_status_capacity{node=~"${opts.nodes}", resource="pods"})`;
+          case "podAllocatableCapacity":
+            return `sum(kube_node_status_allocatable{node=~"${opts.nodes}", resource="pods"})`;
+          case "fsSize":
+            return `sum(node_filesystem_size_bytes{mountpoint="/"} * on (pod,namespace) group_left(node) kube_pod_info{node=~"${opts.nodes}"})`;
+          case "fsUsage":
+            return `sum(node_filesystem_size_bytes{mountpoint="/"} * on (pod,namespace) group_left(node) kube_pod_info{node=~"${opts.nodes}"} - node_filesystem_avail_bytes{mountpoint="/"} * on (pod,namespace) group_left(node) kube_pod_info{node=~"${opts.nodes}"})`;
+        }
+        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)) * on (pod, namespace) group_left(node) kube_pod_info) by (node)`;
+          case "workloadMemoryUsage":
+            return `sum(container_memory_working_set_bytes{container!="POD", container!=""}) by (node)`;
+          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"}[${rateAccuracy}]) * on (pod, namespace) group_left(node) kube_pod_info) 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="/"} * on (pod,namespace) group_left(node) kube_pod_info) by (node)`;
+          case "fsUsage":
+            return `sum((node_filesystem_size_bytes{mountpoint="/"} - node_filesystem_avail_bytes{mountpoint="/"}) * on (pod, namespace) group_left(node) kube_pod_info) by (node)`;
+        }
+        break;
+      case "pods":
+        switch (queryName) {
+          case "cpuUsage":
+            return `sum(rate(container_cpu_usage_seconds_total{pod=~"${opts.pods}", namespace="${opts.namespace}"}[${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{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{pod=~"${opts.pods}", namespace="${opts.namespace}"}) by (${opts.selector})`;
+          case "fsWrites":
+            return `sum(rate(container_fs_writes_bytes_total{pod=~"${opts.pods}", namespace="${opts.namespace}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "fsReads":
+            return `sum(rate(container_fs_reads_bytes_total{pod=~"${opts.pods}", namespace="${opts.namespace}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "networkReceive":
+            return `sum(rate(container_network_receive_bytes_total{pod=~"${opts.pods}", namespace="${opts.namespace}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "networkTransmit":
+            return `sum(rate(container_network_transmit_bytes_total{pod=~"${opts.pods}", namespace="${opts.namespace}"}[${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 bytesSent({
+              rateAccuracy,
+              ingress: opts.ingress,
+              namespace: opts.namespace,
+              statuses: "^2\\\\d*",
+            });
+          case "bytesSentFailure":
+            return bytesSent({
+              rateAccuracy,
+              ingress: opts.ingress,
+              namespace: opts.namespace,
+              statuses: "^5\\\\d*",
+            });
+          case "requestDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_request_duration_seconds_sum{ingress="${opts.ingress}", namespace="${opts.namespace}"}[${rateAccuracy}])) by (ingress, namespace)`;
+          case "responseDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_response_duration_seconds_sum{ingress="${opts.ingress}", namespace="${opts.namespace}"}[${rateAccuracy}])) by (ingress, namespace)`;
+        }
+        break;
+    }
+
+    throw new Error(`Unknown queryName="${queryName}" for category="${opts.category}"`);
+  }
+);
+
+const operatorPrometheusProviderInjectable = getInjectable({
+  id: "operator-prometheus-provider",
+  instantiate: () => createPrometheusProvider({
+    kind: "operator",
+    name: "Prometheus Operator",
+    isConfigurable: true,
+    getService: (client) => findFirstNamespacedService(client, "operated-prometheus=true"),
+    getQuery: getOperatorLikeQueryFor({ rateAccuracy: "1m" }),
+  }),
+  injectionToken: prometheusProviderInjectionToken,
+});
+
+export default operatorPrometheusProviderInjectable;
+
diff --git a/packages/core/src/main/prometheus/provider.ts b/packages/core/src/main/prometheus/provider.ts
new file mode 100644
index 0000000000..8944c4c0ed
--- /dev/null
+++ b/packages/core/src/main/prometheus/provider.ts
@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { CoreV1Api } from "@kubernetes/client-node";
+import { getInjectionToken } from "@ogre-tools/injectable";
+import { isRequestError } from "../../common/utils";
+
+export interface PrometheusService extends PrometheusServiceInfo {
+  kind: string;
+}
+
+export interface PrometheusServiceInfo {
+  namespace: string;
+  service: string;
+  port: number;
+}
+
+export interface PrometheusProvider {
+  readonly kind: string;
+  readonly name: string;
+  readonly isConfigurable: boolean;
+
+  getQuery(opts: Record<string, string>, queryName: string): string;
+  getPrometheusService(client: CoreV1Api): Promise<PrometheusService>;
+}
+
+export interface CreatePrometheusProviderOpts {
+  readonly kind: string;
+  readonly name: string;
+  readonly isConfigurable: boolean;
+
+  getQuery(opts: Record<string, string>, queryName: string): string;
+  getService(client: CoreV1Api): Promise<PrometheusServiceInfo>;
+}
+
+export const createPrometheusProvider = ({ getService, ...opts }: CreatePrometheusProviderOpts): PrometheusProvider => ({
+  ...opts,
+  getPrometheusService: async (client) => {
+    try {
+      return {
+        kind: opts.kind,
+        ...await getService(client),
+      };
+    } catch (error) {
+      throw new Error(`Failed to find Prometheus provider for "${opts.name}"`, { cause: error });
+    }
+  },
+});
+
+export async function findFirstNamespacedService(client: CoreV1Api, ...selectors: string[]): Promise<PrometheusServiceInfo> {
+  try {
+    for (const selector of selectors) {
+      const { body: { items: [service] }} = await client.listServiceForAllNamespaces(undefined, undefined, undefined, selector);
+
+      if (service?.metadata?.namespace && service.metadata.name && service.spec?.ports) {
+        return {
+          namespace: service.metadata.namespace,
+          service: service.metadata.name,
+          port: service.spec.ports[0].port,
+        };
+      }
+    }
+  } catch (error) {
+    throw new Error(`Failed to list services in all namespaces: ${isRequestError(error) ? error.response?.body.message : error}`);
+  }
+
+  throw new Error(`No service found from any namespace`);
+}
+
+export async function findNamespacedService(client: CoreV1Api, name: string, namespace: string): Promise<PrometheusServiceInfo> {
+  try {
+    const { body: service } = await client.readNamespacedService(name, namespace);
+
+    if (!service.metadata?.namespace || !service.metadata.name || !service.spec?.ports) {
+      throw new Error(`Service found in namespace="${namespace}" did not have required information`);
+    }
+
+    return {
+      namespace: service.metadata.namespace,
+      service: service.metadata.name,
+      port: service.spec.ports[0].port,
+    };
+  } catch(error) {
+    throw new Error(`Failed to list services in namespace="${namespace}": ${isRequestError(error) ? error.response?.body.message : error}`);
+  }
+}
+
+export interface BytesSentArgs {
+  rateAccuracy: string;
+  ingress: string;
+  namespace: string;
+  statuses: string;
+}
+
+export function bytesSent({ rateAccuracy, ingress, namespace, statuses }: BytesSentArgs): string {
+  return `sum(rate(nginx_ingress_controller_bytes_sent_sum{ingress="${ingress}",namespace="${namespace}",status=~"${statuses}"}[${rateAccuracy}])) by (ingress, namespace)`;
+}
+
+export const prometheusProviderInjectionToken = getInjectionToken<PrometheusProvider>({
+  id: "prometheus-provider",
+});
diff --git a/packages/core/src/main/prometheus/providers.injectable.ts b/packages/core/src/main/prometheus/providers.injectable.ts
new file mode 100644
index 0000000000..73fe2dfe50
--- /dev/null
+++ b/packages/core/src/main/prometheus/providers.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 { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { prometheusProviderInjectionToken } from "./provider";
+
+const prometheusProvidersInjectable = getInjectable({
+  id: "prometheus-providers",
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+
+    return computedInjectMany(prometheusProviderInjectionToken);
+  },
+});
+
+export default prometheusProvidersInjectable;
diff --git a/packages/core/src/main/prometheus/stacklight-provider.injectable.ts b/packages/core/src/main/prometheus/stacklight-provider.injectable.ts
new file mode 100644
index 0000000000..ca7a946466
--- /dev/null
+++ b/packages/core/src/main/prometheus/stacklight-provider.injectable.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 type { PrometheusProvider } from "./provider";
+import { bytesSent, createPrometheusProvider, findFirstNamespacedService, prometheusProviderInjectionToken } from "./provider";
+import { getInjectable } from "@ogre-tools/injectable";
+
+export const getStacklightLikeQueryFor = ({ rateAccuracy }: { rateAccuracy: string }): PrometheusProvider["getQuery"] => (
+  (opts, queryName) => {
+    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 (kubernetes_name)`.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"}[${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"}[${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}"}[${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}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "fsReads":
+            return `sum(rate(container_fs_reads_bytes_total{container!="", pod=~"${opts.pods}", namespace="${opts.namespace}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "networkReceive":
+            return `sum(rate(container_network_receive_bytes_total{pod=~"${opts.pods}",namespace="${opts.namespace}"}[${rateAccuracy}])) by (${opts.selector})`;
+          case "networkTransmit":
+            return `sum(rate(container_network_transmit_bytes_total{pod=~"${opts.pods}",namespace="${opts.namespace}"}[${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 bytesSent({
+              rateAccuracy,
+              ingress: opts.ingress,
+              namespace: opts.namespace,
+              statuses: "^2\\\\d*",
+            });
+          case "bytesSentFailure":
+            return bytesSent({
+              rateAccuracy,
+              ingress: opts.ingress,
+              namespace: opts.namespace,
+              statuses: "^5\\\\d*",
+            });
+          case "requestDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_request_duration_seconds_sum{ingress="${opts.ingress}",namespace="${opts.namespace}"}[${rateAccuracy}])) by (ingress, namespace)`;
+          case "responseDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_response_duration_seconds_sum{ingress="${opts.ingress}",namespace="${opts.namespace}"}[${rateAccuracy}])) by (ingress, namespace)`;
+        }
+        break;
+    }
+
+    throw new Error(`Unknown queryName="${queryName}" for category="${opts.category}"`);
+  }
+);
+
+const stacklightPrometheusProviderInjectable = getInjectable({
+  id: "stacklight-prometheus-provider",
+  instantiate: () => createPrometheusProvider({
+    kind: "stacklight",
+    name: "Stacklight",
+    isConfigurable: true,
+    getService: (client) => findFirstNamespacedService(client, "prometheus-server", "stacklight"),
+    getQuery: getStacklightLikeQueryFor({ rateAccuracy: "1m" }),
+  }),
+  injectionToken: prometheusProviderInjectionToken,
+});
+
+export default stacklightPrometheusProviderInjectable;
+
diff --git a/packages/core/src/main/protocol-handler/__test__/router.test.ts b/packages/core/src/main/protocol-handler/__test__/router.test.ts
new file mode 100644
index 0000000000..a06c3b057b
--- /dev/null
+++ b/packages/core/src/main/protocol-handler/__test__/router.test.ts
@@ -0,0 +1,299 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import * as uuid from "uuid";
+
+import { ProtocolHandlerExtension, ProtocolHandlerInternal, ProtocolHandlerInvalid } from "../../../common/protocol-handler";
+import { delay, noop } from "../../../common/utils";
+import type { ExtensionsStore, IsEnabledExtensionDescriptor } from "../../../extensions/extensions-store/extensions-store";
+import type { LensProtocolRouterMain } from "../lens-protocol-router-main/lens-protocol-router-main";
+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 { 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";
+import broadcastMessageInjectable from "../../../common/ipc/broadcast-message.injectable";
+import pathExistsSyncInjectable from "../../../common/fs/path-exists-sync.injectable";
+import pathExistsInjectable from "../../../common/fs/path-exists.injectable";
+import readJsonSyncInjectable from "../../../common/fs/read-json-sync.injectable";
+import writeJsonSyncInjectable from "../../../common/fs/write-json-sync.injectable";
+
+function throwIfDefined(val: any): void {
+  if (val != null) {
+    throw val;
+  }
+}
+
+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 });
+
+    di.override(pathExistsInjectable, () => () => { throw new Error("tried call pathExists without override"); });
+    di.override(pathExistsSyncInjectable, () => () => { throw new Error("tried call pathExistsSync without override"); });
+    di.override(readJsonSyncInjectable, () => () => { throw new Error("tried call readJsonSync without override"); });
+    di.override(writeJsonSyncInjectable, () => () => { throw new Error("tried call writeJsonSync without override"); });
+
+    enabledExtensions = new Set();
+
+    di.override(extensionsStoreInjectable, () => ({
+      isEnabled: ({ id, isBundled }: IsEnabledExtensionDescriptor) => isBundled || enabledExtensions.has(id),
+    } as unknown as ExtensionsStore));
+
+    di.permitSideEffects(getConfigurationFileModelInjectable);
+
+    di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
+
+    broadcastMessageMock = jest.fn();
+    di.override(broadcastMessageInjectable, () => broadcastMessageMock);
+
+    extensionInstances = di.inject(extensionInstancesInjectable);
+    lpr = di.inject(lensProtocolRouterMainInjectable);
+
+    lpr.rendererLoaded = true;
+  });
+
+  it("should broadcast invalid protocol on non-lens URLs", async () => {
+    await lpr.route("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(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInvalid, "invalid host", "lens://foobar");
+  });
+
+  it("should not throw when has valid host", async () => {
+    const extId = uuid.v4();
+    const ext = new LensExtension({
+      id: extId,
+      manifestPath: "/foo/bar",
+      manifest: {
+        name: "@mirantis/minikube",
+        version: "0.1.1",
+        engines: { lens: "^5.5.0" },
+      },
+      isBundled: false,
+      isEnabled: true,
+      isCompatible: true,
+      absolutePath: "/foo/bar",
+    });
+
+    ext.protocolHandlers.push({
+      pathSchema: "/",
+      handler: noop,
+    });
+
+    extensionInstances.set(extId, ext);
+    enabledExtensions.add(extId);
+
+    lpr.addInternalHandler("/", noop);
+
+    try {
+      expect(await lpr.route("lens://app")).toBeUndefined();
+    } catch (error) {
+      expect(throwIfDefined(error)).not.toThrow();
+    }
+
+    try {
+      expect(await lpr.route("lens://extension/@mirantis/minikube")).toBeUndefined();
+    } catch (error) {
+      expect(throwIfDefined(error)).not.toThrow();
+    }
+
+    await delay(50);
+    expect(broadcastMessageMock).toHaveBeenCalledWith(ProtocolHandlerInternal, "lens://app", "matched");
+    expect(broadcastMessageMock).toHaveBeenCalledWith(ProtocolHandlerExtension, "lens://extension/@mirantis/minikube", "matched");
+  });
+
+  it("should call handler if matches", async () => {
+    let called = false;
+
+    lpr.addInternalHandler("/page", () => { called = true; });
+
+    try {
+      expect(await lpr.route("lens://app/page")).toBeUndefined();
+    } catch (error) {
+      expect(throwIfDefined(error)).not.toThrow();
+    }
+
+    expect(called).toBe(true);
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page", "matched");
+  });
+
+  it("should call most exact handler", async () => {
+    let called: any = 0;
+
+    lpr.addInternalHandler("/page", () => { called = 1; });
+    lpr.addInternalHandler("/page/:id", params => { called = params.pathname.id; });
+
+    try {
+      expect(await lpr.route("lens://app/page/foo")).toBeUndefined();
+    } catch (error) {
+      expect(throwIfDefined(error)).not.toThrow();
+    }
+
+    expect(called).toBe("foo");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page/foo", "matched");
+  });
+
+  it("should call most exact handler for an extension", async () => {
+    let called: any = 0;
+
+    const extId = uuid.v4();
+    const ext = new LensExtension({
+      id: extId,
+      manifestPath: "/foo/bar",
+      manifest: {
+        name: "@foobar/icecream",
+        version: "0.1.1",
+        engines: { lens: "^5.5.0" },
+      },
+      isBundled: false,
+      isEnabled: true,
+      isCompatible: true,
+      absolutePath: "/foo/bar",
+    });
+
+    ext.protocolHandlers
+      .push({
+        pathSchema: "/page",
+        handler: () => { called = 1; },
+      }, {
+        pathSchema: "/page/:id",
+        handler: params => { called = params.pathname.id; },
+      });
+
+    extensionInstances.set(extId, ext);
+    enabledExtensions.add(extId);
+
+    try {
+      expect(await lpr.route("lens://extension/@foobar/icecream/page/foob")).toBeUndefined();
+    } catch (error) {
+      expect(throwIfDefined(error)).not.toThrow();
+    }
+
+    await delay(50);
+    expect(called).toBe("foob");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerExtension, "lens://extension/@foobar/icecream/page/foob", "matched");
+  });
+
+  it("should work with non-org extensions", async () => {
+    let called: any = 0;
+
+    {
+      const extId = uuid.v4();
+      const ext = new LensExtension({
+        id: extId,
+        manifestPath: "/foo/bar",
+        manifest: {
+          name: "@foobar/icecream",
+          version: "0.1.1",
+          engines: { lens: "^5.5.0" },
+        },
+        isBundled: false,
+        isEnabled: true,
+        isCompatible: true,
+        absolutePath: "/foo/bar",
+      });
+
+      ext.protocolHandlers
+        .push({
+          pathSchema: "/page/:id",
+          handler: params => { called = params.pathname.id; },
+        });
+
+      extensionInstances.set(extId, ext);
+      enabledExtensions.add(extId);
+    }
+
+    {
+      const extId = uuid.v4();
+      const ext = new LensExtension({
+        id: extId,
+        manifestPath: "/foo/bar",
+        manifest: {
+          name: "icecream",
+          version: "0.1.1",
+          engines: { lens: "^5.5.0" },
+        },
+        isBundled: false,
+        isEnabled: true,
+        isCompatible: true,
+        absolutePath: "/foo/bar",
+      });
+
+      ext.protocolHandlers
+        .push({
+          pathSchema: "/page",
+          handler: () => { called = 1; },
+        });
+
+      extensionInstances.set(extId, ext);
+      enabledExtensions.add(extId);
+    }
+
+    enabledExtensions.add("@foobar/icecream");
+    enabledExtensions.add("icecream");
+
+    try {
+      expect(await lpr.route("lens://extension/icecream/page")).toBeUndefined();
+    } catch (error) {
+      expect(throwIfDefined(error)).not.toThrow();
+    }
+
+    await delay(50);
+
+    expect(called).toBe(1);
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerExtension, "lens://extension/icecream/page", "matched");
+  });
+
+  it("should throw if urlSchema is invalid", () => {
+    expect(() => lpr.addInternalHandler("/:@", noop)).toThrowError();
+  });
+
+  it("should call most exact handler with 3 found handlers", async () => {
+    let called: any = 0;
+
+    lpr.addInternalHandler("/", () => { called = 2; });
+    lpr.addInternalHandler("/page", () => { called = 1; });
+    lpr.addInternalHandler("/page/foo", () => { called = 3; });
+    lpr.addInternalHandler("/page/bar", () => { called = 4; });
+
+    try {
+      expect(await lpr.route("lens://app/page/foo/bar/bat")).toBeUndefined();
+    } catch (error) {
+      expect(throwIfDefined(error)).not.toThrow();
+    }
+
+    expect(called).toBe(3);
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page/foo/bar/bat", "matched");
+  });
+
+  it("should call most exact handler with 2 found handlers", async () => {
+    let called: any = 0;
+
+    lpr.addInternalHandler("/", () => { called = 2; });
+    lpr.addInternalHandler("/page", () => { called = 1; });
+    lpr.addInternalHandler("/page/bar", () => { called = 4; });
+
+    try {
+      expect(await lpr.route("lens://app/page/foo/bar/bat")).toBeUndefined();
+    } catch (error) {
+      expect(throwIfDefined(error)).not.toThrow();
+    }
+
+    expect(called).toBe(1);
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page/foo/bar/bat", "matched");
+  });
+});
diff --git a/packages/core/src/main/protocol-handler/index.ts b/packages/core/src/main/protocol-handler/index.ts
new file mode 100644
index 0000000000..973d27c28c
--- /dev/null
+++ b/packages/core/src/main/protocol-handler/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./lens-protocol-router-main/lens-protocol-router-main";
diff --git a/packages/core/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.injectable.ts b/packages/core/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.injectable.ts
new file mode 100644
index 0000000000..bce91119c2
--- /dev/null
+++ b/packages/core/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.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 extensionLoaderInjectable from "../../../extensions/extension-loader/extension-loader.injectable";
+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",
+
+  instantiate: (di) =>
+    new LensProtocolRouterMain({
+      extensionLoader: di.inject(extensionLoaderInjectable),
+      extensionsStore: di.inject(extensionsStoreInjectable),
+      showApplicationWindow: di.inject(showApplicationWindowInjectable),
+      broadcastMessage: di.inject(broadcastMessageInjectable),
+      logger: di.inject(loggerInjectable),
+    }),
+});
+
+export default lensProtocolRouterMainInjectable;
diff --git a/packages/core/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.ts b/packages/core/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.ts
new file mode 100644
index 0000000000..3beb596e4e
--- /dev/null
+++ b/packages/core/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.ts
@@ -0,0 +1,152 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import * as proto from "../../../common/protocol-handler";
+import URLParse from "url-parse";
+import type { LensExtension } from "../../../extensions/lens-extension";
+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>;
+}
+
+/**
+ * This function checks if the host part is valid
+ * @param host the URI host part
+ * @returns `true` if it should be routed internally to Lens, `false` if to an extension
+ * @throws if `host` is not valid
+ */
+function checkHost<Query>(url: URLParse<Query>): boolean {
+  switch (url.host) {
+    case "app":
+      return true;
+    case "extension":
+      return false;
+    default:
+      throw new proto.RoutingError(proto.RoutingErrorType.INVALID_HOST, url);
+  }
+}
+
+export interface LensProtocolRouterMainDependencies extends LensProtocolRouterDependencies {
+  showApplicationWindow: () => Promise<void>;
+  broadcastMessage: BroadcastMessage;
+}
+
+export class LensProtocolRouterMain extends proto.LensProtocolRouter {
+  private missingExtensionHandlers: FallbackHandler[] = [];
+
+  // TODO: This is used to solve out-of-place temporal dependency. Remove, and solve otherwise.
+  @observable rendererLoaded = false;
+
+  protected disposers = disposer();
+
+  constructor(protected readonly dependencies: LensProtocolRouterMainDependencies) {
+    super(dependencies);
+
+    makeObservable(this);
+  }
+
+  public cleanup() {
+    this.disposers();
+  }
+
+  /**
+   * Find the most specific registered handler, if it exists, and invoke it.
+   *
+   * This will send an IPC message to the renderer router to do the same
+   * in the renderer.
+   */
+  public async route(rawUrl: string) {
+    try {
+      const url = new URLParse(rawUrl, true);
+
+      if (url.protocol.toLowerCase() !== "lens:") {
+        throw new proto.RoutingError(proto.RoutingErrorType.INVALID_PROTOCOL, url);
+      }
+
+      this.dependencies.showApplicationWindow().catch(noop);
+      const routeInternally = checkHost(url);
+
+      this.dependencies.logger.info(`${proto.LensProtocolRouter.LoggingPrefix}: routing ${url.toString()}`);
+
+      if (routeInternally) {
+        this._routeToInternal(url);
+      } else {
+        await this._routeToExtension(url);
+      }
+    } catch (error) {
+      this.dependencies.broadcastMessage(ProtocolHandlerInvalid, error ? String(error) : "unknown error", rawUrl);
+
+      if (error instanceof proto.RoutingError) {
+        this.dependencies.logger.error(`${proto.LensProtocolRouter.LoggingPrefix}: ${error}`, { url: error.url });
+      } else {
+        this.dependencies.logger.error(`${proto.LensProtocolRouter.LoggingPrefix}: ${error}`, { rawUrl });
+      }
+    }
+  }
+
+  protected async _executeMissingExtensionHandlers(extensionName: string): Promise<boolean> {
+    for (const handler of this.missingExtensionHandlers) {
+      if (await handler(extensionName)) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  protected async _findMatchingExtensionByName(url: URLParse<Record<string, string>>): Promise<LensExtension | string> {
+    const firstAttempt = await super._findMatchingExtensionByName(url);
+
+    if (typeof firstAttempt !== "string") {
+      return firstAttempt;
+    }
+
+    if (await this._executeMissingExtensionHandlers(firstAttempt)) {
+      return super._findMatchingExtensionByName(url);
+    }
+
+    return "";
+  }
+
+  protected _routeToInternal(url: URLParse<Record<string, string | undefined>>): RouteAttempt {
+    const rawUrl = url.toString(); // for sending to renderer
+    const attempt = super._routeToInternal(url);
+
+    this.disposers.push(when(() => this.rendererLoaded, () => this.dependencies.broadcastMessage(proto.ProtocolHandlerInternal, rawUrl, attempt)));
+
+    return attempt;
+  }
+
+  protected async _routeToExtension(url: URLParse<Record<string, string | undefined>>): Promise<RouteAttempt> {
+    const rawUrl = url.toString(); // for sending to renderer
+
+    /**
+     * This needs to be done first, so that the missing extension handlers can
+     * be called before notifying the renderer.
+     *
+     * Note: this needs to clone the url because _routeToExtension modifies its
+     * argument.
+     */
+    const attempt = await super._routeToExtension(new URLParse(url.toString(), true));
+
+    this.disposers.push(when(() => this.rendererLoaded, () => this.dependencies.broadcastMessage(proto.ProtocolHandlerExtension, rawUrl, attempt)));
+
+    return attempt;
+  }
+
+  /**
+   * Add a function to the list which will be sequentially called if an extension
+   * is not found while routing to the extensions
+   * @param handler A function that tries to find an extension
+   */
+  public addMissingExtensionHandler(handler: FallbackHandler): void {
+    this.missingExtensionHandlers.push(handler);
+  }
+}
diff --git a/packages/core/src/main/protocol-handler/lens-protocol-router-main/open-deep-link-for-url/open-deep-link.injectable.ts b/packages/core/src/main/protocol-handler/lens-protocol-router-main/open-deep-link-for-url/open-deep-link.injectable.ts
new file mode 100644
index 0000000000..71e42b9f3c
--- /dev/null
+++ b/packages/core/src/main/protocol-handler/lens-protocol-router-main/open-deep-link-for-url/open-deep-link.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 lensProtocolRouterMainInjectable from "../lens-protocol-router-main.injectable";
+
+const openDeepLinkInjectable = getInjectable({
+  id: "open-deep-link",
+
+  instantiate: (di) => {
+    const getProtocolRouter = () => di.inject(lensProtocolRouterMainInjectable);
+
+    return async (url: string) => {
+      await getProtocolRouter().route(url);
+    };
+  },
+});
+
+export default openDeepLinkInjectable;
diff --git a/packages/core/src/main/register-injectables.ts b/packages/core/src/main/register-injectables.ts
new file mode 100644
index 0000000000..6d0117c512
--- /dev/null
+++ b/packages/core/src/main/register-injectables.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 type { DiContainer } 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 function registerInjectables(di: DiContainer) {
+  setLegacyGlobalDiForExtensionApi(di, Environments.main);
+
+  runInAction(() => {
+    registerMobX(di);
+
+    autoRegister({
+      di,
+      requireContexts: [
+        require.context("./", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+        require.context("../extensions", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+        require.context("../common", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+        require.context("../features", true, CONTEXT_MATCHER_FOR_FEATURES),
+      ],
+    });
+  });
+
+  return di;
+}
diff --git a/packages/core/src/main/resource-applier/create-resource-applier.injectable.ts b/packages/core/src/main/resource-applier/create-resource-applier.injectable.ts
new file mode 100644
index 0000000000..509dce086c
--- /dev/null
+++ b/packages/core/src/main/resource-applier/create-resource-applier.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 emitAppEventInjectable from "../../common/app-event-bus/emit-event.injectable";
+import type { Cluster } from "../../common/cluster/cluster";
+import removePathInjectable from "../../common/fs/remove.injectable";
+import execFileInjectable from "../../common/fs/exec-file.injectable";
+import writeFileInjectable from "../../common/fs/write-file.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import joinPathsInjectable from "../../common/path/join-paths.injectable";
+import type { ResourceApplierDependencies } from "./resource-applier";
+import { ResourceApplier } from "./resource-applier";
+
+export type CreateResourceApplier = (cluster: Cluster) => ResourceApplier;
+
+const createResourceApplierInjectable = getInjectable({
+  id: "create-resource-applier",
+  instantiate: (di): CreateResourceApplier => {
+    const deps: ResourceApplierDependencies = {
+      deleteFile: di.inject(removePathInjectable),
+      emitAppEvent: di.inject(emitAppEventInjectable),
+      execFile: di.inject(execFileInjectable),
+      joinPaths: di.inject(joinPathsInjectable),
+      logger: di.inject(loggerInjectable),
+      writeFile: di.inject(writeFileInjectable),
+    };
+
+    return (cluster) => new ResourceApplier(deps, cluster);
+  },
+});
+
+export default createResourceApplierInjectable;
diff --git a/packages/core/src/main/resource-applier/resource-applier.ts b/packages/core/src/main/resource-applier/resource-applier.ts
new file mode 100644
index 0000000000..a604781fce
--- /dev/null
+++ b/packages/core/src/main/resource-applier/resource-applier.ts
@@ -0,0 +1,167 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { Cluster } from "../../common/cluster/cluster";
+import * as yaml from "js-yaml";
+import tempy from "tempy";
+import type { Patch } from "rfc6902";
+import type { KubernetesObject } from "@kubernetes/client-node";
+import type { EmitAppEvent } from "../../common/app-event-bus/emit-event.injectable";
+import type { Logger } from "../../common/logger";
+import type { WriteFile } from "../../common/fs/write-file.injectable";
+import type { RemovePath } from "../../common/fs/remove.injectable";
+import type { ExecFile } from "../../common/fs/exec-file.injectable";
+import type { JoinPaths } from "../../common/path/join-paths.injectable";
+import type { AsyncResult } from "../../common/utils/async-result";
+
+export interface ResourceApplierDependencies {
+  emitAppEvent: EmitAppEvent;
+  writeFile: WriteFile;
+  deleteFile: RemovePath;
+  execFile: ExecFile;
+  joinPaths: JoinPaths;
+  readonly logger: Logger;
+}
+
+export class ResourceApplier {
+  constructor(protected readonly dependencies: ResourceApplierDependencies, protected readonly cluster: Cluster) {}
+
+  /**
+   * Patch a kube resource's manifest, throwing any error that occurs.
+   * @param name The name of the kube resource
+   * @param kind The kind of the kube resource
+   * @param patch The list of JSON operations
+   * @param ns The optional namespace of the kube resource
+   */
+  async patch(name: string, kind: string, patch: Patch, ns?: string): Promise<string> {
+    this.dependencies.emitAppEvent({ name: "resource", action: "patch" });
+
+    const kubectl = await this.cluster.ensureKubectl();
+    const kubectlPath = await kubectl.getPath();
+    const proxyKubeconfigPath = await this.cluster.getProxyKubeconfigPath();
+    const args = [
+      "--kubeconfig", proxyKubeconfigPath,
+      "patch",
+      kind,
+      name,
+    ];
+
+    if (ns) {
+      args.push("--namespace", ns);
+    }
+
+    args.push(
+      "--type", "json",
+      "--patch", JSON.stringify(patch),
+      "-o", "json",
+    );
+
+    const result = await this.dependencies.execFile(kubectlPath, args);
+
+    if (result.callWasSuccessful) {
+      return result.response;
+    }
+
+    throw result.error.stderr || result.error.message;
+  }
+
+  async create(resource: string): Promise<AsyncResult<string, string>> {
+    this.dependencies.emitAppEvent({ name: "resource", action: "apply" });
+
+    return this.kubectlApply(this.sanitizeObject(resource));
+  }
+
+  protected async kubectlApply(content: string): Promise<AsyncResult<string, string>> {
+    const kubectl = await this.cluster.ensureKubectl();
+    const kubectlPath = await kubectl.getPath();
+    const proxyKubeconfigPath = await this.cluster.getProxyKubeconfigPath();
+    const fileName = tempy.file({ name: "resource.yaml" });
+    const args = [
+      "apply",
+      "--kubeconfig", proxyKubeconfigPath,
+      "-o", "json",
+      "-f", fileName,
+    ];
+
+    this.dependencies.logger.debug(`shooting manifests with ${kubectlPath}`, { args });
+
+    const execEnv = { ...process.env };
+    const httpsProxy = this.cluster.preferences?.httpsProxy;
+
+    if (httpsProxy) {
+      execEnv.HTTPS_PROXY = httpsProxy;
+    }
+
+    try {
+      await this.dependencies.writeFile(fileName, content);
+
+      const result = await this.dependencies.execFile(kubectlPath, args);
+
+      if (result.callWasSuccessful) {
+        return result;
+      }
+
+      return {
+        callWasSuccessful: false,
+        error: result.error.stderr || result.error.message,
+      };
+    } finally {
+      await this.dependencies.deleteFile(fileName);
+    }
+  }
+
+  public async kubectlApplyAll(resources: string[], extraArgs = ["-o", "json"]): Promise<AsyncResult<string, string>> {
+    return this.kubectlCmdAll("apply", resources, extraArgs);
+  }
+
+  public async kubectlDeleteAll(resources: string[], extraArgs?: string[]): Promise<AsyncResult<string, string>> {
+    return this.kubectlCmdAll("delete", resources, extraArgs);
+  }
+
+  protected async kubectlCmdAll(subCmd: string, resources: string[], parentArgs: string[] = []): Promise<AsyncResult<string, string>> {
+    const kubectl = await this.cluster.ensureKubectl();
+    const kubectlPath = await kubectl.getPath();
+    const proxyKubeconfigPath = await this.cluster.getProxyKubeconfigPath();
+    const tmpDir = tempy.directory();
+
+    await Promise.all(resources.map((resource, index) => this.dependencies.writeFile(
+      this.dependencies.joinPaths(tmpDir, `${index}.yaml`),
+      resource,
+    )));
+
+    const args = [
+      subCmd,
+      "--kubeconfig", proxyKubeconfigPath,
+      ...parentArgs,
+      "-f", tmpDir,
+    ];
+
+    this.dependencies.logger.info(`[RESOURCE-APPLIER] running kubectl`, { args });
+    const result = await this.dependencies.execFile(kubectlPath, args);
+
+    if (result.callWasSuccessful) {
+      return result;
+    }
+
+    this.dependencies.logger.error(`[RESOURCE-APPLIER] kubectl errored: ${result.error.message}`);
+
+    const splitError = result.error.stderr.split(`.yaml": `);
+
+    return {
+      callWasSuccessful: false,
+      error: splitError[1] || result.error.message,
+    };
+  }
+
+  protected sanitizeObject(resource: string) {
+    const res = yaml.load(resource) as Partial<KubernetesObject> & { status?: object };
+
+    delete res.status;
+    delete res.metadata?.resourceVersion;
+    delete res.metadata?.annotations?.["kubectl.kubernetes.io/last-applied-configuration"];
+
+    return yaml.dump(res);
+  }
+}
diff --git a/packages/core/src/main/router/create-handler-for-route.injectable.ts b/packages/core/src/main/router/create-handler-for-route.injectable.ts
new file mode 100644
index 0000000000..60f62fd282
--- /dev/null
+++ b/packages/core/src/main/router/create-handler-for-route.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import type { ServerResponse } from "http";
+import loggerInjectable from "../../common/logger.injectable";
+import { object } from "../../common/utils";
+import type { LensApiRequest, Route } from "./route";
+import { contentTypes } from "./router-content-types";
+
+export type RouteHandler = (request: LensApiRequest<string>, response: ServerResponse) => Promise<void>;
+export type CreateHandlerForRoute = (route: Route<unknown, string>) => RouteHandler;
+
+interface LensServerResponse {
+  statusCode: number;
+  content: any;
+  headers: {
+    [name: string]: string;
+  };
+}
+
+const writeServerResponseFor = (serverResponse: ServerResponse) => ({
+  statusCode,
+  content,
+  headers,
+}: LensServerResponse) => {
+  serverResponse.statusCode = statusCode;
+
+  for (const [name, value] of object.entries(headers)) {
+    serverResponse.setHeader(name, value);
+  }
+
+  if (content instanceof Buffer) {
+    serverResponse.write(content);
+    serverResponse.end();
+  } else if (content) {
+    serverResponse.end(content);
+  } else {
+    serverResponse.end();
+  }
+};
+
+const createHandlerForRouteInjectable = getInjectable({
+  id: "create-handler-for-route",
+  instantiate: (di): CreateHandlerForRoute => {
+    const logger = di.inject(loggerInjectable);
+
+    return (route) => async (request, response) => {
+      const writeServerResponse = writeServerResponseFor(response);
+
+      try {
+        const result = await route.handler(request);
+
+        if (!result) {
+          const mappedResult = contentTypes.txt.resultMapper({
+            statusCode: 204,
+            response: undefined,
+          });
+
+          writeServerResponse(mappedResult);
+        } else if (!result.proxy) {
+          const contentType = result.contentType || contentTypes.json;
+
+          writeServerResponse(contentType.resultMapper(result));
+        }
+      } catch(error) {
+        const mappedResult = contentTypes.txt.resultMapper({
+          statusCode: 500,
+          error: error ? String(error) : "unknown error",
+        });
+
+        logger.error(`[ROUTER]: route ${route.path}, called with ${request.path}, threw an error`, error);
+        writeServerResponse(mappedResult);
+      }
+    };
+  },
+});
+
+export default createHandlerForRouteInjectable;
diff --git a/packages/core/src/main/router/parse-request.injectable.ts b/packages/core/src/main/router/parse-request.injectable.ts
new file mode 100644
index 0000000000..93095a0d0e
--- /dev/null
+++ b/packages/core/src/main/router/parse-request.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 { getInjectable } from "@ogre-tools/injectable";
+import Subtext from "@hapi/subtext";
+
+export type ParseRequest = typeof Subtext.parse;
+
+const parseRequestInjectable = getInjectable({
+  id: "parse-http-request",
+  instantiate: () => Subtext.parse,
+});
+
+export default parseRequestInjectable;
diff --git a/packages/core/src/main/router/route.ts b/packages/core/src/main/router/route.ts
new file mode 100644
index 0000000000..90b0210746
--- /dev/null
+++ b/packages/core/src/main/router/route.ts
@@ -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 { Cluster } from "../../common/cluster/cluster";
+import type http from "http";
+import type httpProxy from "http-proxy";
+import type { LensApiResultContentType } from "./router-content-types";
+import type { URLSearchParams } from "url";
+import type Joi from "joi";
+
+export type InferParam<
+  T extends string,
+  PathParams extends Record<string, string>,
+> =
+  T extends `{${infer P}?}`
+    ? PathParams & Partial<Record<P, string>>
+    : T extends `{${infer P}}`
+      ? PathParams & Record<P, string>
+      : PathParams;
+
+export type InferParamFromPath<P extends string> =
+  P extends `${string}/{${infer B}*}${infer Tail}`
+    ? Tail extends ""
+      ? Record<B, string>
+      : never
+    : P extends `${infer A}/${infer B}`
+      ? InferParam<A, InferParamFromPath<B>>
+      : InferParam<P, {}>;
+
+export interface LensApiRequest<Path extends string> {
+  path: Path;
+  payload: unknown;
+  params: InferParamFromPath<Path>;
+  cluster: Cluster | undefined;
+  query: URLSearchParams;
+  raw: {
+    req: http.IncomingMessage;
+    res: http.ServerResponse;
+  };
+}
+
+export interface ClusterLensApiRequest<Path extends string> extends LensApiRequest<Path> {
+  cluster: Cluster;
+}
+
+export interface LensApiResult<Response> {
+  statusCode?: number;
+  response?: Response;
+  error?: any;
+  contentType?: LensApiResultContentType;
+  headers?: Partial<Record<string, string>>;
+  proxy?: httpProxy;
+}
+
+export type RouteResponse<Response> =
+  | LensApiResult<Response>
+  | void;
+
+export interface RouteHandler<TResponse, Path extends string>{
+  (request: LensApiRequest<Path>): RouteResponse<TResponse> | Promise<RouteResponse<TResponse>>;
+}
+
+export interface BaseRoutePaths<Path extends string> {
+  path: Path;
+  method: "get" | "post" | "put" | "patch" | "delete";
+}
+
+export interface PayloadValidator<Payload> {
+  validate(payload: unknown): Joi.ValidationResult<Payload>;
+}
+
+export interface ValidatorBaseRoutePaths<Path extends string, Payload> extends BaseRoutePaths<Path> {
+  payloadValidator: PayloadValidator<Payload>;
+}
+
+export interface Route<TResponse, Path extends string> extends BaseRoutePaths<Path> {
+  handler: RouteHandler<TResponse, Path>;
+}
+
+export interface BindHandler<Path extends string> {
+  <TResponse>(handler: RouteHandler<TResponse, Path>): Route<TResponse, Path>;
+}
+
+export function route<Path extends string>(parts: BaseRoutePaths<Path>): BindHandler<Path> {
+  return (handler) => ({
+    ...parts,
+    handler,
+  });
+}
+
+export interface ClusterRouteHandler<Response, Path extends string>{
+  (request: ClusterLensApiRequest<Path>): RouteResponse<Response> | Promise<RouteResponse<Response>>;
+}
+
+export interface BindClusterHandler<Path extends string> {
+  <TResponse>(handler: ClusterRouteHandler<TResponse, Path>): Route<TResponse, Path>;
+}
+
+export function clusterRoute<Path extends string>(parts: BaseRoutePaths<Path>): BindClusterHandler<Path> {
+  return (handler) => ({
+    ...parts,
+    handler: ({ cluster, ...rest }) => {
+      if (!cluster) {
+        return {
+          error: "Cluster missing",
+          statusCode: 400,
+        };
+      }
+
+      return handler({ cluster, ...rest });
+    },
+  });
+}
+
+export interface ValidatedClusterLensApiRequest<Path extends string, Payload> extends ClusterLensApiRequest<Path> {
+  payload: Payload;
+}
+
+export interface ValidatedClusterRouteHandler<Payload, Response, Path extends string> {
+  (request: ValidatedClusterLensApiRequest<Path, Payload>): RouteResponse<Response> | Promise<RouteResponse<Response>>;
+}
+
+export interface BindValidatedClusterHandler<Path extends string, Payload> {
+  <Response>(handler: ValidatedClusterRouteHandler<Payload, Response, Path>): Route<Response, Path>;
+}
+
+export function payloadValidatedClusterRoute<Path extends string, Payload>({ payloadValidator, ...parts }: ValidatorBaseRoutePaths<Path, Payload>): BindValidatedClusterHandler<Path, Payload> {
+  const boundClusterRoute = clusterRoute(parts);
+
+  return (handler) => boundClusterRoute(({ payload, ...rest }) => {
+    const validationResult = payloadValidator.validate(payload);
+
+    if (validationResult.error) {
+      return {
+        error: validationResult.error,
+        statusCode: 400,
+      };
+    }
+
+    return handler({
+      payload: validationResult.value,
+      ...rest,
+    });
+  });
+}
diff --git a/packages/core/src/main/router/router-content-types.ts b/packages/core/src/main/router/router-content-types.ts
new file mode 100644
index 0000000000..4106e6b750
--- /dev/null
+++ b/packages/core/src/main/router/router-content-types.ts
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { LensApiResult } from "./route";
+
+export interface LensApiResultContentType {
+  resultMapper: (result: LensApiResult<any>) => ({
+    statusCode: number;
+    content: any;
+    headers: Record<string, string>;
+  });
+}
+
+const resultMapperFor =
+  (contentType: string): LensApiResultContentType["resultMapper"] =>
+    ({ response, error, statusCode= error ? 400 : 200, headers = {}}) => ({
+      statusCode,
+      content: error || response,
+      headers: { ...headers, "Content-Type": contentType },
+    });
+
+export type SupportedFileExtension = "json" | "txt" | "html" | "css" | "gif" | "jpg" | "png" | "svg" | "js" | "woff2" | "ttf";
+
+export const contentTypes: Record<SupportedFileExtension, LensApiResultContentType> = {
+  json: {
+    resultMapper: (result) => {
+      const resultMapper = resultMapperFor("application/json");
+
+      const mappedResult = resultMapper(result);
+
+      const contentIsObject = typeof mappedResult.content === "object";
+      const contentIsBuffer = mappedResult.content instanceof Buffer;
+      const contentShouldBeStringified = contentIsObject && !contentIsBuffer;
+
+      const content = contentShouldBeStringified
+        ? JSON.stringify(mappedResult.content)
+        : mappedResult.content;
+
+      return {
+        ...mappedResult,
+        content,
+      };
+    },
+  },
+
+  txt: {
+    resultMapper: resultMapperFor("text/plain"),
+  },
+
+  html: {
+    resultMapper: resultMapperFor("text/html"),
+  },
+
+  css: {
+    resultMapper: resultMapperFor("text/css"),
+  },
+
+  gif: {
+    resultMapper: resultMapperFor("image/gif"),
+  },
+
+  jpg: {
+    resultMapper: resultMapperFor("image/jpeg"),
+  },
+
+  png: {
+    resultMapper: resultMapperFor("image/png"),
+  },
+
+  svg: {
+    resultMapper: resultMapperFor("image/svg+xml"),
+  },
+
+  js: {
+    resultMapper: resultMapperFor("application/javascript"),
+  },
+
+  woff2: {
+    resultMapper: resultMapperFor("font/woff2"),
+  },
+
+  ttf: {
+    resultMapper: resultMapperFor("font/ttf"),
+  },
+};
diff --git a/packages/core/src/main/router/router.injectable.ts b/packages/core/src/main/router/router.injectable.ts
new file mode 100644
index 0000000000..896f875332
--- /dev/null
+++ b/packages/core/src/main/router/router.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 type { Injectable, InjectionToken } from "@ogre-tools/injectable";
+import { getInjectable, getInjectionToken } from "@ogre-tools/injectable";
+import { Router } from "./router";
+import parseRequestInjectable from "./parse-request.injectable";
+import type { Route } from "./route";
+import createHandlerForRouteInjectable from "./create-handler-for-route.injectable";
+
+export const routeInjectionToken = getInjectionToken<Route<unknown, string>>({
+  id: "route-injection-token",
+});
+
+export function getRouteInjectable<T, Path extends string>(
+  opts: Omit<Injectable<Route<T, Path>, Route<T, Path>, void>, "lifecycle" | "injectionToken">,
+) {
+  return getInjectable({
+    ...opts,
+    injectionToken: routeInjectionToken as unknown as InjectionToken<Route<T, Path>, void>,
+  });
+}
+
+const routerInjectable = getInjectable({
+  id: "router",
+
+  instantiate: (di) => new Router({
+    parseRequest: di.inject(parseRequestInjectable),
+    routes: di.injectMany(routeInjectionToken),
+    createHandlerForRoute: di.inject(createHandlerForRouteInjectable),
+  }),
+});
+
+export default routerInjectable;
diff --git a/packages/core/src/main/router/router.test.ts b/packages/core/src/main/router/router.test.ts
new file mode 100644
index 0000000000..482cafb0d5
--- /dev/null
+++ b/packages/core/src/main/router/router.test.ts
@@ -0,0 +1,301 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import routerInjectable, { routeInjectionToken } from "./router.injectable";
+import { getDiForUnitTesting } from "../getDiForUnitTesting";
+import type { Router } from "./router";
+import type { Cluster } from "../../common/cluster/cluster";
+import { Request } from "mock-http";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import parseRequestInjectable from "./parse-request.injectable";
+import { contentTypes } from "./router-content-types";
+import directoryForUserDataInjectable from "../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import type { Route } from "./route";
+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;
+  let routeHandlerMock: AsyncFnMock<() => any>;
+
+  beforeEach(async () => {
+    routeHandlerMock = asyncFn();
+
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(parseRequestInjectable, () => () => Promise.resolve({
+      payload: "some-payload",
+      mime: "some-mime",
+    }));
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(kubectlBinaryNameInjectable, () => "kubectl");
+    di.override(kubectlDownloadingNormalizedArchInjectable, () => "amd64");
+    di.override(normalizedPlatformInjectable, () => "darwin");
+
+    const injectable = getInjectable({
+      id: "some-route",
+
+      instantiate: () => ({
+        method: "get",
+        path: "/some-path",
+        handler: routeHandlerMock,
+      } as Route<any, string>),
+
+      injectionToken: routeInjectionToken,
+    });
+
+    runInAction(() => {
+      di.register(injectable);
+    });
+
+    router = di.inject(routerInjectable);
+  });
+
+  describe("when navigating to the route", () => {
+    let actualPromise: Promise<boolean>;
+    let clusterStub: Cluster;
+    let requestStub: SetRequired<Request, "url" | "method">;
+    let responseStub: any;
+
+    beforeEach(() => {
+      requestStub = new Request({
+        url: "/some-path",
+        method: "get",
+        headers: {
+          "content-type": "application/json",
+        },
+      }) as SetRequired<Request, "url" | "method">;
+
+      responseStub = { end: jest.fn(), setHeader: jest.fn(), write: jest.fn(), statusCode: undefined };
+
+      clusterStub = {} as Cluster;
+
+      actualPromise = router.route(clusterStub, requestStub, responseStub);
+    });
+
+    it("calls handler with the request", () => {
+      expect(routeHandlerMock).toHaveBeenCalledWith({
+        cluster: clusterStub,
+        params: {},
+        path: "/some-path",
+        payload: "some-payload",
+        query: expect.any(URLSearchParams),
+        raw: { req: requestStub, res: responseStub },
+      });
+    });
+
+    it("given no content-type is specified, when handler resolves, resolves with JSON", async () => {
+      await routeHandlerMock.resolve({ response: "some-response-from-route-handler" });
+
+      await actualPromise;
+
+      expect(responseStub.setHeader.mock.calls).toEqual([
+        ["Content-Type", "application/json"],
+      ]);
+    });
+
+    it("given JSON content-type is specified, when handler resolves with object, resolves with JSON", async () => {
+      await routeHandlerMock.resolve({ response: { some: "object" }});
+
+      await actualPromise;
+
+      expect(responseStub.end).toHaveBeenCalledWith('{"some":"object"}');
+    });
+
+    describe("when handler resolves without any result", () => {
+      beforeEach(async () => {
+        await routeHandlerMock.resolve(undefined);
+
+        await actualPromise;
+      });
+
+      it("resolves as plain text", () => {
+        expect(responseStub.setHeader.mock.calls).toEqual([["Content-Type", "text/plain"]]);
+      });
+
+      it("resolves with status code for no content", async () => {
+        expect(responseStub.statusCode).toBe(204);
+      });
+
+      it("resolves without content", async () => {
+        expect(responseStub.end.mock.calls).toEqual([[]]);
+      });
+    });
+
+    describe("when handler rejects", () => {
+      beforeEach(async () => {
+        await routeHandlerMock.reject(new Error("some-error"));
+
+        await actualPromise;
+      });
+
+      it("resolves as plain text", () => {
+        expect(responseStub.setHeader.mock.calls).toEqual([["Content-Type", "text/plain"]]);
+      });
+
+      it('resolves with "500" status code', () => {
+        expect(responseStub.statusCode).toBe(500);
+      });
+
+      it("resolves with error", () => {
+        expect(responseStub.end).toHaveBeenCalledWith("Error: some-error");
+      });
+    });
+
+    [
+      { contentType: "text/plain", contentTypeObject: contentTypes.txt },
+      { contentType: "application/json", contentTypeObject: contentTypes.json },
+      { contentType: "text/html", contentTypeObject: contentTypes.html },
+      { contentType: "text/css", contentTypeObject: contentTypes.css },
+      { contentType: "image/gif", contentTypeObject: contentTypes.gif },
+      { contentType: "image/jpeg", contentTypeObject: contentTypes.jpg },
+      { contentType: "image/png", contentTypeObject: contentTypes.png },
+      { contentType: "image/svg+xml", contentTypeObject: contentTypes.svg },
+      { contentType: "application/javascript", contentTypeObject: contentTypes.js },
+      { contentType: "font/woff2", contentTypeObject: contentTypes.woff2 },
+      { contentType: "font/ttf", contentTypeObject: contentTypes.ttf },
+    ].forEach(scenario => {
+      describe(`given content type is "${scenario.contentType}", when handler resolves with response`, () => {
+        beforeEach(async () => {
+          await routeHandlerMock.resolve({ response: "some-response", contentType: scenario.contentTypeObject });
+
+          await actualPromise;
+        });
+
+        it("has content type specific headers", () => {
+          expect(responseStub.setHeader.mock.calls).toEqual([
+            ["Content-Type", scenario.contentType],
+          ]);
+        });
+
+        it("defaults to successful status code", () => {
+          expect(responseStub.statusCode).toBe(200);
+        });
+
+        it("has response as body", () => {
+          expect(responseStub.end).toHaveBeenCalledWith("some-response");
+        });
+      });
+
+      it(`given content type is "${scenario.contentType}", when handler resolves with success and custom status code, defaults to "200" as status code`, async () => {
+        await routeHandlerMock.resolve({
+          response: "some-response",
+          statusCode: 204,
+          contentType: scenario.contentTypeObject,
+        });
+
+        await actualPromise;
+
+        expect(responseStub.statusCode).toBe(204);
+      });
+
+      it(`given content type is "${scenario.contentType}", when handler resolves with success but without status code, defaults to "200" as status code`, async () => {
+        await routeHandlerMock.resolve({
+          response: "some-response",
+          contentType: scenario.contentTypeObject,
+        });
+
+        await actualPromise;
+
+        expect(responseStub.statusCode).toBe(200);
+      });
+
+
+      it(`given content type is "${scenario.contentType}", when handler resolves without response, has no body`, async () => {
+        await routeHandlerMock.resolve({
+          response: undefined,
+          contentType: scenario.contentTypeObject,
+        });
+
+        await actualPromise;
+
+        expect(responseStub.end.mock.calls).toEqual([[]]);
+      });
+
+      it(`given content type is "${scenario.contentType}", when handler resolves with error, has error as body`, async () => {
+        await routeHandlerMock.resolve({
+          error: "some-error",
+          contentType: scenario.contentTypeObject,
+        });
+
+        await actualPromise;
+
+        expect(responseStub.end).toHaveBeenCalledWith("some-error");
+      });
+
+      it(`given content type is "${scenario.contentType}", when handler resolves with error and status code, has custom status code`, async () => {
+        await routeHandlerMock.resolve({
+          error: "some-error",
+          statusCode: 414,
+          contentType: scenario.contentTypeObject,
+        });
+
+        await actualPromise;
+
+        expect(responseStub.statusCode).toBe(414);
+      });
+
+      it(`given content type is "${scenario.contentType}", when handler resolves with error but without status code, defaults to "400" as status code`, async () => {
+        await routeHandlerMock.resolve({
+          error: "some-error",
+          contentType: scenario.contentTypeObject,
+        });
+
+        await actualPromise;
+
+        expect(responseStub.statusCode).toBe(400);
+      });
+
+      it(`given content type is "${scenario.contentType}", when handler resolves custom headers, resolves with content type specific headers and custom headers`, async () => {
+        await routeHandlerMock.resolve({
+          response: "irrelevant",
+
+          headers: {
+            "Content-Type": "some-content-type-to-be-overridden",
+            "Some-Header": "some-header-value",
+          },
+
+          contentType: scenario.contentTypeObject,
+        });
+
+        await actualPromise;
+
+        expect(responseStub.setHeader.mock.calls).toEqual([
+          ["Content-Type", scenario.contentType],
+          ["Some-Header", "some-header-value"],
+        ]);
+
+      });
+
+      describe(`given content type is "${scenario.contentType}", when handler resolves with binary content`, () => {
+        let responseBufferStub: Buffer;
+
+        beforeEach(async () => {
+          responseBufferStub = Buffer.from("some-binary-content");
+
+          await routeHandlerMock.resolve({
+            response: responseBufferStub,
+            contentType: scenario.contentTypeObject,
+          });
+
+          await actualPromise;
+        });
+
+        it("writes binary content to response", () => {
+          expect(responseStub.write).toHaveBeenCalledWith(responseBufferStub);
+        });
+
+        it("does not end with the response", () => {
+          expect(responseStub.end.mock.calls[0]).toEqual([]);
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/main/router/router.ts b/packages/core/src/main/router/router.ts
new file mode 100644
index 0000000000..9cb070ed1d
--- /dev/null
+++ b/packages/core/src/main/router/router.ts
@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import Call from "@hapi/call";
+import type http from "http";
+import type { Cluster } from "../../common/cluster/cluster";
+import type { LensApiRequest, Route } from "./route";
+import type { ServerIncomingMessage } from "../lens-proxy/lens-proxy";
+import type { ParseRequest } from "./parse-request.injectable";
+import type { CreateHandlerForRoute, RouteHandler } from "./create-handler-for-route.injectable";
+
+export interface RouterRequestOpts {
+  req: http.IncomingMessage;
+  res: http.ServerResponse;
+  cluster: Cluster | undefined;
+  params: Partial<Record<string, string>>;
+  url: URL;
+}
+
+interface Dependencies {
+  parseRequest: ParseRequest;
+  createHandlerForRoute: CreateHandlerForRoute;
+  readonly routes: Route<unknown, string>[];
+}
+
+export class Router {
+  private readonly router = new Call.Router<RouteHandler>();
+
+  constructor(private readonly dependencies: Dependencies) {
+    for (const route of this.dependencies.routes) {
+      this.router.add({ method: route.method, path: route.path }, this.dependencies.createHandlerForRoute(route));
+    }
+  }
+
+  public async route(cluster: Cluster | undefined, req: ServerIncomingMessage, res: http.ServerResponse): Promise<boolean> {
+    const url = new URL(req.url, "http://localhost");
+    const path = url.pathname;
+    const method = req.method.toLowerCase();
+    const matchingRoute = this.router.route(method, path);
+
+    if (matchingRoute instanceof Error) {
+      return false;
+    }
+
+    const request = await this.getRequest({ req, res, cluster, url, params: matchingRoute.params });
+
+    await matchingRoute.route(request, res);
+
+    return true;
+  }
+
+  protected async getRequest(opts: RouterRequestOpts): Promise<LensApiRequest<string>> {
+    const { req, res, url, cluster, params } = opts;
+    const { payload } = await this.dependencies.parseRequest(req, null, {
+      parse: true,
+      output: "data",
+    });
+
+    return {
+      cluster,
+      path: url.pathname,
+      raw: {
+        req, res,
+      },
+      query: url.searchParams,
+      payload,
+      params,
+    };
+  }
+}
diff --git a/packages/core/src/main/routes/files/development.injectable.ts b/packages/core/src/main/routes/files/development.injectable.ts
new file mode 100644
index 0000000000..3251a9937b
--- /dev/null
+++ b/packages/core/src/main/routes/files/development.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 httpProxy from "http-proxy";
+import { webpackDevServerPort } from "../../../../webpack/vars";
+import { publicPath } from "../../../common/vars";
+import type { LensApiRequest, RouteResponse } from "../../router/route";
+
+const devStaticFileRouteHandlerInjectable = getInjectable({
+  id: "dev-static-file-route-handler",
+  instantiate: () => {
+    const proxy = httpProxy.createProxy();
+    const proxyTarget = `http://127.0.0.1:${webpackDevServerPort}`;
+
+    return async ({ raw: { req, res }}: LensApiRequest<"/{path*}">): Promise<RouteResponse<Buffer>> => {
+      if (req.url === "/" || !req.url || !req.url.startsWith(publicPath)) {
+        req.url = `${publicPath}/index.html`;
+      }
+
+      proxy.web(req, res, { target: proxyTarget });
+
+      return { proxy };
+    };
+  },
+});
+
+export default devStaticFileRouteHandlerInjectable;
diff --git a/packages/core/src/main/routes/files/production.injectable.ts b/packages/core/src/main/routes/files/production.injectable.ts
new file mode 100644
index 0000000000..1e4c360138
--- /dev/null
+++ b/packages/core/src/main/routes/files/production.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 readFileBufferInjectable from "../../../common/fs/read-file-buffer.injectable";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+import staticFilesDirectoryInjectable from "../../../common/vars/static-files-directory.injectable";
+import type { LensApiRequest } from "../../router/route";
+import path from "path";
+import type { SupportedFileExtension } from "../../router/router-content-types";
+import { contentTypes } from "../../router/router-content-types";
+import loggerInjectable from "../../../common/logger.injectable";
+import { publicPath } from "../../../common/vars";
+
+const prodStaticFileRouteHandlerInjectable = getInjectable({
+  id: "prod-static-file-route-handler",
+  instantiate: (di) => {
+    const readFileBuffer = di.inject(readFileBufferInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const staticFilesDirectory = di.inject(staticFilesDirectoryInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async ({ params }: LensApiRequest<"/{path*}">) => {
+      let filePath = params.path;
+
+
+      for (let retryCount = 0; retryCount < 5; retryCount += 1) {
+        const assetFilePath = joinPaths(staticFilesDirectory, filePath);
+
+        if (!assetFilePath.startsWith(staticFilesDirectory)) {
+          return { statusCode: 404 };
+        }
+
+        try {
+          const fileExtension = path
+            .extname(assetFilePath)
+            .slice(1) as SupportedFileExtension;
+
+          const contentType = contentTypes[fileExtension] || contentTypes.txt;
+
+          return { response: await readFileBuffer(assetFilePath), contentType };
+        } catch (err) {
+          if (retryCount > 5) {
+            logger.error("handleStaticFile:", String(err));
+
+            return { statusCode: 404 };
+          }
+
+          filePath = `${publicPath}/index.html`;
+        }
+      }
+
+      return { statusCode: 404 };
+    };
+  },
+});
+
+export default prodStaticFileRouteHandlerInjectable;
diff --git a/packages/core/src/main/routes/files/static-file-route.injectable.ts b/packages/core/src/main/routes/files/static-file-route.injectable.ts
new file mode 100644
index 0000000000..0268ac2051
--- /dev/null
+++ b/packages/core/src/main/routes/files/static-file-route.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 { getRouteInjectable } from "../../router/router.injectable";
+import isDevelopmentInjectable from "../../../common/vars/is-development.injectable";
+import { route } from "../../router/route";
+import prodStaticFileRouteHandlerInjectable from "./production.injectable";
+import devStaticFileRouteHandlerInjectable from "./development.injectable";
+
+const staticFileRouteInjectable = getRouteInjectable({
+  id: "static-file-route",
+
+  instantiate: (di) => {
+    const isDevelopment = di.inject(isDevelopmentInjectable);
+
+    return route({
+      method: "get",
+      path: `/{path*}`,
+    })(
+      isDevelopment
+        ? di.inject(devStaticFileRouteHandlerInjectable)
+        : di.inject(prodStaticFileRouteHandlerInjectable),
+    );
+  },
+});
+
+export default staticFileRouteInjectable;
diff --git a/packages/core/src/main/routes/helm/charts/get-readme-route.injectable.ts b/packages/core/src/main/routes/helm/charts/get-readme-route.injectable.ts
new file mode 100644
index 0000000000..f3b52073c2
--- /dev/null
+++ b/packages/core/src/main/routes/helm/charts/get-readme-route.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 { getRouteInjectable } from "../../../router/router.injectable";
+import { apiPrefix } from "../../../../common/vars";
+import { route } from "../../../router/route";
+import getHelmChartReadmeInjectable from "../../../helm/helm-service/get-helm-chart-readme.injectable";
+
+const getHelmChartReadmeRouteInjectable = getRouteInjectable({
+  id: "get-helm-chart-readme-route",
+
+  instantiate: (di) => {
+    const getHelmChartReadme = di.inject(getHelmChartReadmeInjectable);
+
+    return route({
+      method: "get",
+      path: `${apiPrefix}/v2/charts/{repo}/{chart}/readme`,
+    })(async ({ params, query }) => {
+      const { repo, chart } = params;
+
+      return {
+        response: await getHelmChartReadme(
+          repo,
+          chart,
+          query.get("version") ?? undefined,
+        ),
+      };
+    });
+  },
+});
+
+export default getHelmChartReadmeRouteInjectable;
diff --git a/packages/core/src/main/routes/helm/charts/get-values-route.injectable.ts b/packages/core/src/main/routes/helm/charts/get-values-route.injectable.ts
new file mode 100644
index 0000000000..49efe5fb0c
--- /dev/null
+++ b/packages/core/src/main/routes/helm/charts/get-values-route.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 { getRouteInjectable } from "../../../router/router.injectable";
+import { apiPrefix } from "../../../../common/vars";
+import { route } from "../../../router/route";
+import getHelmChartValuesInjectable from "../../../helm/helm-service/get-helm-chart-values.injectable";
+
+const getHelmChartRouteValuesInjectable = getRouteInjectable({
+  id: "get-helm-chart-values-route",
+
+  instantiate: (di) => {
+    const getHelmChartValues = di.inject(getHelmChartValuesInjectable);
+
+    return route({
+      method: "get",
+      path: `${apiPrefix}/v2/charts/{repo}/{chart}/values`,
+    })(async ({ params, query }) => ({
+      response: await getHelmChartValues(
+        params.repo,
+        params.chart,
+        query.get("version") ?? undefined,
+      ),
+    }));
+  },
+});
+
+export default getHelmChartRouteValuesInjectable;
diff --git a/packages/core/src/main/routes/helm/charts/get-versions-route.injectable.ts b/packages/core/src/main/routes/helm/charts/get-versions-route.injectable.ts
new file mode 100644
index 0000000000..933d94743b
--- /dev/null
+++ b/packages/core/src/main/routes/helm/charts/get-versions-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 { getRouteInjectable } from "../../../router/router.injectable";
+import { apiPrefix } from "../../../../common/vars";
+import { route } from "../../../router/route";
+import getHelmChartVersionsInjectable from "../../../helm/helm-service/get-helm-chart-versions.injectable";
+
+const getHelmChartVersionsRouteInjectable = getRouteInjectable({
+  id: "get-helm-chart-versions-route",
+
+  instantiate: (di) => {
+    const getHelmChartVersions = di.inject(getHelmChartVersionsInjectable);
+
+    return route({
+      method: "get",
+      path: `${apiPrefix}/v2/charts/{repo}/{chart}/versions`,
+    })(async ({ params: { repo, chart }}) => ({
+      response: await getHelmChartVersions(repo, chart),
+    }));
+  },
+});
+
+export default getHelmChartVersionsRouteInjectable;
diff --git a/packages/core/src/main/routes/helm/charts/list-route.injectable.ts b/packages/core/src/main/routes/helm/charts/list-route.injectable.ts
new file mode 100644
index 0000000000..402a3d7cd1
--- /dev/null
+++ b/packages/core/src/main/routes/helm/charts/list-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 { getRouteInjectable } from "../../../router/router.injectable";
+import { apiPrefix } from "../../../../common/vars";
+import { route } from "../../../router/route";
+import listHelmChartsInjectable from "../../../helm/helm-service/list-helm-charts.injectable";
+
+const listHelmChartsRouteInjectable = getRouteInjectable({
+  id: "list-helm-charts-route",
+
+  instantiate: (di) => {
+    const listHelmCharts = di.inject(listHelmChartsInjectable);
+
+    return route({
+      method: "get",
+      path: `${apiPrefix}/v2/charts`,
+    })(async () => ({
+      response: await listHelmCharts(),
+    }));
+  },
+});
+
+export default listHelmChartsRouteInjectable;
diff --git a/packages/core/src/main/routes/helm/releases/delete-release-route.injectable.ts b/packages/core/src/main/routes/helm/releases/delete-release-route.injectable.ts
new file mode 100644
index 0000000000..79d3195643
--- /dev/null
+++ b/packages/core/src/main/routes/helm/releases/delete-release-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 { apiPrefix } from "../../../../common/vars";
+import { getRouteInjectable } from "../../../router/router.injectable";
+import { clusterRoute } from "../../../router/route";
+import deleteClusterHelmReleaseInjectable from "../../../helm/helm-service/delete-helm-release.injectable";
+
+const deleteReleaseRouteInjectable = getRouteInjectable({
+  id: "delete-release-route",
+
+  instantiate: (di) => {
+    const deleteHelmRelease = di.inject(deleteClusterHelmReleaseInjectable);
+
+    return clusterRoute({
+      method: "delete",
+      path: `${apiPrefix}/v2/releases/{namespace}/{name}`,
+    })(async ({ cluster, params }) => ({
+      response: await deleteHelmRelease(cluster, params),
+    }));
+  },
+});
+
+export default deleteReleaseRouteInjectable;
diff --git a/packages/core/src/main/routes/helm/releases/get-release-history-route.injectable.ts b/packages/core/src/main/routes/helm/releases/get-release-history-route.injectable.ts
new file mode 100644
index 0000000000..2ba1349de0
--- /dev/null
+++ b/packages/core/src/main/routes/helm/releases/get-release-history-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 { apiPrefix } from "../../../../common/vars";
+import { getRouteInjectable } from "../../../router/router.injectable";
+import { clusterRoute } from "../../../router/route";
+import getClusterHelmReleaseHistoryInjectable from "../../../helm/helm-service/get-helm-release-history.injectable";
+
+const getReleaseRouteHistoryInjectable = getRouteInjectable({
+  id: "get-release-history-route",
+
+  instantiate: (di) => {
+    const getHelmReleaseHistory = di.inject(getClusterHelmReleaseHistoryInjectable);
+
+    return clusterRoute({
+      method: "get",
+      path: `${apiPrefix}/v2/releases/{namespace}/{name}/history`,
+    })(async ({ cluster, params }) => ({
+      response: await getHelmReleaseHistory(cluster, params),
+    }));
+  },
+});
+
+export default getReleaseRouteHistoryInjectable;
diff --git a/packages/core/src/main/routes/helm/releases/get-release-route.injectable.ts b/packages/core/src/main/routes/helm/releases/get-release-route.injectable.ts
new file mode 100644
index 0000000000..7b264b4fe9
--- /dev/null
+++ b/packages/core/src/main/routes/helm/releases/get-release-route.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 { apiPrefix } from "../../../../common/vars";
+import { getRouteInjectable } from "../../../router/router.injectable";
+import { clusterRoute } from "../../../router/route";
+import getHelmReleaseInjectable from "../../../helm/helm-service/get-helm-release.injectable";
+
+const getReleaseRouteInjectable = getRouteInjectable({
+  id: "get-release-route",
+
+  instantiate: (di) => {
+    const getHelmRelease = di.inject(getHelmReleaseInjectable);
+
+    return clusterRoute({
+      method: "get",
+      path: `${apiPrefix}/v2/releases/{namespace}/{release}`,
+    })(async ({ cluster, params }) => ({
+      response: await getHelmRelease(
+        cluster,
+        params.release,
+        params.namespace,
+      ),
+    }));
+  },
+});
+
+export default getReleaseRouteInjectable;
diff --git a/packages/core/src/main/routes/helm/releases/get-release-values-route.injectable.ts b/packages/core/src/main/routes/helm/releases/get-release-values-route.injectable.ts
new file mode 100644
index 0000000000..78799f3e58
--- /dev/null
+++ b/packages/core/src/main/routes/helm/releases/get-release-values-route.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 { apiPrefix } from "../../../../common/vars";
+import { getRouteInjectable } from "../../../router/router.injectable";
+import { getBoolean } from "../../../utils/parse-query";
+import { contentTypes } from "../../../router/router-content-types";
+import { clusterRoute } from "../../../router/route";
+import getClusterHelmReleaseValuesInjectable from "../../../helm/helm-service/get-helm-release-values.injectable";
+
+const getReleaseRouteValuesInjectable = getRouteInjectable({
+  id: "get-release-values-route",
+
+  instantiate: (di) => {
+    const getClusterHelmReleaseValues = di.inject(getClusterHelmReleaseValuesInjectable);
+
+    return clusterRoute({
+      method: "get",
+      path: `${apiPrefix}/v2/releases/{namespace}/{name}/values`,
+    })(async ({ cluster, params: { namespace, name }, query }) => ({
+      response: await getClusterHelmReleaseValues(cluster, {
+        name,
+        namespace,
+        all: getBoolean(query, "all"),
+      }),
+
+      contentType: contentTypes.txt,
+    }));
+  },
+});
+
+export default getReleaseRouteValuesInjectable;
diff --git a/packages/core/src/main/routes/helm/releases/install-chart-route.injectable.ts b/packages/core/src/main/routes/helm/releases/install-chart-route.injectable.ts
new file mode 100644
index 0000000000..e34d54db23
--- /dev/null
+++ b/packages/core/src/main/routes/helm/releases/install-chart-route.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 { apiPrefix } from "../../../../common/vars";
+import { getRouteInjectable } from "../../../router/router.injectable";
+import Joi from "joi";
+import { payloadValidatedClusterRoute } from "../../../router/route";
+import type { InstallChartArgs } from "../../../helm/helm-service/install-helm-chart.injectable";
+import installClusterHelmChartInjectable from "../../../helm/helm-service/install-helm-chart.injectable";
+
+const installChartArgsValidator = Joi.object<InstallChartArgs, true, InstallChartArgs>({
+  chart: Joi
+    .string()
+    .required(),
+  values: Joi
+    .object()
+    .required()
+    .unknown(true),
+  name: Joi
+    .string(),
+  namespace: Joi
+    .string()
+    .required(),
+  version: Joi
+    .string()
+    .required(),
+});
+
+const installChartRouteInjectable = getRouteInjectable({
+  id: "install-chart-route",
+
+  instantiate: (di) => {
+    const installHelmChart = di.inject(installClusterHelmChartInjectable);
+
+    return payloadValidatedClusterRoute({
+      method: "post",
+      path: `${apiPrefix}/v2/releases`,
+      payloadValidator: installChartArgsValidator,
+    })(async ({ payload, cluster }) => ({
+      response: await installHelmChart(cluster, payload),
+      statusCode: 201,
+    }));
+  },
+});
+
+export default installChartRouteInjectable;
diff --git a/packages/core/src/main/routes/helm/releases/list-releases-route.injectable.ts b/packages/core/src/main/routes/helm/releases/list-releases-route.injectable.ts
new file mode 100644
index 0000000000..53a4dcb179
--- /dev/null
+++ b/packages/core/src/main/routes/helm/releases/list-releases-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 { apiPrefix } from "../../../../common/vars";
+import { getRouteInjectable } from "../../../router/router.injectable";
+import { clusterRoute } from "../../../router/route";
+import listClusterHelmReleasesInjectable from "../../../helm/helm-service/list-helm-releases.injectable";
+
+const listReleasesRouteInjectable = getRouteInjectable({
+  id: "list-releases-route",
+
+  instantiate: (di) => {
+    const listHelmReleases = di.inject(listClusterHelmReleasesInjectable);
+
+    return clusterRoute({
+      method: "get",
+      path: `${apiPrefix}/v2/releases/{namespace?}`,
+    })(async ({ cluster, params }) => ({
+      response: await listHelmReleases(cluster, params.namespace),
+    }));
+  },
+});
+
+export default listReleasesRouteInjectable;
diff --git a/packages/core/src/main/routes/helm/releases/rollback-release-route.injectable.ts b/packages/core/src/main/routes/helm/releases/rollback-release-route.injectable.ts
new file mode 100644
index 0000000000..49a8fddb88
--- /dev/null
+++ b/packages/core/src/main/routes/helm/releases/rollback-release-route.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 { apiPrefix } from "../../../../common/vars";
+import { getRouteInjectable } from "../../../router/router.injectable";
+import Joi from "joi";
+import { payloadValidatedClusterRoute } from "../../../router/route";
+import rollbackClusterHelmReleaseInjectable from "../../../helm/helm-service/rollback-helm-release.injectable";
+
+interface RollbackReleasePayload {
+  revision: number;
+}
+
+const rollbackReleasePayloadValidator = Joi.object<RollbackReleasePayload, true, RollbackReleasePayload>({
+  revision: Joi
+    .number()
+    .required(),
+});
+
+const rollbackReleaseRouteInjectable = getRouteInjectable({
+  id: "rollback-release-route",
+
+  instantiate: (di) => {
+    const rollbackRelease = di.inject(rollbackClusterHelmReleaseInjectable);
+
+    return payloadValidatedClusterRoute({
+      method: "put",
+      path: `${apiPrefix}/v2/releases/{namespace}/{name}/rollback`,
+      payloadValidator: rollbackReleasePayloadValidator,
+    })(async ({ cluster, params, payload }) => {
+      await rollbackRelease(cluster, { ...params, ...payload });
+    });
+  },
+});
+
+export default rollbackReleaseRouteInjectable;
diff --git a/packages/core/src/main/routes/helm/releases/update-release-route.injectable.ts b/packages/core/src/main/routes/helm/releases/update-release-route.injectable.ts
new file mode 100644
index 0000000000..5993d7922d
--- /dev/null
+++ b/packages/core/src/main/routes/helm/releases/update-release-route.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 { apiPrefix } from "../../../../common/vars";
+import { getRouteInjectable } from "../../../router/router.injectable";
+import { payloadValidatedClusterRoute } from "../../../router/route";
+import Joi from "joi";
+import type { UpdateChartArgs } from "../../../helm/helm-service/update-helm-release.injectable";
+import updateHelmReleaseInjectable from "../../../helm/helm-service/update-helm-release.injectable";
+
+const updateChartArgsValidator = Joi.object<UpdateChartArgs, true, UpdateChartArgs>({
+  chart: Joi
+    .string()
+    .required(),
+  version: Joi
+    .string()
+    .required(),
+  values: Joi
+    .string()
+    .required(),
+});
+
+const updateReleaseRouteInjectable = getRouteInjectable({
+  id: "update-release-route",
+
+  instantiate: (di) => {
+    const updateRelease = di.inject(updateHelmReleaseInjectable);
+
+    return payloadValidatedClusterRoute({
+      method: "put",
+      path: `${apiPrefix}/v2/releases/{namespace}/{release}`,
+      payloadValidator: updateChartArgsValidator,
+    })(async ({ cluster, params, payload }) => ({
+      response: await updateRelease(
+        cluster,
+        params.release,
+        params.namespace,
+        payload,
+      ),
+    }));
+  },
+});
+
+export default updateReleaseRouteInjectable;
diff --git a/packages/core/src/main/routes/kubeconfig-route/get-service-account-route.injectable.ts b/packages/core/src/main/routes/kubeconfig-route/get-service-account-route.injectable.ts
new file mode 100644
index 0000000000..476ee983a3
--- /dev/null
+++ b/packages/core/src/main/routes/kubeconfig-route/get-service-account-route.injectable.ts
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { apiPrefix } from "../../../common/vars";
+import { getRouteInjectable } from "../../router/router.injectable";
+import type { Cluster } from "../../../common/cluster/cluster";
+import type { V1Secret } from "@kubernetes/client-node";
+import { CoreV1Api } from "@kubernetes/client-node";
+import { clusterRoute } from "../../router/route";
+import { dump } from "js-yaml";
+
+const getServiceAccountRouteInjectable = getRouteInjectable({
+  id: "get-service-account-route",
+
+  instantiate: () => clusterRoute({
+    method: "get",
+    path: `${apiPrefix}/kubeconfig/service-account/{namespace}/{account}`,
+  })(async ({ params, cluster }) => {
+    const client = (await cluster.getProxyKubeconfig()).makeApiClient(CoreV1Api);
+    const secretList = await client.listNamespacedSecret(params.namespace);
+
+    const secret = secretList.body.items.find(secret => {
+      const { annotations } = secret.metadata ?? {};
+
+      return annotations?.["kubernetes.io/service-account.name"] === params.account;
+    });
+
+    if (!secret) {
+      return {
+        error: "No secret found",
+        statusCode: 404,
+      };
+    }
+
+    const kubeconfig = generateKubeConfig(params.account, secret, cluster);
+
+    if (!kubeconfig) {
+      return {
+        error: "No secret found",
+        statusCode: 404,
+      };
+    }
+
+    return {
+      response: kubeconfig,
+    };
+  }),
+});
+
+export default getServiceAccountRouteInjectable;
+
+function generateKubeConfig(username: string, secret: V1Secret, cluster: Cluster): string | undefined {
+  if (!secret.data || !secret.metadata) {
+    return undefined;
+  }
+
+  const { token, "ca.crt": caCrt } = secret.data;
+  const tokenData = Buffer.from(token, "base64");
+
+  return dump({
+    "apiVersion": "v1",
+    "kind": "Config",
+    "clusters": [
+      {
+        "name": cluster.contextName,
+        "cluster": {
+          "server": cluster.apiUrl,
+          "certificate-authority-data": caCrt,
+        },
+      },
+    ],
+    "users": [
+      {
+        "name": username,
+        "user": {
+          "token": tokenData.toString("utf8"),
+        },
+      },
+    ],
+    "contexts": [
+      {
+        "name": cluster.contextName,
+        "context": {
+          "user": username,
+          "cluster": cluster.contextName,
+          "namespace": secret.metadata.namespace,
+        },
+      },
+    ],
+    "current-context": cluster.contextName,
+  });
+}
diff --git a/packages/core/src/main/routes/metrics/add-metrics-route.injectable.ts b/packages/core/src/main/routes/metrics/add-metrics-route.injectable.ts
new file mode 100644
index 0000000000..eb59f2840b
--- /dev/null
+++ b/packages/core/src/main/routes/metrics/add-metrics-route.injectable.ts
@@ -0,0 +1,124 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { apiPrefix } from "../../../common/vars";
+import { getRouteInjectable } from "../../router/router.injectable";
+import type { ClusterPrometheusMetadata } from "../../../common/cluster-types";
+import { ClusterMetadataKey } from "../../../common/cluster-types";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { clusterRoute } from "../../router/route";
+import { isObject } from "lodash";
+import { isRequestError, object } from "../../../common/utils";
+import type { GetMetrics } from "../../get-metrics.injectable";
+import getMetricsInjectable from "../../get-metrics.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+// This is used for backoff retry tracking.
+const ATTEMPTS = [false, false, false, false, true];
+
+const loadMetricsFor = (getMetrics: GetMetrics) => async (promQueries: string[], cluster: Cluster, prometheusPath: string, queryParams: Partial<Record<string, string>>): Promise<any[]> => {
+  const queries = promQueries.map(p => p.trim());
+  const loaders = new Map<string, Promise<any>>();
+
+  async function loadMetric(query: string): Promise<any> {
+    async function loadMetricHelper(): Promise<any> {
+      for (const [attempt, lastAttempt] of ATTEMPTS.entries()) { // retry
+        try {
+          return await getMetrics(cluster, prometheusPath, { query, ...queryParams });
+        } catch (error) {
+          if (
+            !isRequestError(error)
+            || lastAttempt
+            || (
+              !lastAttempt && (
+                typeof error.statusCode === "number" &&
+                400 <= error.statusCode && error.statusCode < 500
+              )
+            )
+          ) {
+            throw new Error("Metrics not available", { cause: error });
+          }
+
+          await new Promise(resolve => setTimeout(resolve, (attempt + 1) * 1000)); // add delay before repeating request
+        }
+      }
+    }
+
+    return loaders.get(query) ?? loaders.set(query, loadMetricHelper()).get(query);
+  }
+
+  return Promise.all(queries.map(loadMetric));
+};
+
+const addMetricsRouteInjectable = getRouteInjectable({
+  id: "add-metrics-route",
+
+  instantiate: (di) => {
+    const getMetrics = di.inject(getMetricsInjectable);
+    const loadMetrics = loadMetricsFor(getMetrics);
+    const logger = di.inject(loggerInjectable);
+
+    return clusterRoute({
+      method: "post",
+      path: `${apiPrefix}/metrics`,
+    })(async ({ cluster, payload, query }) => {
+      const queryParams: Partial<Record<string, string>> = Object.fromEntries(query.entries());
+      const prometheusMetadata: ClusterPrometheusMetadata = {};
+
+      try {
+        const { prometheusPath, provider } = await cluster.contextHandler.getPrometheusDetails();
+
+        prometheusMetadata.provider = provider?.kind;
+        prometheusMetadata.autoDetected = !cluster.preferences.prometheusProvider?.type;
+
+        if (!prometheusPath) {
+          prometheusMetadata.success = false;
+
+          return { response: {}};
+        }
+
+        // return data in same structure as query
+        if (typeof payload === "string") {
+          const [data] = await loadMetrics([payload], cluster, prometheusPath, queryParams);
+
+          return { response: data };
+        }
+
+        if (Array.isArray(payload)) {
+          const data = await loadMetrics(payload, cluster, prometheusPath, queryParams);
+
+          return { response: data };
+        }
+
+        if (isObject(payload)) {
+          const data = payload as Record<string, Record<string, string>>;
+          const queries = object.entries(data)
+            .map(([queryName, queryOpts]) => (
+              provider.getQuery(queryOpts, queryName)
+            ));
+
+          const result = await loadMetrics(queries, cluster, prometheusPath, queryParams);
+          const response = object.fromEntries(object.keys(data).map((metricName, i) => [metricName, result[i]]));
+
+          prometheusMetadata.success = true;
+
+          return { response };
+        }
+
+        return { response: {}};
+      } catch (error) {
+        prometheusMetadata.success = false;
+
+        logger.warn(`[METRICS-ROUTE]: failed to get metrics for clusterId=${cluster.id}:`, error);
+
+        return { response: {}};
+      } finally {
+        cluster.metadata[ClusterMetadataKey.PROMETHEUS] = prometheusMetadata;
+      }
+    });
+  },
+});
+
+export default addMetricsRouteInjectable;
diff --git a/packages/core/src/main/routes/metrics/get-metric-providers-route.injectable.ts b/packages/core/src/main/routes/metrics/get-metric-providers-route.injectable.ts
new file mode 100644
index 0000000000..54dfd9bb95
--- /dev/null
+++ b/packages/core/src/main/routes/metrics/get-metric-providers-route.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 { apiPrefix } from "../../../common/vars";
+import { getRouteInjectable } from "../../router/router.injectable";
+import { route } from "../../router/route";
+import prometheusProvidersInjectable from "../../prometheus/providers.injectable";
+
+const getMetricProvidersRouteInjectable = getRouteInjectable({
+  id: "get-metric-providers-route",
+
+  instantiate: (di) => {
+    const prometheusProviders = di.inject(prometheusProvidersInjectable);
+
+    return route({
+      method: "get",
+      path: `${apiPrefix}/metrics/providers`,
+    })(() => ({
+      response: (
+        prometheusProviders
+          .get()
+          .map(({ name, kind: id, isConfigurable }) => ({ name, id, isConfigurable }))
+      ),
+    }));
+  },
+});
+
+export default getMetricProvidersRouteInjectable;
diff --git a/packages/core/src/main/routes/port-forward/functionality/create-port-forward.injectable.ts b/packages/core/src/main/routes/port-forward/functionality/create-port-forward.injectable.ts
new file mode 100644
index 0000000000..e2bfb8a517
--- /dev/null
+++ b/packages/core/src/main/routes/port-forward/functionality/create-port-forward.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 { PortForwardArgs, PortForwardDependencies } from "./port-forward";
+import { PortForward } from "./port-forward";
+import bundledKubectlInjectable from "../../../kubectl/bundled-kubectl.injectable";
+import getPortFromStreamInjectable from "../../../utils/get-port-from-stream.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+
+export type CreatePortForward = (pathToKubeConfig: string, args: PortForwardArgs) => PortForward;
+
+const createPortForwardInjectable = getInjectable({
+  id: "create-port-forward",
+
+  instantiate: (di): CreatePortForward => {
+    const dependencies: PortForwardDependencies = {
+      getKubectlBinPath: di.inject(bundledKubectlInjectable).getPath,
+      getPortFromStream: di.inject(getPortFromStreamInjectable),
+      logger: di.inject(loggerInjectable),
+    };
+
+    return (pathToKubeConfig, args) => new PortForward(dependencies, pathToKubeConfig, args);
+  },
+});
+
+export default createPortForwardInjectable;
diff --git a/packages/core/src/main/routes/port-forward/functionality/port-forward.ts b/packages/core/src/main/routes/port-forward/functionality/port-forward.ts
new file mode 100644
index 0000000000..0419024f2f
--- /dev/null
+++ b/packages/core/src/main/routes/port-forward/functionality/port-forward.ts
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { GetPortFromStream } from "../../../utils/get-port-from-stream.injectable";
+import type { ChildProcessWithoutNullStreams } from "child_process";
+import { spawn } from "child_process";
+import * as tcpPortUsed from "tcp-port-used";
+import { TypedRegEx } from "typed-regex";
+import type { Logger } from "../../../../common/logger";
+
+const internalPortMatcher = "^forwarding from (?<address>.+) ->";
+const internalPortRegex = Object.assign(TypedRegEx(internalPortMatcher, "i"), {
+  rawMatcher: internalPortMatcher,
+});
+
+export interface PortForwardArgs {
+  clusterId: string;
+  kind: string;
+  namespace: string;
+  name: string;
+  port: number;
+  forwardPort: number;
+}
+
+export interface PortForwardDependencies {
+  readonly logger: Logger;
+  getKubectlBinPath: (bundled: boolean) => Promise<string>;
+  getPortFromStream: GetPortFromStream;
+}
+
+export class PortForward {
+  public static portForwards: PortForward[] = [];
+
+  static getPortforward(forward: PortForwardArgs) {
+    return PortForward.portForwards.find((pf) => (
+      pf.clusterId == forward.clusterId &&
+      pf.kind == forward.kind &&
+      pf.name == forward.name &&
+      pf.namespace == forward.namespace &&
+      pf.port == forward.port
+    ));
+  }
+
+  public process?: ChildProcessWithoutNullStreams;
+  public clusterId: string;
+  public kind: string;
+  public namespace: string;
+  public name: string;
+  public port: number;
+  public forwardPort: number;
+
+  constructor(private dependencies: PortForwardDependencies, public pathToKubeConfig: string, args: PortForwardArgs) {
+    this.clusterId = args.clusterId;
+    this.kind = args.kind;
+    this.namespace = args.namespace;
+    this.name = args.name;
+    this.port = args.port;
+    this.forwardPort = args.forwardPort;
+  }
+
+  public async start() {
+    const kubectlBin = await this.dependencies.getKubectlBinPath(true);
+    const args = [
+      "--kubeconfig", this.pathToKubeConfig,
+      "port-forward",
+      "-n", this.namespace,
+      `${this.kind}/${this.name}`,
+      `${this.forwardPort ?? ""}:${this.port}`,
+    ];
+
+    this.process = spawn(kubectlBin, args, {
+      env: process.env,
+    });
+    PortForward.portForwards.push(this);
+    this.process.on("exit", () => {
+      const index = PortForward.portForwards.indexOf(this);
+
+      if (index > -1) {
+        PortForward.portForwards.splice(index, 1);
+      }
+    });
+
+    this.process.stderr.on("data", (data) => {
+      this.dependencies.logger.debug(`[PORT-FORWARD-ROUTE]: kubectl port-forward process stderr: ${data}`);
+    });
+
+    const internalPort = await this.dependencies.getPortFromStream(this.process.stdout, {
+      lineRegex: internalPortRegex,
+    });
+
+    try {
+      await tcpPortUsed.waitUntilUsed(internalPort, 500, 15000);
+
+      // make sure this.forwardPort is set to the actual port used (if it was 0 then an available port is found by 'kubectl port-forward')
+      this.forwardPort = internalPort;
+
+      return true;
+    } catch (error) {
+      this.process.kill();
+
+      return false;
+    }
+  }
+
+  public async stop() {
+    this.process?.kill();
+  }
+}
diff --git a/packages/core/src/main/routes/port-forward/get-current-port-forward-route.injectable.ts b/packages/core/src/main/routes/port-forward/get-current-port-forward-route.injectable.ts
new file mode 100644
index 0000000000..769046c804
--- /dev/null
+++ b/packages/core/src/main/routes/port-forward/get-current-port-forward-route.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 { getRouteInjectable } from "../../router/router.injectable";
+import { apiPrefix } from "../../../common/vars";
+import { PortForward } from "./functionality/port-forward";
+import { clusterRoute } from "../../router/route";
+
+const getCurrentPortForwardRouteInjectable = getRouteInjectable({
+  id: "get-current-port-forward-route",
+
+  instantiate: () => clusterRoute({
+    method: "get",
+    path: `${apiPrefix}/pods/port-forward/{namespace}/{resourceType}/{resourceName}`,
+  })(async ({ params, query, cluster }) => {
+    const { namespace, resourceType, resourceName } = params;
+    const port = Number(query.get("port"));
+    const forwardPort = Number(query.get("forwardPort"));
+
+    const portForward = PortForward.getPortforward({
+      clusterId: cluster.id, kind: resourceType, name: resourceName,
+      namespace, port, forwardPort,
+    });
+
+    return {
+      response: {
+        port: portForward?.forwardPort ?? null,
+      },
+    };
+  }),
+});
+
+export default getCurrentPortForwardRouteInjectable;
diff --git a/packages/core/src/main/routes/port-forward/start-port-forward-route.injectable.ts b/packages/core/src/main/routes/port-forward/start-port-forward-route.injectable.ts
new file mode 100644
index 0000000000..0716b81a2f
--- /dev/null
+++ b/packages/core/src/main/routes/port-forward/start-port-forward-route.injectable.ts
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getRouteInjectable } from "../../router/router.injectable";
+import { apiPrefix } from "../../../common/vars";
+import { PortForward } from "./functionality/port-forward";
+import createPortForwardInjectable from "./functionality/create-port-forward.injectable";
+import { clusterRoute } from "../../router/route";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const startPortForwardRouteInjectable = getRouteInjectable({
+  id: "start-current-port-forward-route",
+
+  instantiate: (di) => {
+    const createPortForward = di.inject(createPortForwardInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return clusterRoute({
+      method: "post",
+      path: `${apiPrefix}/pods/port-forward/{namespace}/{resourceType}/{resourceName}`,
+    })(async ({ params, query, cluster }) => {
+      const { namespace, resourceType, resourceName } = params;
+      const port = Number(query.get("port"));
+      const forwardPort = Number(query.get("forwardPort"));
+
+      try {
+        let portForward = PortForward.getPortforward({
+          clusterId: cluster.id,
+          kind: resourceType,
+          name: resourceName,
+          namespace,
+          port,
+          forwardPort,
+        });
+
+        if (!portForward) {
+          logger.info(
+            `Creating a new port-forward ${namespace}/${resourceType}/${resourceName}:${port}`,
+          );
+
+          const thePort = 0 < forwardPort && forwardPort < 65536
+            ? forwardPort
+            : 0;
+
+          portForward = createPortForward(await cluster.getProxyKubeconfigPath(), {
+            clusterId: cluster.id,
+            kind: resourceType,
+            namespace,
+            name: resourceName,
+            port,
+            forwardPort: thePort,
+          });
+
+          const started = await portForward.start();
+
+          if (!started) {
+            logger.error("[PORT-FORWARD-ROUTE]: failed to start a port-forward", {
+              namespace,
+              port,
+              resourceType,
+              resourceName,
+            });
+
+            return {
+              error: {
+                message: `Failed to forward port ${port} to ${
+                  thePort ? forwardPort : "random port"
+                }`,
+              },
+            };
+          }
+        }
+
+        return { response: { port: portForward.forwardPort }};
+      } catch (error) {
+        logger.error(
+          `[PORT-FORWARD-ROUTE]: failed to open a port-forward: ${error}`,
+          { namespace, port, resourceType, resourceName },
+        );
+
+        return {
+          error: {
+            message: `Failed to forward port ${port}`,
+          },
+        };
+      }
+    });
+  },
+});
+
+export default startPortForwardRouteInjectable;
diff --git a/packages/core/src/main/routes/port-forward/stop-current-port-forward-route.injectable.ts b/packages/core/src/main/routes/port-forward/stop-current-port-forward-route.injectable.ts
new file mode 100644
index 0000000000..1fc76e9b72
--- /dev/null
+++ b/packages/core/src/main/routes/port-forward/stop-current-port-forward-route.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getRouteInjectable } from "../../router/router.injectable";
+import { apiPrefix } from "../../../common/vars";
+import { PortForward } from "./functionality/port-forward";
+import { clusterRoute } from "../../router/route";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const stopCurrentPortForwardRouteInjectable = getRouteInjectable({
+  id: "stop-current-port-forward-route",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+
+    return clusterRoute({
+      method: "delete",
+      path: `${apiPrefix}/pods/port-forward/{namespace}/{resourceType}/{resourceName}`,
+    })(async ({ params, query, cluster }) => {
+      const { namespace, resourceType, resourceName } = params;
+      const port = Number(query.get("port"));
+      const forwardPort = Number(query.get("forwardPort"));
+      const portForward = PortForward.getPortforward({
+        clusterId: cluster.id, kind: resourceType, name: resourceName,
+        namespace, port, forwardPort,
+      });
+
+      try {
+        await portForward?.stop();
+
+        return { response: { status: true }};
+      } catch (error) {
+        logger.error("[PORT-FORWARD-ROUTE]: error stopping a port-forward", { namespace, port, forwardPort, resourceType, resourceName });
+
+        return {
+          error: {
+            message: `error stopping a forward port ${port}`,
+          },
+        };
+      }
+    });
+  },
+});
+
+export default stopCurrentPortForwardRouteInjectable;
diff --git a/packages/core/src/main/routes/resource-applier/create-resource-route.injectable.ts b/packages/core/src/main/routes/resource-applier/create-resource-route.injectable.ts
new file mode 100644
index 0000000000..3b68201e9d
--- /dev/null
+++ b/packages/core/src/main/routes/resource-applier/create-resource-route.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 { getRouteInjectable } from "../../router/router.injectable";
+import { apiPrefix } from "../../../common/vars";
+import { payloadValidatedClusterRoute } from "../../router/route";
+import Joi from "joi";
+import createResourceApplierInjectable from "../../resource-applier/create-resource-applier.injectable";
+
+const createResourceRouteInjectable = getRouteInjectable({
+  id: "create-resource-route",
+
+  instantiate: (di) => {
+    const createResourceApplier = di.inject(createResourceApplierInjectable);
+
+    return payloadValidatedClusterRoute({
+      method: "post",
+      path: `${apiPrefix}/stack`,
+      payloadValidator: Joi.string(),
+    })(async ({ cluster, payload }) => ({
+      response: await createResourceApplier(cluster).create(payload),
+    }));
+  },
+});
+
+export default createResourceRouteInjectable;
diff --git a/packages/core/src/main/routes/resource-applier/patch-resource-route.injectable.ts b/packages/core/src/main/routes/resource-applier/patch-resource-route.injectable.ts
new file mode 100644
index 0000000000..e962c18607
--- /dev/null
+++ b/packages/core/src/main/routes/resource-applier/patch-resource-route.injectable.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 { getRouteInjectable } from "../../router/router.injectable";
+import { apiPrefix } from "../../../common/vars";
+import { payloadValidatedClusterRoute } from "../../router/route";
+import Joi from "joi";
+import type { Patch } from "rfc6902";
+import createResourceApplierInjectable from "../../resource-applier/create-resource-applier.injectable";
+
+interface PatchResourcePayload {
+  name: string;
+  kind: string;
+  patch: Patch;
+  ns?: string;
+}
+
+const patchResourcePayloadValidator = Joi.object<PatchResourcePayload, true, PatchResourcePayload>({
+  name: Joi
+    .string()
+    .required(),
+  kind: Joi
+    .string()
+    .required(),
+  ns: Joi
+    .string()
+    .optional(),
+  patch: Joi
+    .array()
+    .allow(
+      Joi.object({
+        op: Joi
+          .string()
+          .required(),
+      }).unknown(true),
+    ),
+});
+
+const patchResourceRouteInjectable = getRouteInjectable({
+  id: "patch-resource-route",
+
+  instantiate: (di) => {
+    const createResourceApplier = di.inject(createResourceApplierInjectable);
+
+    return payloadValidatedClusterRoute({
+      method: "patch",
+      path: `${apiPrefix}/stack`,
+      payloadValidator: patchResourcePayloadValidator,
+    })(async ({ cluster, payload }) => ({
+      response: await createResourceApplier(cluster).patch(
+        payload.name,
+        payload.kind,
+        payload.patch,
+        payload.ns,
+      ),
+    }));
+  },
+});
+
+export default patchResourceRouteInjectable;
diff --git a/packages/core/src/main/routes/versions/get-version-route.injectable.ts b/packages/core/src/main/routes/versions/get-version-route.injectable.ts
new file mode 100644
index 0000000000..d132e242d6
--- /dev/null
+++ b/packages/core/src/main/routes/versions/get-version-route.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 { getRouteInjectable } from "../../router/router.injectable";
+import { route } from "../../router/route";
+import buildVersionInjectable from "../../vars/build-version/build-version.injectable";
+
+const getVersionRouteInjectable = getRouteInjectable({
+  id: "get-version-route",
+
+  instantiate: (di) => {
+    const buildVersion = di.inject(buildVersionInjectable);
+
+    return route({
+      method: "get",
+      path: `/version`,
+    })(() => ({
+      response: {
+        version: buildVersion.get(),
+      },
+    }));
+  },
+});
+
+export default getVersionRouteInjectable;
diff --git a/packages/core/src/main/shell-session/create-shell-session.injectable.ts b/packages/core/src/main/shell-session/create-shell-session.injectable.ts
new file mode 100644
index 0000000000..6af65dc908
--- /dev/null
+++ b/packages/core/src/main/shell-session/create-shell-session.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 type { Cluster } from "../../common/cluster/cluster";
+import type WebSocket from "ws";
+import openLocalShellSessionInjectable from "./local-shell-session/open.injectable";
+import openNodeShellSessionInjectable from "./node-shell-session/open.injectable";
+
+export interface OpenShellSessionArgs {
+  websocket: WebSocket;
+  cluster: Cluster;
+  tabId: string;
+  nodeName?: string;
+}
+
+export type OpenShellSession = (args: OpenShellSessionArgs) => Promise<void>;
+
+const openShellSessionInjectable = getInjectable({
+  id: "open-shell-session",
+
+  instantiate: (di): OpenShellSession => {
+    const openLocalShellSession = di.inject(openLocalShellSessionInjectable);
+    const openNodeShellSession = di.inject(openNodeShellSessionInjectable);
+
+    return ({ nodeName, ...args }) => (
+      nodeName
+        ? openNodeShellSession({ nodeName, ...args })
+        : openLocalShellSession(args)
+    );
+  },
+});
+
+export default openShellSessionInjectable;
diff --git a/packages/core/src/main/shell-session/index.ts b/packages/core/src/main/shell-session/index.ts
new file mode 100644
index 0000000000..e6f11d0360
--- /dev/null
+++ b/packages/core/src/main/shell-session/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 "./node-shell-session/node-shell-session";
+export * from "./local-shell-session/local-shell-session";
diff --git a/packages/core/src/main/shell-session/local-shell-session/local-shell-session.ts b/packages/core/src/main/shell-session/local-shell-session/local-shell-session.ts
new file mode 100644
index 0000000000..49e6dd059f
--- /dev/null
+++ b/packages/core/src/main/shell-session/local-shell-session/local-shell-session.ts
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { UserStore } from "../../../common/user-store";
+import type { ShellSessionArgs, ShellSessionDependencies } from "../shell-session";
+import { ShellSession } from "../shell-session";
+import type { ModifyTerminalShellEnv } from "../shell-env-modifier/modify-terminal-shell-env.injectable";
+import type { JoinPaths } from "../../../common/path/join-paths.injectable";
+import type { GetDirnameOfPath } from "../../../common/path/get-dirname.injectable";
+import type { GetBasenameOfPath } from "../../../common/path/get-basename.injectable";
+
+export interface LocalShellSessionDependencies extends ShellSessionDependencies {
+  readonly directoryForBinaries: string;
+  readonly userStore: UserStore;
+  modifyTerminalShellEnv: ModifyTerminalShellEnv;
+  joinPaths: JoinPaths;
+  getDirnameOfPath: GetDirnameOfPath;
+  getBasenameOfPath: GetBasenameOfPath;
+}
+
+export class LocalShellSession extends ShellSession {
+  ShellType = "shell";
+
+  constructor(protected readonly dependencies: LocalShellSessionDependencies, args: ShellSessionArgs) {
+    super(dependencies, args);
+  }
+
+  protected getPathEntries(): string[] {
+    return [this.dependencies.directoryForBinaries];
+  }
+
+  protected get cwd(): string | undefined {
+    return this.cluster.preferences?.terminalCWD;
+  }
+
+  public async open() {
+    // extensions can modify the env
+    const env = this.dependencies.modifyTerminalShellEnv(this.cluster.id, await this.getCachedShellEnv());
+    const shell = env.PTYSHELL;
+
+    if (!shell) {
+      throw new Error("PTYSHELL is not defined with the environment");
+    }
+
+    const args = await this.getShellArgs(shell);
+
+    await this.openShellProcess(shell, args, env);
+  }
+
+  protected async getShellArgs(shell: string): Promise<string[]> {
+    const pathFromPreferences = this.dependencies.userStore.kubectlBinariesPath || this.kubectl.getBundledPath();
+    const kubectlPathDir = this.dependencies.userStore.downloadKubectlBinaries
+      ? await this.kubectlBinDirP
+      : this.dependencies.getDirnameOfPath(pathFromPreferences);
+
+    switch(this.dependencies.getBasenameOfPath(shell)) {
+      case "powershell.exe":
+        return ["-NoExit", "-command", `& {$Env:PATH="${kubectlPathDir};${this.dependencies.directoryForBinaries};$Env:PATH"}`];
+      case "bash":
+        return ["--init-file", this.dependencies.joinPaths(await this.kubectlBinDirP, ".bash_set_path")];
+      case "fish":
+        return ["--login", "--init-command", `export PATH="${kubectlPathDir}:${this.dependencies.directoryForBinaries}:$PATH"; export KUBECONFIG="${await this.kubeconfigPathP}"`];
+      case "zsh":
+        return ["--login"];
+      default:
+        return [];
+    }
+  }
+}
diff --git a/packages/core/src/main/shell-session/local-shell-session/open.injectable.ts b/packages/core/src/main/shell-session/local-shell-session/open.injectable.ts
new file mode 100644
index 0000000000..084aa2e17c
--- /dev/null
+++ b/packages/core/src/main/shell-session/local-shell-session/open.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 { getInjectable } from "@ogre-tools/injectable";
+import type { LocalShellSessionDependencies } from "./local-shell-session";
+import { LocalShellSession } from "./local-shell-session";
+import createKubectlInjectable from "../../kubectl/create-kubectl.injectable";
+import modifyTerminalShellEnvInjectable from "../shell-env-modifier/modify-terminal-shell-env.injectable";
+import directoryForBinariesInjectable from "../../../common/app-paths/directory-for-binaries/directory-for-binaries.injectable";
+import isMacInjectable from "../../../common/vars/is-mac.injectable";
+import type { Cluster } from "../../../common/cluster/cluster";
+import isWindowsInjectable from "../../../common/vars/is-windows.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import userStoreInjectable from "../../../common/user-store/user-store.injectable";
+import type WebSocket from "ws";
+import getDirnameOfPathInjectable from "../../../common/path/get-dirname.injectable";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+import getBasenameOfPathInjectable from "../../../common/path/get-basename.injectable";
+import computeShellEnvironmentInjectable from "../../../features/shell-sync/main/compute-shell-environment.injectable";
+import spawnPtyInjectable from "../spawn-pty.injectable";
+import userShellSettingInjectable from "../../../common/user-store/shell-setting.injectable";
+import appNameInjectable from "../../../common/vars/app-name.injectable";
+import buildVersionInjectable from "../../vars/build-version/build-version.injectable";
+import emitAppEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import statInjectable from "../../../common/fs/stat.injectable";
+
+export interface OpenLocalShellSessionArgs {
+  websocket: WebSocket;
+  cluster: Cluster;
+  tabId: string;
+}
+
+export type OpenLocalShellSession = (args: OpenLocalShellSessionArgs) => Promise<void>;
+
+const openLocalShellSessionInjectable = getInjectable({
+  id: "open-local-shell-session",
+
+  instantiate: (di): OpenLocalShellSession => {
+    const createKubectl = di.inject(createKubectlInjectable);
+    const dependencies: LocalShellSessionDependencies = {
+      directoryForBinaries: di.inject(directoryForBinariesInjectable),
+      isMac: di.inject(isMacInjectable),
+      isWindows: di.inject(isWindowsInjectable),
+      logger: di.inject(loggerInjectable),
+      userStore: di.inject(userStoreInjectable),
+      userShellSetting: di.inject(userShellSettingInjectable),
+      appName: di.inject(appNameInjectable),
+      buildVersion: di.inject(buildVersionInjectable),
+      modifyTerminalShellEnv: di.inject(modifyTerminalShellEnvInjectable),
+      emitAppEvent: di.inject(emitAppEventInjectable),
+      getDirnameOfPath: di.inject(getDirnameOfPathInjectable),
+      joinPaths: di.inject(joinPathsInjectable),
+      getBasenameOfPath: di.inject(getBasenameOfPathInjectable),
+      computeShellEnvironment: di.inject(computeShellEnvironmentInjectable),
+      spawnPty: di.inject(spawnPtyInjectable),
+      stat: di.inject(statInjectable),
+    };
+
+    return (args) => {
+      const kubectl = createKubectl(args.cluster.version);
+      const session = new LocalShellSession(dependencies, { kubectl, ...args });
+
+      return session.open();
+    };
+  },
+});
+
+export default openLocalShellSessionInjectable;
diff --git a/packages/core/src/main/shell-session/local-shell-session/techincal.test.ts b/packages/core/src/main/shell-session/local-shell-session/techincal.test.ts
new file mode 100644
index 0000000000..5c471d923e
--- /dev/null
+++ b/packages/core/src/main/shell-session/local-shell-session/techincal.test.ts
@@ -0,0 +1,105 @@
+/**
+ * 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 WebSocket from "ws";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import type { Cluster } from "../../../common/cluster/cluster";
+import pathExistsSyncInjectable from "../../../common/fs/path-exists-sync.injectable";
+import pathExistsInjectable from "../../../common/fs/path-exists.injectable";
+import readJsonSyncInjectable from "../../../common/fs/read-json-sync.injectable";
+import statInjectable from "../../../common/fs/stat.injectable";
+import writeJsonSyncInjectable from "../../../common/fs/write-json-sync.injectable";
+import platformInjectable from "../../../common/vars/platform.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import createKubectlInjectable from "../../kubectl/create-kubectl.injectable";
+import type { Kubectl } from "../../kubectl/kubectl";
+import buildVersionInjectable from "../../vars/build-version/build-version.injectable";
+import type { OpenShellSession } from "../create-shell-session.injectable";
+import type { SpawnPty } from "../spawn-pty.injectable";
+import spawnPtyInjectable from "../spawn-pty.injectable";
+import openLocalShellSessionInjectable from "./open.injectable";
+
+describe("technical unit tests for local shell sessions", () => {
+  let di: DiContainer;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({
+      doGeneralOverrides: true,
+    });
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(buildVersionInjectable, () => ({
+      get: () => "1.1.1",
+    }));
+    di.override(pathExistsInjectable, () => () => { throw new Error("tried call pathExists without override"); });
+    di.override(pathExistsSyncInjectable, () => () => { throw new Error("tried call pathExistsSync without override"); });
+    di.override(readJsonSyncInjectable, () => () => { throw new Error("tried call readJsonSync without override"); });
+    di.override(writeJsonSyncInjectable, () => () => { throw new Error("tried call writeJsonSync without override"); });
+    di.override(statInjectable, () => () => { throw new Error("tried call stat without override"); });
+  });
+
+  describe("when on windows", () => {
+    let openLocalShellSession: OpenShellSession;
+    let spawnPtyMock: jest.MockedFunction<SpawnPty>;
+
+    beforeEach(() => {
+      di.override(platformInjectable, () => "win32");
+
+      spawnPtyMock = jest.fn();
+      di.override(spawnPtyInjectable, () => spawnPtyMock);
+
+      di.override(createKubectlInjectable, () => () => ({
+        binDir: async () => "/some-kubectl-binary-dir",
+        getBundledPath: () => "/some-bundled-kubectl-path",
+      }) as Partial<Kubectl> as Kubectl);
+
+      openLocalShellSession = di.inject(openLocalShellSessionInjectable);
+    });
+
+    describe("when opening a local shell session", () => {
+      it("should pass through all environment variables to shell", async () => {
+        process.env.MY_TEST_ENV_VAR = "true";
+
+        spawnPtyMock.mockImplementationOnce((file, args, options) => {
+          expect(options.env).toMatchObject({
+            MY_TEST_ENV_VAR: "true",
+          });
+
+          return {
+            cols: 80,
+            rows: 40,
+            pid: 12343,
+            handleFlowControl: false,
+            kill: jest.fn(),
+            onData: jest.fn(),
+            onExit: jest.fn(),
+            pause: jest.fn(),
+            process: "my-pty",
+            resize: jest.fn(),
+            resume: jest.fn(),
+            write: jest.fn(),
+            on: jest.fn(),
+
+          };
+        });
+
+        const websocket = {
+          on: jest.fn(() => websocket),
+          once: jest.fn(() => websocket),
+        } as Partial<WebSocket> as WebSocket;
+
+        await openLocalShellSession({
+          cluster: {
+            getProxyKubeconfigPath: async () => "/some-proxy-kubeconfig",
+            preferences: {},
+          } as Partial<Cluster> as Cluster,
+          tabId: "my-tab-id",
+          websocket,
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/main/shell-session/node-shell-session/node-shell-session.ts b/packages/core/src/main/shell-session/node-shell-session/node-shell-session.ts
new file mode 100644
index 0000000000..492c70d73d
--- /dev/null
+++ b/packages/core/src/main/shell-session/node-shell-session/node-shell-session.ts
@@ -0,0 +1,173 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { v4 as uuid } from "uuid";
+import { Watch, CoreV1Api } from "@kubernetes/client-node";
+import type { KubeConfig } from "@kubernetes/client-node";
+import type { ShellSessionArgs, ShellSessionDependencies } from "../shell-session";
+import { ShellOpenError, ShellSession } from "../shell-session";
+import { get, once } from "lodash";
+import { NodeApi } from "../../../common/k8s-api/endpoints";
+import { TerminalChannels } from "../../../common/terminal/channels";
+import type { CreateKubeJsonApiForCluster } from "../../../common/k8s-api/create-kube-json-api-for-cluster.injectable";
+import type { CreateKubeApi } from "../../../common/k8s-api/create-kube-api.injectable";
+
+export interface NodeShellSessionArgs extends ShellSessionArgs {
+  nodeName: string;
+}
+
+export interface NodeShellSessionDependencies extends ShellSessionDependencies {
+  createKubeJsonApiForCluster: CreateKubeJsonApiForCluster;
+  createKubeApi: CreateKubeApi;
+}
+
+export class NodeShellSession extends ShellSession {
+  ShellType = "node-shell";
+
+  protected readonly podName = `node-shell-${uuid()}`;
+  protected readonly nodeName: string;
+  protected readonly cwd: string | undefined = undefined;
+
+  constructor(protected readonly dependencies: NodeShellSessionDependencies, { nodeName, ...args }: NodeShellSessionArgs) {
+    super(dependencies, args);
+    this.nodeName = nodeName;
+  }
+
+  public async open() {
+    const kc = await this.cluster.getProxyKubeconfig();
+    const coreApi = kc.makeApiClient(CoreV1Api);
+    const shell = await this.kubectl.getPath();
+
+    const cleanup = once(() => {
+      coreApi
+        .deleteNamespacedPod(this.podName, "kube-system")
+        .catch(error => this.dependencies.logger.warn(`[NODE-SHELL]: failed to remove pod shell`, error));
+    });
+
+    this.websocket.once("close", cleanup);
+
+    try {
+      await this.createNodeShellPod(coreApi);
+      await this.waitForRunningPod(kc);
+    } catch (error) {
+      cleanup();
+
+      this.send({
+        type: TerminalChannels.STDOUT,
+        data: `Error occurred: ${get(error, "response.body.message", error ? String(error) : "unknown error")}`,
+      });
+
+      throw new ShellOpenError(
+        "failed to create node pod",
+        error instanceof Error
+          ? { cause: error }
+          : undefined,
+      );
+    }
+
+    const env = await this.getCachedShellEnv();
+    const args = ["exec", "-i", "-t", "-n", "kube-system", this.podName, "--"];
+    const nodeApi = this.dependencies.createKubeApi(NodeApi, {
+      request: this.dependencies.createKubeJsonApiForCluster(this.cluster.id),
+    });
+    const node = await nodeApi.get({ name: this.nodeName });
+
+    if (!node) {
+      throw new Error(`No node with name=${this.nodeName} found`);
+    }
+
+    const nodeOs = node.getOperatingSystem();
+
+    switch (nodeOs) {
+      default:
+        this.dependencies.logger.warn(`[NODE-SHELL-SESSION]: could not determine node OS, falling back with assumption of linux`);
+        // fallthrough
+      case "linux":
+        args.push("sh", "-c", "((clear && bash) || (clear && ash) || (clear && sh))");
+        break;
+      case "windows":
+        args.push("powershell");
+        break;
+    }
+
+    await this.openShellProcess(shell, args, env);
+  }
+
+  protected createNodeShellPod(coreApi: CoreV1Api) {
+    const imagePullSecrets = this.cluster.imagePullSecret
+      ? [{
+        name: this.cluster.imagePullSecret,
+      }]
+      : undefined;
+
+    return coreApi
+      .createNamespacedPod("kube-system", {
+        metadata: {
+          name: this.podName,
+          namespace: "kube-system",
+        },
+        spec: {
+          nodeName: this.nodeName,
+          restartPolicy: "Never",
+          terminationGracePeriodSeconds: 0,
+          hostPID: true,
+          hostIPC: true,
+          hostNetwork: true,
+          tolerations: [{
+            operator: "Exists",
+          }],
+          priorityClassName: "system-node-critical",
+          containers: [{
+            name: "shell",
+            image: this.cluster.nodeShellImage,
+            securityContext: {
+              privileged: true,
+            },
+            command: ["nsenter"],
+            args: ["-t", "1", "-m", "-u", "-i", "-n", "sleep", "14000"],
+          }],
+          imagePullSecrets,
+        },
+      });
+  }
+
+  protected waitForRunningPod(kc: KubeConfig): Promise<void> {
+    this.dependencies.logger.debug(`[NODE-SHELL]: waiting for ${this.podName} to be running`);
+
+    return new Promise((resolve, reject) => {
+      new Watch(kc)
+        .watch(`/api/v1/namespaces/kube-system/pods`,
+          {},
+          // callback is called for each received object.
+          (type, { metadata: { name }, status }) => {
+            if (name === this.podName) {
+              switch (status.phase) {
+                case "Running":
+                  return resolve();
+                case "Failed":
+                  return reject(`Failed to be created: ${status.message || "unknown error"}`);
+              }
+            }
+          },
+          // done callback is called if the watch terminates normally
+          (err) => {
+            this.dependencies.logger.error(`[NODE-SHELL]: ${this.podName} was not created in time`);
+            reject(err);
+          },
+        )
+        .then(req => {
+          setTimeout(() => {
+            this.dependencies.logger.error(`[NODE-SHELL]: aborting wait for ${this.podName}, timing out`);
+            req.abort();
+            reject("Pod creation timed out");
+          }, 2 * 60 * 1000); // 2 * 60 * 1000
+        })
+        .catch(error => {
+          this.dependencies.logger.error(`[NODE-SHELL]: waiting for ${this.podName} failed: ${error}`);
+          reject(error);
+        });
+    });
+  }
+}
diff --git a/packages/core/src/main/shell-session/node-shell-session/open.injectable.ts b/packages/core/src/main/shell-session/node-shell-session/open.injectable.ts
new file mode 100644
index 0000000000..cce3fa5f36
--- /dev/null
+++ b/packages/core/src/main/shell-session/node-shell-session/open.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import type { Cluster } from "../../../common/cluster/cluster";
+import type WebSocket from "ws";
+import createKubectlInjectable from "../../kubectl/create-kubectl.injectable";
+import type { NodeShellSessionDependencies } from "./node-shell-session";
+import { NodeShellSession } from "./node-shell-session";
+import isMacInjectable from "../../../common/vars/is-mac.injectable";
+import isWindowsInjectable from "../../../common/vars/is-windows.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import createKubeJsonApiForClusterInjectable from "../../../common/k8s-api/create-kube-json-api-for-cluster.injectable";
+import computeShellEnvironmentInjectable from "../../../features/shell-sync/main/compute-shell-environment.injectable";
+import spawnPtyInjectable from "../spawn-pty.injectable";
+import userShellSettingInjectable from "../../../common/user-store/shell-setting.injectable";
+import appNameInjectable from "../../../common/vars/app-name.injectable";
+import buildVersionInjectable from "../../vars/build-version/build-version.injectable";
+import emitAppEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import statInjectable from "../../../common/fs/stat.injectable";
+import createKubeApiInjectable from "../../../common/k8s-api/create-kube-api.injectable";
+
+export interface NodeShellSessionArgs {
+  websocket: WebSocket;
+  cluster: Cluster;
+  tabId: string;
+  nodeName: string;
+}
+
+export type OpenNodeShellSession = (args: NodeShellSessionArgs) => Promise<void>;
+
+const openNodeShellSessionInjectable = getInjectable({
+  id: "open-node-shell-session",
+  instantiate: (di): OpenNodeShellSession => {
+    const createKubectl = di.inject(createKubectlInjectable);
+    const dependencies: NodeShellSessionDependencies = {
+      isMac: di.inject(isMacInjectable),
+      isWindows: di.inject(isWindowsInjectable),
+      logger: di.inject(loggerInjectable),
+      userShellSetting: di.inject(userShellSettingInjectable),
+      appName: di.inject(appNameInjectable),
+      buildVersion: di.inject(buildVersionInjectable),
+      createKubeJsonApiForCluster: di.inject(createKubeJsonApiForClusterInjectable),
+      computeShellEnvironment: di.inject(computeShellEnvironmentInjectable),
+      spawnPty: di.inject(spawnPtyInjectable),
+      emitAppEvent: di.inject(emitAppEventInjectable),
+      stat: di.inject(statInjectable),
+      createKubeApi: di.inject(createKubeApiInjectable),
+    };
+
+    return async (args) => {
+      const kubectl = createKubectl(args.cluster.version);
+      const session = new NodeShellSession(dependencies, { kubectl, ...args });
+
+      return session.open();
+    };
+  },
+});
+
+export default openNodeShellSessionInjectable;
diff --git a/packages/core/src/main/shell-session/shell-env-modifier/modify-terminal-shell-env.injectable.ts b/packages/core/src/main/shell-session/shell-env-modifier/modify-terminal-shell-env.injectable.ts
new file mode 100644
index 0000000000..559dbcf645
--- /dev/null
+++ b/packages/core/src/main/shell-session/shell-env-modifier/modify-terminal-shell-env.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 { computed } from "mobx";
+import type { ClusterId } from "../../../common/cluster-types";
+import { isDefined } from "../../../common/utils";
+import mainExtensionsInjectable from "../../../extensions/main-extensions.injectable";
+import catalogEntityRegistryInjectable from "../../catalog/entity-registry.injectable";
+
+export type ModifyTerminalShellEnv = (clusterId: ClusterId, env: Partial<Record<string, string>>) => Partial<Record<string, string>>;
+
+const modifyTerminalShellEnvInjectable = getInjectable({
+  id: "terminal-shell-env-modify",
+
+  instantiate: (di): ModifyTerminalShellEnv => {
+    const extensions = di.inject(mainExtensionsInjectable);
+    const catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+    const terminalShellEnvModifiers = computed(() => (
+      extensions.get()
+        .map((extension) => extension.terminalShellEnvModifier)
+        .filter(isDefined)
+    ));
+
+    return (clusterId, env) => {
+      const modifiers = terminalShellEnvModifiers.get();
+
+      if (modifiers.length === 0) {
+        return env;
+      }
+
+      const entity = catalogEntityRegistry.findById(clusterId);
+
+      if (entity) {
+        const ctx = { catalogEntity: entity };
+
+        // clone it so the passed value is not also modified
+        env = JSON.parse(JSON.stringify(env));
+        env = modifiers.reduce((env, modifier) => modifier(ctx, env), env);
+      }
+
+      return env;
+    };
+  },
+});
+
+export default modifyTerminalShellEnvInjectable;
diff --git a/packages/core/src/main/shell-session/shell-env-modifier/shell-env-modifier-registration.ts b/packages/core/src/main/shell-session/shell-env-modifier/shell-env-modifier-registration.ts
new file mode 100644
index 0000000000..de08a51b3b
--- /dev/null
+++ b/packages/core/src/main/shell-session/shell-env-modifier/shell-env-modifier-registration.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 { CatalogEntity } from "../../../common/catalog";
+
+export interface ShellEnvContext {
+  catalogEntity: CatalogEntity;
+}
+
+export type ShellEnvModifier = (ctx: ShellEnvContext, env: Record<string, string | undefined>) => Record<string, string | undefined>;
diff --git a/packages/core/src/main/shell-session/shell-session.ts b/packages/core/src/main/shell-session/shell-session.ts
new file mode 100644
index 0000000000..196625f42a
--- /dev/null
+++ b/packages/core/src/main/shell-session/shell-session.ts
@@ -0,0 +1,405 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { Cluster } from "../../common/cluster/cluster";
+import type { Kubectl } from "../kubectl/kubectl";
+import type WebSocket from "ws";
+import { clearKubeconfigEnvVars } from "../utils/clear-kube-env-vars";
+import path from "path";
+import os from "os";
+import type * as pty from "node-pty";
+import { getOrInsertWith } from "../../common/utils";
+import { type TerminalMessage, TerminalChannels } from "../../common/terminal/channels";
+import type { Logger } from "../../common/logger";
+import type { ComputeShellEnvironment } from "../../features/shell-sync/main/compute-shell-environment.injectable";
+import type { SpawnPty } from "./spawn-pty.injectable";
+import type { InitializableState } from "../../common/initializable-state/create";
+import type { EmitAppEvent } from "../../common/app-event-bus/emit-event.injectable";
+import type { Stat } from "../../common/fs/stat.injectable";
+import type { IComputedValue } from "mobx";
+
+export class ShellOpenError extends Error {
+  constructor(message: string, options?: ErrorOptions) {
+    super(`${message}`, options);
+    this.name = this.constructor.name;
+    Error.captureStackTrace(this);
+  }
+}
+
+export enum WebSocketCloseEvent {
+  /**
+   * The connection successfully completed the purpose for which it was created.
+   */
+  NormalClosure = 1000,
+  /**
+   * The endpoint is going away, either because of a server failure or because
+   * the browser is navigating away from the page that opened the connection.
+   */
+  GoingAway = 1001,
+  /**
+   * The endpoint is terminating the connection due to a protocol error.
+   */
+  ProtocolError = 1002,
+  /**
+   * The connection is being terminated because the endpoint received data of a
+   * type it cannot accept. (For example, a text-only endpoint received binary
+   * data.)
+   */
+  UnsupportedData = 1003,
+  /**
+   * Indicates that no status code was provided even though one was expected.
+   */
+  NoStatusReceived = 1005,
+  /**
+   * Indicates that a connection was closed abnormally (that is, with no close
+   * frame being sent) when a status code is expected.
+   */
+  AbnormalClosure = 1006,
+  /**
+   *  The endpoint is terminating the connection because a message was received
+   * that contained inconsistent data (e.g., non-UTF-8 data within a text message).
+   */
+  InvalidFramePayloadData = 1007,
+  /**
+   * The endpoint is terminating the connection because it received a message
+   * that violates its policy. This is a generic status code, used when codes
+   * 1003 and 1009 are not suitable.
+   */
+  PolicyViolation = 1008,
+  /**
+   * The endpoint is terminating the connection because a data frame was
+   * received that is too large.
+   */
+  MessageTooBig = 1009,
+  /**
+   * The client is terminating the connection because it expected the server to
+   * negotiate one or more extension, but the server didn't.
+   */
+  MissingExtension = 1010,
+  /**
+   * The server is terminating the connection because it encountered an
+   * unexpected condition that prevented it from fulfilling the request.
+   */
+  InternalError = 1011,
+  /**
+   * The server is terminating the connection because it is restarting.
+   */
+  ServiceRestart = 1012,
+  /**
+   * The server is terminating the connection due to a temporary condition,
+   * e.g. it is overloaded and is casting off some of its clients.
+   */
+  TryAgainLater = 1013,
+  /**
+   * The server was acting as a gateway or proxy and received an invalid
+   * response from the upstream server. This is similar to 502 HTTP Status Code.
+   */
+  BadGateway = 1014,
+  /**
+   * Indicates that the connection was closed due to a failure to perform a TLS
+   * handshake (e.g., the server certificate can't be verified).
+   */
+  TlsHandshake = 1015,
+}
+
+export interface ShellSessionDependencies {
+  readonly isWindows: boolean;
+  readonly isMac: boolean;
+  readonly logger: Logger;
+  readonly userShellSetting: IComputedValue<string>;
+  readonly appName: string;
+  readonly buildVersion: InitializableState<string>;
+  computeShellEnvironment: ComputeShellEnvironment;
+  spawnPty: SpawnPty;
+  emitAppEvent: EmitAppEvent;
+  stat: Stat;
+}
+
+export interface ShellSessionArgs {
+  kubectl: Kubectl;
+  websocket: WebSocket;
+  cluster: Cluster;
+  tabId: string;
+}
+
+export abstract class ShellSession {
+  abstract readonly ShellType: string;
+
+  private static readonly shellEnvs = new Map<string, Record<string, string | undefined>>();
+  private static readonly processes = new Map<string, pty.IPty>();
+
+  /**
+   * Kill all remaining shell backing processes. Should be called when about to
+   * quit
+   */
+  public static cleanup(): void {
+    for (const shellProcess of this.processes.values()) {
+      try {
+        process.kill(shellProcess.pid);
+      } catch {
+        // ignore error
+      }
+    }
+
+    this.processes.clear();
+  }
+
+  protected running = false;
+  protected readonly kubectlBinDirP: Promise<string>;
+  protected readonly kubeconfigPathP: Promise<string>;
+  protected readonly terminalId: string;
+  protected readonly kubectl: Kubectl;
+  protected readonly websocket: WebSocket;
+  protected readonly cluster: Cluster;
+
+  protected abstract get cwd(): string | undefined;
+
+  protected ensureShellProcess(shell: string, args: string[], env: Partial<Record<string, string>>, cwd: string): { shellProcess: pty.IPty; resume: boolean } {
+    const resume = ShellSession.processes.has(this.terminalId);
+    const shellProcess = getOrInsertWith(ShellSession.processes, this.terminalId, () => (
+      this.dependencies.spawnPty(shell, args, {
+        rows: 30,
+        cols: 80,
+        cwd,
+        env,
+        name: "xterm-256color",
+        // TODO: Something else is broken here so we need to force the use of winPty on windows
+        useConpty: false,
+      })
+    ));
+
+    this.dependencies.logger.info(`[SHELL-SESSION]: PTY for ${this.terminalId} is ${resume ? "resumed" : "started"} with PID=${shellProcess.pid}`);
+
+    return { shellProcess, resume };
+  }
+
+  constructor(protected readonly dependencies: ShellSessionDependencies, { kubectl, websocket, cluster, tabId: terminalId }: ShellSessionArgs) {
+    this.kubectl = kubectl;
+    this.websocket = websocket;
+    this.cluster = cluster;
+    this.kubeconfigPathP = this.cluster.getProxyKubeconfigPath();
+    this.kubectlBinDirP = this.kubectl.binDir();
+    this.terminalId = `${cluster.id}:${terminalId}`;
+  }
+
+  protected send(message: TerminalMessage): void {
+    this.websocket.send(JSON.stringify(message));
+  }
+
+  protected async getCwd(env: Record<string, string | undefined>): Promise<string> {
+    const cwdOptions = [this.cwd];
+
+    if (this.dependencies.isWindows) {
+      cwdOptions.push(
+        env.USERPROFILE,
+        os.homedir(),
+        "C:\\",
+      );
+    } else {
+      cwdOptions.push(
+        env.HOME,
+        os.homedir(),
+      );
+
+      if (this.dependencies.isMac) {
+        cwdOptions.push("/Users");
+      } else {
+        cwdOptions.push("/home");
+      }
+    }
+
+    for (const potentialCwd of cwdOptions) {
+      if (!potentialCwd) {
+        continue;
+      }
+
+      try {
+        const stats = await this.dependencies.stat(potentialCwd);
+
+        if (stats.isDirectory()) {
+          return potentialCwd;
+        }
+      } catch {
+        // ignore error
+      }
+    }
+
+    return "."; // Always valid
+  }
+
+  protected async openShellProcess(shell: string, args: string[], env: Record<string, string | undefined>) {
+    const cwd = await this.getCwd(env);
+    const { shellProcess, resume } = this.ensureShellProcess(shell, args, env, cwd);
+
+    if (resume) {
+      this.send({ type: TerminalChannels.CONNECTED });
+    }
+
+    this.running = true;
+    shellProcess.onData(data => this.send({ type: TerminalChannels.STDOUT, data }));
+    shellProcess.onExit(({ exitCode }) => {
+      this.dependencies.logger.info(`[SHELL-SESSION]: shell has exited for ${this.terminalId} closed with exitcode=${exitCode}`);
+
+      // This might already be false because of the kill() within the websocket.on("close") handler
+      if (this.running) {
+        this.running = false;
+
+        if (exitCode > 0) {
+          this.send({ type: TerminalChannels.STDOUT, data: "Terminal will auto-close in 15 seconds ..." });
+          setTimeout(() => this.exit(), 15 * 1000);
+        } else {
+          this.exit();
+        }
+      }
+    });
+
+    this.websocket
+      .on("message", (rawData: unknown): void => {
+        if (!this.running) {
+          return void this.dependencies.logger.debug(`[SHELL-SESSION]: received message from ${this.terminalId}, but shellProcess isn't running`);
+        }
+
+        if (!(rawData instanceof Buffer)) {
+          return void this.dependencies.logger.error(`[SHELL-SESSION]: Received message non-buffer message.`, { rawData });
+        }
+
+        const data = rawData.toString();
+
+        try {
+          const message: TerminalMessage = JSON.parse(data);
+
+          switch (message.type) {
+            case TerminalChannels.STDIN:
+              shellProcess.write(message.data);
+              break;
+            case TerminalChannels.RESIZE:
+              shellProcess.resize(message.data.width, message.data.height);
+              break;
+            case TerminalChannels.PING:
+              this.dependencies.logger.silly(`[SHELL-SESSION]: ${this.terminalId} ping!`);
+              break;
+            default:
+              this.dependencies.logger.warn(`[SHELL-SESSION]: unknown or unhandleable message type for ${this.terminalId}`, message);
+              break;
+          }
+        } catch (error) {
+          this.dependencies.logger.error(`[SHELL-SESSION]: failed to handle message for ${this.terminalId}`, error);
+        }
+      })
+      .once("close", code => {
+        this.dependencies.logger.info(`[SHELL-SESSION]: websocket for ${this.terminalId} closed with code=${WebSocketCloseEvent[code]}(${code})`, { cluster: this.cluster.getMeta() });
+
+        const stopShellSession = this.running
+          && (
+            (
+              code !== WebSocketCloseEvent.AbnormalClosure
+              && code !== WebSocketCloseEvent.GoingAway
+            )
+            || this.cluster.disconnected
+          );
+
+        if (stopShellSession) {
+          this.running = false;
+
+          try {
+            this.dependencies.logger.info(`[SHELL-SESSION]: Killing shell process (pid=${shellProcess.pid}) for ${this.terminalId}`);
+            shellProcess.kill();
+            ShellSession.processes.delete(this.terminalId);
+          } catch (error) {
+            this.dependencies.logger.warn(`[SHELL-SESSION]: failed to kill shell process (pid=${shellProcess.pid}) for ${this.terminalId}`, error);
+          }
+        }
+      });
+
+    this.dependencies.emitAppEvent({ name: this.ShellType, action: "open" });
+  }
+
+  protected getPathEntries(): string[] {
+    return [];
+  }
+
+  protected async getCachedShellEnv() {
+    const { id: clusterId } = this.cluster;
+
+    let env = ShellSession.shellEnvs.get(clusterId);
+
+    if (!env) {
+      env = await this.getShellEnv();
+      ShellSession.shellEnvs.set(clusterId, env);
+    } else {
+      // refresh env in the background
+      this.getShellEnv().then((shellEnv: any) => {
+        ShellSession.shellEnvs.set(clusterId, shellEnv);
+      });
+    }
+
+    return env;
+  }
+
+  protected async getShellEnv() {
+    const shell = this.dependencies.userShellSetting.get();
+    const result = await this.dependencies.computeShellEnvironment(shell);
+    const rawEnv = (() => {
+      if (result.callWasSuccessful) {
+        return result.response ?? process.env;
+      }
+
+      return process.env;
+    })();
+
+    const env = clearKubeconfigEnvVars(JSON.parse(JSON.stringify(rawEnv)));
+    const pathStr = [await this.kubectlBinDirP, ...this.getPathEntries(), env.PATH].join(path.delimiter);
+
+    delete env.DEBUG; // don't pass DEBUG into shells
+
+    if (this.dependencies.isWindows) {
+      env.PTYSHELL = shell || "powershell.exe";
+      env.PATH = pathStr;
+      env.LENS_SESSION = "true";
+      env.WSLENV = [
+        env.WSLENV,
+        "KUBECONFIG/up:LENS_SESSION/u",
+      ]
+        .filter(Boolean)
+        .join(":");
+    } else if (shell !== undefined) {
+      env.PTYSHELL = shell;
+      env.PATH = pathStr;
+    } else {
+      env.PTYSHELL = ""; // blank runs the system default shell
+    }
+
+    if (path.basename(env.PTYSHELL) === "zsh") {
+      env.OLD_ZDOTDIR = env.ZDOTDIR || env.HOME;
+      env.ZDOTDIR = await this.kubectlBinDirP;
+      env.DISABLE_AUTO_UPDATE = "true";
+    }
+
+    env.PTYPID = process.pid.toString();
+    env.KUBECONFIG = await this.kubeconfigPathP;
+    env.TERM_PROGRAM = this.dependencies.appName;
+    env.TERM_PROGRAM_VERSION = this.dependencies.buildVersion.get();
+
+    if (this.cluster.preferences.httpsProxy) {
+      env.HTTPS_PROXY = this.cluster.preferences.httpsProxy;
+    }
+
+    env.NO_PROXY = [
+      "localhost",
+      "127.0.0.1",
+      env.NO_PROXY,
+    ]
+      .filter(Boolean)
+      .join();
+
+    return env;
+  }
+
+  protected exit(code = WebSocketCloseEvent.NormalClosure) {
+    if (this.websocket.readyState == this.websocket.OPEN) {
+      this.websocket.close(code);
+    }
+  }
+}
diff --git a/packages/core/src/main/shell-session/spawn-pty.global-override-for-injectable.ts b/packages/core/src/main/shell-session/spawn-pty.global-override-for-injectable.ts
new file mode 100644
index 0000000000..239f7c5e47
--- /dev/null
+++ b/packages/core/src/main/shell-session/spawn-pty.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 "../../common/test-utils/get-global-override";
+import spawnPtyInjectable from "./spawn-pty.injectable";
+
+export default getGlobalOverride(spawnPtyInjectable, () => () => {
+  throw new Error("Tried to spawn a PTY without an override");
+});
diff --git a/packages/core/src/main/shell-session/spawn-pty.injectable.ts b/packages/core/src/main/shell-session/spawn-pty.injectable.ts
new file mode 100644
index 0000000000..0639c7307b
--- /dev/null
+++ b/packages/core/src/main/shell-session/spawn-pty.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 { IPty, IPtyForkOptions, IWindowsPtyForkOptions } from "node-pty";
+import { spawn } from "node-pty";
+
+export type WindowsSpawnPtyOptions = Omit<IWindowsPtyForkOptions, "env"> & { env?: Partial<Record<string, string>> };
+export type UnixSpawnPtyOptions = Omit<IPtyForkOptions, "env"> & { env?: Partial<Record<string, string>> };
+export type SpawnPtyOptions = UnixSpawnPtyOptions | WindowsSpawnPtyOptions;
+
+export type SpawnPty = (file: string, args: string[], options: SpawnPtyOptions) => IPty;
+
+const spawnPtyInjectable = getInjectable({
+  id: "spawn-pty",
+  instantiate: () => spawn as SpawnPty,
+  causesSideEffects: true,
+});
+
+export default spawnPtyInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/application-window/application-window-injection-token.ts b/packages/core/src/main/start-main-application/lens-window/application-window/application-window-injection-token.ts
new file mode 100644
index 0000000000..da469a0b7c
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/start-main-application/lens-window/application-window/application-window-state.injectable.ts b/packages/core/src/main/start-main-application/lens-window/application-window/application-window-state.injectable.ts
new file mode 100644
index 0000000000..cb59ee2be2
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/application-window/application-window-state.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 windowStateKeeper from "electron-window-state";
+
+interface WindowStateConfiguration {
+  id: string;
+  defaultHeight: number;
+  defaultWidth: number;
+}
+
+const applicationWindowStateInjectable = getInjectable({
+  id: "application-window-state",
+
+  instantiate: (di, { id, defaultHeight, defaultWidth }) => windowStateKeeper({
+    defaultHeight,
+    defaultWidth,
+    file: `window-state-for-${id}.json`,
+  }),
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, { id }: WindowStateConfiguration) => id,
+  }),
+});
+
+export default applicationWindowStateInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/application-window/create-application-window.injectable.ts b/packages/core/src/main/start-main-application/lens-window/application-window/create-application-window.injectable.ts
new file mode 100644
index 0000000000..b0e5cac982
--- /dev/null
+++ b/packages/core/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 waitUntilBundledExtensionsAreLoadedInjectable from "./wait-until-bundled-extensions-are-loaded.injectable";
+import { applicationWindowInjectionToken } from "./application-window-injection-token";
+import emitAppEventInjectable from "../../../../common/app-event-bus/emit-event.injectable";
+import { runInAction } from "mobx";
+import appNameInjectable from "../../../../common/vars/app-name.injectable";
+
+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 waitUntilBundledExtensionsAreLoaded = di.inject(waitUntilBundledExtensionsAreLoadedInjectable);
+        const lensProxyPort = di.inject(lensProxyPortInjectable);
+        const emitAppEvent = di.inject(emitAppEventInjectable);
+
+        return createLensWindow({
+          id,
+          title: applicationName,
+          defaultHeight: 900,
+          defaultWidth: 1440,
+          getContentSource: () => ({
+            url: `https://lens.app:${lensProxyPort.get()}`,
+          }),
+          resizable: true,
+          windowFrameUtilitiesAreShown: isMac,
+          titleBarStyle: isMac ? "hiddenInset" : "hidden",
+          centered: false,
+          onFocus: () => {
+            emitAppEvent({ name: "app", action: "focus" });
+          },
+          onBlur: () => {
+            emitAppEvent({ name: "app", action: "blur" });
+          },
+          onDomReady: () => {
+            emitAppEvent({ 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/packages/core/src/main/start-main-application/lens-window/application-window/create-electron-window.global-override-for-injectable.ts b/packages/core/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/packages/core/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/packages/core/src/main/start-main-application/lens-window/application-window/create-electron-window.injectable.ts b/packages/core/src/main/start-main-application/lens-window/application-window/create-electron-window.injectable.ts
new file mode 100644
index 0000000000..bd84909a49
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/application-window/create-electron-window.injectable.ts
@@ -0,0 +1,204 @@
+/**
+ * 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 { timingSafeEqual, X509Certificate } from "crypto";
+import loggerInjectable from "../../../../common/logger.injectable";
+import applicationWindowStateInjectable from "./application-window-state.injectable";
+import { BrowserWindow } from "electron";
+import type { ElectronWindow } from "./create-lens-window.injectable";
+import type { RequireExactlyOne } from "type-fest";
+import openLinkInBrowserInjectable from "../../../../common/utils/open-link-in-browser.injectable";
+import getAbsolutePathInjectable from "../../../../common/path/get-absolute-path.injectable";
+import lensResourcesDirInjectable from "../../../../common/vars/lens-resources-dir.injectable";
+import isLinuxInjectable from "../../../../common/vars/is-linux.injectable";
+import applicationInformationToken from "../../../../common/vars/application-information-token";
+import pathExistsSyncInjectable from "../../../../common/fs/path-exists-sync.injectable";
+import lensProxyCertificateInjectable from "../../../../common/certificate/lens-proxy-certificate.injectable";
+
+export type ElectronWindowTitleBarStyle = "hiddenInset" | "hidden" | "default" | "customButtonsOnHover";
+
+export interface FileSource {
+  file: string;
+}
+export interface UrlSource {
+  url: string;
+}
+export type ContentSource = RequireExactlyOne<FileSource & UrlSource>;
+
+export interface ElectronWindowConfiguration {
+  id: string;
+  title: string;
+  defaultHeight: number;
+  defaultWidth: number;
+  getContentSource: () => ContentSource;
+  resizable: boolean;
+  windowFrameUtilitiesAreShown: boolean;
+  centered: boolean;
+  titleBarStyle?: ElectronWindowTitleBarStyle;
+  beforeOpen?: () => Promise<void>;
+  onClose: () => void;
+  onFocus?: () => void;
+  onBlur?: () => void;
+  onDomReady?: () => void;
+}
+
+export type CreateElectronWindow = (config: ElectronWindowConfiguration) => ElectronWindow;
+
+const createElectronWindowInjectable = getInjectable({
+  id: "create-electron-window",
+
+  instantiate: (di): CreateElectronWindow => {
+    const logger = di.inject(loggerInjectable);
+    const openLinkInBrowser = di.inject(openLinkInBrowserInjectable);
+    const getAbsolutePath = di.inject(getAbsolutePathInjectable);
+    const lensResourcesDir = di.inject(lensResourcesDirInjectable);
+    const isLinux = di.inject(isLinuxInjectable);
+    const applicationInformation = di.inject(applicationInformationToken);
+    const pathExistsSync = di.inject(pathExistsSyncInjectable);
+    const lensProxyCertificate = di.inject(lensProxyCertificateInjectable).get();
+    const lensProxyX509Cert = new X509Certificate(lensProxyCertificate.cert);
+
+    return (configuration) => {
+      const applicationWindowState = di.inject(
+        applicationWindowStateInjectable,
+        {
+          id: configuration.id,
+          defaultHeight: configuration.defaultHeight,
+          defaultWidth: configuration.defaultWidth,
+        },
+      );
+
+      const { width, height, x, y } = applicationWindowState;
+
+      const browserWindow = new BrowserWindow({
+        x,
+        y,
+        width,
+        height,
+        title: configuration.title,
+        resizable: configuration.resizable,
+        center: configuration.centered,
+        frame: configuration.windowFrameUtilitiesAreShown,
+        show: false,
+        minWidth: 700, // accommodate 800 x 600 display minimum
+        minHeight: 500, // accommodate 800 x 600 display minimum
+        titleBarStyle: configuration.titleBarStyle,
+        backgroundColor: "#1e2124",
+        webPreferences: {
+          nodeIntegration: true,
+          nodeIntegrationInSubFrames: true,
+          contextIsolation: false,
+        },
+      });
+
+      if (isLinux) {
+        const iconFileName = [
+          getAbsolutePath(lensResourcesDir, `../${applicationInformation.name}.png`),
+          `/usr/share/icons/hicolor/512x512/apps/${applicationInformation.name}.png`,
+        ].find(pathExistsSync);
+
+        if (iconFileName != null) {
+          try {
+            browserWindow.setIcon(iconFileName);
+          } catch (err) {
+            logger.warn(`Error while setting window icon ${err}`);
+          }
+        } else {
+          logger.warn(`No suitable icon found for task bar.`);
+        }
+      }
+
+      applicationWindowState.manage(browserWindow);
+
+      browserWindow
+        .on("focus", () => {
+          configuration.onFocus?.();
+        })
+        .on("blur", () => {
+          configuration.onBlur?.();
+        })
+        .on("closed", () => {
+          configuration.onClose();
+          applicationWindowState.unmanage();
+        })
+        .webContents.on("dom-ready", () => {
+          configuration.onDomReady?.();
+        })
+        .on("certificate-error", (event, url, error, certificate, shouldBeTrusted) => {
+          const cert = new X509Certificate(certificate.data);
+          const shouldTrustCert = cert.raw.length === lensProxyX509Cert.raw.length
+            && timingSafeEqual(cert.raw, lensProxyX509Cert.raw);
+
+          shouldBeTrusted(shouldTrustCert);
+        })
+        .on("did-fail-load", (_event, code, desc) => {
+          logger.error(
+            `[CREATE-ELECTRON-WINDOW]: Failed to load window "${configuration.id}"`,
+            {
+              code,
+              desc,
+            },
+          );
+        })
+        .on("did-finish-load", () => {
+          logger.info(
+            `[CREATE-ELECTRON-WINDOW]: Window "${configuration.id}" loaded`,
+          );
+        })
+        .setWindowOpenHandler((details) => {
+          openLinkInBrowser(details.url).catch((error) => {
+            logger.error("[CREATE-ELECTRON-WINDOW]: failed to open browser", {
+              error,
+            });
+          });
+
+          return { action: "deny" };
+        });
+
+      return {
+        loadFile: async (filePath) => {
+          logger.info(
+            `[CREATE-ELECTRON-WINDOW]: Loading content for window "${configuration.id}" from file: ${filePath}...`,
+          );
+
+          await browserWindow.loadFile(filePath);
+        },
+
+        loadUrl: async (url) => {
+          logger.info(
+            `[CREATE-ELECTRON-WINDOW]: Loading content for window "${configuration.id}" from url: ${url}...`,
+          );
+
+          await browserWindow.loadURL(url);
+        },
+
+        show: () => browserWindow.show(),
+        close: () => browserWindow.close(),
+        send: ({ channel, data, frameInfo }) => {
+          if (frameInfo) {
+            browserWindow.webContents.sendToFrame(
+              [frameInfo.processId, frameInfo.frameId],
+              channel,
+              data,
+            );
+          } else {
+            browserWindow.webContents.send(channel, data);
+          }
+        },
+
+        reload: () => {
+          const wc = browserWindow.webContents;
+
+          wc.reload();
+          wc.clearHistory();
+        },
+      };
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default createElectronWindowInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/application-window/create-first-application-window.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/main/start-main-application/lens-window/application-window/create-lens-window.injectable.ts b/packages/core/src/main/start-main-application/lens-window/application-window/create-lens-window.injectable.ts
new file mode 100644
index 0000000000..d2d8f344eb
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/application-window/create-lens-window.injectable.ts
@@ -0,0 +1,152 @@
+/**
+ * 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 { ContentSource, ElectronWindowTitleBarStyle } from "./create-electron-window.injectable";
+import createElectronWindowForInjectable from "./create-electron-window.injectable";
+import type { ClusterFrameInfo } from "../../../../common/cluster-frames";
+
+export interface ElectronWindow {
+  show: () => void;
+  close: () => void;
+  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 {
+  id: string;
+  title: string;
+  defaultHeight: number;
+  defaultWidth: number;
+  getContentSource: () => ContentSource;
+  resizable: boolean;
+  windowFrameUtilitiesAreShown: boolean;
+  centered: boolean;
+  titleBarStyle?: ElectronWindowTitleBarStyle;
+
+  /**
+   * This function is called before the ContentSource is used and then awaited after
+   * the open call resolves
+   */
+  beforeOpen?: () => Promise<void>;
+  onFocus?: () => void;
+  onBlur?: () => void;
+  onDomReady?: () => void;
+  onClose?: () => void;
+}
+
+const createLensWindowInjectable = getInjectable({
+  id: "create-lens-window",
+
+  instantiate: (di) => {
+    const createElectronWindow = di.inject(createElectronWindowForInjectable);
+
+    return (configuration: LensWindowConfiguration): LensWindow => {
+      let browserWindow: ElectronWindow | undefined;
+
+      let windowIsShown = false;
+      let windowIsStarting = false;
+
+      const showWindow = () => {
+        if (!browserWindow) {
+          throw new Error("Cannot show browserWindow, does not exist");
+        }
+
+        browserWindow.show();
+        windowIsShown = true;
+      };
+
+      return {
+        id: configuration.id,
+
+        get isVisible() {
+          return windowIsShown;
+        },
+
+        get isStarting() {
+          return windowIsStarting;
+        },
+
+        start: async () => {
+          if (!browserWindow) {
+            windowIsStarting = true;
+
+            browserWindow = createElectronWindow({
+              ...configuration,
+              onClose: () => {
+                browserWindow = undefined;
+                windowIsShown = false;
+              },
+            });
+
+            const {
+              file: filePathForContent,
+              url: urlForContent,
+            } = configuration.getContentSource();
+
+            const beforeOpen = configuration.beforeOpen?.();
+
+            if (filePathForContent) {
+              await browserWindow.loadFile(filePathForContent);
+            } else if (urlForContent) {
+              await browserWindow.loadUrl(urlForContent);
+            }
+
+            await beforeOpen;
+          }
+
+          showWindow();
+
+          windowIsStarting = false;
+        },
+
+        show: showWindow,
+
+        close: () => {
+          browserWindow?.close();
+          browserWindow = undefined;
+          windowIsShown = false;
+          configuration.onClose?.();
+        },
+
+        send: (args: SendToViewArgs) => {
+          if (!browserWindow) {
+            throw new Error(`Tried to send message to window "${configuration.id}" but the window was closed`);
+          }
+
+          return browserWindow.send(args);
+        },
+
+        reload: () => {
+          if (!browserWindow) {
+            throw new Error(`Tried to reload window "${configuration.id}" but the window was closed`);
+          }
+
+          return browserWindow.reload();
+        },
+      };
+    };
+  },
+});
+
+export default createLensWindowInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/application-window/get-current-application-window.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/main/start-main-application/lens-window/application-window/wait-until-bundled-extensions-are-loaded.injectable.ts b/packages/core/src/main/start-main-application/lens-window/application-window/wait-until-bundled-extensions-are-loaded.injectable.ts
new file mode 100644
index 0000000000..2c0f30b83b
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/application-window/wait-until-bundled-extensions-are-loaded.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 { bundledExtensionsLoaded } from "../../../../common/ipc/extension-handling";
+import { delay } from "../../../../common/utils";
+import ipcMainInjectable from "../../../utils/channel/ipc-main/ipc-main.injectable";
+
+const waitUntilBundledExtensionsAreLoadedInjectable = getInjectable({
+  id: "wait-until-bundled-extensions-are-loaded",
+
+  instantiate: (di) => {
+    const ipcMain = di.inject(ipcMainInjectable);
+
+    return async () => {
+      const viewHasLoaded = new Promise<void>((resolve) => {
+        ipcMain.once(bundledExtensionsLoaded, () => resolve());
+      });
+
+      await viewHasLoaded;
+      await delay(50); // wait just a bit longer to let the first round of rendering happen
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default waitUntilBundledExtensionsAreLoadedInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/current-cluster-frame/current-cluster-frame-cluster-id-state.injectable.ts b/packages/core/src/main/start-main-application/lens-window/current-cluster-frame/current-cluster-frame-cluster-id-state.injectable.ts
new file mode 100644
index 0000000000..b45447db5e
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/current-cluster-frame/current-cluster-frame-cluster-id-state.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 { getInjectable } from "@ogre-tools/injectable";
+import { observable } from "mobx";
+import type { ClusterId } from "../../../../common/cluster-types";
+
+const currentClusterFrameClusterIdStateInjectable = getInjectable({
+  id: "current-cluster-frame-cluster-id-state",
+
+  instantiate: () => observable.box<ClusterId>(),
+});
+
+export default currentClusterFrameClusterIdStateInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/current-cluster-frame/current-cluster-frame.injectable.ts b/packages/core/src/main/start-main-application/lens-window/current-cluster-frame/current-cluster-frame.injectable.ts
new file mode 100644
index 0000000000..e364b8cb0e
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/current-cluster-frame/current-cluster-frame.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 { computed } from "mobx";
+import currentClusterFrameClusterIdStateInjectable from "./current-cluster-frame-cluster-id-state.injectable";
+import clusterFramesInjectable from "../../../../common/cluster-frames.injectable";
+
+const currentClusterFrameInjectable = getInjectable({
+  id: "current-cluster-frame",
+
+  instantiate: (di) => {
+    const currentClusterFrameState = di.inject(currentClusterFrameClusterIdStateInjectable);
+    const clusterFrames = di.inject(clusterFramesInjectable);
+
+    return computed(() => {
+      const clusterId = currentClusterFrameState.get();
+
+      if (!clusterId) {
+        return undefined;
+      }
+
+      return clusterFrames.get(clusterId);
+    });
+  },
+});
+
+export default currentClusterFrameInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/current-cluster-frame/listener.injectable.ts b/packages/core/src/main/start-main-application/lens-window/current-cluster-frame/listener.injectable.ts
new file mode 100644
index 0000000000..d29210cda1
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/current-cluster-frame/listener.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 { currentClusterMessageChannel } from "../../../../common/cluster/current-cluster-channel";
+import { getMessageChannelListenerInjectable } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import currentClusterFrameClusterIdStateInjectable from "./current-cluster-frame-cluster-id-state.injectable";
+
+const currentVisibileClusterListenerInjectable = getMessageChannelListenerInjectable({
+  id: "current-visibile-cluster",
+  channel: currentClusterMessageChannel,
+  handler: (di) => {
+    const currentClusterFrameState = di.inject(currentClusterFrameClusterIdStateInjectable);
+
+    return clusterId => currentClusterFrameState.set(clusterId);
+  },
+});
+
+export default currentVisibileClusterListenerInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/get-visible-windows.injectable.ts b/packages/core/src/main/start-main-application/lens-window/get-visible-windows.injectable.ts
new file mode 100644
index 0000000000..f8e1ceb562
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/get-visible-windows.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 { pipeline } from "@ogre-tools/fp";
+import { getInjectable } from "@ogre-tools/injectable";
+import { filter } from "lodash/fp";
+import { applicationWindowInjectionToken } from "./application-window/application-window-injection-token";
+
+const getVisibleWindowsInjectable = getInjectable({
+  id: "get-visible-windows",
+
+  instantiate: (di) => {
+    const getAllLensWindows = () => di.injectMany(applicationWindowInjectionToken);
+
+    return () =>
+      pipeline(
+        getAllLensWindows(),
+        filter((lensWindow) => !!lensWindow.isVisible),
+      );
+  },
+});
+
+export default getVisibleWindowsInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/hide-all-windows/close-all-windows.injectable.ts b/packages/core/src/main/start-main-application/lens-window/hide-all-windows/close-all-windows.injectable.ts
new file mode 100644
index 0000000000..38f6fec7b9
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/hide-all-windows/close-all-windows.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 { applicationWindowInjectionToken } from "../application-window/application-window-injection-token";
+
+const closeAllWindowsInjectable = getInjectable({
+  id: "close-all-windows",
+
+  instantiate: (di) => () => {
+    const lensWindows = di.injectMany(applicationWindowInjectionToken);
+
+    lensWindows.forEach((lensWindow) => {
+      lensWindow.close();
+    });
+  },
+});
+
+export default closeAllWindowsInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/navigate-for-extension.injectable.ts b/packages/core/src/main/start-main-application/lens-window/navigate-for-extension.injectable.ts
new file mode 100644
index 0000000000..0a0661148b
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/navigate-for-extension.injectable.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 { 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 getCurrentApplicationWindowInjectable from "./application-window/get-current-application-window.injectable";
+import assert from "assert";
+import type { NavigateForExtensionArgs } from "../../../features/extensions/navigate/common/channel";
+import { navigateForExtensionChannel } from "../../../features/extensions/navigate/common/channel";
+
+export type NavigateForExtension = (
+  extId: string,
+  pageId?: string,
+  params?: Record<string, any>,
+  frameId?: number
+) => Promise<void>;
+
+const navigateForExtensionInjectable = getInjectable({
+  id: "navigate-for-extension",
+
+  instantiate: (di): NavigateForExtension => {
+    const getApplicationWindow = di.inject(getCurrentApplicationWindowInjectable);
+    const clusterFrames = di.inject(clusterFramesInjectable);
+    const showApplicationWindow = di.inject(showApplicationWindowInjectable);
+
+    return async (
+      extId: string,
+      pageId?: string,
+      params?: Record<string, any>,
+      frameId?: number,
+    ) => {
+      await showApplicationWindow();
+
+      const applicationWindow = getApplicationWindow();
+
+      assert(applicationWindow);
+
+      const frameInfo = iter.find(
+        clusterFrames.values(),
+        (frameInfo) => frameInfo.frameId === frameId,
+      );
+
+      applicationWindow.send({
+        channel: navigateForExtensionChannel.id,
+        frameInfo,
+        data: { extId, pageId, params } as NavigateForExtensionArgs,
+      });
+    };
+  },
+});
+
+export default navigateForExtensionInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/navigate.injectable.ts b/packages/core/src/main/start-main-application/lens-window/navigate.injectable.ts
new file mode 100644
index 0000000000..8b204be9b3
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/navigate.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 { iter } from "../../../common/utils";
+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 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,
+      );
+
+      const channel = frameInfo
+        ? IpcRendererNavigationEvents.NAVIGATE_IN_CLUSTER
+        : IpcRendererNavigationEvents.NAVIGATE_IN_APP;
+
+      applicationWindow.send({
+        channel,
+        frameInfo,
+        data: url,
+      });
+    };
+  },
+});
+
+export default navigateInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/reload-current-application-window.injectable.ts b/packages/core/src/main/start-main-application/lens-window/reload-current-application-window.injectable.ts
new file mode 100644
index 0000000000..9b0d04fe9f
--- /dev/null
+++ b/packages/core/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 currentClusterFrameInjectable from "./current-cluster-frame/current-cluster-frame.injectable";
+import getCurrentApplicationWindowInjectable from "./application-window/get-current-application-window.injectable";
+import { reloadPageChannel } from "../../../features/navigation/reload-page/common/channel";
+
+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: reloadPageChannel.id,
+          frameInfo,
+        });
+      } else {
+        lensWindow.reload();
+      }
+    };
+  },
+});
+
+export default reloadCurrentApplicationWindowInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/show-application-window.injectable.ts b/packages/core/src/main/start-main-application/lens-window/show-application-window.injectable.ts
new file mode 100644
index 0000000000..ac9b86daa1
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/show-application-window.injectable.ts
@@ -0,0 +1,52 @@
+/**
+ * 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 splashWindowInjectable from "./splash-window/splash-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 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();
+
+        return;
+      }
+
+      const windowIsAlreadyBeingShown = someIsTruthy([
+        applicationWindow.isVisible,
+        splashWindow.isStarting,
+      ]);
+
+      if (windowIsAlreadyBeingShown) {
+        return;
+      }
+
+      await splashWindow.start();
+
+      await applicationWindow.start();
+
+      splashWindow.close();
+    };
+  },
+});
+
+export default showApplicationWindowInjectable;
diff --git a/packages/core/src/main/start-main-application/lens-window/splash-window/splash-window.injectable.ts b/packages/core/src/main/start-main-application/lens-window/splash-window/splash-window.injectable.ts
new file mode 100644
index 0000000000..978309c4d0
--- /dev/null
+++ b/packages/core/src/main/start-main-application/lens-window/splash-window/splash-window.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 createLensWindowInjectable from "../application-window/create-lens-window.injectable";
+import staticFilesDirectoryInjectable from "../../../../common/vars/static-files-directory.injectable";
+import joinPathsInjectable from "../../../../common/path/join-paths.injectable";
+
+const splashWindowInjectable = getInjectable({
+  id: "splash-window",
+
+  instantiate: (di) => {
+    const createLensWindow = di.inject(createLensWindowInjectable);
+    const staticFilesDirectory = di.inject(staticFilesDirectoryInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const splashWindowFile = joinPaths(staticFilesDirectory, "splash.html");
+
+    return createLensWindow({
+      id: "splash",
+      title: "Loading",
+      getContentSource: () => ({
+        file: splashWindowFile,
+      }),
+      defaultWidth: 500,
+      defaultHeight: 300,
+      resizable: false,
+      windowFrameUtilitiesAreShown: false,
+      centered: true,
+    });
+  },
+});
+
+export default splashWindowInjectable;
diff --git a/packages/core/src/main/start-main-application/runnable-tokens/after-application-is-loaded-injection-token.ts b/packages/core/src/main/start-main-application/runnable-tokens/after-application-is-loaded-injection-token.ts
new file mode 100644
index 0000000000..f89f445ecf
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnable-tokens/after-application-is-loaded-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 { Runnable } from "../../../common/runnable/run-many-for";
+
+export const afterApplicationIsLoadedInjectionToken = getInjectionToken<Runnable>({
+  id: "after-application-is-loaded",
+});
diff --git a/packages/core/src/main/start-main-application/runnable-tokens/after-root-frame-is-ready-injection-token.ts b/packages/core/src/main/start-main-application/runnable-tokens/after-root-frame-is-ready-injection-token.ts
new file mode 100644
index 0000000000..f066c124ba
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnable-tokens/after-root-frame-is-ready-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 { Runnable } from "../../../common/runnable/run-many-for";
+
+export const afterRootFrameIsReadyInjectionToken = getInjectionToken<Runnable>({
+  id: "after-root-frame-is-ready",
+});
diff --git a/packages/core/src/main/start-main-application/runnable-tokens/after-window-is-opened-injection-token.ts b/packages/core/src/main/start-main-application/runnable-tokens/after-window-is-opened-injection-token.ts
new file mode 100644
index 0000000000..d5f33bceff
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnable-tokens/after-window-is-opened-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 { Runnable } from "../../../common/runnable/run-many-for";
+
+export const afterWindowIsOpenedInjectionToken = getInjectionToken<Runnable>({
+  id: "after-window-is-opened",
+});
diff --git a/packages/core/src/main/start-main-application/runnable-tokens/before-application-is-loading-injection-token.ts b/packages/core/src/main/start-main-application/runnable-tokens/before-application-is-loading-injection-token.ts
new file mode 100644
index 0000000000..7cda9e6aee
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnable-tokens/before-application-is-loading-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 { Runnable } from "../../../common/runnable/run-many-for";
+
+export const beforeApplicationIsLoadingInjectionToken = getInjectionToken<Runnable>({
+  id: "before-application-is-loading",
+});
diff --git a/packages/core/src/main/start-main-application/runnable-tokens/before-electron-is-ready-injection-token.ts b/packages/core/src/main/start-main-application/runnable-tokens/before-electron-is-ready-injection-token.ts
new file mode 100644
index 0000000000..4bdef1ff90
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnable-tokens/before-electron-is-ready-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 { RunnableSync } from "../../../common/runnable/run-many-sync-for";
+
+export const beforeElectronIsReadyInjectionToken = getInjectionToken<RunnableSync>({
+  id: "before-electron-is-ready",
+});
diff --git a/packages/core/src/main/start-main-application/runnable-tokens/before-quit-of-back-end-injection-token.ts b/packages/core/src/main/start-main-application/runnable-tokens/before-quit-of-back-end-injection-token.ts
new file mode 100644
index 0000000000..d11ecf57d2
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnable-tokens/before-quit-of-back-end-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 { RunnableSync } from "../../../common/runnable/run-many-sync-for";
+
+export const beforeQuitOfBackEndInjectionToken = getInjectionToken<RunnableSync>({
+  id: "before-quit-of-back-end",
+});
diff --git a/packages/core/src/main/start-main-application/runnable-tokens/before-quit-of-front-end-injection-token.ts b/packages/core/src/main/start-main-application/runnable-tokens/before-quit-of-front-end-injection-token.ts
new file mode 100644
index 0000000000..0a45a684cd
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnable-tokens/before-quit-of-front-end-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 { RunnableSync } from "../../../common/runnable/run-many-sync-for";
+
+export const beforeQuitOfFrontEndInjectionToken = getInjectionToken<RunnableSync>({
+  id: "before-quit-of-front-end",
+});
diff --git a/packages/core/src/main/start-main-application/runnable-tokens/on-load-of-application-injection-token.ts b/packages/core/src/main/start-main-application/runnable-tokens/on-load-of-application-injection-token.ts
new file mode 100644
index 0000000000..35b7a6c0ff
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnable-tokens/on-load-of-application-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 { Runnable } from "../../../common/runnable/run-many-for";
+
+export const onLoadOfApplicationInjectionToken = getInjectionToken<Runnable>({
+  id: "on-load-of-application",
+});
diff --git a/packages/core/src/main/start-main-application/runnable-tokens/phases.ts b/packages/core/src/main/start-main-application/runnable-tokens/phases.ts
new file mode 100644
index 0000000000..0b61ae88f2
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnable-tokens/phases.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { Runnable } from "../../../common/runnable/run-many-for";
+import type { RunnableSync } from "../../../common/runnable/run-many-sync-for";
+
+/**
+ * These tokens are here so that the importing of their respective dependencies
+ * can be delayed until all of them are ready
+ */
+
+/**
+ * This runnable token should only have the app paths init so that it can be run by itself
+ */
+export const appPathsRunnablePhaseInjectionToken = getInjectionToken<RunnableSync>({
+  id: "app-paths-runnable-phase",
+});
+
+export const showLoadingRunnablePhaseInjectionToken = getInjectionToken<Runnable>({
+  id: "show-loading-runnable-phase",
+});
+
+export const showInitialWindowRunnablePhaseInjectionToken = getInjectionToken<Runnable>({
+  id: "show-initial-window-runnable-phase",
+});
diff --git a/packages/core/src/main/start-main-application/runnables/clean-up-shell-sessions.injectable.ts b/packages/core/src/main/start-main-application/runnables/clean-up-shell-sessions.injectable.ts
new file mode 100644
index 0000000000..46afa5e692
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/clean-up-shell-sessions.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 { beforeQuitOfBackEndInjectionToken } from "../runnable-tokens/before-quit-of-back-end-injection-token";
+import { ShellSession } from "../../shell-session/shell-session";
+
+const cleanUpShellSessionsInjectable = getInjectable({
+  id: "clean-up-shell-sessions",
+
+  instantiate: () => ({
+    id: "clean-up-shell-sessions",
+    run: () => void ShellSession.cleanup(),
+  }),
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default cleanUpShellSessionsInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/emit-close-to-event-bus.injectable.ts b/packages/core/src/main/start-main-application/runnables/emit-close-to-event-bus.injectable.ts
new file mode 100644
index 0000000000..e1da8c1d67
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/emit-close-to-event-bus.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 emitAppEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import { beforeQuitOfFrontEndInjectionToken } from "../runnable-tokens/before-quit-of-front-end-injection-token";
+
+const emitCloseToEventBusInjectable = getInjectable({
+  id: "emit-close-to-event-bus",
+
+  instantiate: (di) => {
+    const emitAppEvent = di.inject(emitAppEventInjectable);
+
+    return {
+      id: "emit-close-to-event-bus",
+      run: () => {
+        emitAppEvent({ name: "app", action: "close" });
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeQuitOfFrontEndInjectionToken,
+});
+
+export default emitCloseToEventBusInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/emit-service-start-to-event-bus.injectable.ts b/packages/core/src/main/start-main-application/runnables/emit-service-start-to-event-bus.injectable.ts
new file mode 100644
index 0000000000..9655748a72
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/emit-service-start-to-event-bus.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 emitAppEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import { afterApplicationIsLoadedInjectionToken } from "../runnable-tokens/after-application-is-loaded-injection-token";
+
+const emitServiceStartToEventBusInjectable = getInjectable({
+  id: "emit-service-start-to-event-bus",
+
+  instantiate: (di) => {
+    const emitAppEvent = di.inject(emitAppEventInjectable);
+
+    return {
+      id: "emit-service-start-to-event-bus",
+      run: () => {
+        emitAppEvent({ name: "service", action: "start" });
+      },
+    };
+  },
+
+  injectionToken: afterApplicationIsLoadedInjectionToken,
+});
+
+export default emitServiceStartToEventBusInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/flag-renderer/flag-renderer-as-loaded.injectable.ts b/packages/core/src/main/start-main-application/runnables/flag-renderer/flag-renderer-as-loaded.injectable.ts
new file mode 100644
index 0000000000..2bb05cfb52
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/flag-renderer/flag-renderer-as-loaded.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 { afterRootFrameIsReadyInjectionToken } from "../../runnable-tokens/after-root-frame-is-ready-injection-token";
+import lensProtocolRouterMainInjectable from "../../../protocol-handler/lens-protocol-router-main/lens-protocol-router-main.injectable";
+import { runInAction } from "mobx";
+
+const flagRendererAsLoadedInjectable = getInjectable({
+  id: "flag-renderer-as-loaded",
+
+  instantiate: (di) => {
+    const lensProtocolRouterMain = di.inject(lensProtocolRouterMainInjectable);
+
+    return {
+      id: "flag-renderer-as-loaded",
+      run: () => {
+        runInAction(() => {
+          // Todo: remove this kludge which enables out-of-place temporal dependency.
+          lensProtocolRouterMain.rendererLoaded = true;
+        });
+      },
+    };
+  },
+
+  injectionToken: afterRootFrameIsReadyInjectionToken,
+});
+
+export default flagRendererAsLoadedInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/flag-renderer/flag-renderer-as-not-loaded.injectable.ts b/packages/core/src/main/start-main-application/runnables/flag-renderer/flag-renderer-as-not-loaded.injectable.ts
new file mode 100644
index 0000000000..d5f7444232
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/flag-renderer/flag-renderer-as-not-loaded.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 { runInAction } from "mobx";
+import lensProtocolRouterMainInjectable  from "../../../protocol-handler/lens-protocol-router-main/lens-protocol-router-main.injectable";
+import { beforeQuitOfFrontEndInjectionToken } from "../../runnable-tokens/before-quit-of-front-end-injection-token";
+
+const flagRendererAsNotLoadedInjectable = getInjectable({
+  id: "stop-deep-linking",
+
+  instantiate: (di) => {
+    const lensProtocolRouterMain = di.inject(lensProtocolRouterMainInjectable);
+
+    return {
+      id: "stop-deep-linking",
+      run: () => {
+        runInAction(() => {
+          // Todo: remove this kludge which enables out-of-place temporal dependency.
+          lensProtocolRouterMain.rendererLoaded = false;
+        });
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeQuitOfFrontEndInjectionToken,
+});
+
+export default flagRendererAsNotLoadedInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/initialize-extensions.injectable.ts b/packages/core/src/main/start-main-application/runnables/initialize-extensions.injectable.ts
new file mode 100644
index 0000000000..8765721d90
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/initialize-extensions.injectable.ts
@@ -0,0 +1,68 @@
+/**
+ * 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 { InstalledExtension } from "../../../extensions/extension-discovery/extension-discovery";
+import type { LensExtensionId } from "../../../extensions/lens-extension";
+import loggerInjectable from "../../../common/logger.injectable";
+import extensionDiscoveryInjectable from "../../../extensions/extension-discovery/extension-discovery.injectable";
+import extensionLoaderInjectable from "../../../extensions/extension-loader/extension-loader.injectable";
+import showErrorPopupInjectable from "../../electron-app/features/show-error-popup.injectable";
+import { onLoadOfApplicationInjectionToken } from "../runnable-tokens/on-load-of-application-injection-token";
+
+const initializeExtensionsInjectable = getInjectable({
+  id: "initialize-extensions",
+
+  instantiate: (di) => {
+    const logger = di.inject(loggerInjectable);
+    const extensionDiscovery = di.inject(extensionDiscoveryInjectable);
+    const extensionLoader = di.inject(extensionLoaderInjectable);
+    const showErrorPopup = di.inject(showErrorPopupInjectable);
+
+    return {
+      id: "initialize-extensions",
+      run: async () => {
+        logger.info("🧩 Initializing extensions");
+
+        await extensionDiscovery.init();
+
+        await extensionLoader.init();
+
+        try {
+          const extensions = await extensionDiscovery.load();
+
+          // Start watching after bundled extensions are loaded
+          extensionDiscovery.watchExtensions();
+
+          // Subscribe to extensions that are copied or deleted to/from the extensions folder
+          extensionDiscovery.events
+            .on("add", (extension: InstalledExtension) => {
+              extensionLoader.addExtension(extension);
+            })
+            .on("remove", (lensExtensionId: LensExtensionId) => {
+              extensionLoader.removeExtension(lensExtensionId);
+            });
+
+          extensionLoader.initExtensions(extensions);
+        } catch (error: any) {
+          showErrorPopup(
+            "Lens Error",
+            `Could not load extensions${
+              error?.message ? `: ${error.message}` : ""
+            }`,
+          );
+
+          console.error(error);
+          console.trace();
+        }
+      },
+    };
+  },
+
+  causesSideEffects: true,
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default initializeExtensionsInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/kube-config-sync/add-source.injectable.ts b/packages/core/src/main/start-main-application/runnables/kube-config-sync/add-source.injectable.ts
new file mode 100644
index 0000000000..f95a39f665
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/kube-config-sync/add-source.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 kubeconfigSyncManagerInjectable from "../../../catalog-sources/kubeconfig-sync/manager.injectable";
+import catalogEntityRegistryInjectable from "../../../catalog/entity-registry.injectable";
+import { afterApplicationIsLoadedInjectionToken } from "../../runnable-tokens/after-application-is-loaded-injection-token";
+
+const addKubeconfigSyncAsEntitySourceInjectable = getInjectable({
+  id: "add-kubeconfig-sync-as-entity-source",
+  instantiate: (di) => {
+    const kubeConfigSyncManager = di.inject(kubeconfigSyncManagerInjectable);
+    const entityRegistry = di.inject(catalogEntityRegistryInjectable);
+
+    return {
+      id: "add-kubeconfig-sync-as-entity-source",
+      run: () => {
+        entityRegistry.addComputedSource("kubeconfig-sync", kubeConfigSyncManager.source);
+      },
+    };
+  },
+  injectionToken: afterApplicationIsLoadedInjectionToken,
+});
+
+export default addKubeconfigSyncAsEntitySourceInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/kube-config-sync/start-kube-config-sync.injectable.ts b/packages/core/src/main/start-main-application/runnables/kube-config-sync/start-kube-config-sync.injectable.ts
new file mode 100644
index 0000000000..1dbadc4246
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/kube-config-sync/start-kube-config-sync.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 { 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";
+import addKubeconfigSyncAsEntitySourceInjectable from "./add-source.injectable";
+
+const startKubeConfigSyncInjectable = getInjectable({
+  id: "start-kubeconfig-sync",
+
+  instantiate: (di) => {
+    const directoryForKubeConfigs = di.inject(directoryForKubeConfigsInjectable);
+    const kubeConfigSyncManager = di.inject(kubeconfigSyncManagerInjectable);
+    const ensureDir = di.inject(ensureDirInjectable);
+
+    return {
+      id: "start-kubeconfig-sync",
+      run: async () => {
+        await ensureDir(directoryForKubeConfigs);
+
+        kubeConfigSyncManager.startSync();
+      },
+      runAfter: di.inject(addKubeconfigSyncAsEntitySourceInjectable),
+    };
+  },
+
+  injectionToken: afterApplicationIsLoadedInjectionToken,
+});
+
+export default startKubeConfigSyncInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/kube-config-sync/stop-kube-config-sync.injectable.ts b/packages/core/src/main/start-main-application/runnables/kube-config-sync/stop-kube-config-sync.injectable.ts
new file mode 100644
index 0000000000..4cb5a98a3f
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/kube-config-sync/stop-kube-config-sync.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 { beforeQuitOfBackEndInjectionToken } from "../../runnable-tokens/before-quit-of-back-end-injection-token";
+import kubeconfigSyncManagerInjectable from "../../../catalog-sources/kubeconfig-sync/manager.injectable";
+
+const stopKubeConfigSyncInjectable = getInjectable({
+  id: "stop-kube-config-sync",
+
+  instantiate: (di) => {
+    const kubeConfigSyncManager = di.inject(kubeconfigSyncManagerInjectable);
+
+    return {
+      id: "stop-kube-config-sync",
+      run: () => void kubeConfigSyncManager.stopSync(),
+    };
+  },
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default stopKubeConfigSyncInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/root-frame-has-rendered/channel-listener.injectable.ts b/packages/core/src/main/start-main-application/runnables/root-frame-has-rendered/channel-listener.injectable.ts
new file mode 100644
index 0000000000..40f5ceb788
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/root-frame-has-rendered/channel-listener.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 { getMessageChannelListenerInjectable } from "../../../../common/utils/channel/message-channel-listener-injection-token";
+import { rootFrameHasRenderedChannel } from "../../../../common/root-frame/root-frame-rendered-channel";
+import { runManyFor } from "../../../../common/runnable/run-many-for";
+import { afterRootFrameIsReadyInjectionToken } from "../../runnable-tokens/after-root-frame-is-ready-injection-token";
+
+const rootFrameRenderedChannelListenerInjectable = getMessageChannelListenerInjectable({
+  id: "action",
+  channel: rootFrameHasRenderedChannel,
+  handler: (di) => {
+    const runMany = runManyFor(di);
+
+    return runMany(afterRootFrameIsReadyInjectionToken);
+  },
+});
+
+export default rootFrameRenderedChannelListenerInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/sentry/initialize-on-main.global-override-for-injectable.ts b/packages/core/src/main/start-main-application/runnables/sentry/initialize-on-main.global-override-for-injectable.ts
new file mode 100644
index 0000000000..3850c736a0
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/sentry/initialize-on-main.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 initializeSentryOnMainInjectable from "./initialize-on-main.injectable";
+
+export default getGlobalOverride(initializeSentryOnMainInjectable, () => () => {});
diff --git a/packages/core/src/main/start-main-application/runnables/sentry/initialize-on-main.injectable.ts b/packages/core/src/main/start-main-application/runnables/sentry/initialize-on-main.injectable.ts
new file mode 100644
index 0000000000..e60f16ff46
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/sentry/initialize-on-main.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 { init } from "@sentry/electron/main";
+
+const initializeSentryOnMainInjectable = getInjectable({
+  id: "initialize-sentry-on-main",
+  instantiate: () => init,
+  causesSideEffects: true,
+});
+
+export default initializeSentryOnMainInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/sentry/setup.injectable.ts b/packages/core/src/main/start-main-application/runnables/sentry/setup.injectable.ts
new file mode 100644
index 0000000000..6d4111ae78
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/sentry/setup.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 { beforeElectronIsReadyInjectionToken } from "../../runnable-tokens/before-electron-is-ready-injection-token";
+import initializeSentryReportingWithInjectable from "../../../../common/error-reporting/initialize-sentry-reporting.injectable";
+import initializeSentryOnMainInjectable from "./initialize-on-main.injectable";
+
+const setupSentryInjectable = getInjectable({
+  id: "setup-sentry",
+  instantiate: (di) => {
+    const initializeSentryReportingWith = di.inject(initializeSentryReportingWithInjectable);
+    const initializeSentryOnMain = di.inject(initializeSentryOnMainInjectable);
+
+    return {
+      id: "setup-sentry",
+      run: () => void initializeSentryReportingWith(initializeSentryOnMain),
+    };
+  },
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupSentryInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-detector-registry.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-detector-registry.injectable.ts
new file mode 100644
index 0000000000..0e8b7ffba2
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-detector-registry.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 { ClusterIdDetector } from "../../cluster-detectors/cluster-id-detector";
+import { LastSeenDetector } from "../../cluster-detectors/last-seen-detector";
+import { VersionDetector } from "../../cluster-detectors/version-detector";
+import { DistributionDetector } from "../../cluster-detectors/distribution-detector";
+import { NodesCountDetector } from "../../cluster-detectors/nodes-count-detector";
+import detectorRegistryInjectable from "../../cluster-detectors/detector-registry.injectable";
+import { onLoadOfApplicationInjectionToken } from "../runnable-tokens/on-load-of-application-injection-token";
+
+const setupDetectorRegistryInjectable = getInjectable({
+  id: "setup-detector-registry",
+
+  instantiate: (di) => {
+    const detectorRegistry = di.inject(detectorRegistryInjectable);
+
+    return {
+      id: "setup-detector-registry",
+      run: () => {
+        detectorRegistry
+          .add(ClusterIdDetector)
+          .add(LastSeenDetector)
+          .add(VersionDetector)
+          .add(DistributionDetector)
+          .add(NodesCountDetector);
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupDetectorRegistryInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-hardware-acceleration.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-hardware-acceleration.injectable.ts
new file mode 100644
index 0000000000..ffcff08434
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-hardware-acceleration.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 disableHardwareAccelerationInjectable from "../../electron-app/features/disable-hardware-acceleration.injectable";
+import hardwareAccelerationShouldBeDisabledInjectable from "../../vars/hardware-acceleration-should-be-disabled.injectable";
+import { beforeElectronIsReadyInjectionToken } from "../runnable-tokens/before-electron-is-ready-injection-token";
+
+const setupHardwareAccelerationInjectable = getInjectable({
+  id: "setup-hardware-acceleration",
+
+  instantiate: (di) => {
+    const hardwareAccelerationShouldBeDisabled = di.inject(hardwareAccelerationShouldBeDisabledInjectable);
+    const disableHardwareAcceleration = di.inject(disableHardwareAccelerationInjectable);
+
+    return {
+      id: "setup-hardware-acceleration",
+      run: () => {
+        if (hardwareAccelerationShouldBeDisabled) {
+          disableHardwareAcceleration();
+        }
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupHardwareAccelerationInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-hostnames.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-hostnames.injectable.ts
new file mode 100644
index 0000000000..265ff49162
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-hostnames.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 electronAppInjectable from "../../electron-app/electron-app.injectable";
+import { beforeElectronIsReadyInjectionToken } from "../runnable-tokens/before-electron-is-ready-injection-token";
+
+const setupHostnamesInjectable = getInjectable({
+  id: "setup-hostnames",
+
+  instantiate: (di) => {
+    const app = di.inject(electronAppInjectable);
+
+    return {
+      id: "setup-hostnames",
+      run: () => {
+        app.commandLine.appendSwitch("host-rules", [
+          "MAP localhost 127.0.0.1",
+          "MAP lens.app 127.0.0.1",
+          "MAP *.lens.app 127.0.0.1",
+        ].join());
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupHostnamesInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-immer.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-immer.injectable.ts
new file mode 100644
index 0000000000..61420cf35b
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-immer.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 * as Immer from "immer";
+import { beforeElectronIsReadyInjectionToken } from "../runnable-tokens/before-electron-is-ready-injection-token";
+
+const setupImmerInjectable = getInjectable({
+  id: "setup-immer",
+
+  instantiate: () => ({
+    id: "setup-immer",
+    run: () => {
+      // Docs: https://immerjs.github.io/immer/
+      // Required in `utils/storage-helper.ts`
+      Immer.setAutoFreeze(false); // allow to merge mobx observables
+      Immer.enableMapSet(); // allow to merge maps and sets
+
+      return undefined;
+    },
+  }),
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupImmerInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-lens-proxy-certificate.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-lens-proxy-certificate.injectable.ts
new file mode 100644
index 0000000000..9957877ab5
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-lens-proxy-certificate.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 } from "@ogre-tools/injectable";
+import { generate } from "selfsigned";
+import lensProxyCertificateInjectable from "../../../common/certificate/lens-proxy-certificate.injectable";
+import { beforeElectronIsReadyInjectionToken } from "../runnable-tokens/before-electron-is-ready-injection-token";
+
+const setupLensProxyCertificateInjectable = getInjectable({
+  id: "setup-lens-proxy-certificate",
+
+  instantiate: (di) => {
+    const lensProxyCertificate = di.inject(lensProxyCertificateInjectable);
+
+    return {
+      id: "setup-lens-proxy-certificate",
+      run: () => {
+        const cert = generate([
+          { name: "commonName", value: "Lens Certificate Authority" },
+          { name: "organizationName", value: "Lens" },
+        ], {
+          keySize: 2048,
+          algorithm: "sha256",
+          days: 365,
+          extensions: [
+            {
+              name: "basicConstraints",
+              cA: true,
+            },
+            {
+              name: "subjectAltName",
+              altNames: [
+                { type: 2, value: "*.lens.app" },
+                { type: 2, value: "lens.app" },
+                { type: 2, value: "localhost" },
+                { type: 7, ip: "127.0.0.1" },
+              ],
+            },
+          ],
+        });
+
+        lensProxyCertificate.set(cert);
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupLensProxyCertificateInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-lens-proxy.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-lens-proxy.injectable.ts
new file mode 100644
index 0000000000..69184ddec2
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-lens-proxy.injectable.ts
@@ -0,0 +1,90 @@
+/**
+ * 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 exitAppInjectable from "../../electron-app/features/exit-app.injectable";
+import lensProxyInjectable from "../../lens-proxy/lens-proxy.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import lensProxyPortInjectable from "../../lens-proxy/lens-proxy-port.injectable";
+import isWindowsInjectable from "../../../common/vars/is-windows.injectable";
+import showErrorPopupInjectable from "../../electron-app/features/show-error-popup.injectable";
+import { beforeApplicationIsLoadingInjectionToken } from "../runnable-tokens/before-application-is-loading-injection-token";
+import buildVersionInjectable from "../../vars/build-version/build-version.injectable";
+import initializeBuildVersionInjectable from "../../vars/build-version/init.injectable";
+import lensProxyCertificateInjectable from "../../../common/certificate/lens-proxy-certificate.injectable";
+import fetchInjectable from "../../../common/fetch/fetch.injectable";
+import { Agent } from "https";
+
+const setupLensProxyInjectable = getInjectable({
+  id: "setup-lens-proxy",
+
+  instantiate: (di) => {
+    const lensProxy = di.inject(lensProxyInjectable);
+    const exitApp = di.inject(exitAppInjectable);
+    const logger = di.inject(loggerInjectable);
+    const lensProxyPort = di.inject(lensProxyPortInjectable);
+    const isWindows = di.inject(isWindowsInjectable);
+    const showErrorPopup = di.inject(showErrorPopupInjectable);
+    const buildVersion = di.inject(buildVersionInjectable);
+    const lensProxyCertificate = di.inject(lensProxyCertificateInjectable);
+    const fetch = di.inject(fetchInjectable);
+
+    return {
+      id: "setup-lens-proxy",
+      run: async () => {
+        try {
+          logger.info("🔌 Starting LensProxy");
+          await lensProxy.listen(); // lensProxy.port available
+        } catch (error: any) {
+          showErrorPopup("Lens Error", `Could not start proxy: ${error?.message || "unknown error"}`);
+
+          return exitApp();
+        }
+
+        // test proxy connection
+        try {
+          logger.info("🔎 Testing LensProxy connection ...");
+          const versionResponse = await fetch(`https://127.0.0.1:${lensProxyPort.get()}/version`, {
+            agent: new Agent({
+              ca: lensProxyCertificate.get()?.cert,
+            }),
+          });
+
+          const { version: versionFromProxy } = await versionResponse.json() as { version: string };
+
+          if (buildVersion.get() !== versionFromProxy) {
+            logger.error("Proxy server responded with invalid response");
+
+            return exitApp();
+          }
+
+          logger.info("⚡ LensProxy connection OK");
+        } catch (error) {
+          logger.error(`🛑 LensProxy: failed connection test: ${error}`);
+
+          const hostsPath = isWindows
+            ? "C:\\windows\\system32\\drivers\\etc\\hosts"
+            : "/etc/hosts";
+          const message = [
+            `Failed connection test: ${error}`,
+            "Check to make sure that no other versions of Lens are running",
+            `Check ${hostsPath} to make sure that it is clean and that the localhost loopback is at the top and set to 127.0.0.1`,
+            "If you have HTTP_PROXY or http_proxy set in your environment, make sure that the localhost and the ipv4 loopback address 127.0.0.1 are added to the NO_PROXY environment variable.",
+          ];
+
+          showErrorPopup("Lens Proxy Error", message.join("\n\n"));
+
+          return exitApp();
+        }
+      },
+      runAfter: di.inject(initializeBuildVersionInjectable),
+    };
+  },
+
+  causesSideEffects: true,
+
+  injectionToken: beforeApplicationIsLoadingInjectionToken,
+});
+
+export default setupLensProxyInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-mobx.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-mobx.injectable.ts
new file mode 100644
index 0000000000..d13021cdc6
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-mobx.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 * as Mobx from "mobx";
+import { getInjectable } from "@ogre-tools/injectable";
+import { beforeElectronIsReadyInjectionToken } from "../runnable-tokens/before-electron-is-ready-injection-token";
+
+const setupMobxInjectable = getInjectable({
+  id: "setup-mobx",
+
+  instantiate: () => ({
+    id: "setup-mobx",
+    run: () => {
+      // Docs: https://mobx.js.org/configuration.html
+      Mobx.configure({
+        enforceActions: "never",
+
+        // TODO: enable later (read more: https://mobx.js.org/migrating-from-4-or-5.html)
+        // computedRequiresReaction: true,
+        // reactionRequiresObservable: true,
+        // observableRequiresReaction: true,
+      });
+
+      return undefined;
+    },
+  }),
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupMobxInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-proxy-env.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-proxy-env.injectable.ts
new file mode 100644
index 0000000000..0541c2cfda
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-proxy-env.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 { beforeElectronIsReadyInjectionToken } from "../runnable-tokens/before-electron-is-ready-injection-token";
+import getCommandLineSwitchInjectable from "../../electron-app/features/get-command-line-switch.injectable";
+
+const setupProxyEnvInjectable = getInjectable({
+  id: "setup-proxy-env",
+
+  instantiate: (di) => {
+    const getCommandLineSwitch = di.inject(getCommandLineSwitchInjectable);
+
+    return {
+      id: "setup-proxy-env",
+      run: () => {
+        const switchValue = getCommandLineSwitch("proxy-server");
+
+        let httpsProxy =
+          process.env.HTTPS_PROXY || process.env.HTTP_PROXY || "";
+
+        delete process.env.HTTPS_PROXY;
+        delete process.env.HTTP_PROXY;
+
+        if (switchValue !== "") {
+          httpsProxy = switchValue;
+        }
+
+        if (httpsProxy !== "") {
+          process.env.APP_HTTPS_PROXY = httpsProxy;
+        }
+
+        if (getCommandLineSwitch("proxy-server") !== "") {
+          process.env.HTTPS_PROXY = getCommandLineSwitch("proxy-server");
+        }
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeElectronIsReadyInjectionToken,
+});
+
+export default setupProxyEnvInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-syncing-of-general-catalog-entities.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-syncing-of-general-catalog-entities.injectable.ts
new file mode 100644
index 0000000000..6dc0b27512
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-syncing-of-general-catalog-entities.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 syncGeneralCatalogEntitiesInjectable from "../../catalog-sources/sync-general-catalog-entities.injectable";
+import { onLoadOfApplicationInjectionToken } from "../runnable-tokens/on-load-of-application-injection-token";
+
+const setupSyncingOfGeneralCatalogEntitiesInjectable = getInjectable({
+  id: "setup-syncing-of-general-catalog-entities",
+
+  instantiate: (di) => {
+    const syncGeneralCatalogEntities = di.inject(
+      syncGeneralCatalogEntitiesInjectable,
+    );
+
+    return {
+      id: "setup-syncing-of-general-catalog-entities",
+      run: () => {
+        syncGeneralCatalogEntities();
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupSyncingOfGeneralCatalogEntitiesInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-syncing-of-weblinks.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-syncing-of-weblinks.injectable.ts
new file mode 100644
index 0000000000..fa4e6b436c
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-syncing-of-weblinks.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 { onLoadOfApplicationInjectionToken } from "../runnable-tokens/on-load-of-application-injection-token";
+import syncWeblinksInjectable from "../../catalog-sources/sync-weblinks.injectable";
+
+const setupSyncingOfWeblinksInjectable = getInjectable({
+  id: "setup-syncing-of-weblinks",
+
+  instantiate: (di) => {
+    const syncWeblinks = di.inject(syncWeblinksInjectable);
+
+    return {
+      id: "setup-syncing-of-weblinks",
+      run: () => {
+        syncWeblinks();
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupSyncingOfWeblinksInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/setup-system-ca.injectable.ts b/packages/core/src/main/start-main-application/runnables/setup-system-ca.injectable.ts
new file mode 100644
index 0000000000..b5219dbf4f
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/setup-system-ca.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 { beforeApplicationIsLoadingInjectionToken } from "../runnable-tokens/before-application-is-loading-injection-token";
+import injectSystemCAsInjectable from "../../../common/certificate-authorities/inject-system-cas.injectable";
+
+const setupSystemCaInjectable = getInjectable({
+  id: "setup-system-ca",
+  instantiate: (di) => ({
+    id: "setup-system-ca",
+    run: di.inject(injectSystemCAsInjectable),
+  }),
+  injectionToken: beforeApplicationIsLoadingInjectionToken,
+});
+
+export default setupSystemCaInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/show-initial-window.injectable.ts b/packages/core/src/main/start-main-application/runnables/show-initial-window.injectable.ts
new file mode 100644
index 0000000000..0ce02bfa85
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/show-initial-window.injectable.ts
@@ -0,0 +1,51 @@
+/**
+ * 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 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 commandLineArgumentsInjectable from "../../utils/command-line-arguments.injectable";
+import createFirstApplicationWindowInjectable from "../lens-window/application-window/create-first-application-window.injectable";
+import splashWindowInjectable from "../lens-window/splash-window/splash-window.injectable";
+import { showInitialWindowRunnablePhaseInjectionToken } from "../runnable-tokens/phases";
+
+const getDeepLinkUrl = (commandLineArguments: string[]) => (
+  commandLineArguments
+    .map(arg => arg.toLowerCase())
+    .find(arg => arg.startsWith("lens://"))
+);
+
+const showInitialWindowInjectable = getInjectable({
+  id: "show-initial-window",
+  instantiate: (di) => {
+    const shouldStartHidden = di.inject(shouldStartHiddenInjectable);
+    const shouldStartWindow = !shouldStartHidden;
+    const createFirstApplicationWindow = di.inject(createFirstApplicationWindowInjectable);
+    const splashWindow = di.inject(splashWindowInjectable);
+    const openDeepLink = di.inject(openDeepLinkInjectable);
+    const commandLineArguments = di.inject(commandLineArgumentsInjectable);
+
+    return {
+      id: "show-initial-window",
+      run: async () => {
+        if (shouldStartWindow) {
+          const deepLinkUrl = getDeepLinkUrl(commandLineArguments);
+
+          if (deepLinkUrl) {
+            await openDeepLink(deepLinkUrl);
+          } else {
+            const applicationWindow = createFirstApplicationWindow();
+
+            await applicationWindow.start();
+          }
+
+          splashWindow.close();
+        }
+      },
+    };
+  },
+  injectionToken: showInitialWindowRunnablePhaseInjectionToken,
+});
+
+export default showInitialWindowInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/show-loading.injectable.ts b/packages/core/src/main/start-main-application/runnables/show-loading.injectable.ts
new file mode 100644
index 0000000000..2305d4cf3b
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/show-loading.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 shouldStartHiddenInjectable from "../../electron-app/features/should-start-hidden.injectable";
+import splashWindowInjectable from "../lens-window/splash-window/splash-window.injectable";
+import { showLoadingRunnablePhaseInjectionToken } from "../runnable-tokens/phases";
+
+const showLoadingInjectable = getInjectable({
+  id: "show-loading",
+  instantiate: (di) => {
+    const shouldStartHidden = di.inject(shouldStartHiddenInjectable);
+    const shouldShowLoadingWindow = !shouldStartHidden;
+    const splashWindow = di.inject(splashWindowInjectable);
+
+    return {
+      id: "show-loading",
+      run: async () => {
+        if (shouldShowLoadingWindow) {
+          await splashWindow.start();
+        }
+      },
+    };
+  },
+  injectionToken: showLoadingRunnablePhaseInjectionToken,
+});
+
+export default showLoadingInjectable;
diff --git a/packages/core/src/main/start-main-application/runnables/stop-cluster-manager.injectable.ts b/packages/core/src/main/start-main-application/runnables/stop-cluster-manager.injectable.ts
new file mode 100644
index 0000000000..c0a39c51ae
--- /dev/null
+++ b/packages/core/src/main/start-main-application/runnables/stop-cluster-manager.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 clusterManagerInjectable from "../../cluster/manager.injectable";
+import { beforeQuitOfFrontEndInjectionToken } from "../runnable-tokens/before-quit-of-front-end-injection-token";
+
+const stopClusterManagerInjectable = getInjectable({
+  id: "stop-cluster-manager",
+
+  instantiate: (di) => {
+    const clusterManager = di.inject(clusterManagerInjectable);
+
+    return {
+      id: "stop-cluster-manager",
+      run: () => {
+        clusterManager.stop();
+
+        return undefined;
+      },
+    };
+  },
+
+  injectionToken: beforeQuitOfFrontEndInjectionToken,
+});
+
+export default stopClusterManagerInjectable;
diff --git a/packages/core/src/main/start-main-application/start-main-application.injectable.ts b/packages/core/src/main/start-main-application/start-main-application.injectable.ts
new file mode 100644
index 0000000000..51b0a7f3b7
--- /dev/null
+++ b/packages/core/src/main/start-main-application/start-main-application.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 { runManyFor } from "../../common/runnable/run-many-for";
+import { runManySyncFor } from "../../common/runnable/run-many-sync-for";
+import { beforeElectronIsReadyInjectionToken } from "./runnable-tokens/before-electron-is-ready-injection-token";
+import { beforeApplicationIsLoadingInjectionToken } from "./runnable-tokens/before-application-is-loading-injection-token";
+import { onLoadOfApplicationInjectionToken } from "./runnable-tokens/on-load-of-application-injection-token";
+import { afterApplicationIsLoadedInjectionToken } from "./runnable-tokens/after-application-is-loaded-injection-token";
+import waitForElectronToBeReadyInjectable from "../electron-app/features/wait-for-electron-to-be-ready.injectable";
+import { appPathsRunnablePhaseInjectionToken, showInitialWindowRunnablePhaseInjectionToken, showLoadingRunnablePhaseInjectionToken } from "./runnable-tokens/phases";
+
+const startMainApplicationInjectable = getInjectable({
+  id: "start-main-application",
+
+  instantiate: (di) => {
+    const runMany = runManyFor(di);
+    const runManySync = runManySyncFor(di);
+    const waitForElectronToBeReady = di.inject(waitForElectronToBeReadyInjectable);
+
+    const appPathsRunnablePhase = runManySync(appPathsRunnablePhaseInjectionToken);
+    const beforeElectronIsReady = runManySync(beforeElectronIsReadyInjectionToken);
+    const beforeApplicationIsLoading = runMany(beforeApplicationIsLoadingInjectionToken);
+    const showLoadingRunnablePhase = runMany(showLoadingRunnablePhaseInjectionToken);
+    const onLoadOfApplication = runMany(onLoadOfApplicationInjectionToken);
+    const showInitialWindowRunnablePhase = runMany(showInitialWindowRunnablePhaseInjectionToken);
+    const afterApplicationIsLoaded = runMany(afterApplicationIsLoadedInjectionToken);
+
+    return () => {
+      // Stuff happening before application is ready needs to be synchronous because of
+      // https://github.com/electron/electron/issues/21370
+      appPathsRunnablePhase();
+      beforeElectronIsReady();
+
+      return (async () => {
+        await waitForElectronToBeReady();
+        await beforeApplicationIsLoading();
+        await showLoadingRunnablePhase();
+        await onLoadOfApplication();
+        await showInitialWindowRunnablePhase();
+        await afterApplicationIsLoaded();
+      })();
+    };
+  },
+});
+
+export default startMainApplicationInjectable;
diff --git a/packages/core/src/main/stop-services-and-exit-app.injectable.ts b/packages/core/src/main/stop-services-and-exit-app.injectable.ts
new file mode 100644
index 0000000000..402862b462
--- /dev/null
+++ b/packages/core/src/main/stop-services-and-exit-app.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 exitAppInjectable from "./electron-app/features/exit-app.injectable";
+import clusterManagerInjectable from "./cluster/manager.injectable";
+import loggerInjectable from "../common/logger.injectable";
+import closeAllWindowsInjectable from "./start-main-application/lens-window/hide-all-windows/close-all-windows.injectable";
+import emitAppEventInjectable from "../common/app-event-bus/emit-event.injectable";
+
+const stopServicesAndExitAppInjectable = getInjectable({
+  id: "stop-services-and-exit-app",
+
+  instantiate: (di) => {
+    const exitApp = di.inject(exitAppInjectable);
+    const clusterManager = di.inject(clusterManagerInjectable);
+    const logger = di.inject(loggerInjectable);
+    const closeAllWindows = di.inject(closeAllWindowsInjectable);
+    const emitAppEvent = di.inject(emitAppEventInjectable);
+
+    return () => {
+      emitAppEvent({ name: "service", action: "close" });
+      closeAllWindows();
+      clusterManager.stop();
+      logger.info("SERVICE:QUIT");
+      setTimeout(exitApp, 1000);
+    };
+  },
+});
+
+export default stopServicesAndExitAppInjectable;
diff --git a/packages/core/src/main/stores-apis-can-be-created.injectable.ts b/packages/core/src/main/stores-apis-can-be-created.injectable.ts
new file mode 100644
index 0000000000..6dc36f6702
--- /dev/null
+++ b/packages/core/src/main/stores-apis-can-be-created.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 { storesAndApisCanBeCreatedInjectionToken } from "../common/k8s-api/stores-apis-can-be-created.token";
+
+const storesAndApisCanBeCreatedInjectable = getInjectable({
+  id: "create-stores-and-apis",
+  instantiate: () => false,
+  injectionToken: storesAndApisCanBeCreatedInjectionToken,
+});
+
+export default storesAndApisCanBeCreatedInjectable;
diff --git a/packages/core/src/main/stores/init-user-store.injectable.ts b/packages/core/src/main/stores/init-user-store.injectable.ts
new file mode 100644
index 0000000000..c8d7ec9fe0
--- /dev/null
+++ b/packages/core/src/main/stores/init-user-store.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 userStoreFileNameMigrationInjectable from "../../common/user-store/file-name-migration.injectable";
+import userStoreInjectable from "../../common/user-store/user-store.injectable";
+import { beforeApplicationIsLoadingInjectionToken } from "../start-main-application/runnable-tokens/before-application-is-loading-injection-token";
+import initDefaultUpdateChannelInjectable from "../vars/default-update-channel/init.injectable";
+
+const initUserStoreInjectable = getInjectable({
+  id: "init-user-store",
+  instantiate: (di) => {
+    const userStore = di.inject(userStoreInjectable);
+    const userStoreFileNameMigration = di.inject(userStoreFileNameMigrationInjectable);
+
+    return {
+      id: "init-user-store",
+      run: async () => {
+        await userStoreFileNameMigration();
+        userStore.load();
+      },
+      runAfter: di.inject(initDefaultUpdateChannelInjectable),
+    };
+  },
+  injectionToken: beforeApplicationIsLoadingInjectionToken,
+});
+
+export default initUserStoreInjectable;
diff --git a/packages/core/src/main/theme/operating-system-theme-state.injectable.ts b/packages/core/src/main/theme/operating-system-theme-state.injectable.ts
new file mode 100644
index 0000000000..cae3905b2e
--- /dev/null
+++ b/packages/core/src/main/theme/operating-system-theme-state.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 { observable } from "mobx";
+import getElectronThemeInjectable from "../electron-app/features/get-electron-theme.injectable";
+
+export type Theme = "dark" | "light";
+
+const operatingSystemThemeStateInjectable = getInjectable({
+  id: "operating-system-theme-state",
+
+  instantiate: (di) => {
+    const getElectronTheme = di.inject(getElectronThemeInjectable);
+    const defaultTheme = getElectronTheme();
+
+    return observable.box<Theme>(
+      defaultTheme,
+    );
+  },
+});
+
+export default operatingSystemThemeStateInjectable;
diff --git a/packages/core/src/main/theme/operating-system-theme.injectable.ts b/packages/core/src/main/theme/operating-system-theme.injectable.ts
new file mode 100644
index 0000000000..8ec5fcf445
--- /dev/null
+++ b/packages/core/src/main/theme/operating-system-theme.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 { computed } from "mobx";
+import operatingSystemThemeStateInjectable from "./operating-system-theme-state.injectable";
+
+const operatingSystemThemeInjectable = getInjectable({
+  id: "operating-system-theme",
+
+  instantiate: (di) => {
+    const currentThemeState = di.inject(operatingSystemThemeStateInjectable);
+
+    return computed(() => currentThemeState.get());
+  },
+});
+
+export default operatingSystemThemeInjectable;
diff --git a/packages/core/src/main/theme/sync-theme-from-os/start-syncing-theme-from-operating-system.injectable.ts b/packages/core/src/main/theme/sync-theme-from-os/start-syncing-theme-from-operating-system.injectable.ts
new file mode 100644
index 0000000000..d5c8f51c76
--- /dev/null
+++ b/packages/core/src/main/theme/sync-theme-from-os/start-syncing-theme-from-operating-system.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 syncThemeFromOperatingSystemInjectable from "../../electron-app/features/sync-theme-from-operating-system.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+
+const startSyncingThemeFromOperatingSystemInjectable = getInjectable({
+  id: "start-syncing-theme-from-operating-system",
+
+  instantiate: (di) => {
+    const syncTheme = di.inject(syncThemeFromOperatingSystemInjectable);
+
+    return {
+      id: "start-syncing-theme-from-operating-system",
+      run: () => {
+        syncTheme.start();
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default startSyncingThemeFromOperatingSystemInjectable;
diff --git a/packages/core/src/main/theme/sync-theme-from-os/stop-syncing-theme-from-operating-system.injectable.ts b/packages/core/src/main/theme/sync-theme-from-os/stop-syncing-theme-from-operating-system.injectable.ts
new file mode 100644
index 0000000000..b45184a3bd
--- /dev/null
+++ b/packages/core/src/main/theme/sync-theme-from-os/stop-syncing-theme-from-operating-system.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 syncThemeFromOperatingSystemInjectable from "../../electron-app/features/sync-theme-from-operating-system.injectable";
+import { beforeQuitOfBackEndInjectionToken } from "../../start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
+
+const stopSyncingThemeFromOperatingSystemInjectable = getInjectable({
+  id: "stop-syncing-theme-from-operating-system",
+
+  instantiate: (di) => {
+    const syncTheme = di.inject(syncThemeFromOperatingSystemInjectable);
+
+    return {
+      id: "stop-syncing-theme-from-operating-system",
+      run: () => void syncTheme.stop(),
+    };
+  },
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default stopSyncingThemeFromOperatingSystemInjectable;
diff --git a/packages/core/src/main/tray/electron-tray/electron-tray.injectable.ts b/packages/core/src/main/tray/electron-tray/electron-tray.injectable.ts
new file mode 100644
index 0000000000..96add28ac7
--- /dev/null
+++ b/packages/core/src/main/tray/electron-tray/electron-tray.injectable.ts
@@ -0,0 +1,77 @@
+/**
+ * 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 { Menu, Tray } from "electron";
+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 { convertToElectronMenuTemplate } from "../reactive-tray-menu-items/converters";
+import trayIconInjectable from "../menu-icon/tray-icon.injectable";
+import applicationDescriptionInjectable from "../../../common/vars/application-description.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: MinimalTrayMenuItem[]): void;
+  setIconPath(iconPath: string): void;
+}
+
+const electronTrayInjectable = getInjectable({
+  id: "electron-tray",
+
+  instantiate: (di): ElectronTray => {
+    const applicationDescription = di.inject(applicationDescriptionInjectable);
+    const showApplicationWindow = di.inject(showApplicationWindowInjectable);
+    const isWindows = di.inject(isWindowsInjectable);
+    const logger = di.inject(loggerInjectable);
+    const trayIcon = di.inject(trayIconInjectable);
+
+    let tray: Tray;
+
+    return {
+      start: () => {
+        tray = new Tray(trayIcon.get().iconPath);
+
+        tray.setToolTip(applicationDescription);
+        tray.setIgnoreDoubleClickEvents(true);
+
+        if (isWindows) {
+          tray.on("click", () => {
+            showApplicationWindow()
+              .catch(error => logger.error(`${TRAY_LOG_PREFIX}: Failed to open lens`, { error }));
+          });
+        }
+      },
+      stop: () => {
+        tray.destroy();
+      },
+      setMenuItems: (menuItems) => {
+        const template = convertToElectronMenuTemplate(menuItems);
+        const menu = Menu.buildFromTemplate(template);
+
+        tray.setContextMenu(menu);
+      },
+      setIconPath: (iconPath) => {
+        tray.setImage(iconPath);
+      },
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default electronTrayInjectable;
diff --git a/packages/core/src/main/tray/electron-tray/start-tray.injectable.ts b/packages/core/src/main/tray/electron-tray/start-tray.injectable.ts
new file mode 100644
index 0000000000..2226205244
--- /dev/null
+++ b/packages/core/src/main/tray/electron-tray/start-tray.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 { onLoadOfApplicationInjectionToken } from "../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import electronTrayInjectable from "./electron-tray.injectable";
+
+const startTrayInjectable = getInjectable({
+  id: "start-tray",
+
+  instantiate: (di) => {
+    const electronTray = di.inject(electronTrayInjectable);
+
+    return {
+      id: "start-tray",
+      run: () => {
+        electronTray.start();
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default startTrayInjectable;
diff --git a/packages/core/src/main/tray/electron-tray/stop-tray.injectable.ts b/packages/core/src/main/tray/electron-tray/stop-tray.injectable.ts
new file mode 100644
index 0000000000..d2e58be039
--- /dev/null
+++ b/packages/core/src/main/tray/electron-tray/stop-tray.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 electronTrayInjectable from "./electron-tray.injectable";
+import { beforeQuitOfBackEndInjectionToken } from "../../start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
+import stopReactiveTrayMenuItemsInjectable from "../reactive-tray-menu-items/stop-reactive-tray-menu-items.injectable";
+
+const stopTrayInjectable = getInjectable({
+  id: "stop-tray",
+
+  instantiate: (di) => {
+    const electronTray = di.inject(electronTrayInjectable);
+
+    return {
+      id: "stop-tray",
+      run: () => void electronTray.stop(),
+      runAfter: di.inject(stopReactiveTrayMenuItemsInjectable),
+    };
+  },
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default stopTrayInjectable;
diff --git a/packages/core/src/main/tray/menu-icon/get-tray-icon-path.injectable.ts b/packages/core/src/main/tray/menu-icon/get-tray-icon-path.injectable.ts
new file mode 100644
index 0000000000..9d3d2d70d6
--- /dev/null
+++ b/packages/core/src/main/tray/menu-icon/get-tray-icon-path.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 staticFilesDirectoryInjectable from "../../../common/vars/static-files-directory.injectable";
+import isMacInjectable from "../../../common/vars/is-mac.injectable";
+import { camelCase, flow, upperFirst } from "lodash/fp";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+const upperCamelCase = flow(camelCase, upperFirst);
+
+const getTrayIconPathInjectable = getInjectable({
+  id: "get-tray-icon-path",
+
+  instantiate: (di) => {
+    const joinPaths = di.inject(joinPathsInjectable);
+    const staticFilesDirectory = di.inject(staticFilesDirectoryInjectable);
+    const isMac = di.inject(isMacInjectable);
+
+    const baseIconDirectory = joinPaths(
+      staticFilesDirectory,
+      "build/tray",
+    );
+
+    const fileSuffix = isMac ? "Template.png" : ".png";
+
+    return (name: string) => joinPaths(
+      baseIconDirectory,
+      `trayIcon${upperCamelCase(name)}${fileSuffix}`,
+    );
+  },
+});
+
+export default getTrayIconPathInjectable;
diff --git a/packages/core/src/main/tray/menu-icon/normal-tray-icon.injectable.ts b/packages/core/src/main/tray/menu-icon/normal-tray-icon.injectable.ts
new file mode 100644
index 0000000000..53c9679b65
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/tray/menu-icon/reactive.injectable.ts b/packages/core/src/main/tray/menu-icon/reactive.injectable.ts
new file mode 100644
index 0000000000..8c6d358477
--- /dev/null
+++ b/packages/core/src/main/tray/menu-icon/reactive.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 { reaction } from "mobx";
+import { getStartableStoppable } from "../../../common/utils/get-startable-stoppable";
+import electronTrayInjectable from "../electron-tray/electron-tray.injectable";
+import trayIconInjectable from "./tray-icon.injectable";
+
+const reactiveTrayMenuIconInjectable = getInjectable({
+  id: "reactive-tray-menu-icon",
+
+  instantiate: (di) => {
+    const trayMenuIcon = di.inject(trayIconInjectable);
+    const electronTray = di.inject(electronTrayInjectable);
+
+    return getStartableStoppable("reactive-tray-menu-icon", () => (
+      reaction(
+        () => trayMenuIcon.get(),
+        icon => {
+          electronTray.setIconPath(icon.iconPath);
+        },
+        {
+          fireImmediately: true,
+        },
+      )
+    ));
+  },
+});
+
+export default reactiveTrayMenuIconInjectable;
diff --git a/packages/core/src/main/tray/menu-icon/start-reactivity.injectable.ts b/packages/core/src/main/tray/menu-icon/start-reactivity.injectable.ts
new file mode 100644
index 0000000000..2c03735904
--- /dev/null
+++ b/packages/core/src/main/tray/menu-icon/start-reactivity.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 { onLoadOfApplicationInjectionToken } from "../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import startTrayInjectable from "../electron-tray/start-tray.injectable";
+import reactiveTrayMenuIconInjectable from "./reactive.injectable";
+
+const startReactiveTrayMenuIconInjectable = getInjectable({
+  id: "start-reactive-tray-menu-icon",
+
+  instantiate: (di) => {
+    const reactiveTrayMenuIcon = di.inject(reactiveTrayMenuIconInjectable);
+
+    return {
+      id: "start-reactive-tray-menu-icon",
+      run: () => {
+        reactiveTrayMenuIcon.start();
+      },
+
+      runAfter: di.inject(startTrayInjectable),
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default startReactiveTrayMenuIconInjectable;
diff --git a/packages/core/src/main/tray/menu-icon/stop-reactivity.injectable.ts b/packages/core/src/main/tray/menu-icon/stop-reactivity.injectable.ts
new file mode 100644
index 0000000000..94e91ec607
--- /dev/null
+++ b/packages/core/src/main/tray/menu-icon/stop-reactivity.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 { beforeQuitOfBackEndInjectionToken } from "../../start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
+import reactiveTrayMenuIconInjectable from "./reactive.injectable";
+
+const stopReactiveTrayMenuIconInjectable = getInjectable({
+  id: "stop-reactive-tray-menu-icon",
+
+  instantiate: (di) => {
+    const reactiveTrayMenuIcon = di.inject(reactiveTrayMenuIconInjectable);
+
+    return {
+      id: "stop-reactive-tray-menu-icon",
+      run: () => void reactiveTrayMenuIcon.stop(),
+    };
+  },
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default stopReactiveTrayMenuIconInjectable;
diff --git a/packages/core/src/main/tray/menu-icon/tray-icon-injection-token.ts b/packages/core/src/main/tray/menu-icon/tray-icon-injection-token.ts
new file mode 100644
index 0000000000..a1e678d107
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/tray/menu-icon/tray-icon.injectable.ts b/packages/core/src/main/tray/menu-icon/tray-icon.injectable.ts
new file mode 100644
index 0000000000..dd2cc7bcb3
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/tray/reactive-tray-menu-items/converters.ts b/packages/core/src/main/tray/reactive-tray-menu-items/converters.ts
new file mode 100644
index 0000000000..a3007ee045
--- /dev/null
+++ b/packages/core/src/main/tray/reactive-tray-menu-items/converters.ts
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { MinimalTrayMenuItem } from "../electron-tray/electron-tray.injectable";
+
+export function convertToElectronMenuTemplate(trayMenuItems: MinimalTrayMenuItem[]): Electron.MenuItemConstructorOptions[] {
+  const toTrayMenuOptions = (parentId: string | null) => (
+    trayMenuItems
+      .filter((item) => item.parentId === parentId)
+      .map((trayMenuItem): Electron.MenuItemConstructorOptions => {
+        if (trayMenuItem.separator) {
+          return { id: trayMenuItem.id, type: "separator" };
+        }
+
+        const childItems = toTrayMenuOptions(trayMenuItem.id);
+
+        return {
+          id: trayMenuItem.id,
+          label: trayMenuItem.label,
+          enabled: trayMenuItem.enabled,
+          toolTip: trayMenuItem.tooltip,
+
+          ...(childItems.length === 0
+            ? {
+              type: "normal",
+              submenu: toTrayMenuOptions(trayMenuItem.id),
+              click: trayMenuItem.click,
+            }
+            : {
+              type: "submenu",
+              submenu: toTrayMenuOptions(trayMenuItem.id),
+            }),
+
+        };
+      })
+  );
+
+  return toTrayMenuOptions(null);
+}
diff --git a/packages/core/src/main/tray/reactive-tray-menu-items/reactive-tray-menu-items.injectable.ts b/packages/core/src/main/tray/reactive-tray-menu-items/reactive-tray-menu-items.injectable.ts
new file mode 100644
index 0000000000..378bceafd9
--- /dev/null
+++ b/packages/core/src/main/tray/reactive-tray-menu-items/reactive-tray-menu-items.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 { 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 reactiveItems = di.inject(trayMenuItemsInjectable);
+
+    return getStartableStoppable("reactive-tray-menu-items", () =>
+      reaction(
+        () => 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/packages/core/src/main/tray/reactive-tray-menu-items/start-reactive-tray-menu-items.injectable.ts b/packages/core/src/main/tray/reactive-tray-menu-items/start-reactive-tray-menu-items.injectable.ts
new file mode 100644
index 0000000000..634c6cd875
--- /dev/null
+++ b/packages/core/src/main/tray/reactive-tray-menu-items/start-reactive-tray-menu-items.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 reactiveTrayMenuItemsInjectable from "./reactive-tray-menu-items.injectable";
+import { onLoadOfApplicationInjectionToken } from "../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import startTrayInjectable from "../electron-tray/start-tray.injectable";
+
+const startReactiveTrayMenuItemsInjectable = getInjectable({
+  id: "start-reactive-tray-menu-items",
+
+  instantiate: (di) => {
+    const reactiveTrayMenuItems = di.inject(reactiveTrayMenuItemsInjectable);
+
+    return {
+      id: "start-reactive-tray-menu-items",
+      run: () => {
+        reactiveTrayMenuItems.start();
+      },
+
+      runAfter: di.inject(startTrayInjectable),
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default startReactiveTrayMenuItemsInjectable;
diff --git a/packages/core/src/main/tray/reactive-tray-menu-items/stop-reactive-tray-menu-items.injectable.ts b/packages/core/src/main/tray/reactive-tray-menu-items/stop-reactive-tray-menu-items.injectable.ts
new file mode 100644
index 0000000000..122e9c059a
--- /dev/null
+++ b/packages/core/src/main/tray/reactive-tray-menu-items/stop-reactive-tray-menu-items.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 reactiveTrayMenuItemsInjectable from "./reactive-tray-menu-items.injectable";
+import { beforeQuitOfBackEndInjectionToken } from "../../start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
+
+const stopReactiveTrayMenuItemsInjectable = getInjectable({
+  id: "stop-reactive-tray-menu-items",
+
+  instantiate: (di) => {
+    const reactiveTrayMenuItems = di.inject(reactiveTrayMenuItemsInjectable);
+
+    return {
+      id: "stop-reactive-tray-menu-items",
+      run: () => void reactiveTrayMenuItems.stop(),
+    };
+  },
+
+  injectionToken: beforeQuitOfBackEndInjectionToken,
+});
+
+export default stopReactiveTrayMenuItemsInjectable;
diff --git a/packages/core/src/main/tray/tray-menu-item/implementations/about-app-tray-item.injectable.ts b/packages/core/src/main/tray/tray-menu-item/implementations/about-app-tray-item.injectable.ts
new file mode 100644
index 0000000000..c6da2c3f14
--- /dev/null
+++ b/packages/core/src/main/tray/tray-menu-item/implementations/about-app-tray-item.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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 showApplicationWindowInjectable from "../../../start-main-application/lens-window/show-application-window.injectable";
+import showAboutInjectable from "../../../../features/application-menu/main/menu-items/special-menu-for-mac-application/show-about-application/show-about.injectable";
+import { trayMenuItemInjectionToken } from "../tray-menu-item-injection-token";
+import { computed } from "mobx";
+import withErrorLoggingInjectable from "../../../../common/utils/with-error-logging/with-error-logging.injectable";
+import { withErrorSuppression } from "../../../../common/utils/with-error-suppression/with-error-suppression";
+import { pipeline } from "@ogre-tools/fp";
+import productNameInjectable from "../../../../common/vars/product-name.injectable";
+
+const aboutAppTrayItemInjectable = getInjectable({
+  id: "about-app-tray-item",
+
+  instantiate: (di) => {
+    const productName = di.inject(productNameInjectable);
+    const showApplicationWindow = di.inject(showApplicationWindowInjectable);
+    const showAbout = di.inject(showAboutInjectable);
+    const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+
+    return {
+      id: "about-app",
+      parentId: null,
+      orderNumber: 140,
+      label: computed(() => `About ${productName}`),
+      enabled: computed(() => true),
+      visible: computed(() => true),
+
+      click: pipeline(
+        async () => {
+          await showApplicationWindow();
+          showAbout();
+        },
+        withErrorLoggingFor(() => "[TRAY]: Opening of show about failed."),
+        withErrorSuppression,
+      ),
+    };
+  },
+
+  injectionToken: trayMenuItemInjectionToken,
+});
+
+export default aboutAppTrayItemInjectable;
diff --git a/packages/core/src/main/tray/tray-menu-item/implementations/open-app-tray-item.injectable.ts b/packages/core/src/main/tray/tray-menu-item/implementations/open-app-tray-item.injectable.ts
new file mode 100644
index 0000000000..9958448796
--- /dev/null
+++ b/packages/core/src/main/tray/tray-menu-item/implementations/open-app-tray-item.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 { trayMenuItemInjectionToken } from "../tray-menu-item-injection-token";
+import showApplicationWindowInjectable from "../../../start-main-application/lens-window/show-application-window.injectable";
+import { computed } from "mobx";
+import withErrorLoggingInjectable from "../../../../common/utils/with-error-logging/with-error-logging.injectable";
+import { withErrorSuppression } from "../../../../common/utils/with-error-suppression/with-error-suppression";
+import { pipeline } from "@ogre-tools/fp";
+import productNameInjectable from "../../../../common/vars/product-name.injectable";
+
+const openAppTrayItemInjectable = getInjectable({
+  id: "open-app-tray-item",
+
+  instantiate: (di) => {
+    const productName = di.inject(productNameInjectable);
+    const showApplicationWindow = di.inject(showApplicationWindowInjectable);
+    const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+
+    return {
+      id: "open-app",
+      parentId: null,
+      label: computed(() => `Open ${productName}`),
+      orderNumber: 10,
+      enabled: computed(() => true),
+      visible: computed(() => true),
+
+      click: pipeline(
+        showApplicationWindow,
+        withErrorLoggingFor(() => "[TRAY]: Opening of application window failed."),
+        withErrorSuppression,
+      ),
+    };
+  },
+
+  injectionToken: trayMenuItemInjectionToken,
+});
+
+export default openAppTrayItemInjectable;
diff --git a/packages/core/src/main/tray/tray-menu-item/implementations/quit-app-separator-tray-item.injectable.ts b/packages/core/src/main/tray/tray-menu-item/implementations/quit-app-separator-tray-item.injectable.ts
new file mode 100644
index 0000000000..de83a92fe6
--- /dev/null
+++ b/packages/core/src/main/tray/tray-menu-item/implementations/quit-app-separator-tray-item.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 { trayMenuItemInjectionToken } from "../tray-menu-item-injection-token";
+import { computed } from "mobx";
+
+const quitAppSeparatorTrayItemInjectable = getInjectable({
+  id: "quit-app-separator-tray-item",
+
+  instantiate: () => ({
+    id: "quit-app-separator",
+    parentId: null,
+    orderNumber: 149,
+    enabled: computed(() => true),
+    visible: computed(() => true),
+    separator: true,
+  }),
+
+  injectionToken: trayMenuItemInjectionToken,
+});
+
+export default quitAppSeparatorTrayItemInjectable;
diff --git a/packages/core/src/main/tray/tray-menu-item/implementations/quit-app-tray-item.injectable.ts b/packages/core/src/main/tray/tray-menu-item/implementations/quit-app-tray-item.injectable.ts
new file mode 100644
index 0000000000..894a823511
--- /dev/null
+++ b/packages/core/src/main/tray/tray-menu-item/implementations/quit-app-tray-item.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 } from "@ogre-tools/injectable";
+import { trayMenuItemInjectionToken } from "../tray-menu-item-injection-token";
+import { computed } from "mobx";
+import stopServicesAndExitAppInjectable from "../../../stop-services-and-exit-app.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";
+
+const quitAppTrayItemInjectable = getInjectable({
+  id: "quit-app-tray-item",
+
+  instantiate: (di) => {
+    const stopServicesAndExitApp = di.inject(stopServicesAndExitAppInjectable);
+    const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+
+    return {
+      id: "quit-app",
+      parentId: null,
+      orderNumber: 150,
+      label: computed(() => "Quit App"),
+      enabled: computed(() => true),
+      visible: computed(() => true),
+
+      click: pipeline(
+        stopServicesAndExitApp,
+
+        withErrorLoggingFor(() => "[TRAY]: Quitting application failed."),
+
+        // TODO: Find out how to improve typing so that instead of
+        // x => withErrorSuppression(x) there could only be withErrorSuppression
+        (x) => withErrorSuppression(x),
+      ),
+    };
+  },
+
+  injectionToken: trayMenuItemInjectionToken,
+});
+
+export default quitAppTrayItemInjectable;
diff --git a/packages/core/src/main/tray/tray-menu-item/tray-menu-item-injection-token.ts b/packages/core/src/main/tray/tray-menu-item/tray-menu-item-injection-token.ts
new file mode 100644
index 0000000000..3e0a0b243a
--- /dev/null
+++ b/packages/core/src/main/tray/tray-menu-item/tray-menu-item-injection-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+
+export interface TrayMenuItem {
+  id: string;
+  parentId: string | null;
+  orderNumber: number;
+  enabled: IComputedValue<boolean>;
+  visible: IComputedValue<boolean>;
+
+  label?: IComputedValue<string>;
+  click?: () => Promise<void> | void;
+  tooltip?: string;
+  separator?: boolean;
+}
+
+export const trayMenuItemInjectionToken = getInjectionToken<TrayMenuItem>({
+  id: "tray-menu-item",
+});
diff --git a/packages/core/src/main/tray/tray-menu-item/tray-menu-item-registrator.injectable.ts b/packages/core/src/main/tray/tray-menu-item/tray-menu-item-registrator.injectable.ts
new file mode 100644
index 0000000000..573af2f545
--- /dev/null
+++ b/packages/core/src/main/tray/tray-menu-item/tray-menu-item-registrator.injectable.ts
@@ -0,0 +1,123 @@
+/**
+ * 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 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 { LensMainExtension } from "../../../extensions/lens-main-extension";
+import type { TrayMenuItem } from "./tray-menu-item-injection-token";
+import { trayMenuItemInjectionToken } from "./tray-menu-item-injection-token";
+import type { TrayMenuRegistration } from "../tray-menu-registration";
+import { withErrorSuppression } from "../../../common/utils/with-error-suppression/with-error-suppression";
+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",
+
+  instantiate: (di) => (extension) => {
+    const mainExtension = extension as LensMainExtension;
+    const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+    const getRandomId = di.inject(getRandomIdInjectable);
+
+    return computed(() => {
+      const trayMenus = Array.isArray(mainExtension.trayMenus) ? mainExtension.trayMenus : mainExtension.trayMenus.get();
+
+      return trayMenus.flatMap(
+        toItemInjectablesFor(mainExtension, withErrorLoggingFor, getRandomId),
+      );
+    });
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+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 || getRandomId();
+    const id = `${trayItemId}-tray-menu-item-for-extension-${extension.sanitizedExtensionId}`;
+
+    const parentInjectable = getInjectable({
+      id,
+
+      instantiate: () => ({
+        id,
+        parentId,
+        orderNumber: 100,
+
+        separator: registration.type === "separator",
+
+        label: computed(() => {
+          if (!registration.label) {
+            return "";
+          }
+
+          if (isString(registration.label)) {
+            return registration.label;
+          }
+
+          return registration.label.get();
+        }),
+
+        tooltip: registration.toolTip,
+
+        click: () => {
+          const decorated = pipeline(
+            registration.click || (() => {}),
+
+            withErrorLoggingFor(
+              () =>
+                `[TRAY]: Clicking of tray item "${trayItemId}" from extension "${extension.sanitizedExtensionId}" failed.`,
+            ),
+
+            // TODO: Find out how to improve typing so that instead of
+            // x => withErrorSuppression(x) there could only be withErrorSuppression
+            (x) => withErrorSuppression(x),
+          );
+
+          return decorated(registration);
+        },
+
+        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,
+    });
+
+    const childMenuItems = registration.submenu || [];
+
+    const childInjectables = childMenuItems.flatMap(_toItemInjectables(id));
+
+    return [
+      parentInjectable,
+      ...childInjectables,
+    ];
+  };
+
+  return _toItemInjectables(null);
+};
diff --git a/packages/core/src/main/tray/tray-menu-item/tray-menu-items.injectable.ts b/packages/core/src/main/tray/tray-menu-item/tray-menu-items.injectable.ts
new file mode 100644
index 0000000000..ed7aefb6b5
--- /dev/null
+++ b/packages/core/src/main/tray/tray-menu-item/tray-menu-items.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 { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { computed } from "mobx";
+import { trayMenuItemInjectionToken } from "./tray-menu-item-injection-token";
+import { pipeline } from "@ogre-tools/fp";
+import { filter, sortBy } from "lodash/fp";
+
+const trayMenuItemsInjectable = getInjectable({
+  id: "tray-menu-items",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(
+      computedInjectManyInjectable,
+    );
+
+    const reactiveMenuItems = computedInjectMany(trayMenuItemInjectionToken);
+
+    return computed(() =>
+      pipeline(
+        reactiveMenuItems.get(),
+        filter((item) => item.visible.get()),
+        (items) => sortBy("orderNumber", items),
+      ),
+    );
+  },
+});
+
+export default trayMenuItemsInjectable;
diff --git a/packages/core/src/main/tray/tray-menu-registration.ts b/packages/core/src/main/tray/tray-menu-registration.ts
new file mode 100644
index 0000000000..8b316b7b92
--- /dev/null
+++ b/packages/core/src/main/tray/tray-menu-registration.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 { IComputedValue } from "mobx";
+
+export interface TrayMenuRegistration {
+  label?: string | IComputedValue<string>;
+  click?: (menuItem: TrayMenuRegistration) => void;
+  id?: string;
+  type?: "normal" | "separator" | "submenu";
+  toolTip?: string;
+  enabled?: boolean | IComputedValue<boolean>;
+  submenu?: TrayMenuRegistration[];
+  visible?: IComputedValue<boolean>;
+}
diff --git a/packages/core/src/main/user-store/migrations/5.0.0-alpha.3.injectable.ts b/packages/core/src/main/user-store/migrations/5.0.0-alpha.3.injectable.ts
new file mode 100644
index 0000000000..617f32ad5d
--- /dev/null
+++ b/packages/core/src/main/user-store/migrations/5.0.0-alpha.3.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.
+ */
+
+// Switch representation of hiddenTableColumns in store
+import { getInjectable } from "@ogre-tools/injectable";
+import { userStoreMigrationInjectionToken } from "../../../common/user-store/migrations-token";
+
+interface PreV500Alpha3UserPreferencesModel {
+  hiddenTableColumns?: Record<string, string[]>;
+}
+
+const v500Alpha3UserStoreMigrationInjectable = getInjectable({
+  id: "v5.0.0-alpha.3-user-store-migration",
+  instantiate: () => ({
+    version: "5.0.0-alpha.3",
+    run(store) {
+      const preferences = (store.get("preferences") ?? {}) as PreV500Alpha3UserPreferencesModel;
+      const oldHiddenTableColumns = preferences.hiddenTableColumns;
+
+      if (!oldHiddenTableColumns) {
+        return;
+      }
+
+      store.set("preferences", {
+        ...preferences,
+        hiddenTableColumns: Object.entries(oldHiddenTableColumns),
+      });
+    },
+  }),
+  injectionToken: userStoreMigrationInjectionToken,
+});
+
+export default v500Alpha3UserStoreMigrationInjectable;
+
diff --git a/packages/core/src/main/user-store/migrations/5.0.3-beta.1.injectable.ts b/packages/core/src/main/user-store/migrations/5.0.3-beta.1.injectable.ts
new file mode 100644
index 0000000000..1367037c6d
--- /dev/null
+++ b/packages/core/src/main/user-store/migrations/5.0.3-beta.1.injectable.ts
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ClusterStoreModel } from "../../../common/cluster-store/cluster-store";
+import type { KubeconfigSyncEntry, UserPreferencesModel } from "../../../common/user-store";
+import { isErrnoException } from "../../../common/utils";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+import isLogicalChildPathInjectable from "../../../common/path/is-logical-child-path.injectable";
+import getDirnameOfPathInjectable from "../../../common/path/get-dirname.injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import { userStoreMigrationInjectionToken } from "../../../common/user-store/migrations-token";
+import readJsonSyncInjectable from "../../../common/fs/read-json-sync.injectable";
+import homeDirectoryPathInjectable from "../../../common/os/home-directory-path.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import pathExistsSyncInjectable from "../../../common/fs/path-exists-sync.injectable";
+
+const v503Beta1UserStoreMigrationInjectable = getInjectable({
+  id: "v5.0.3-beta.1-user-store-migration",
+  instantiate: (di) => {
+    const userDataPath = di.inject(directoryForUserDataInjectable);
+    const kubeConfigsPath = di.inject(directoryForKubeConfigsInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const logger = di.inject(loggerInjectable);
+    const isLogicalChildPath = di.inject(isLogicalChildPathInjectable);
+    const getDirnameOfPath = di.inject(getDirnameOfPathInjectable);
+    const readJsonSync = di.inject(readJsonSyncInjectable);
+    const homeDirectoryPath = di.inject(homeDirectoryPathInjectable);
+    const pathExistsSync = di.inject(pathExistsSyncInjectable);
+
+    return {
+      version: "5.0.3-beta.1",
+      run(store) {
+        try {
+          const { syncKubeconfigEntries = [], ...preferences } = (store.get("preferences") ?? {}) as UserPreferencesModel;
+          const { clusters = [] }: ClusterStoreModel = readJsonSync(joinPaths(userDataPath, "lens-cluster-store.json"), "utf-8") ?? {};
+          const extensionDataDir = joinPaths(userDataPath, "extension_data");
+          const syncPaths = new Set(syncKubeconfigEntries.map(s => s.filePath));
+
+          syncPaths.add(joinPaths(homeDirectoryPath, ".kube"));
+
+          for (const cluster of clusters) {
+            if (!cluster.kubeConfigPath) {
+              continue;
+            }
+            const dirOfKubeconfig = getDirnameOfPath(cluster.kubeConfigPath);
+
+            if (dirOfKubeconfig === kubeConfigsPath) {
+              logger.info(`Skipping ${cluster.id} because kubeConfigPath is under the stored KubeConfig folder`);
+              continue;
+            }
+
+            if (syncPaths.has(cluster.kubeConfigPath) || syncPaths.has(dirOfKubeconfig)) {
+              logger.info(`Skipping ${cluster.id} because kubeConfigPath is already being synced`);
+              continue;
+            }
+
+            if (isLogicalChildPath(extensionDataDir, cluster.kubeConfigPath)) {
+              logger.info(`Skipping ${cluster.id} because kubeConfigPath is placed under an extension_data folder`);
+              continue;
+            }
+
+            if (!pathExistsSync(cluster.kubeConfigPath)) {
+              logger.info(`Skipping ${cluster.id} because kubeConfigPath no longer exists`);
+              continue;
+            }
+
+            logger.info(`Adding ${cluster.kubeConfigPath} from ${cluster.id} to sync paths`);
+            syncPaths.add(cluster.kubeConfigPath);
+          }
+
+          const updatedSyncEntries: KubeconfigSyncEntry[] = [...syncPaths].map(filePath => ({ filePath }));
+
+          logger.info("Final list of synced paths", updatedSyncEntries);
+          store.set("preferences", { ...preferences, syncKubeconfigEntries: updatedSyncEntries });
+        } catch (error) {
+          if (isErrnoException(error) && error.code !== "ENOENT") {
+            // ignore files being missing
+            throw error;
+          }
+        }
+      },
+    };
+  },
+  injectionToken: userStoreMigrationInjectionToken,
+});
+
+export default v503Beta1UserStoreMigrationInjectable;
diff --git a/packages/core/src/main/user-store/sync-open-at-login-with-os.injectable.ts b/packages/core/src/main/user-store/sync-open-at-login-with-os.injectable.ts
new file mode 100644
index 0000000000..abad89af97
--- /dev/null
+++ b/packages/core/src/main/user-store/sync-open-at-login-with-os.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 { reaction } from "mobx";
+import userStoreInjectable from "../../common/user-store/user-store.injectable";
+import setLoginItemSettingsInjectable from "../electron-app/features/set-login-item-settings.injectable";
+import { onLoadOfApplicationInjectionToken } from "../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+
+const setupSyncOpenAtLoginWithOsInjectable = getInjectable({
+  id: "setup-sync-open-at-login-with-os",
+  instantiate: (di) => {
+    const setLoginItemSettings = di.inject(setLoginItemSettingsInjectable);
+    const userStore = di.inject(userStoreInjectable);
+
+    return {
+      id: "setup-sync-open-at-login-with-os",
+      run: () => {
+        reaction(() => userStore.openAtLogin, openAtLogin => {
+          setLoginItemSettings({
+            openAtLogin,
+            openAsHidden: true,
+            args: ["--hidden"],
+          });
+        }, {
+          fireImmediately: true,
+        });
+      },
+    };
+  },
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default setupSyncOpenAtLoginWithOsInjectable;
diff --git a/packages/core/src/main/utils/channel/channel-listeners/enlist-message-channel-listener.injectable.ts b/packages/core/src/main/utils/channel/channel-listeners/enlist-message-channel-listener.injectable.ts
new file mode 100644
index 0000000000..6ace54c845
--- /dev/null
+++ b/packages/core/src/main/utils/channel/channel-listeners/enlist-message-channel-listener.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 { IpcMainEvent } from "electron";
+import ipcMainInjectable from "../ipc-main/ipc-main.injectable";
+import { enlistMessageChannelListenerInjectionToken } from "../../../../common/utils/channel/enlist-message-channel-listener-injection-token";
+
+const enlistMessageChannelListenerInjectable = getInjectable({
+  id: "enlist-message-channel-listener-for-main",
+
+  instantiate: (di) => {
+    const ipcMain = di.inject(ipcMainInjectable);
+
+    return ({ channel, handler }) => {
+      const nativeOnCallback = (_: IpcMainEvent, message: unknown) => {
+        handler(message);
+      };
+
+      ipcMain.on(channel.id, nativeOnCallback);
+
+      return () => {
+        ipcMain.off(channel.id, nativeOnCallback);
+      };
+    };
+  },
+
+  injectionToken: enlistMessageChannelListenerInjectionToken,
+});
+
+export default enlistMessageChannelListenerInjectable;
diff --git a/packages/core/src/main/utils/channel/channel-listeners/enlist-message-channel-listener.test.ts b/packages/core/src/main/utils/channel/channel-listeners/enlist-message-channel-listener.test.ts
new file mode 100644
index 0000000000..407ffabd8f
--- /dev/null
+++ b/packages/core/src/main/utils/channel/channel-listeners/enlist-message-channel-listener.test.ts
@@ -0,0 +1,97 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import ipcMainInjectable from "../ipc-main/ipc-main.injectable";
+import type { EnlistMessageChannelListener } from "../../../../common/utils/channel/enlist-message-channel-listener-injection-token";
+import { enlistMessageChannelListenerInjectionToken } from "../../../../common/utils/channel/enlist-message-channel-listener-injection-token";
+import type { IpcMain, IpcMainEvent } from "electron";
+
+describe("enlist message channel listener in main", () => {
+  let enlistMessageChannelListener: EnlistMessageChannelListener;
+  let ipcMainStub: IpcMain;
+  let onMock: jest.Mock;
+  let offMock: jest.Mock;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    onMock = jest.fn();
+    offMock = jest.fn();
+
+    ipcMainStub = {
+      on: onMock,
+      off: offMock,
+    } as unknown as IpcMain;
+
+    di.override(ipcMainInjectable, () => ipcMainStub);
+
+    enlistMessageChannelListener = di.inject(
+      enlistMessageChannelListenerInjectionToken,
+    );
+  });
+
+  describe("when called", () => {
+    let handlerMock: jest.Mock;
+    let disposer: () => void;
+
+    beforeEach(() => {
+      handlerMock = jest.fn();
+
+      disposer = enlistMessageChannelListener({
+        channel: { id: "some-channel-id" },
+        handler: handlerMock,
+      });
+    });
+
+    it("does not call handler yet", () => {
+      expect(handlerMock).not.toHaveBeenCalled();
+    });
+
+    it("registers the listener", () => {
+      expect(onMock).toHaveBeenCalledWith(
+        "some-channel-id",
+        expect.any(Function),
+      );
+    });
+
+    it("does not de-register the listener yet", () => {
+      expect(offMock).not.toHaveBeenCalled();
+    });
+
+    describe("when message arrives", () => {
+      beforeEach(() => {
+        onMock.mock.calls[0][1]({} as IpcMainEvent, "some-message");
+      });
+
+      it("calls the handler with the message", () => {
+        expect(handlerMock).toHaveBeenCalledWith("some-message");
+      });
+
+      it("when disposing the listener, de-registers the listener", () => {
+        disposer();
+
+        expect(offMock).toHaveBeenCalledWith("some-channel-id", expect.any(Function));
+      });
+    });
+
+    it("given number as message, when message arrives, calls the handler with the message", () => {
+      onMock.mock.calls[0][1]({} as IpcMainEvent, 42);
+
+      expect(handlerMock).toHaveBeenCalledWith(42);
+    });
+
+    it("given boolean as message, when message arrives, calls the handler with the message", () => {
+      onMock.mock.calls[0][1]({} as IpcMainEvent, true);
+
+      expect(handlerMock).toHaveBeenCalledWith(true);
+    });
+
+    it("given object as message, when message arrives, calls the handler with the message", () => {
+      onMock.mock.calls[0][1]({} as IpcMainEvent, { some: "object" });
+
+      expect(handlerMock).toHaveBeenCalledWith({ some: "object" });
+    });
+  });
+});
diff --git a/packages/core/src/main/utils/channel/channel-listeners/enlist-request-channel-listener.injectable.ts b/packages/core/src/main/utils/channel/channel-listeners/enlist-request-channel-listener.injectable.ts
new file mode 100644
index 0000000000..d72e4afcaf
--- /dev/null
+++ b/packages/core/src/main/utils/channel/channel-listeners/enlist-request-channel-listener.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 { IpcMainInvokeEvent } from "electron";
+import ipcMainInjectable from "../ipc-main/ipc-main.injectable";
+import type { Disposer } from "../../../../common/utils";
+import type { RequestChannel } from "../../../../common/utils/channel/request-channel-listener-injection-token";
+import type { RequestChannelListener } from "./listener-tokens";
+
+export type EnlistRequestChannelListener = <TChannel extends RequestChannel<unknown, unknown>>(listener: RequestChannelListener<TChannel>) => Disposer;
+
+const enlistRequestChannelListenerInjectable = getInjectable({
+  id: "enlist-request-channel-listener-for-main",
+
+  instantiate: (di): EnlistRequestChannelListener => {
+    const ipcMain = di.inject(ipcMainInjectable);
+
+    return ({ channel, handler }) => {
+      const nativeHandleCallback = (_: IpcMainInvokeEvent, request: unknown) => handler(request);
+
+      ipcMain.handle(channel.id, nativeHandleCallback);
+
+      return () => {
+        ipcMain.off(channel.id, nativeHandleCallback);
+      };
+    };
+  },
+});
+
+export default enlistRequestChannelListenerInjectable;
diff --git a/packages/core/src/main/utils/channel/channel-listeners/enlist-request-channel-listener.test.ts b/packages/core/src/main/utils/channel/channel-listeners/enlist-request-channel-listener.test.ts
new file mode 100644
index 0000000000..2c13bbd8f9
--- /dev/null
+++ b/packages/core/src/main/utils/channel/channel-listeners/enlist-request-channel-listener.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 { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import ipcMainInjectable from "../ipc-main/ipc-main.injectable";
+import type { IpcMain, IpcMainInvokeEvent } from "electron";
+import { getPromiseStatus } from "../../../../common/test-utils/get-promise-status";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RequestChannel } from "../../../../common/utils/channel/request-channel-listener-injection-token";
+import type { EnlistRequestChannelListener } from "./enlist-request-channel-listener.injectable";
+import enlistRequestChannelListenerInjectable from "./enlist-request-channel-listener.injectable";
+import type { RequestChannelHandler } from "./listener-tokens";
+
+type TestRequestChannel = RequestChannel<unknown, unknown>;
+
+const testRequestChannel: TestRequestChannel = {
+  id: "some-channel-id",
+};
+
+describe("enlist request channel listener in main", () => {
+  let enlistRequestChannelListener: EnlistRequestChannelListener;
+  let ipcMainStub: IpcMain;
+  let handleMock: jest.Mock;
+  let offMock: jest.Mock;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    handleMock = jest.fn();
+    offMock = jest.fn();
+
+    ipcMainStub = {
+      handle: handleMock,
+      off: offMock,
+    } as unknown as IpcMain;
+
+    di.override(ipcMainInjectable, () => ipcMainStub);
+
+    enlistRequestChannelListener = di.inject(enlistRequestChannelListenerInjectable);
+  });
+
+  describe("when called", () => {
+    let handlerMock: AsyncFnMock<RequestChannelHandler<TestRequestChannel>>;
+    let disposer: () => void;
+
+    beforeEach(() => {
+      handlerMock = asyncFn();
+
+      disposer = enlistRequestChannelListener({
+        channel: testRequestChannel,
+        handler: handlerMock,
+      });
+    });
+
+    it("does not call handler yet", () => {
+      expect(handlerMock).not.toHaveBeenCalled();
+    });
+
+    it("registers the listener", () => {
+      expect(handleMock).toHaveBeenCalledWith(
+        "some-channel-id",
+        expect.any(Function),
+      );
+    });
+
+    it("does not de-register the listener yet", () => {
+      expect(offMock).not.toHaveBeenCalled();
+    });
+
+    describe("when request arrives", () => {
+      let actualPromise: Promise<any>;
+
+      beforeEach(() => {
+        actualPromise = handleMock.mock.calls[0][1](
+          {} as IpcMainInvokeEvent,
+          "some-request",
+        );
+      });
+
+      it("calls the handler with the request", () => {
+        expect(handlerMock).toHaveBeenCalledWith("some-request");
+      });
+
+      it("does not resolve yet", async () => {
+        const promiseStatus = await getPromiseStatus(actualPromise);
+
+        expect(promiseStatus.fulfilled).toBe(false);
+      });
+
+      describe("when handler resolves with response, listener resolves with the response", () => {
+        beforeEach(async () => {
+          await handlerMock.resolve("some-response");
+        });
+
+        it("resolves with the response", async () => {
+          const actual = await actualPromise;
+
+          expect(actual).toBe("some-response");
+        });
+
+        it("when disposing the listener, de-registers the listener", () => {
+          disposer();
+
+          expect(offMock).toHaveBeenCalledWith("some-channel-id", expect.any(Function));
+        });
+      });
+
+      it("given number as response, when handler resolves with response, listener resolves with stringified response", async () => {
+        await handlerMock.resolve(42);
+
+        const actual = await actualPromise;
+
+        expect(actual).toBe(42);
+      });
+
+      it("given boolean as response, when handler resolves with response, listener resolves with stringified response", async () => {
+        await handlerMock.resolve(true);
+
+        const actual = await actualPromise;
+
+        expect(actual).toBe(true);
+      });
+
+      it("given object as response, when handler resolves with response, listener resolves with response", async () => {
+        await handlerMock.resolve({ some: "object" });
+
+        const actual = await actualPromise;
+
+        expect(actual).toEqual({ some: "object" });
+      });
+    });
+
+    it("given number as request, when request arrives, calls the handler with the request", () => {
+      handleMock.mock.calls[0][1]({} as IpcMainInvokeEvent, 42);
+
+      expect(handlerMock).toHaveBeenCalledWith(42);
+    });
+
+    it("given boolean as request, when request arrives, calls the handler with the request", () => {
+      handleMock.mock.calls[0][1]({} as IpcMainInvokeEvent, true);
+
+      expect(handlerMock).toHaveBeenCalledWith(true);
+    });
+
+    it("given object as request, when request arrives, calls the handler with the request", () => {
+      handleMock.mock.calls[0][1]({} as IpcMainInvokeEvent, { some: "object" });
+
+      expect(handlerMock).toHaveBeenCalledWith({ some: "object" });
+    });
+  });
+});
diff --git a/packages/core/src/main/utils/channel/channel-listeners/listener-tokens.ts b/packages/core/src/main/utils/channel/channel-listeners/listener-tokens.ts
new file mode 100644
index 0000000000..a3cd5af4f4
--- /dev/null
+++ b/packages/core/src/main/utils/channel/channel-listeners/listener-tokens.ts
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { DiContainerForInjection } from "@ogre-tools/injectable";
+import { getInjectable, getInjectionToken } from "@ogre-tools/injectable";
+import type { RequestChannel } from "../../../../common/utils/channel/request-channel-listener-injection-token";
+
+export type RequestChannelHandler<Channel> = Channel extends RequestChannel<infer Request, infer Response>
+  ? (req: Request) => Promise<Response> | Response
+  : never;
+
+export interface RequestChannelListener<Channel> {
+  channel: Channel;
+  handler: RequestChannelHandler<Channel>;
+}
+
+
+export const requestChannelListenerInjectionToken = getInjectionToken<RequestChannelListener<RequestChannel<unknown, unknown>>>( {
+  id: "request-channel-listener",
+});
+
+export interface GetRequestChannelListenerInjectableInfo<
+  Channel extends RequestChannel<Request, Response>,
+  Request,
+  Response,
+> {
+  channel: Channel;
+  handler: (di: DiContainerForInjection) => RequestChannelHandler<Channel>;
+}
+
+export function getRequestChannelListenerInjectable<
+  Channel extends RequestChannel<Request, Response>,
+  Request,
+  Response,
+>(info: GetRequestChannelListenerInjectableInfo<Channel, Request, Response>) {
+  return getInjectable({
+    id: `${info.channel.id}-listener`,
+    instantiate: (di) => ({
+      channel: info.channel,
+      handler: info.handler(di),
+    }),
+    injectionToken: requestChannelListenerInjectionToken,
+  });
+}
diff --git a/packages/core/src/main/utils/channel/channel-listeners/listening-on-request-channels.injectable.ts b/packages/core/src/main/utils/channel/channel-listeners/listening-on-request-channels.injectable.ts
new file mode 100644
index 0000000000..80b94fbe0e
--- /dev/null
+++ b/packages/core/src/main/utils/channel/channel-listeners/listening-on-request-channels.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 { disposer } from "../../../../common/utils";
+import type { RequestChannel } from "../../../../common/utils/channel/request-channel-listener-injection-token";
+import { getStartableStoppable } from "../../../../common/utils/get-startable-stoppable";
+import enlistRequestChannelListenerInjectable from "./enlist-request-channel-listener.injectable";
+import { requestChannelListenerInjectionToken } from "./listener-tokens";
+
+const listeningOnRequestChannelsInjectable = getInjectable({
+  id: "listening-on-request-channels",
+  instantiate: (di) => {
+    const enlistRequestChannelListener = di.inject(enlistRequestChannelListenerInjectable);
+    const requestChannelListeners = di.injectMany(requestChannelListenerInjectionToken);
+
+    return getStartableStoppable("listening-on-request-channels", () => {
+      const seenChannels = new Set<RequestChannel<unknown, unknown>>();
+
+      for (const listener of requestChannelListeners) {
+        if (seenChannels.has(listener.channel)) {
+          throw new Error(`Tried to register a multiple channel handlers for "${listener.channel.id}", only one handler is supported for a request channel.`);
+        }
+
+        seenChannels.add(listener.channel);
+      }
+
+      return disposer(requestChannelListeners.map(enlistRequestChannelListener));
+    });
+  },
+});
+
+export default listeningOnRequestChannelsInjectable;
diff --git a/packages/core/src/main/utils/channel/channel-listeners/start-listening-on-channels.injectable.ts b/packages/core/src/main/utils/channel/channel-listeners/start-listening-on-channels.injectable.ts
new file mode 100644
index 0000000000..ce6008add4
--- /dev/null
+++ b/packages/core/src/main/utils/channel/channel-listeners/start-listening-on-channels.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 { onLoadOfApplicationInjectionToken } from "../../../start-main-application/runnable-tokens/on-load-of-application-injection-token";
+import listeningOnMessageChannelsInjectable from "../../../../common/utils/channel/listening-on-message-channels.injectable";
+import listeningOnRequestChannelsInjectable from "./listening-on-request-channels.injectable";
+
+const startListeningOnChannelsInjectable = getInjectable({
+  id: "start-listening-on-channels-main",
+
+  instantiate: (di) => {
+    const listeningOnMessageChannels = di.inject(listeningOnMessageChannelsInjectable);
+    const listeningOnRequestChannels = di.inject(listeningOnRequestChannelsInjectable);
+
+    return {
+      id: "start-listening-on-channels-main",
+      run: () => {
+        listeningOnMessageChannels.start();
+        listeningOnRequestChannels.start();
+      },
+    };
+  },
+
+  injectionToken: onLoadOfApplicationInjectionToken,
+});
+
+export default startListeningOnChannelsInjectable;
diff --git a/packages/core/src/main/utils/channel/ipc-main/ipc-main.global-override-for-injectable.ts b/packages/core/src/main/utils/channel/ipc-main/ipc-main.global-override-for-injectable.ts
new file mode 100644
index 0000000000..e770ccdf35
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/utils/channel/ipc-main/ipc-main.injectable.ts b/packages/core/src/main/utils/channel/ipc-main/ipc-main.injectable.ts
new file mode 100644
index 0000000000..13684bf8ec
--- /dev/null
+++ b/packages/core/src/main/utils/channel/ipc-main/ipc-main.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 { ipcMain } from "electron";
+
+const ipcMainInjectable = getInjectable({
+  id: "ipc-main",
+  instantiate: () => ipcMain,
+  causesSideEffects: true,
+});
+
+export default ipcMainInjectable;
diff --git a/packages/core/src/main/utils/channel/message-to-channel.injectable.ts b/packages/core/src/main/utils/channel/message-to-channel.injectable.ts
new file mode 100644
index 0000000000..392120509d
--- /dev/null
+++ b/packages/core/src/main/utils/channel/message-to-channel.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 { SendMessageToChannel } from "../../../common/utils/channel/message-to-channel-injection-token";
+import { sendMessageToChannelInjectionToken } from "../../../common/utils/channel/message-to-channel-injection-token";
+import getVisibleWindowsInjectable from "../../start-main-application/lens-window/get-visible-windows.injectable";
+import clusterFramesInjectable from "../../../common/cluster-frames.injectable";
+
+const messageToChannelInjectable = getInjectable({
+  id: "message-to-channel",
+
+  instantiate: (di) => {
+    const getVisibleWindows = di.inject(getVisibleWindowsInjectable);
+    const clusterFrames = di.inject(clusterFramesInjectable);
+
+    return ((channel, data) => {
+      for (const window of getVisibleWindows()) {
+        window.send({ channel: channel.id, data });
+
+        clusterFrames.forEach(frameInfo => {
+          window.send({ channel: channel.id, data, frameInfo });
+        });
+      }
+    }) as SendMessageToChannel;
+  },
+
+  injectionToken: sendMessageToChannelInjectionToken,
+});
+
+export default messageToChannelInjectable;
diff --git a/packages/core/src/main/utils/channel/message-to-channel.test.ts b/packages/core/src/main/utils/channel/message-to-channel.test.ts
new file mode 100644
index 0000000000..79174cf665
--- /dev/null
+++ b/packages/core/src/main/utils/channel/message-to-channel.test.ts
@@ -0,0 +1,115 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import getVisibleWindowsInjectable from "../../start-main-application/lens-window/get-visible-windows.injectable";
+import clusterFramesInjectable from "../../../common/cluster-frames.injectable";
+import type { MessageChannel } from "../../../common/utils/channel/message-channel-listener-injection-token";
+import { sendMessageToChannelInjectionToken } from "../../../common/utils/channel/message-to-channel-injection-token";
+import type { DiContainer } from "@ogre-tools/injectable";
+import type { ClusterFrameInfo } from "../../../common/cluster-frames";
+
+describe("message-to-channel", () => {
+  let di: DiContainer;
+  let sendToWindowMock: jest.Mock;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    sendToWindowMock = jest.fn();
+
+    di.override(getVisibleWindowsInjectable, () => () => [
+      {
+        id: "some-window",
+        send: sendToWindowMock,
+        show: () => {},
+        reload: () => {},
+        isStarting: false,
+        start: async () => {},
+        close: () => {},
+        isVisible: true,
+      },
+
+      {
+        id: "some-other-window",
+        send: sendToWindowMock,
+        show: () => {},
+        reload: () => {},
+        isStarting: false,
+        start: async () => {},
+        close: () => {},
+        isVisible: true,
+      },
+    ]);
+
+    di.override(
+      clusterFramesInjectable,
+      () =>
+        new Map<string, ClusterFrameInfo>([
+          [
+            "some-cluster-id",
+            { frameId: 42, processId: 84 },
+          ],
+          [
+            "some-other-cluster-id",
+            { frameId: 126, processId: 168 },
+          ],
+        ]),
+    );
+  });
+
+  describe("when sending message", () => {
+    beforeEach(() => {
+      const sendMessageToChannel = di.inject(
+        sendMessageToChannelInjectionToken,
+      );
+
+      sendMessageToChannel(someChannel, 42);
+    });
+
+    it("sends to each window and cluster frames", () => {
+      expect(sendToWindowMock.mock.calls).toEqual([
+        [{ channel: "some-channel-id", data: 42 }],
+
+        [
+          {
+            channel: "some-channel-id",
+            data: 42,
+            frameInfo: { frameId: 42, processId: 84 },
+          },
+        ],
+
+        [
+          {
+            channel: "some-channel-id",
+            data: 42,
+            frameInfo: { frameId: 126, processId: 168 },
+          },
+        ],
+
+        [{ channel: "some-channel-id", data: 42 }],
+
+        [
+          {
+            channel: "some-channel-id",
+            data: 42,
+            frameInfo: { frameId: 42, processId: 84 },
+          },
+        ],
+
+        [
+          {
+            channel: "some-channel-id",
+            data: 42,
+            frameInfo: { frameId: 126, processId: 168 },
+          },
+        ],
+      ]);
+    });
+  });
+});
+
+const someChannel: MessageChannel<number> = {
+  id: "some-channel-id",
+};
diff --git a/packages/core/src/main/utils/clear-kube-env-vars.ts b/packages/core/src/main/utils/clear-kube-env-vars.ts
new file mode 100644
index 0000000000..f678f44807
--- /dev/null
+++ b/packages/core/src/main/utils/clear-kube-env-vars.ts
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+const anyKubeconfig = /^kubeconfig$/i;
+
+/**
+ * This function deletes all keys of the form /^kubeconfig$/i, returning a new
+ * object.
+ *
+ * This is needed because `kubectl` checks for other version of kubeconfig
+ * before KUBECONFIG and we only set KUBECONFIG.
+ * @param env The current copy of env
+ */
+export function clearKubeconfigEnvVars(env: Partial<Record<string, string>>): Partial<Record<string, string>> {
+  return Object.fromEntries(
+    Object.entries(env)
+      .filter(([key]) => anyKubeconfig.exec(key) === null),
+  );
+}
diff --git a/packages/core/src/main/utils/command-line-arguments.global-override-for-injectable.ts b/packages/core/src/main/utils/command-line-arguments.global-override-for-injectable.ts
new file mode 100644
index 0000000000..edd33d824a
--- /dev/null
+++ b/packages/core/src/main/utils/command-line-arguments.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 commandLineArgumentsInjectable from "./command-line-arguments.injectable";
+
+export default getGlobalOverride(commandLineArgumentsInjectable, () => []);
diff --git a/packages/core/src/main/utils/command-line-arguments.injectable.ts b/packages/core/src/main/utils/command-line-arguments.injectable.ts
new file mode 100644
index 0000000000..e27a3802d4
--- /dev/null
+++ b/packages/core/src/main/utils/command-line-arguments.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 commandLineArgumentsInjectable = getInjectable({
+  id: "command-line-arguments",
+  instantiate: () => process.argv,
+  causesSideEffects: true,
+});
+
+export default commandLineArgumentsInjectable;
diff --git a/packages/core/src/main/utils/get-port-from-stream.injectable.ts b/packages/core/src/main/utils/get-port-from-stream.injectable.ts
new file mode 100644
index 0000000000..983ed66313
--- /dev/null
+++ b/packages/core/src/main/utils/get-port-from-stream.injectable.ts
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { Readable } from "stream";
+import URLParse from "url-parse";
+import { getInjectable } from "@ogre-tools/injectable";
+import loggerInjectable from "../../common/logger.injectable";
+
+export interface GetPortFromStreamArgs {
+  /**
+   * Should be case insensitive
+   * Must have a named matching group called `address`
+   */
+  lineRegex: {
+    match: (line: string) => {
+        matched: boolean;
+        groups?: {
+          address?: string;
+        };
+        raw?: RegExpExecArray;
+    };
+    rawMatcher: string;
+  };
+  /**
+   * Called when the port is found
+   */
+  onFind?: () => void;
+  /**
+   * Timeout for how long to wait for the port.
+   * Default: 15s
+   */
+  timeout?: number;
+}
+
+export type GetPortFromStream = (stream: Readable, args: GetPortFromStreamArgs) => Promise<number>;
+
+const getPortFromStreamInjectable = getInjectable({
+  id: "get-port-from-stream",
+  instantiate: (di): GetPortFromStream => {
+    const logger = di.inject(loggerInjectable);
+
+    return (stream, args) => {
+      const logLines: string[] = [];
+
+      return new Promise<number>((resolve, reject) => {
+        const handler = (data: unknown) => {
+          const logItem = String(data);
+          const match = args.lineRegex.match(logItem);
+
+          logLines.push(logItem);
+
+          if (match.matched) {
+            // use unknown protocol so that there is no default port
+            const addr = new URLParse(`s://${match.groups?.address?.trim()}`);
+
+            args.onFind?.();
+            stream.off("data", handler);
+            clearTimeout(timeoutID);
+            resolve(+addr.port);
+          }
+        };
+        const timeoutID = setTimeout(() => {
+          stream.off("data", handler);
+          logger.warn(`[getPortFrom]: failed to retrieve port via ${args.lineRegex.rawMatcher}`, logLines);
+          reject(new Error("failed to retrieve port from stream"));
+        }, args.timeout ?? 15000);
+
+        stream.on("data", handler);
+      });
+    };
+  },
+});
+
+export default getPortFromStreamInjectable;
+
diff --git a/packages/core/src/main/utils/http-responses.ts b/packages/core/src/main/utils/http-responses.ts
new file mode 100644
index 0000000000..0707621369
--- /dev/null
+++ b/packages/core/src/main/utils/http-responses.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 type http from "http";
+
+/**
+ * Respond to a HTTP request with a body of JSON data
+ * @param res The HTTP response to write data to
+ * @param content The data or its JSON stringified version of it
+ * @param status [200] The status code to respond with
+ */
+export function respondJson(res: http.ServerResponse, content: Object | string, status = 200) {
+  const normalizedContent = typeof content === "object"
+    ? JSON.stringify(content)
+    : content;
+
+  respond(res, normalizedContent, "application/json", status);
+}
+
+/**
+ * Respond to a HTTP request with a body of plain text data
+ * @param res The HTTP response to write data to
+ * @param content The string data to respond with
+ * @param status [200] The status code to respond with
+ */
+export function respondText(res: http.ServerResponse, content: string, status = 200) {
+  respond(res, content, "text/plain", status);
+}
+
+/**
+ * Respond to a HTTP request with a body of plain text data
+ * @param res The HTTP response to write data to
+ * @param content The string data to respond with
+ * @param contentType The HTTP Content-Type header value
+ * @param status [200] The status code to respond with
+ */
+export function respond(res: http.ServerResponse, content: string, contentType: string, status = 200) {
+  res.setHeader("Content-Type", contentType);
+  res.statusCode = status;
+  res.end(content);
+}
diff --git a/packages/core/src/main/utils/parse-query.ts b/packages/core/src/main/utils/parse-query.ts
new file mode 100644
index 0000000000..443d7f3a39
--- /dev/null
+++ b/packages/core/src/main/utils/parse-query.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export function getBoolean(query: URLSearchParams, key: string): boolean {
+  const value = query.get(key);
+
+  switch (value?.toLowerCase()) {
+    case "false":
+    case "f":
+    case "0":
+    case null:
+    case undefined:
+      return false;
+    default:
+      return true;
+  }
+}
diff --git a/packages/core/src/main/utils/resolve-system-proxy/electron.injectable.ts b/packages/core/src/main/utils/resolve-system-proxy/electron.injectable.ts
new file mode 100644
index 0000000000..a5999c9e59
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/utils/resolve-system-proxy/resolve-system-proxy-channel-responder.injectable.ts b/packages/core/src/main/utils/resolve-system-proxy/resolve-system-proxy-channel-responder.injectable.ts
new file mode 100644
index 0000000000..a2cd605633
--- /dev/null
+++ b/packages/core/src/main/utils/resolve-system-proxy/resolve-system-proxy-channel-responder.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 { resolveSystemProxyChannel } from "../../../common/utils/resolve-system-proxy/resolve-system-proxy-channel";
+import { getRequestChannelListenerInjectable } from "../channel/channel-listeners/listener-tokens";
+import resolveSystemProxyInjectable from "./resolve-system-proxy.injectable";
+
+const resolveSystemProxyChannelResponderInjectable = getRequestChannelListenerInjectable({
+  channel: resolveSystemProxyChannel,
+  handler: (di) => di.inject(resolveSystemProxyInjectable),
+});
+
+export default resolveSystemProxyChannelResponderInjectable;
diff --git a/packages/core/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.injectable.ts b/packages/core/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.injectable.ts
new file mode 100644
index 0000000000..c663d59fde
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.test.ts b/packages/core/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.test.ts
new file mode 100644
index 0000000000..a80a05a7cf
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/utils/resolve-system-proxy/resolve-system-proxy.injectable.ts b/packages/core/src/main/utils/resolve-system-proxy/resolve-system-proxy.injectable.ts
new file mode 100644
index 0000000000..c683217916
--- /dev/null
+++ b/packages/core/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/packages/core/src/main/utils/sync-box/sync-box-initial-value-channel-listener.injectable.ts b/packages/core/src/main/utils/sync-box/sync-box-initial-value-channel-listener.injectable.ts
new file mode 100644
index 0000000000..da78d76c36
--- /dev/null
+++ b/packages/core/src/main/utils/sync-box/sync-box-initial-value-channel-listener.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 { syncBoxInitialValueChannel } from "../../../common/utils/sync-box/channels";
+import { syncBoxInjectionToken } from "../../../common/utils/sync-box/sync-box-injection-token";
+import { getRequestChannelListenerInjectable } from "../channel/channel-listeners/listener-tokens";
+
+const syncBoxInitialValueChannelListenerInjectable = getRequestChannelListenerInjectable({
+  channel: syncBoxInitialValueChannel,
+  handler: (di) => {
+    const syncBoxes = di.injectMany(syncBoxInjectionToken);
+
+    return () => syncBoxes.map((box) => ({
+      id: box.id,
+      value: box.value.get(),
+    }));
+  },
+});
+
+export default syncBoxInitialValueChannelListenerInjectable;
diff --git a/packages/core/src/main/vars/build-version/build-version.injectable.ts b/packages/core/src/main/vars/build-version/build-version.injectable.ts
new file mode 100644
index 0000000000..5e560282b9
--- /dev/null
+++ b/packages/core/src/main/vars/build-version/build-version.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 { createInitializableState } from "../../../common/initializable-state/create";
+import { buildVersionInjectionToken } from "../../../common/vars/build-semantic-version.injectable";
+import getBuildVersionInjectable from "./get-build-version.injectable";
+
+const buildVersionInjectable = createInitializableState({
+  id: "build-version",
+  init: (di) => {
+    const getBuildVersion = di.inject(getBuildVersionInjectable);
+
+    return getBuildVersion();
+  },
+  injectionToken: buildVersionInjectionToken,
+});
+
+export default buildVersionInjectable;
diff --git a/packages/core/src/main/vars/build-version/get-build-version.injectable.ts b/packages/core/src/main/vars/build-version/get-build-version.injectable.ts
new file mode 100644
index 0000000000..ddbef55262
--- /dev/null
+++ b/packages/core/src/main/vars/build-version/get-build-version.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 electronAppInjectable from "../../electron-app/electron-app.injectable";
+
+const getBuildVersionInjectable = getInjectable({
+  id: "get-build-version",
+  instantiate: (di) => {
+    const electronApp = di.inject(electronAppInjectable);
+
+    return () => electronApp.getVersion();
+  },
+});
+
+export default getBuildVersionInjectable;
diff --git a/packages/core/src/main/vars/build-version/init.injectable.ts b/packages/core/src/main/vars/build-version/init.injectable.ts
new file mode 100644
index 0000000000..f53e735a47
--- /dev/null
+++ b/packages/core/src/main/vars/build-version/init.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 { beforeApplicationIsLoadingInjectionToken } from "../../start-main-application/runnable-tokens/before-application-is-loading-injection-token";
+import buildVersionInjectable from "./build-version.injectable";
+
+const initializeBuildVersionInjectable = getInjectable({
+  id: "initialize-build-version",
+  instantiate: (di) => {
+    const buildVersion = di.inject(buildVersionInjectable);
+
+    return {
+      id: "initialize-build-version",
+      run: () => buildVersion.init(),
+    };
+  },
+  injectionToken: beforeApplicationIsLoadingInjectionToken,
+});
+
+export default initializeBuildVersionInjectable;
diff --git a/packages/core/src/main/vars/default-update-channel/init.injectable.ts b/packages/core/src/main/vars/default-update-channel/init.injectable.ts
new file mode 100644
index 0000000000..56e90252f3
--- /dev/null
+++ b/packages/core/src/main/vars/default-update-channel/init.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 { beforeApplicationIsLoadingInjectionToken } from "../../start-main-application/runnable-tokens/before-application-is-loading-injection-token";
+import initReleaseChannelInjectable from "../release-channel/init.injectable";
+import defaultUpdateChannelInjectable from "../../../features/application-update/common/selected-update-channel/default-update-channel.injectable";
+
+const initDefaultUpdateChannelInjectable = getInjectable({
+  id: "init-default-update-channel",
+  instantiate: (di) => {
+    const defaultUpdateChannel = di.inject(defaultUpdateChannelInjectable);
+
+    return {
+      id: "init-default-update-channel",
+      run: () => defaultUpdateChannel.init(),
+      runAfter: di.inject(initReleaseChannelInjectable),
+    };
+  },
+  injectionToken: beforeApplicationIsLoadingInjectionToken,
+});
+
+export default initDefaultUpdateChannelInjectable;
diff --git a/packages/core/src/main/vars/hardware-acceleration-should-be-disabled.global-override-for-injectable.ts b/packages/core/src/main/vars/hardware-acceleration-should-be-disabled.global-override-for-injectable.ts
new file mode 100644
index 0000000000..2f66f9fc18
--- /dev/null
+++ b/packages/core/src/main/vars/hardware-acceleration-should-be-disabled.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 hardwareAccelerationShouldBeDisabledInjectable from "./hardware-acceleration-should-be-disabled.injectable";
+
+export default getGlobalOverride(hardwareAccelerationShouldBeDisabledInjectable, () => false);
diff --git a/packages/core/src/main/vars/hardware-acceleration-should-be-disabled.injectable.ts b/packages/core/src/main/vars/hardware-acceleration-should-be-disabled.injectable.ts
new file mode 100644
index 0000000000..2801b1051d
--- /dev/null
+++ b/packages/core/src/main/vars/hardware-acceleration-should-be-disabled.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 hardwareAccelerationShouldBeDisabledInjectable = getInjectable({
+  id: "hardware-acceleration-should-be-disabled",
+  instantiate: () => Boolean(process.env.LENS_DISABLE_GPU),
+  causesSideEffects: true,
+});
+
+export default hardwareAccelerationShouldBeDisabledInjectable;
diff --git a/packages/core/src/main/vars/release-channel/init.injectable.ts b/packages/core/src/main/vars/release-channel/init.injectable.ts
new file mode 100644
index 0000000000..59527d2194
--- /dev/null
+++ b/packages/core/src/main/vars/release-channel/init.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 releaseChannelInjectable from "../../../common/vars/release-channel.injectable";
+import { beforeApplicationIsLoadingInjectionToken } from "../../start-main-application/runnable-tokens/before-application-is-loading-injection-token";
+import initSemanticBuildVersionInjectable from "../semantic-build-version/init.injectable";
+
+const initReleaseChannelInjectable = getInjectable({
+  id: "init-release-channel",
+  instantiate: (di) => {
+    const releaseChannel = di.inject(releaseChannelInjectable);
+
+    return {
+      id: "init-release-channel",
+      run: () => releaseChannel.init(),
+      runAfter: di.inject(initSemanticBuildVersionInjectable),
+    };
+  },
+  injectionToken: beforeApplicationIsLoadingInjectionToken,
+});
+
+export default initReleaseChannelInjectable;
diff --git a/packages/core/src/main/vars/semantic-build-version/init.injectable.ts b/packages/core/src/main/vars/semantic-build-version/init.injectable.ts
new file mode 100644
index 0000000000..ee822a8796
--- /dev/null
+++ b/packages/core/src/main/vars/semantic-build-version/init.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 buildSemanticVersionInjectable from "../../../common/vars/build-semantic-version.injectable";
+import { beforeApplicationIsLoadingInjectionToken } from "../../start-main-application/runnable-tokens/before-application-is-loading-injection-token";
+import initializeBuildVersionInjectable from "../build-version/init.injectable";
+
+const initSemanticBuildVersionInjectable = getInjectable({
+  id: "init-semantic-build-version",
+  instantiate: (di) => {
+    const buildSemanticVersion = di.inject(buildSemanticVersionInjectable);
+
+    return {
+      id: "init-semantic-build-version",
+      run: () => buildSemanticVersion.init(),
+      runAfter: di.inject(initializeBuildVersionInjectable),
+    };
+  },
+  injectionToken: beforeApplicationIsLoadingInjectionToken,
+});
+
+export default initSemanticBuildVersionInjectable;
diff --git a/packages/core/src/main/weblinks-store/links.ts b/packages/core/src/main/weblinks-store/links.ts
new file mode 100644
index 0000000000..ae53b6ec27
--- /dev/null
+++ b/packages/core/src/main/weblinks-store/links.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+export const lensWebsiteWeblinkId = "lens-website-link";
+export const lensWebsiteLinkName = "Lens Website";
+
+export const lensDocumentationWeblinkId = "lens-documentation-link";
+export const lensDocumentationWeblinkName = "Lens Documentation";
+
+export const lensSlackWeblinkId = "lens-slack-link";
+export const lensSlackWeblinkName = "Lens Community Slack";
+
+export const lensTwitterWeblinkId = "lens-twitter-link";
+export const lensTwitterWeblinkName = "Lens on Twitter";
+
+export const lensBlogWeblinkId = "lens-blog-link";
+export const lensBlogWeblinkName = "Lens Official Blog";
+
+export const kubernetesDocumentationWeblinkId = "kubernetes-documentation-link";
+export const kubernetesDocumentationWeblinkName = "Kubernetes Documentation";
+
diff --git a/packages/core/src/main/weblinks-store/migrations/5.1.4.injectable.ts b/packages/core/src/main/weblinks-store/migrations/5.1.4.injectable.ts
new file mode 100644
index 0000000000..fe27b9ae3e
--- /dev/null
+++ b/packages/core/src/main/weblinks-store/migrations/5.1.4.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 { docsUrl, slackUrl } from "../../../common/vars";
+import type { WeblinkData } from "../../../common/weblinks-store/weblink-store";
+import { getInjectable } from "@ogre-tools/injectable";
+import { weblinkStoreMigrationInjectionToken } from "../../../common/weblinks-store/migration-token";
+import * as links from "../links";
+
+const v514WeblinkStoreMigrationInjectable = getInjectable({
+  id: "v5.1.4-weblink-store-migration",
+  instantiate: () => ({
+    version: "5.1.4",
+    run(store) {
+      const weblinksRaw = store.get("weblinks");
+      const weblinks = (Array.isArray(weblinksRaw) ? weblinksRaw : []) as WeblinkData[];
+
+      weblinks.push(
+        { id: "https://k8slens.dev", name: links.lensWebsiteLinkName, url: "https://k8slens.dev" },
+        { id: docsUrl, name: links.lensDocumentationWeblinkName, url: docsUrl },
+        { id: slackUrl, name: links.lensSlackWeblinkName, url: slackUrl },
+        { id: "https://twitter.com/k8slens", name: links.lensTwitterWeblinkName, url: "https://twitter.com/k8slens" },
+        { id: "https://medium.com/k8slens", name: links.lensBlogWeblinkName, url: "https://medium.com/k8slens" },
+        { id: "https://kubernetes.io/docs/home/", name: links.kubernetesDocumentationWeblinkName, url: "https://kubernetes.io/docs/home/" },
+      );
+
+      store.set("weblinks", weblinks);
+    },
+  }),
+  injectionToken: weblinkStoreMigrationInjectionToken,
+});
+
+export default v514WeblinkStoreMigrationInjectable;
diff --git a/packages/core/src/main/weblinks-store/migrations/5.4.5-beta.1.injectable.ts b/packages/core/src/main/weblinks-store/migrations/5.4.5-beta.1.injectable.ts
new file mode 100644
index 0000000000..dbe580bec3
--- /dev/null
+++ b/packages/core/src/main/weblinks-store/migrations/5.4.5-beta.1.injectable.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 { WeblinkData } from "../../../common/weblinks-store/weblink-store";
+import * as links from "../links";
+import { getInjectable } from "@ogre-tools/injectable";
+import { weblinkStoreMigrationInjectionToken } from "../../../common/weblinks-store/migration-token";
+
+const v545Beta1WeblinkStoreMigrationInjectable = getInjectable({
+  id: "v5.4.5-beta.1-weblink-store-migration",
+  instantiate: () => ({
+    version: "5.4.5-beta.1 || >=5.5.0-alpha.0",
+    run(store) {
+      const weblinksRaw = store.get("weblinks");
+      const weblinks = (Array.isArray(weblinksRaw) ? weblinksRaw : []) as WeblinkData[];
+
+      const lensWebsiteLink = weblinks.find(weblink => weblink.name === links.lensWebsiteLinkName);
+
+      if (lensWebsiteLink) {
+        lensWebsiteLink.id = links.lensWebsiteWeblinkId;
+      }
+
+      const lensDocumentationWeblinkLink = weblinks.find(weblink => weblink.name === links.lensDocumentationWeblinkName);
+
+      if (lensDocumentationWeblinkLink) {
+        lensDocumentationWeblinkLink.id = links.lensDocumentationWeblinkId;
+      }
+
+      const lensSlackWeblinkLink = weblinks.find(weblink => weblink.name === links.lensSlackWeblinkName);
+
+      if (lensSlackWeblinkLink) {
+        lensSlackWeblinkLink.id = links.lensSlackWeblinkId;
+      }
+
+      const lensTwitterWeblinkLink = weblinks.find(weblink => weblink.name === links.lensTwitterWeblinkName);
+
+      if (lensTwitterWeblinkLink) {
+        lensTwitterWeblinkLink.id = links.lensTwitterWeblinkId;
+      }
+
+      const lensBlogWeblinkLink = weblinks.find(weblink => weblink.name === links.lensBlogWeblinkName);
+
+      if (lensBlogWeblinkLink) {
+        lensBlogWeblinkLink.id = links.lensBlogWeblinkId;
+      }
+
+      const kubernetesDocumentationWeblinkLink = weblinks.find(weblink => weblink.name === links.kubernetesDocumentationWeblinkName);
+
+      if (kubernetesDocumentationWeblinkLink) {
+        kubernetesDocumentationWeblinkLink.id = links.kubernetesDocumentationWeblinkId;
+      }
+
+      store.set("weblinks", weblinks);
+    },
+  }),
+  injectionToken: weblinkStoreMigrationInjectionToken,
+});
+
+export default v545Beta1WeblinkStoreMigrationInjectable;
diff --git a/packages/core/src/main/weblinks-store/migrations/currentVersion.injectable.ts b/packages/core/src/main/weblinks-store/migrations/currentVersion.injectable.ts
new file mode 100644
index 0000000000..6c58de3b48
--- /dev/null
+++ b/packages/core/src/main/weblinks-store/migrations/currentVersion.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { docsUrl, slackUrl } from "../../../common/vars";
+import type { WeblinkData } from "../../../common/weblinks-store/weblink-store";
+import { getInjectable } from "@ogre-tools/injectable";
+import { weblinkStoreMigrationInjectionToken } from "../../../common/weblinks-store/migration-token";
+import applicationInformationToken from "../../../common/vars/application-information-token";
+import { lensDocumentationWeblinkId, lensSlackWeblinkId } from "../links";
+
+const currentVersionWeblinkStoreMigrationInjectable = getInjectable({
+  id: "current-version-weblink-store-migration",
+  instantiate: (di) => {
+    const { version } = di.inject(applicationInformationToken);
+
+    return {
+      version, // Run always after upgrade
+      run(store) {
+        const weblinksRaw = store.get("weblinks");
+        const weblinks = (Array.isArray(weblinksRaw) ? weblinksRaw : []) as WeblinkData[];
+        const slackWeblink = weblinks.find(weblink => weblink.id === lensSlackWeblinkId);
+
+        if (slackWeblink) {
+          slackWeblink.url = slackUrl;
+        }
+
+        const docsWeblink = weblinks.find(weblink => weblink.id === lensDocumentationWeblinkId);
+
+        if (docsWeblink) {
+          docsWeblink.url = docsUrl;
+        }
+
+        store.set("weblinks", weblinks);
+      },
+    };
+  },
+  injectionToken: weblinkStoreMigrationInjectionToken,
+});
+
+export default currentVersionWeblinkStoreMigrationInjectable;
diff --git a/packages/core/src/renderer/api/__tests__/catalog-entity-registry.test.ts b/packages/core/src/renderer/api/__tests__/catalog-entity-registry.test.ts
new file mode 100644
index 0000000000..7092650e5a
--- /dev/null
+++ b/packages/core/src/renderer/api/__tests__/catalog-entity-registry.test.ts
@@ -0,0 +1,300 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { CatalogCategory } from "../catalog-entity";
+import { KubernetesCluster, WebLink } from "../../../common/catalog-entities";
+import { observable } from "mobx";
+import type { CatalogCategoryRegistry } from "../../../common/catalog";
+import { categoryVersion } from "../../../common/catalog";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import type { CatalogEntityRegistry } from "../catalog/entity/registry";
+import catalogEntityRegistryInjectable from "../catalog/entity/registry.injectable";
+import catalogCategoryRegistryInjectable from "../../../common/catalog/category-registry.injectable";
+
+
+class FooBarCategory extends CatalogCategory {
+  public readonly apiVersion = "entityRegistry.k8slens.dev/v1alpha1";
+  public readonly kind = "CatalogCategory";
+  public metadata = {
+    name: "FooBars",
+    icon: "broken",
+  };
+  public spec = {
+    group: "entity.k8slens.dev",
+    versions: [
+      categoryVersion("v1alpha1", WebLink),
+    ],
+    names: {
+      kind: "FooBar",
+    },
+  };
+}
+const entity = new WebLink({
+  metadata: {
+    uid: "test",
+    name: "test-link",
+    source: "test",
+    labels: {},
+  },
+  spec: {
+    url: "https://k8slens.dev",
+  },
+  status: {
+    phase: "available",
+  },
+});
+const entity2 = new WebLink({
+  metadata: {
+    uid: "test2",
+    name: "test-link",
+    source: "test",
+    labels: {},
+  },
+  spec: {
+    url: "https://k8slens.dev",
+  },
+  status: {
+    phase: "available",
+  },
+});
+const entitykc = new KubernetesCluster({
+  metadata: {
+    uid: "test3",
+    name: "test-link",
+    source: "test",
+    labels: {},
+  },
+  spec: {
+    kubeconfigPath: "",
+    kubeconfigContext: "",
+  },
+  status: {
+    phase: "connected",
+  },
+});
+
+describe("CatalogEntityRegistry", () => {
+  let entityRegistry: CatalogEntityRegistry;
+  let catalogCategoryRegistry: CatalogCategoryRegistry;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    entityRegistry = di.inject(catalogEntityRegistryInjectable);
+    catalogCategoryRegistry = di.inject(catalogCategoryRegistryInjectable);
+  });
+
+  describe("updateItems", () => {
+    it("adds new catalog item", () => {
+      const items = [{
+        apiVersion: "entity.k8slens.dev/v1alpha1",
+        kind: "KubernetesCluster",
+        metadata: {
+          uid: "123",
+          name: "foobar",
+          source: "test",
+          labels: {},
+        },
+        status: {
+          phase: "disconnected",
+        },
+        spec: {},
+      }];
+
+      entityRegistry.updateItems(items);
+      expect(entityRegistry.items.get().length).toEqual(1);
+
+      items.push({
+        apiVersion: "entity.k8slens.dev/v1alpha1",
+        kind: "KubernetesCluster",
+        metadata: {
+          uid: "456",
+          name: "barbaz",
+          source: "test",
+          labels: {},
+        },
+        status: {
+          phase: "disconnected",
+        },
+        spec: {},
+      });
+
+      entityRegistry.updateItems(items);
+      expect(entityRegistry.items.get().length).toEqual(2);
+    });
+
+    it("updates existing items", () => {
+      const items = [{
+        apiVersion: "entity.k8slens.dev/v1alpha1",
+        kind: "KubernetesCluster",
+        metadata: {
+          uid: "123",
+          name: "foobar",
+          source: "test",
+          labels: {},
+        },
+        status: {
+          phase: "disconnected",
+        },
+        spec: {},
+      }];
+
+      entityRegistry.updateItems(items);
+      expect(entityRegistry.items.get().length).toEqual(1);
+      expect(entityRegistry.items.get()[0].status.phase).toEqual("disconnected");
+
+      items[0].status.phase = "connected";
+
+      entityRegistry.updateItems(items);
+      expect(entityRegistry.items.get().length).toEqual(1);
+      expect(entityRegistry.items.get()[0].status.phase).toEqual("connected");
+    });
+
+    it("updates activeEntity", () => {
+      const items = [{
+        apiVersion: "entity.k8slens.dev/v1alpha1",
+        kind: "KubernetesCluster",
+        metadata: {
+          uid: "123",
+          name: "foobar",
+          source: "test",
+          labels: {},
+        },
+        status: {
+          phase: "disconnected",
+        },
+        spec: {},
+      }];
+
+      entityRegistry.updateItems(items);
+      entityRegistry.activeEntity = entityRegistry.items.get()[0];
+      expect(entityRegistry.activeEntity.status.phase).toEqual("disconnected");
+
+      items[0].status.phase = "connected";
+      entityRegistry.updateItems(items);
+      expect(entityRegistry.activeEntity.status.phase).toEqual("connected");
+    });
+
+    it("removes deleted items", () => {
+      const items = [
+        {
+          apiVersion: "entity.k8slens.dev/v1alpha1",
+          kind: "KubernetesCluster",
+          metadata: {
+            uid: "123",
+            name: "foobar",
+            source: "test",
+            labels: {},
+          },
+          status: {
+            phase: "disconnected",
+          },
+          spec: {},
+        },
+        {
+          apiVersion: "entity.k8slens.dev/v1alpha1",
+          kind: "KubernetesCluster",
+          metadata: {
+            uid: "456",
+            name: "barbaz",
+            source: "test",
+            labels: {},
+          },
+          status: {
+            phase: "disconnected",
+          },
+          spec: {},
+        },
+      ];
+
+      entityRegistry.updateItems(items);
+      items.splice(0, 1);
+      entityRegistry.updateItems(items);
+      expect(entityRegistry.items.get().length).toEqual(1);
+      expect(entityRegistry.items.get()[0].metadata.uid).toEqual("456");
+    });
+  });
+
+  describe("items", () => {
+    it("does not return items without matching category", () => {
+      const items = [
+        {
+          apiVersion: "entity.k8slens.dev/v1alpha1",
+          kind: "KubernetesCluster",
+          metadata: {
+            uid: "123",
+            name: "foobar",
+            source: "test",
+            labels: {},
+          },
+          status: {
+            phase: "disconnected",
+          },
+          spec: {},
+        },
+        {
+          apiVersion: "entity.k8slens.dev/v1alpha1",
+          kind: "FooBar",
+          metadata: {
+            uid: "456",
+            name: "barbaz",
+            source: "test",
+            labels: {},
+          },
+          status: {
+            phase: "disconnected",
+          },
+          spec: {},
+        },
+      ];
+
+      entityRegistry.updateItems(items);
+      expect(entityRegistry.items.get().length).toBe(1);
+    });
+  });
+
+  it("does return items after matching category is added", () => {
+    const items = [
+      {
+        apiVersion: "entity.k8slens.dev/v1alpha1",
+        kind: "FooBar",
+        metadata: {
+          uid: "456",
+          name: "barbaz",
+          source: "test",
+          labels: {},
+        },
+        status: {
+          phase: "disconnected",
+        },
+        spec: {},
+      },
+    ];
+
+    entityRegistry.updateItems(items);
+    catalogCategoryRegistry.add(new FooBarCategory());
+    expect(entityRegistry.items.get().length).toBe(1);
+  });
+
+  it("does not return items that are filtered out", () => {
+    const source = observable.array([entity, entity2, entitykc]);
+
+    entityRegistry.updateItems(source);
+
+    expect(entityRegistry.items.get().length).toBe(3);
+    expect(entityRegistry.filteredItems.length).toBe(3);
+
+    const d = entityRegistry.addCatalogFilter(entity => entity.kind === KubernetesCluster.kind);
+
+    expect(entityRegistry.items.get().length).toBe(3);
+    expect(entityRegistry.filteredItems.length).toBe(1);
+
+    // Remove filter
+    d();
+
+    expect(entityRegistry.items.get().length).toBe(3);
+    expect(entityRegistry.filteredItems.length).toBe(3);
+  });
+});
diff --git a/packages/core/src/renderer/api/__tests__/websocket-api.test.ts b/packages/core/src/renderer/api/__tests__/websocket-api.test.ts
new file mode 100644
index 0000000000..8b0c4e27b7
--- /dev/null
+++ b/packages/core/src/renderer/api/__tests__/websocket-api.test.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 { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import defaultWebsocketApiParamsInjectable from "../default-websocket-api-params.injectable";
+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(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    api = new TestWebSocketApi({
+      defaultParams: di.inject(defaultWebsocketApiParamsInjectable),
+    }, {});
+  });
+
+  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/packages/core/src/renderer/api/catalog-entity.ts b/packages/core/src/renderer/api/catalog-entity.ts
new file mode 100644
index 0000000000..c4dea91071
--- /dev/null
+++ b/packages/core/src/renderer/api/catalog-entity.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export { CatalogCategory, CatalogEntity } from "../../common/catalog";
+export type {
+  CatalogEntityData,
+  CatalogEntityKindData,
+  CatalogEntityActionContext,
+  CatalogEntityAddMenuContext,
+  CatalogEntityAddMenu,
+  CatalogEntityContextMenu,
+  CatalogEntityContextMenuContext,
+} from "../../common/catalog";
diff --git a/packages/core/src/renderer/api/catalog/entity/active.injectable.ts b/packages/core/src/renderer/api/catalog/entity/active.injectable.ts
new file mode 100644
index 0000000000..1a0be2c457
--- /dev/null
+++ b/packages/core/src/renderer/api/catalog/entity/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 catalogEntityRegistryInjectable from "./registry.injectable";
+
+const activeEntityInjectable = getInjectable({
+  id: "active-entity",
+  instantiate: (di) => {
+    const registry = di.inject(catalogEntityRegistryInjectable);
+
+    return computed(() => registry.activeEntity);
+  },
+});
+
+export default activeEntityInjectable;
diff --git a/packages/core/src/renderer/api/catalog/entity/entities.injectable.ts b/packages/core/src/renderer/api/catalog/entity/entities.injectable.ts
new file mode 100644
index 0000000000..f14df295fa
--- /dev/null
+++ b/packages/core/src/renderer/api/catalog/entity/entities.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 catalogEntityRegistryInjectable from "./registry.injectable";
+
+const catalogEnitiesInjectable = getInjectable({
+  id: "catalog-enities",
+  instantiate: (di) => di.inject(catalogEntityRegistryInjectable).items,
+});
+
+export default catalogEnitiesInjectable;
diff --git a/packages/core/src/renderer/api/catalog/entity/get-active-cluster-entity.injectable.ts b/packages/core/src/renderer/api/catalog/entity/get-active-cluster-entity.injectable.ts
new file mode 100644
index 0000000000..d5a2d1f3f8
--- /dev/null
+++ b/packages/core/src/renderer/api/catalog/entity/get-active-cluster-entity.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 clusterStoreInjectable from "../../../../common/cluster-store/cluster-store.injectable";
+import type { Cluster } from "../../../../common/cluster/cluster";
+import catalogEntityRegistryInjectable from "./registry.injectable";
+
+export type GetActiveClusterEntity = () => Cluster | undefined;
+
+const getActiveClusterEntityInjectable = getInjectable({
+  id: "get-active-cluster-entity",
+  instantiate: (di): GetActiveClusterEntity => {
+    const store = di.inject(clusterStoreInjectable);
+    const entityRegistry = di.inject(catalogEntityRegistryInjectable);
+
+    return () => store.getById(entityRegistry.activeEntity?.getId());
+  },
+});
+
+export default getActiveClusterEntityInjectable;
diff --git a/packages/core/src/renderer/api/catalog/entity/metrics-details-component-enabled.injectable.ts b/packages/core/src/renderer/api/catalog/entity/metrics-details-component-enabled.injectable.ts
new file mode 100644
index 0000000000..e480eadc78
--- /dev/null
+++ b/packages/core/src/renderer/api/catalog/entity/metrics-details-component-enabled.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import type { ClusterMetricsResourceType } from "../../../../common/cluster-types";
+import currentKubeObjectInDetailsInjectable from "../../../components/kube-object-details/current-kube-object-in-details.injectable";
+import enabledMetricsInjectable from "./metrics-enabled.injectable";
+
+const metricsDetailsComponentEnabledInjectable = getInjectable({
+  id: "metrics-details-component-enabled",
+  instantiate: (di, kind) => {
+    const metricsEnabled = di.inject(enabledMetricsInjectable, kind);
+    const currentKubeObjectInDetails = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return computed(() => {
+      const current = currentKubeObjectInDetails.value.get();
+
+      if (!current?.object) {
+        return false;
+      }
+
+      return current.object.kind == kind && metricsEnabled.get();
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, kind: ClusterMetricsResourceType) => kind,
+  }),
+});
+
+export default metricsDetailsComponentEnabledInjectable;
diff --git a/packages/core/src/renderer/api/catalog/entity/metrics-enabled.injectable.ts b/packages/core/src/renderer/api/catalog/entity/metrics-enabled.injectable.ts
new file mode 100644
index 0000000000..d267132fcd
--- /dev/null
+++ b/packages/core/src/renderer/api/catalog/entity/metrics-enabled.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import type { ClusterMetricsResourceType } from "../../../../common/cluster-types";
+import getActiveClusterEntityInjectable from "./get-active-cluster-entity.injectable";
+
+const enabledMetricsInjectable = getInjectable({
+  id: "enabled-metrics",
+  instantiate: (di, kind) => {
+    const getActiveClusterEntity = di.inject(getActiveClusterEntityInjectable);
+
+    return computed(() => !getActiveClusterEntity()?.isMetricHidden(kind));
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, kind: ClusterMetricsResourceType) => kind,
+  }),
+});
+
+export default enabledMetricsInjectable;
diff --git a/packages/core/src/renderer/api/catalog/entity/registry.injectable.ts b/packages/core/src/renderer/api/catalog/entity/registry.injectable.ts
new file mode 100644
index 0000000000..a06413afdf
--- /dev/null
+++ b/packages/core/src/renderer/api/catalog/entity/registry.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 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),
+  }),
+});
+
+export default catalogEntityRegistryInjectable;
diff --git a/packages/core/src/renderer/api/catalog/entity/registry.ts b/packages/core/src/renderer/api/catalog/entity/registry.ts
new file mode 100644
index 0000000000..9971be8462
--- /dev/null
+++ b/packages/core/src/renderer/api/catalog/entity/registry.ts
@@ -0,0 +1,262 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { computed, observable, makeObservable, action } from "mobx";
+import { ipcRendererOn } from "../../../../common/ipc";
+import type { CatalogCategory, CatalogEntity, CatalogEntityData, CatalogCategoryRegistry, CatalogEntityKindData } from "../../../../common/catalog";
+import "../../../../common/catalog-entities";
+import { iter } from "../../../utils";
+import type { Disposer } from "../../../utils";
+import { once } from "lodash";
+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>;
+
+interface Dependencies {
+  navigate: Navigate;
+  readonly categoryRegistry: CatalogCategoryRegistry;
+  logger: Logger;
+}
+
+export class CatalogEntityRegistry {
+  protected readonly activeEntityId = observable.box<string | undefined>(undefined);
+  protected readonly _entities = observable.map<string, CatalogEntity>([], { deep: true });
+  protected readonly filters = observable.set<EntityFilter>([], {
+    deep: false,
+  });
+  protected readonly onBeforeRunHooks = observable.set<CatalogEntityOnBeforeRun>([], {
+    deep: false,
+  });
+
+  /**
+   * Buffer for keeping entities that don't yet have CatalogCategory synced
+   */
+  protected readonly rawEntities: (CatalogEntityData & CatalogEntityKindData)[] = [];
+
+  constructor(protected readonly dependencies: Dependencies) {
+    makeObservable(this);
+  }
+
+  protected getActiveEntityById() {
+    const activeEntityId = this.activeEntityId.get();
+
+    if (!activeEntityId) {
+      return undefined;
+    }
+
+    return this._entities.get(activeEntityId);
+  }
+
+  get activeEntity(): CatalogEntity | undefined {
+    const entity = this.getActiveEntityById();
+
+    // If the entity was not found but there are rawEntities to be processed,
+    // try to process them and return the entity.
+    // This might happen if an extension registered a new Catalog category.
+    if (this.activeEntityId && !entity && this.rawEntities.length > 0) {
+      this.processRawEntities();
+
+      return this.getActiveEntityById();
+    }
+
+    return entity;
+  }
+
+  set activeEntity(raw: CatalogEntity | string | undefined) {
+    if (raw) {
+      const id = typeof raw === "string"
+        ? raw
+        : raw.getId();
+
+      this.activeEntityId.set(id);
+    } else {
+      this.activeEntityId.set(undefined);
+    }
+  }
+
+  init() {
+    ipcRendererOn(catalogItemsChannel, (event, items: (CatalogEntityData & CatalogEntityKindData)[]) => {
+      this.updateItems(items);
+    });
+
+    // Make sure that we get items ASAP and not the next time one of them changes
+    ipcRenderer.send(catalogInitChannel);
+
+    if (isMainFrame) {
+      ipcRendererOn(catalogEntityRunListener, (event, id: string) => {
+        const entity = this.getById(id);
+
+        if (entity) {
+          this.onRun(entity);
+        }
+      });
+    }
+  }
+
+  @action updateItems(items: (CatalogEntityData & CatalogEntityKindData)[]) {
+    this.rawEntities.length = 0;
+
+    const newIds = new Set(items.map((item) => item.metadata.uid));
+
+    for (const uid of this._entities.keys()) {
+      if (!newIds.has(uid)) {
+        this._entities.delete(uid);
+      }
+    }
+
+    for (const item of items) {
+      this.updateItem(item);
+    }
+  }
+
+  @action protected updateItem(item: (CatalogEntityData & CatalogEntityKindData)) {
+    const existing = this._entities.get(item.metadata.uid);
+
+    if (!existing) {
+      const entity = this.dependencies.categoryRegistry.getEntityForData(item);
+
+      if (entity) {
+        this._entities.set(entity.getId(), entity);
+      } else {
+        this.rawEntities.push(item);
+      }
+    } else {
+      existing.metadata = item.metadata;
+      existing.spec = item.spec;
+      existing.status = item.status;
+    }
+  }
+
+  protected processRawEntities() {
+    const items = [...this.rawEntities];
+
+    this.rawEntities.length = 0;
+
+    for (const item of items) {
+      this.updateItem(item);
+    }
+  }
+
+  readonly items = computed(() => {
+    this.processRawEntities();
+
+    return Array.from(this._entities.values());
+  });
+
+  @computed get filteredItems() {
+    return Array.from(
+      iter.reduce(
+        this.filters,
+        iter.filter,
+        this.items.get().values(),
+      ),
+    );
+  }
+
+  @computed get entities(): Map<string, CatalogEntity> {
+    return new Map(
+      this.items.get().map(entity => [entity.getId(), entity]),
+    );
+  }
+
+  @computed get filteredEntities(): Map<string, CatalogEntity> {
+    return new Map(
+      this.filteredItems.map(entity => [entity.getId(), entity]),
+    );
+  }
+
+  getById(id: string) {
+    return this.entities.get(id);
+  }
+
+  getItemsForApiKind<T extends CatalogEntity>(apiVersion: string, kind: string, { filtered = false } = {}): T[] {
+    const byApiKind = (item: CatalogEntity) => item.apiVersion === apiVersion && item.kind === kind;
+    const entities = filtered ? this.filteredItems : this.items.get();
+
+    return entities.filter(byApiKind) as T[];
+  }
+
+  getItemsForCategory<T extends CatalogEntity>(category: CatalogCategory, { filtered = false } = {}): T[] {
+    const supportedVersions = new Set(category.spec.versions.map((v) => `${category.spec.group}/${v.name}`));
+    const byApiVersionKind = (item: CatalogEntity) => supportedVersions.has(item.apiVersion) && item.kind === category.spec.names.kind;
+    const entities = filtered ? this.filteredItems : this.items.get();
+
+    return entities.filter(byApiVersionKind) as T[];
+  }
+
+  /**
+   * Add a new filter to the set of item filters
+   * @param fn The function that should return a truthy value if that entity should be sent currently "active"
+   * @returns A function to remove that filter
+   */
+  @action addCatalogFilter(fn: EntityFilter): Disposer {
+    this.filters.add(fn);
+
+    return once(() => void this.filters.delete(fn));
+  }
+
+  /**
+   * Add a onBeforeRun hook. If `onBeforeRun` was previously added then it will not be added again
+   * @param onBeforeRun The function that should return a boolean if the onRun of catalog entity should be triggered.
+   * @returns A function to remove that hook
+   */
+  @action addOnBeforeRun(onBeforeRun: CatalogEntityOnBeforeRun): Disposer {
+    this.onBeforeRunHooks.add(onBeforeRun);
+
+    return once(() => void this.onBeforeRunHooks.delete(onBeforeRun));
+  }
+
+  /**
+   * Runs all the registered `onBeforeRun` hooks, short circuiting on the first event that's preventDefaulted
+   * @param entity The entity to run the hooks on
+   * @returns Whether the entities `onRun` method should be executed
+   */
+  async onBeforeRun(entity: CatalogEntity): Promise<boolean> {
+    this.dependencies.logger.debug(`[CATALOG-ENTITY-REGISTRY]: run onBeforeRun on ${entity.getId()}`);
+
+    const runEvent = new CatalogRunEvent({ target: entity });
+
+    for (const onBeforeRun of this.onBeforeRunHooks) {
+      try {
+        await onBeforeRun(runEvent);
+      } catch (error) {
+        this.dependencies.logger.warn(`[CATALOG-ENTITY-REGISTRY]: entity ${entity.getId()} onBeforeRun threw an error`, error);
+      }
+
+      if (runEvent.defaultPrevented) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  /**
+   * Perform the onBeforeRun check and, if successful, then proceed to call `entity`'s onRun method
+   * @param entity The instance to invoke the hooks and then execute the onRun
+   */
+  onRun(entity: CatalogEntity): void {
+    this.onBeforeRun(entity)
+      .then(doOnRun => {
+        if (doOnRun) {
+          return entity.onRun?.({
+            navigate: this.dependencies.navigate,
+            setCommandPaletteContext: (entity) => {
+              this.activeEntity = entity;
+            },
+          });
+        } else {
+          this.dependencies.logger.debug(`onBeforeRun for ${entity.getId()} returned false`);
+        }
+      })
+      .catch(error => this.dependencies.logger.error(`[CATALOG-ENTITY-REGISTRY]: entity ${entity.getId()} onRun threw an error`, error));
+  }
+}
diff --git a/packages/core/src/renderer/api/create-terminal-api.injectable.ts b/packages/core/src/renderer/api/create-terminal-api.injectable.ts
new file mode 100644
index 0000000000..63581623bf
--- /dev/null
+++ b/packages/core/src/renderer/api/create-terminal-api.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 assert from "assert";
+import loggerInjectable from "../../common/logger.injectable";
+import hostedClusterIdInjectable from "../cluster-frame-context/hosted-cluster-id.injectable";
+import defaultWebsocketApiParamsInjectable from "./default-websocket-api-params.injectable";
+import type { TerminalApiDependencies, TerminalApiQuery } from "./terminal-api";
+import { TerminalApi } from "./terminal-api";
+
+export type CreateTerminalApi = (query: TerminalApiQuery) => TerminalApi;
+
+const createTerminalApiInjectable = getInjectable({
+  id: "create-terminal-api",
+  instantiate: (di): CreateTerminalApi => {
+    const hostedClusterId = di.inject(hostedClusterIdInjectable);
+    const deps: Omit<TerminalApiDependencies, "hostedClusterId"> = {
+      logger: di.inject(loggerInjectable),
+      defaultParams: di.inject(defaultWebsocketApiParamsInjectable),
+    };
+
+    return (query) => {
+      assert(hostedClusterId, "Can only create terminal APIs within a cluster frame");
+
+      return new TerminalApi({
+        hostedClusterId,
+        ...deps,
+      }, query);
+    };
+  },
+});
+
+export default createTerminalApiInjectable;
diff --git a/packages/core/src/renderer/api/default-websocket-api-params.injectable.ts b/packages/core/src/renderer/api/default-websocket-api-params.injectable.ts
new file mode 100644
index 0000000000..2ff3284a27
--- /dev/null
+++ b/packages/core/src/renderer/api/default-websocket-api-params.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 { TerminalMessage } from "../../common/terminal/channels";
+import { TerminalChannels } from "../../common/terminal/channels";
+import isDevelopmentInjectable from "../../common/vars/is-development.injectable";
+
+export type DefaultWebsocketApiParams = ReturnType<typeof defaultWebsocketApiParamsInjectable.instantiate>;
+
+const defaultWebsocketApiParamsInjectable = getInjectable({
+  id: "default-websocket-api-params",
+  instantiate: (di) => ({
+    logging: di.inject(isDevelopmentInjectable),
+    reconnectDelay: 10,
+    flushOnOpen: true,
+    pingMessage: JSON.stringify({ type: TerminalChannels.PING } as TerminalMessage),
+  }),
+});
+
+export default defaultWebsocketApiParamsInjectable;
diff --git a/packages/core/src/renderer/api/helpers/watch-for-general-entity-navigation.injectable.ts b/packages/core/src/renderer/api/helpers/watch-for-general-entity-navigation.injectable.ts
new file mode 100644
index 0000000000..0e73acfcd1
--- /dev/null
+++ b/packages/core/src/renderer/api/helpers/watch-for-general-entity-navigation.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 } 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";
+import type { Disposer } from "../../utils";
+import { disposer } from "../../utils";
+import catalogEntityRegistryInjectable from "../catalog/entity/registry.injectable";
+
+export type WatchForGeneralEntityNavigation = () => Disposer;
+
+const watchForGeneralEntityNavigationInjectable = getInjectable({
+  id: "watch-for-general-entity-navigation",
+  instantiate: (di): WatchForGeneralEntityNavigation => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+    const isActiveRoute = di.inject(isActiveRouteInjectable);
+    const entityRegistry = di.inject(catalogEntityRegistryInjectable);
+    const generalCategory = di.inject(generalCategoryInjectable);
+
+    return () => {
+      const dispose = disposer();
+
+      dispose.push(when(
+        () => entityRegistry.entities.size > 0,
+        () => {
+          dispose.push(reaction(
+            () => observableHistory.location,
+            () => {
+              const entities = entityRegistry.getItemsForCategory(generalCategory) as GeneralEntity[];
+              const activeEntity = entities.find(entity => isActiveRoute(entity.spec.path));
+
+              if (activeEntity) {
+                entityRegistry.activeEntity = activeEntity;
+              }
+            },
+            {
+              fireImmediately: true,
+            },
+          ));
+        },
+      ));
+
+      return dispose;
+    };
+  },
+});
+
+export default watchForGeneralEntityNavigationInjectable;
diff --git a/packages/core/src/renderer/api/terminal-api.ts b/packages/core/src/renderer/api/terminal-api.ts
new file mode 100644
index 0000000000..fadd544bb6
--- /dev/null
+++ b/packages/core/src/renderer/api/terminal-api.ts
@@ -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 { WebSocketApiDependencies, WebSocketEvents } from "./websocket-api";
+import { WebSocketApi } from "./websocket-api";
+import isEqual from "lodash/isEqual";
+import url from "url";
+import { makeObservable, observable } from "mobx";
+import { ipcRenderer } from "electron";
+import type { Logger } from "../../common/logger";
+import { once } from "lodash";
+import { type TerminalMessage, TerminalChannels } from "../../common/terminal/channels";
+
+enum TerminalColor {
+  RED = "\u001b[31m",
+  GREEN = "\u001b[32m",
+  YELLOW = "\u001b[33m",
+  BLUE = "\u001b[34m",
+  MAGENTA = "\u001b[35m",
+  CYAN = "\u001b[36m",
+  GRAY = "\u001b[90m",
+  LIGHT_GRAY = "\u001b[37m",
+  NO_COLOR = "\u001b[0m",
+}
+
+export interface TerminalApiQuery extends Record<string, string | undefined> {
+  id: string;
+  node?: string;
+  type?: string;
+}
+
+export interface TerminalEvents extends WebSocketEvents {
+  ready: () => void;
+  connected: () => void;
+}
+
+export interface TerminalApiDependencies extends WebSocketApiDependencies {
+  readonly hostedClusterId: string;
+  readonly logger: Logger;
+}
+
+export class TerminalApi extends WebSocketApi<TerminalEvents> {
+  protected size?: { width: number; height: number };
+
+  @observable public isReady = false;
+
+  constructor(protected readonly dependencies: TerminalApiDependencies, protected readonly query: TerminalApiQuery) {
+    super(dependencies, {
+      flushOnOpen: false,
+      pingInterval: 30,
+    });
+    makeObservable(this);
+
+    if (query.node) {
+      query.type ||= "node";
+    }
+  }
+
+  async connect() {
+    if (!this.socket) {
+      /**
+       * Only emit this message if we are not "reconnecting", so as to keep the
+       * output display clean when the computer wakes from sleep
+       */
+      this.emitStatus("Connecting ...");
+    }
+
+    const authTokenArray = await ipcRenderer.invoke("cluster:shell-api", this.dependencies.hostedClusterId, this.query.id);
+
+    if (!(authTokenArray instanceof Uint8Array)) {
+      throw new TypeError("ShellApi token is not a Uint8Array");
+    }
+
+    const { hostname, protocol, port } = location;
+    const socketUrl = url.format({
+      protocol: protocol.includes("https") ? "wss" : "ws",
+      hostname,
+      port,
+      pathname: "/api",
+      query: {
+        ...this.query,
+        shellToken: Buffer.from(authTokenArray).toString("base64"),
+      },
+      slashes: true,
+    });
+
+    const onReady = once((data?: string) => {
+      this.isReady = true;
+      this.emit("ready");
+      this.removeListener("data", onReady);
+      this.removeListener("connected", onReady);
+      this.flush();
+
+      // data is undefined if the event that was handled is "connected"
+      if (data === undefined) {
+        const lastData = window.localStorage.getItem(`${this.query.id}:last-data`);
+
+        if (lastData) {
+          /**
+           * Output the last line, the makes sure that the terminal isn't completely
+           * empty when the user refreshes.
+           */
+          this.emit("data", lastData);
+        }
+      }
+    });
+
+    this.prependListener("data", onReady);
+    this.prependListener("connected", onReady);
+
+    super.connect(socketUrl);
+  }
+
+  sendMessage(message: TerminalMessage) {
+    return this.send(JSON.stringify(message));
+  }
+
+  sendTerminalSize(cols: number, rows: number) {
+    const newSize = { width: cols, height: rows };
+
+    if (!isEqual(this.size, newSize)) {
+      this.sendMessage({
+        type: TerminalChannels.RESIZE,
+        data: newSize,
+      });
+      this.size = newSize;
+    }
+  }
+
+  protected _onMessage({ data, ...evt }: MessageEvent<string>): void {
+    try {
+      const message = JSON.parse(data) as TerminalMessage;
+
+      switch (message.type) {
+        case TerminalChannels.STDOUT:
+          /**
+           * save the last data for reconnections. User localStorage because we
+           * don't want this data to survive if the app is closed
+           */
+          window.localStorage.setItem(`${this.query.id}:last-data`, message.data);
+          super._onMessage({ data: message.data, ...evt });
+          break;
+        case TerminalChannels.CONNECTED:
+          this.emit("connected");
+          break;
+        default:
+          this.dependencies.logger.warn(`[TERMINAL-API]: unknown or unhandleable message type`, message);
+          break;
+      }
+    } catch (error) {
+      this.dependencies.logger.error(`[TERMINAL-API]: failed to handle message`, error);
+    }
+  }
+
+  protected _onOpen(evt: Event) {
+    // Client should send terminal size in special channel 4,
+    // But this size will be changed by terminal.fit()
+    this.sendTerminalSize(120, 80);
+    super._onOpen(evt);
+  }
+
+  protected _onClose(evt: CloseEvent) {
+    super._onClose(evt);
+    this.isReady = false;
+  }
+
+  protected emitStatus(data: string, options: { color?: TerminalColor; showTime?: boolean } = {}) {
+    const { color, showTime } = options;
+    const time = showTime ? `${(new Date()).toLocaleString()} ` : "";
+
+    if (color) {
+      data = `${color}${data}${TerminalColor.NO_COLOR}`;
+    }
+
+    this.emit("data", `${time}${data}\r\n`);
+  }
+
+  protected emitError(error: string) {
+    this.emitStatus(error, {
+      color: TerminalColor.RED,
+    });
+  }
+}
diff --git a/packages/core/src/renderer/api/websocket-api.ts b/packages/core/src/renderer/api/websocket-api.ts
new file mode 100644
index 0000000000..b172655dab
--- /dev/null
+++ b/packages/core/src/renderer/api/websocket-api.ts
@@ -0,0 +1,201 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable, makeObservable } from "mobx";
+import EventEmitter from "events";
+import type TypedEventEmitter from "typed-emitter";
+import type { Arguments } from "typed-emitter";
+import type { Defaulted } from "../utils";
+import type { DefaultWebsocketApiParams } from "./default-websocket-api-params.injectable";
+
+interface WebsocketApiParams {
+  /**
+   * Flush pending commands on open socket
+   *
+   * @default true
+   */
+  flushOnOpen?: boolean;
+
+  /**
+   * In case of an error, wait this many seconds before reconnecting.
+   *
+   * If falsy, don't reconnect
+   *
+   * @default 10
+   */
+  reconnectDelay?: number;
+
+  /**
+   * The message for pinging the websocket
+   *
+   * @default "{type: \"ping\"}"
+   */
+  pingMessage?: string;
+
+  /**
+   * If set to a number > 0, then the API will ping the socket on that interval.
+   *
+   * @unit seconds
+   */
+  pingInterval?: number;
+
+  /**
+   * Whether to show logs in the console
+   *
+   * @default isDevelopment
+   */
+  logging?: boolean;
+}
+
+export enum WebSocketApiState {
+  PENDING = "pending",
+  OPEN = "open",
+  CONNECTING = "connecting",
+  RECONNECTING = "reconnecting",
+  CLOSED = "closed",
+}
+
+export interface WebSocketEvents {
+  open: () => void;
+  data: (message: string) => void;
+  close: () => void;
+}
+
+export interface WebSocketApiDependencies {
+  readonly defaultParams: DefaultWebsocketApiParams;
+}
+
+export class WebSocketApi<Events extends WebSocketEvents> extends (EventEmitter as { new<T>(): TypedEventEmitter<T> })<Events> {
+  protected socket: WebSocket | null = null;
+  protected pendingCommands: string[] = [];
+  protected reconnectTimer?: number;
+  protected pingTimer?: number;
+  protected params: Defaulted<WebsocketApiParams, keyof DefaultWebsocketApiParams>;
+
+  @observable readyState = WebSocketApiState.PENDING;
+
+  constructor(protected readonly dependencies: WebSocketApiDependencies, params: WebsocketApiParams) {
+    super();
+    makeObservable(this);
+    this.params = {
+      ...this.dependencies.defaultParams,
+      ...params,
+    };
+    const { pingInterval } = this.params;
+
+    if (pingInterval) {
+      this.pingTimer = window.setInterval(() => this.ping(), pingInterval * 1000);
+    }
+  }
+
+  isConnected(): this is (WebSocketApi<Events> & { socket: WebSocket }) {
+    return this.socket?.readyState === WebSocket.OPEN;
+  }
+
+  connect(url: string) {
+    // close previous connection first
+    this.socket?.close();
+
+    // start new connection
+    this.socket = new WebSocket(url);
+    this.socket.addEventListener("open", ev => this._onOpen(ev));
+    this.socket.addEventListener("message", ev => this._onMessage(ev));
+    this.socket.addEventListener("error", ev => this._onError(ev));
+    this.socket.addEventListener("close", ev => this._onClose(ev));
+    this.readyState = WebSocketApiState.CONNECTING;
+  }
+
+  ping() {
+    if (this.isConnected()) {
+      this.send(this.params.pingMessage);
+    }
+  }
+
+  reconnect(): void {
+    if (!this.socket) {
+      return void console.error("[WEBSOCKET-API]: cannot reconnect to a socket that is not connected");
+    }
+
+    this.connect(this.socket.url);
+  }
+
+  destroy() {
+    if (!this.socket) return;
+    this.socket.close();
+    this.socket = null;
+    this.pendingCommands = [];
+    this.clearAllListeners();
+    clearTimeout(this.reconnectTimer);
+    clearInterval(this.pingTimer);
+    this.readyState = WebSocketApiState.PENDING;
+  }
+
+  clearAllListeners() {
+    for (const name of this.eventNames()) {
+      this.removeAllListeners(name as keyof Events);
+    }
+  }
+
+  send(command: string) {
+    if (this.isConnected()) {
+      this.socket.send(command);
+    } else {
+      this.pendingCommands.push(command);
+    }
+  }
+
+  protected flush() {
+    const commands = this.pendingCommands;
+
+    this.pendingCommands = [];
+
+    for (const command of commands) {
+      this.send(command);
+    }
+  }
+
+  protected _onOpen(evt: Event) {
+    this.emit("open", ...[] as Arguments<Events["open"]>);
+    if (this.params.flushOnOpen) this.flush();
+    this.readyState = WebSocketApiState.OPEN;
+    this.writeLog("%cOPEN", "color:green;font-weight:bold;", evt);
+  }
+
+  protected _onMessage({ data }: MessageEvent): void {
+    this.emit("data", ...[data] as Arguments<Events["data"]>);
+    this.writeLog("%cMESSAGE", "color:black;font-weight:bold;", data);
+  }
+
+  protected _onError(evt: Event) {
+    this.writeLog("%cERROR", "color:red;font-weight:bold;", evt);
+  }
+
+  protected _onClose(evt: CloseEvent) {
+    const error = evt.code !== 1000 || !evt.wasClean;
+
+    if (error) {
+      const { reconnectDelay } = this.params;
+
+      if (reconnectDelay && this.socket) {
+        const url = this.socket.url;
+
+        this.writeLog("will reconnect in", `${reconnectDelay}s`);
+
+        this.reconnectTimer = window.setTimeout(() => this.connect(url), reconnectDelay * 1000);
+        this.readyState = WebSocketApiState.RECONNECTING;
+      }
+    } else {
+      this.readyState = WebSocketApiState.CLOSED;
+      this.emit("close", ...[] as Arguments<Events["close"]>);
+    }
+    this.writeLog("%cCLOSE", `color:${error ? "red" : "black"};font-weight:bold;`, evt);
+  }
+
+  protected writeLog(...data: any[]) {
+    if (this.params.logging) {
+      console.debug(...data);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/app-paths/setup-app-paths.injectable.ts b/packages/core/src/renderer/app-paths/setup-app-paths.injectable.ts
new file mode 100644
index 0000000000..d69d8dcbab
--- /dev/null
+++ b/packages/core/src/renderer/app-paths/setup-app-paths.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 appPathsStateInjectable from "../../common/app-paths/app-paths-state.injectable";
+import { beforeFrameStartsFirstInjectionToken } from "../before-frame-starts/tokens";
+import { appPathsChannel } from "../../common/app-paths/app-paths-channel";
+import { requestFromChannelInjectionToken } from "../../common/utils/channel/request-from-channel-injection-token";
+
+const setupAppPathsInjectable = getInjectable({
+  id: "setup-app-paths",
+
+  instantiate: (di) => ({
+    id: "setup-app-paths",
+    run: async () => {
+      const requestFromChannel = di.inject(requestFromChannelInjectionToken);
+      const appPathsState = di.inject(appPathsStateInjectable);
+      const appPaths = await requestFromChannel(appPathsChannel);
+
+      appPathsState.set(appPaths);
+    },
+  }),
+
+  injectionToken: beforeFrameStartsFirstInjectionToken,
+});
+
+export default setupAppPathsInjectable;
diff --git a/packages/core/src/renderer/base-store/disable-sync-in-ipc-listener.injectable.ts b/packages/core/src/renderer/base-store/disable-sync-in-ipc-listener.injectable.ts
new file mode 100644
index 0000000000..82670d8e1b
--- /dev/null
+++ b/packages/core/src/renderer/base-store/disable-sync-in-ipc-listener.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 { shouldBaseStoreDisableSyncInIpcListenerInjectionToken } from "../../common/base-store/disable-sync";
+
+const shouldBaseStoreDisableSyncInIpcListenerInjectable = getInjectable({
+  id: "should-base-store-disable-sync-in-ipc-listener",
+  instantiate: () => true,
+  injectionToken: shouldBaseStoreDisableSyncInIpcListenerInjectionToken,
+});
+
+export default shouldBaseStoreDisableSyncInIpcListenerInjectable;
diff --git a/packages/core/src/renderer/base-store/ipc-channel-prefix.injectable.ts b/packages/core/src/renderer/base-store/ipc-channel-prefix.injectable.ts
new file mode 100644
index 0000000000..bb2d407720
--- /dev/null
+++ b/packages/core/src/renderer/base-store/ipc-channel-prefix.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 { baseStoreIpcChannelPrefixesInjectionToken } from "../../common/base-store/channel-prefix";
+
+const baseStoreIpcChannelPrefixInjectable = getInjectable({
+  id: "base-store-ipc-channel-prefix",
+  instantiate: () => ({
+    local: "store-sync-renderer",
+    remote: "store-sync-main",
+  }),
+  injectionToken: baseStoreIpcChannelPrefixesInjectionToken,
+});
+
+export default baseStoreIpcChannelPrefixInjectable;
diff --git a/packages/core/src/renderer/base-store/persist-state-to-config.injectable.ts b/packages/core/src/renderer/base-store/persist-state-to-config.injectable.ts
new file mode 100644
index 0000000000..a1c8c5919a
--- /dev/null
+++ b/packages/core/src/renderer/base-store/persist-state-to-config.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 { getInjectable } from "@ogre-tools/injectable";
+import { persistStateToConfigInjectionToken } from "../../common/base-store/save-to-file";
+import { noop } from "../utils";
+
+const persistStateToConfigInjectable = getInjectable({
+  id: "persist-state-to-config",
+  instantiate: () => noop,
+  injectionToken: persistStateToConfigInjectionToken,
+});
+
+export default persistStateToConfigInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/configure-immer.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/configure-immer.injectable.ts
new file mode 100644
index 0000000000..73ec9f99bc
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/configure-immer.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 { setAutoFreeze, enableMapSet } from "immer";
+import { beforeFrameStartsFirstInjectionToken } from "../tokens";
+
+const configureImmerInjectable = getInjectable({
+  id: "configure-immer",
+  instantiate: () => ({
+    id: "configure-immer",
+    run: () => {
+      // Docs: https://immerjs.github.io/immer/
+      // Required in `utils/storage-helper.ts`
+      setAutoFreeze(false); // allow to merge mobx observables
+      enableMapSet(); // allow to merge maps and sets
+    },
+  }),
+  injectionToken: beforeFrameStartsFirstInjectionToken,
+});
+
+export default configureImmerInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/configure-mobx.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/configure-mobx.injectable.ts
new file mode 100644
index 0000000000..20953b8a8a
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/configure-mobx.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 { configure } from "mobx";
+import { beforeFrameStartsFirstInjectionToken } from "../tokens";
+
+const configureMobxInjectable = getInjectable({
+  id: "configure-mobx",
+  instantiate: () => ({
+    id: "configure-mobx",
+    run: () => {
+      // Docs: https://mobx.js.org/configuration.html
+      configure({
+        enforceActions: "never",
+
+        // TODO: enable later (read more: https://mobx.js.org/migrating-from-4-or-5.html)
+        // computedRequiresReaction: true,
+        // reactionRequiresObservable: true,
+        // observableRequiresReaction: true,
+      });
+    },
+  }),
+  injectionToken: beforeFrameStartsFirstInjectionToken,
+});
+
+export default configureMobxInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/load-monaco-themes.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/load-monaco-themes.injectable.ts
new file mode 100644
index 0000000000..ef85a84cd0
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/load-monaco-themes.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 { customMonacoThemeInjectionToken } from "../../components/monaco-editor";
+import addNewMonacoThemeInjectable from "../../monaco/add-new-theme.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../tokens";
+
+const loadMonacoThemesInjectable = getInjectable({
+  id: "load-monaco-themes",
+  instantiate: (di) => ({
+    id: "load-monaco-themes",
+    run: () => {
+      const customThemes = di.injectMany(customMonacoThemeInjectionToken);
+      const addNewMonacoTheme = di.inject(addNewMonacoThemeInjectable);
+
+      customThemes.forEach(addNewMonacoTheme);
+    },
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default loadMonacoThemesInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/setup-auto-registration.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/setup-auto-registration.injectable.ts
new file mode 100644
index 0000000000..64bc9dee58
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/setup-auto-registration.injectable.ts
@@ -0,0 +1,93 @@
+/**
+ * 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 autoRegistrationEmitterInjectable from "../../../common/k8s-api/api-manager/auto-registration-emitter.injectable";
+import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
+import { CustomResourceStore } from "../../../common/k8s-api/api-manager/resource.store";
+import type { CustomResourceDefinition } from "../../../common/k8s-api/endpoints";
+import type { KubeApiDependencies } from "../../../common/k8s-api/kube-api";
+import { KubeApi } from "../../../common/k8s-api/kube-api";
+import { KubeObject } from "../../../common/k8s-api/kube-object";
+import { beforeClusterFrameStartsSecondInjectionToken } from "../tokens";
+import type { KubeObjectStoreDependencies } from "../../../common/k8s-api/kube-object.store";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import maybeKubeApiInjectable from "../../../common/k8s-api/maybe-kube-api.injectable";
+
+const setupAutoRegistrationInjectable = getInjectable({
+  id: "setup-auto-registration",
+  instantiate: (di) => ({
+    id: "setup-auto-registration",
+    run: () => {
+      const autoRegistrationEmitter = di.inject(autoRegistrationEmitterInjectable);
+      const beforeApiManagerInitializationCrds: CustomResourceDefinition[] = [];
+      const beforeApiManagerInitializationApis: KubeApi[] = [];
+      const kubeApiDependencies: KubeApiDependencies = {
+        logger: di.inject(loggerInjectable),
+        maybeKubeApi: di.inject(maybeKubeApiInjectable),
+      };
+      const kubeObjectStoreDependencies: KubeObjectStoreDependencies = {
+        context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+        logger: di.inject(loggerInjectable),
+      };
+      let initialized = false;
+
+      const autoInitCustomResourceStore = (crd: CustomResourceDefinition) => {
+        const objectConstructor = class extends KubeObject {
+          static readonly kind = crd.getResourceKind();
+          static readonly namespaced = crd.isNamespaced();
+          static readonly apiBase = crd.getResourceApiBase();
+        };
+
+        const api = (() => {
+          const rawApi = apiManager.getApi(objectConstructor.apiBase);
+
+          if (rawApi) {
+            return rawApi;
+          }
+
+          const api = new KubeApi(kubeApiDependencies, { objectConstructor });
+
+          apiManager.registerApi(api);
+
+          return api;
+        })();
+
+        if (!apiManager.getStore(api)) {
+          apiManager.registerStore(new CustomResourceStore(kubeObjectStoreDependencies, api));
+        }
+      };
+      const autoInitKubeApi = (api: KubeApi) => {
+        apiManager.registerApi(api);
+      };
+
+      autoRegistrationEmitter
+        .on("customResourceDefinition", (crd) => {
+          if (initialized) {
+            autoInitCustomResourceStore(crd);
+          } else {
+            beforeApiManagerInitializationCrds.push(crd);
+          }
+        })
+        .on("kubeApi", (api) => {
+          if (initialized) {
+            autoInitKubeApi(api);
+          } else {
+            beforeApiManagerInitializationApis.push(api);
+          }
+        });
+
+      // NOTE: this MUST happen after the event emitter listeners are registered
+      const apiManager = di.inject(apiManagerInjectable);
+
+      beforeApiManagerInitializationCrds.forEach(autoInitCustomResourceStore);
+      beforeApiManagerInitializationApis.forEach(autoInitKubeApi);
+      initialized = true;
+    },
+  }),
+  injectionToken: beforeClusterFrameStartsSecondInjectionToken,
+});
+
+export default setupAutoRegistrationInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/setup-current-cluster-broadcast.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/setup-current-cluster-broadcast.injectable.ts
new file mode 100644
index 0000000000..a89ba58ec2
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/setup-current-cluster-broadcast.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 { reaction } from "mobx";
+import { currentClusterMessageChannel } from "../../../common/cluster/current-cluster-channel";
+import { sendMessageToChannelInjectionToken } from "../../../common/utils/channel/message-to-channel-injection-token";
+import matchedClusterIdInjectable from "../../navigation/matched-cluster-id.injectable";
+import { beforeMainFrameStartsFirstInjectionToken } from "../tokens";
+
+const setupCurrentClusterBroadcastInjectable = getInjectable({
+  id: "setup-current-cluster-broadcast",
+  instantiate: (di) => ({
+    id: "setup-current-cluster-broadcast",
+    run: () => {
+      const matchedClusterId = di.inject(matchedClusterIdInjectable);
+      const sendMessageToChannel = di.inject(sendMessageToChannelInjectionToken);
+
+      reaction(
+        () => matchedClusterId.get(),
+        clusterId => sendMessageToChannel(currentClusterMessageChannel, clusterId),
+        {
+          fireImmediately: true,
+        },
+      );
+    },
+  }),
+  injectionToken: beforeMainFrameStartsFirstInjectionToken,
+});
+
+export default setupCurrentClusterBroadcastInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/setup-kubernetes-cluster-catalog-add-menu.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/setup-kubernetes-cluster-catalog-add-menu.injectable.ts
new file mode 100644
index 0000000000..20566b5dac
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/setup-kubernetes-cluster-catalog-add-menu.injectable.ts
@@ -0,0 +1,81 @@
+/**
+ * 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 kubernetesClusterCategoryInjectable from "../../../common/catalog/categories/kubernetes-cluster.injectable";
+import navigateToAddClusterInjectable from "../../../common/front-end-routing/routes/add-cluster/navigate-to-add-cluster.injectable";
+import isLinuxInjectable from "../../../common/vars/is-linux.injectable";
+import isWindowsInjectable from "../../../common/vars/is-windows.injectable";
+import openPathPickingDialogInjectable from "../../../features/path-picking-dialog/renderer/pick-paths.injectable";
+import addSyncEntriesInjectable from "../../initializers/add-sync-entries.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../tokens";
+
+const setupKubernetesClusterCatalogAddMenuListenerInjectable = getInjectable({
+  id: "setup-kubernetes-cluster-catalog-add-menu-listener",
+  instantiate: (di) => ({
+    id: "setup-kubernetes-cluster-catalog-add-menu-listener",
+    run: () => {
+      // NOTE: these have to be here so that they are initialized only after the `runAfter` is ran
+      const navigateToAddCluster = di.inject(navigateToAddClusterInjectable);
+      const addSyncEntries = di.inject(addSyncEntriesInjectable);
+      const kubernetesClusterCategory = di.inject(kubernetesClusterCategoryInjectable);
+      const isWindows = di.inject(isWindowsInjectable);
+      const isLinux = di.inject(isLinuxInjectable);
+      const openPathPickingDialog = di.inject(openPathPickingDialogInjectable);
+
+      kubernetesClusterCategory.on("catalogAddMenu", ctx => {
+        ctx.menuItems.push(
+          {
+            icon: "text_snippet",
+            title: "Add from kubeconfig",
+            onClick: navigateToAddCluster,
+          },
+        );
+
+        if (isWindows || isLinux) {
+          ctx.menuItems.push(
+            {
+              icon: "create_new_folder",
+              title: "Sync kubeconfig folder(s)",
+              defaultAction: true,
+              onClick: () => openPathPickingDialog({
+                message: "Sync folder(s)",
+                buttonLabel: "Sync",
+                properties: ["showHiddenFiles", "multiSelections", "openDirectory"],
+                onPick: addSyncEntries,
+              }),
+            },
+            {
+              icon: "note_add",
+              title: "Sync kubeconfig file(s)",
+              onClick: () => openPathPickingDialog({
+                message: "Sync file(s)",
+                buttonLabel: "Sync",
+                properties: ["showHiddenFiles", "multiSelections", "openFile"],
+                onPick: addSyncEntries,
+              }),
+            },
+          );
+        } else {
+          ctx.menuItems.push(
+            {
+              icon: "create_new_folder",
+              title: "Sync kubeconfig(s)",
+              defaultAction: true,
+              onClick: () => openPathPickingDialog({
+                message: "Sync file(s)",
+                buttonLabel: "Sync",
+                properties: ["showHiddenFiles", "multiSelections", "openFile", "openDirectory"],
+                onPick: addSyncEntries,
+              }),
+            },
+          );
+        }
+      });
+    },
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default setupKubernetesClusterCatalogAddMenuListenerInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/setup-kubernetes-cluster-context-menu-open.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/setup-kubernetes-cluster-context-menu-open.injectable.ts
new file mode 100644
index 0000000000..99a3bfa9f3
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/setup-kubernetes-cluster-context-menu-open.injectable.ts
@@ -0,0 +1,56 @@
+/**
+ * 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 catalogCategoryRegistryInjectable from "../../../common/catalog/category-registry.injectable";
+import getClusterByIdInjectable from "../../../common/cluster-store/get-by-id.injectable";
+import readFileInjectable from "../../../common/fs/read-file.injectable";
+import { loadConfigFromString } from "../../../common/kube-helpers";
+import loggerInjectable from "../../../common/logger.injectable";
+import openDeleteClusterDialogInjectable from "../../components/delete-cluster-dialog/open.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../tokens";
+
+const setupKubernetesClusterContextMenuOpenInjectable = getInjectable({
+  id: "setup-kubernetes-cluster-context-menu-open",
+  instantiate: (di) => ({
+    id: "setup-kubernetes-cluster-context-menu-open",
+    run: () => {
+      const catalogCategoryRegistry = di.inject(catalogCategoryRegistryInjectable);
+      const openDeleteClusterDialog = di.inject(openDeleteClusterDialogInjectable);
+      const readFile = di.inject(readFileInjectable);
+      const getClusterById = di.inject(getClusterByIdInjectable);
+      const logger = di.inject(loggerInjectable);
+
+      catalogCategoryRegistry
+        .getForGroupKind("entity.k8slens.dev", "KubernetesCluster")
+        ?.on("contextMenuOpen", (entity, context) => {
+          if (entity.metadata?.source == "local") {
+            context.menuItems.push({
+              title: "Remove",
+              icon: "delete",
+              onClick: async () => {
+                const clusterId = entity.getId();
+                const cluster = getClusterById(entity.getId());
+
+                if (!cluster) {
+                  return logger.warn("[KUBERNETES-CLUSTER]: cannot delete cluster, does not exist in store", { clusterId });
+                }
+
+                const result = loadConfigFromString(await readFile(cluster.kubeConfigPath));
+
+                if (result.error) {
+                  logger.error("[KUBERNETES-CLUSTER]: failed to parse kubeconfig file", result.error);
+                } else {
+                  openDeleteClusterDialog(result.config, cluster);
+                }
+              },
+            });
+          }
+        });
+    },
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default setupKubernetesClusterContextMenuOpenInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/setup-lens-proxy-certificate.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/setup-lens-proxy-certificate.injectable.ts
new file mode 100644
index 0000000000..e698eda6dd
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/setup-lens-proxy-certificate.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 { beforeFrameStartsFirstInjectionToken } from "../tokens";
+import lensProxyCertificateInjectable from "../../../common/certificate/lens-proxy-certificate.injectable";
+import requestLensProxyCertificateInjectable from "../../certificate/request-lens-proxy-certificate.injectable";
+
+const setupLensProxyCertificateInjectable = getInjectable({
+  id: "setup-lens-proxy-certificate",
+  instantiate: (di) => ({
+    id: "setup-lens-proxy-certificate",
+    run: async () => {
+      const requestLensProxyCertificate = di.inject(requestLensProxyCertificateInjectable);
+      const lensProxyCertificate = di.inject(lensProxyCertificateInjectable);
+
+      lensProxyCertificate.set(await requestLensProxyCertificate());
+    },
+  }),
+  injectionToken: beforeFrameStartsFirstInjectionToken,
+});
+
+export default setupLensProxyCertificateInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/setup-root-mac-class.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/setup-root-mac-class.injectable.ts
new file mode 100644
index 0000000000..56b9ce66fa
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/setup-root-mac-class.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 isMacInjectable from "../../../common/vars/is-mac.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../tokens";
+
+const setupRootMacClassnameInjectable = getInjectable({
+  id: "setup-root-mac-classname",
+  instantiate: (di) => ({
+    id: "setup-root-mac-classname",
+    run: () => {
+      const isMac = di.inject(isMacInjectable);
+      const rootElem = document.getElementById("app");
+
+      rootElem?.classList.toggle("is-mac", isMac);
+    },
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default setupRootMacClassnameInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/setup-sentry.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/setup-sentry.injectable.ts
new file mode 100644
index 0000000000..c6af3b7614
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/setup-sentry.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 initializeSentryReportingWithInjectable from "../../../common/error-reporting/initialize-sentry-reporting.injectable";
+import { beforeMainFrameStartsFirstInjectionToken } from "../tokens";
+import { init } from "@sentry/electron/renderer";
+
+const setupSentryInjectable = getInjectable({
+  id: "setup-sentry",
+  instantiate: (di) => ({
+    id: "setup-sentry",
+    run: () => {
+      const initializeSentryReportingWith = di.inject(initializeSentryReportingWithInjectable);
+
+      initializeSentryReportingWith(init);
+    },
+  }),
+  injectionToken: beforeMainFrameStartsFirstInjectionToken,
+});
+
+export default setupSentryInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/runnables/setup-weblink-context-menu-open.injectable.tsx b/packages/core/src/renderer/before-frame-starts/runnables/setup-weblink-context-menu-open.injectable.tsx
new file mode 100644
index 0000000000..7bf8f29422
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/runnables/setup-weblink-context-menu-open.injectable.tsx
@@ -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 React from "react";
+import catalogCategoryRegistryInjectable from "../../../common/catalog/category-registry.injectable";
+import { WeblinkAddCommand } from "../../components/catalog-entities/weblink-add-command";
+import commandOverlayInjectable from "../../components/command-palette/command-overlay.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../tokens";
+
+const setupWeblickContextMenuOpenInjectable = getInjectable({
+  id: "setup-weblick-context-menu-open",
+  instantiate: (di) => ({
+    id: "setup-weblick-context-menu-open",
+    run: () => {
+      const catalogCategoryRegistry = di.inject(catalogCategoryRegistryInjectable);
+      const commandOverlay = di.inject(commandOverlayInjectable);
+
+      catalogCategoryRegistry
+        .getForGroupKind("entity.k8slens.dev", "WebLink")
+        ?.on("catalogAddMenu", ctx => {
+          ctx.menuItems.push({
+            title: "Add web link",
+            icon: "public",
+            onClick: () => commandOverlay.open(<WeblinkAddCommand />),
+          });
+        });
+    },
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default setupWeblickContextMenuOpenInjectable;
diff --git a/packages/core/src/renderer/before-frame-starts/tokens.ts b/packages/core/src/renderer/before-frame-starts/tokens.ts
new file mode 100644
index 0000000000..460c44cde9
--- /dev/null
+++ b/packages/core/src/renderer/before-frame-starts/tokens.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { Runnable } from "../../common/runnable/run-many-for";
+
+// NOTE: these are run before any other token, mostly to set up things that all other runnables need
+export const beforeFrameStartsFirstInjectionToken = getInjectionToken<Runnable>({
+  id: "before-frame-starts-first",
+});
+
+// NOTE: these are only run when process.isMainFrame === true
+export const beforeMainFrameStartsFirstInjectionToken = getInjectionToken<Runnable>({
+  id: "before-main-frame-starts-first",
+});
+
+// NOTE: these are only run when process.isMainFrame === false
+export const beforeClusterFrameStartsFirstInjectionToken = getInjectionToken<Runnable>({
+  id: "before-cluster-frame-starts-first",
+});
+
+export const beforeFrameStartsSecondInjectionToken = getInjectionToken<Runnable>({
+  id: "before-frame-starts-second",
+});
+
+// NOTE: these are only run when process.isMainFrame === true
+export const beforeMainFrameStartsSecondInjectionToken = getInjectionToken<Runnable>({
+  id: "before-main-frame-starts-second",
+});
+
+// NOTE: these are only run when process.isMainFrame === false
+export const beforeClusterFrameStartsSecondInjectionToken = getInjectionToken<Runnable>({
+  id: "before-cluster-frame-starts-second",
+});
+
diff --git a/packages/core/src/renderer/bootstrap.tsx b/packages/core/src/renderer/bootstrap.tsx
new file mode 100644
index 0000000000..f509847c74
--- /dev/null
+++ b/packages/core/src/renderer/bootstrap.tsx
@@ -0,0 +1,75 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./components/app.scss";
+
+import React from "react";
+import { render, unmountComponentAtNode } from "react-dom";
+import { DefaultProps } from "./mui-base-theme";
+import { DiContextProvider } from "@ogre-tools/injectable-react";
+import type { DiContainer } from "@ogre-tools/injectable";
+import extensionLoaderInjectable from "../extensions/extension-loader/extension-loader.injectable";
+import extensionDiscoveryInjectable from "../extensions/extension-discovery/extension-discovery.injectable";
+import extensionInstallationStateStoreInjectable from "../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import initRootFrameInjectable from "./frames/root-frame/init-root-frame.injectable";
+import initClusterFrameInjectable from "./frames/cluster-frame/init-cluster-frame/init-cluster-frame.injectable";
+import { Router } from "react-router";
+import historyInjectable from "./navigation/history.injectable";
+import assert from "assert";
+import startFrameInjectable from "./start-frame/start-frame.injectable";
+
+export async function bootstrap(di: DiContainer) {
+  const startFrame = di.inject(startFrameInjectable);
+
+  await startFrame();
+
+  const rootElem = document.getElementById("app");
+
+  assert(rootElem, "#app MUST exist");
+
+  const extensionLoader = di.inject(extensionLoaderInjectable);
+
+  extensionLoader.init();
+
+  const extensionDiscovery = di.inject(extensionDiscoveryInjectable);
+
+  extensionDiscovery.init();
+
+  const extensionInstallationStateStore = di.inject(extensionInstallationStateStoreInjectable);
+
+  extensionInstallationStateStore.bindIpcListeners();
+
+  let App;
+  let initializeApp;
+
+  // TODO: Introduce proper architectural boundaries between root and cluster iframes
+  if (process.isMainFrame) {
+    initializeApp = di.inject(initRootFrameInjectable);
+    App = (await import("./frames/root-frame/root-frame")).RootFrame;
+  } else {
+    initializeApp = di.inject(initClusterFrameInjectable);
+    App = (await import("./frames/cluster-frame/cluster-frame")).ClusterFrame;
+  }
+
+  try {
+    await initializeApp(() => unmountComponentAtNode(rootElem));
+  } catch (error) {
+    console.error(`[BOOTSTRAP]: view initialization error: ${error}`, {
+      origin: location.href,
+      isTopFrameView: process.isMainFrame,
+    });
+  }
+
+  const history = di.inject(historyInjectable);
+
+  render(
+    <DiContextProvider value={{ di }}>
+      <Router history={history}>
+        {DefaultProps(App)}
+      </Router>
+    </DiContextProvider>,
+    rootElem,
+  );
+}
diff --git a/packages/core/src/renderer/catalog/normalize-menu-item.injectable.ts b/packages/core/src/renderer/catalog/normalize-menu-item.injectable.ts
new file mode 100644
index 0000000000..5d6688ade5
--- /dev/null
+++ b/packages/core/src/renderer/catalog/normalize-menu-item.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 } from "@ogre-tools/injectable";
+import type { CatalogEntityContextMenu } from "../api/catalog-entity";
+import withConfirmationInjectable from "../components/confirm-dialog/with-confirm.injectable";
+
+export interface NormalizedCatalogEntityContextMenu {
+  title: string;
+  icon?: string;
+  onClick: () => void;
+}
+
+export type NormalizeCatalogEntityContextMenu = (menuItem: CatalogEntityContextMenu) => NormalizedCatalogEntityContextMenu;
+
+const normalizeCatalogEntityContextMenuInjectable = getInjectable({
+  id: "normalize-catalog-entity-context-menu",
+  instantiate: (di): NormalizeCatalogEntityContextMenu => {
+    const withConfirmation = di.inject(withConfirmationInjectable);
+
+    return (menuItem) => {
+      if (menuItem.confirm) {
+        return {
+          title: menuItem.title,
+          icon: menuItem.icon,
+          onClick: withConfirmation({
+            message: menuItem.confirm.message,
+            ok: menuItem.onClick,
+            okButtonProps: {
+              primary: false,
+              accent: true,
+            },
+          }),
+        };
+      }
+
+      return menuItem;
+    };
+  },
+});
+
+export default normalizeCatalogEntityContextMenuInjectable;
diff --git a/packages/core/src/renderer/certificate/request-lens-proxy-certificate.injectable.ts b/packages/core/src/renderer/certificate/request-lens-proxy-certificate.injectable.ts
new file mode 100644
index 0000000000..e1322096bf
--- /dev/null
+++ b/packages/core/src/renderer/certificate/request-lens-proxy-certificate.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 { lensProxyCertificateChannel } from "../../common/certificate/lens-proxy-certificate-channel";
+import requestFromChannelInjectable from "../utils/channel/request-from-channel.injectable";
+
+const requestLensProxyCertificateInjectable = getInjectable({
+  id: "request-lens-proxy-certificate",
+  instantiate: (di) => {
+    const requestFromChannel = di.inject(requestFromChannelInjectable);
+
+    return () => requestFromChannel(lensProxyCertificateChannel);
+  },
+});
+
+export default requestLensProxyCertificateInjectable;
diff --git a/packages/core/src/renderer/cluster-frame-context/active-kubernetes-cluster.injectable.ts b/packages/core/src/renderer/cluster-frame-context/active-kubernetes-cluster.injectable.ts
new file mode 100644
index 0000000000..db6e109767
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/cluster-frame-context/cluster-frame-context.ts b/packages/core/src/renderer/cluster-frame-context/cluster-frame-context.ts
new file mode 100755
index 0000000000..e23bac5fd4
--- /dev/null
+++ b/packages/core/src/renderer/cluster-frame-context/cluster-frame-context.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * This type is used for KubeObjectStores
+ */
+export interface ClusterContext {
+  readonly allNamespaces: string[]; // available / allowed namespaces from cluster.ts
+  readonly contextNamespaces: string[]; // selected by user (see: namespace-select.tsx)
+  readonly hasSelectedAll: boolean;
+
+  isLoadingAll(namespaces: string[]): boolean;
+  isGlobalWatchEnabled(): boolean;
+}
diff --git a/packages/core/src/renderer/cluster-frame-context/for-cluster-scoped-resources.injectable.ts b/packages/core/src/renderer/cluster-frame-context/for-cluster-scoped-resources.injectable.ts
new file mode 100644
index 0000000000..12e74cdc1f
--- /dev/null
+++ b/packages/core/src/renderer/cluster-frame-context/for-cluster-scoped-resources.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 { ClusterContext } from "./cluster-frame-context";
+
+const clusterFrameContextForClusterScopedResourcesInjectable = getInjectable({
+  id: "cluster-frame-context-for-cluster-scoped-resources",
+  instantiate: (): ClusterContext => ({
+    // This doesn't matter as it is an optimization for namespaced resources only
+    isGlobalWatchEnabled: () => true,
+    // This is always the case for cluster scoped resources
+    isLoadingAll: () => true,
+    allNamespaces: [],
+    contextNamespaces: [],
+    hasSelectedAll: true,
+  }),
+});
+
+export default clusterFrameContextForClusterScopedResourcesInjectable;
diff --git a/packages/core/src/renderer/cluster-frame-context/for-namespaced-resources.injectable.ts b/packages/core/src/renderer/cluster-frame-context/for-namespaced-resources.injectable.ts
new file mode 100644
index 0000000000..1eb85b3a43
--- /dev/null
+++ b/packages/core/src/renderer/cluster-frame-context/for-namespaced-resources.injectable.ts
@@ -0,0 +1,64 @@
+/**
+ * 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 { ClusterContext } from "./cluster-frame-context";
+import namespaceStoreInjectable from "../components/+namespaces/store.injectable";
+import hostedClusterInjectable from "./hosted-cluster.injectable";
+import assert from "assert";
+import { computed } from "mobx";
+
+const clusterFrameContextForNamespacedResourcesInjectable = getInjectable({
+  id: "cluster-frame-context-for-namespaced-resources",
+
+  instantiate: (di): ClusterContext => {
+    const cluster = di.inject(hostedClusterInjectable);
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+
+    assert(cluster, "This can only be injected within a cluster frame");
+
+    const allNamespaces = computed(() => {
+      // user given list of namespaces
+      if (cluster.accessibleNamespaces.length) {
+        return cluster.accessibleNamespaces.slice();
+      }
+
+      if (namespaceStore.items.length > 0) {
+      // namespaces from kubernetes api
+        return namespaceStore.items.map((namespace) => namespace.getName());
+      }
+
+      // fallback to cluster resolved namespaces because we could not load list
+      return cluster.allowedNamespaces.slice();
+    });
+    const contextNamespaces = computed(() => namespaceStore.contextNamespaces);
+    const hasSelectedAll = computed(() => {
+      const namespaces = new Set(contextNamespaces.get());
+
+      return allNamespaces.get().length > 1
+      && cluster.accessibleNamespaces.length === 0
+      && allNamespaces.get().every(ns => namespaces.has(ns));
+    });
+
+    return {
+      isLoadingAll: (namespaces) => (
+        allNamespaces.get().length > 1
+        && cluster.accessibleNamespaces.length === 0
+        && allNamespaces.get().every(ns => namespaces.includes(ns))
+      ),
+      isGlobalWatchEnabled: () => cluster.isGlobalWatchEnabled,
+      get allNamespaces() {
+        return allNamespaces.get();
+      },
+      get contextNamespaces() {
+        return contextNamespaces.get();
+      },
+      get hasSelectedAll() {
+        return hasSelectedAll.get();
+      },
+    };
+  },
+});
+
+export default clusterFrameContextForNamespacedResourcesInjectable;
diff --git a/packages/core/src/renderer/cluster-frame-context/hosted-cluster-id.injectable.ts b/packages/core/src/renderer/cluster-frame-context/hosted-cluster-id.injectable.ts
new file mode 100644
index 0000000000..854e004796
--- /dev/null
+++ b/packages/core/src/renderer/cluster-frame-context/hosted-cluster-id.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 { getClusterIdFromHost } from "../../common/utils";
+
+const hostedClusterIdInjectable = getInjectable({
+  id: "hosted-cluster-id",
+  instantiate: () => getClusterIdFromHost(location.host),
+  causesSideEffects: true,
+});
+
+export default hostedClusterIdInjectable;
diff --git a/packages/core/src/renderer/cluster-frame-context/hosted-cluster.injectable.ts b/packages/core/src/renderer/cluster-frame-context/hosted-cluster.injectable.ts
new file mode 100644
index 0000000000..a466984952
--- /dev/null
+++ b/packages/core/src/renderer/cluster-frame-context/hosted-cluster.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 hostedClusterIdInjectable from "./hosted-cluster-id.injectable";
+import clusterStoreInjectable from "../../common/cluster-store/cluster-store.injectable";
+
+const hostedClusterInjectable = getInjectable({
+  id: "hosted-cluster",
+
+  instantiate: (di) => {
+    const hostedClusterId = di.inject(hostedClusterIdInjectable);
+    const store = di.inject(clusterStoreInjectable);
+
+    return store.getById(hostedClusterId);
+  },
+});
+
+export default hostedClusterInjectable;
diff --git a/packages/core/src/renderer/cluster-frame-context/should-show-resource.injectable.ts b/packages/core/src/renderer/cluster-frame-context/should-show-resource.injectable.ts
new file mode 100644
index 0000000000..2ec4132045
--- /dev/null
+++ b/packages/core/src/renderer/cluster-frame-context/should-show-resource.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import hostedClusterInjectable from "./hosted-cluster.injectable";
+import { shouldShowResourceInjectionToken } from "../../common/cluster-store/allowed-resources-injection-token";
+import type { KubeApiResourceDescriptor } from "../../common/rbac";
+import { formatKubeApiResource } from "../../common/rbac";
+
+const shouldShowResourceInjectable = getInjectable({
+  id: "should-show-resource",
+  instantiate: (di, resource) => {
+    const cluster = di.inject(hostedClusterInjectable);
+
+    return cluster
+      ? computed(() => cluster.shouldShowResource(resource))
+      : computed(() => false);
+  },
+  injectionToken: shouldShowResourceInjectionToken,
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, resource: KubeApiResourceDescriptor) => formatKubeApiResource(resource),
+  }),
+});
+
+export default shouldShowResourceInjectable;
diff --git a/packages/core/src/renderer/cluster/accessible-namespaces.injectable.ts b/packages/core/src/renderer/cluster/accessible-namespaces.injectable.ts
new file mode 100644
index 0000000000..50743cfa83
--- /dev/null
+++ b/packages/core/src/renderer/cluster/accessible-namespaces.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 hostedClusterInjectable from "../cluster-frame-context/hosted-cluster.injectable";
+
+const clusterConfiguredAccessibleNamespacesInjectable = getInjectable({
+  id: "cluster-configured-accessible-namespaces",
+  instantiate: (di) => {
+    const hostedCluster = di.inject(hostedClusterInjectable);
+
+    return computed(() => [...hostedCluster?.accessibleNamespaces ?? []]);
+  },
+});
+
+export default clusterConfiguredAccessibleNamespacesInjectable;
diff --git a/packages/core/src/renderer/cluster/create-cluster.injectable.ts b/packages/core/src/renderer/cluster/create-cluster.injectable.ts
new file mode 100644
index 0000000000..385dfe8d66
--- /dev/null
+++ b/packages/core/src/renderer/cluster/create-cluster.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 } from "@ogre-tools/injectable";
+import type { ClusterDependencies } from "../../common/cluster/cluster";
+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";
+import loadConfigfromFileInjectable from "../../common/kube-helpers/load-config-from-file.injectable";
+
+const createClusterInjectable = getInjectable({
+  id: "create-cluster",
+
+  instantiate: (di) => {
+    const dependencies: ClusterDependencies = {
+      directoryForKubeConfigs: di.inject(directoryForKubeConfigsInjectable),
+      logger: di.inject(loggerInjectable),
+      broadcastMessage: di.inject(broadcastMessageInjectable),
+      loadConfigfromFile: di.inject(loadConfigfromFileInjectable),
+
+      // TODO: Dismantle wrong abstraction
+      // Note: "as never" to get around strictness in unnatural scenario
+      createKubeconfigManager: () => undefined as never,
+      createKubectl: () => { throw new Error("Tried to access back-end feature in front-end.");},
+      createContextHandler: () => undefined as never,
+      createAuthorizationReview: () => { throw new Error("Tried to access back-end feature in front-end."); },
+      requestNamespaceListPermissionsFor: () => { throw new Error("Tried to access back-end feature in front-end."); },
+      createListNamespaces: () => { throw new Error("Tried to access back-end feature in front-end."); },
+      requestApiResources: ()=> { throw new Error("Tried to access back-end feature in front-end."); },
+      detectorRegistry: undefined as never,
+      createVersionDetector: () => { throw new Error("Tried to access back-end feature in front-end."); },
+    };
+
+    return (model, configData) => new Cluster(dependencies, model, configData);
+  },
+
+  injectionToken: createClusterInjectionToken,
+});
+
+export default createClusterInjectable;
diff --git a/packages/core/src/renderer/components/+add-cluster/add-cluster-route-component.injectable.ts b/packages/core/src/renderer/components/+add-cluster/add-cluster-route-component.injectable.ts
new file mode 100644
index 0000000000..5d41fd7b5b
--- /dev/null
+++ b/packages/core/src/renderer/components/+add-cluster/add-cluster-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 { AddCluster } from "./add-cluster";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+import addClusterRouteInjectable from "../../../common/front-end-routing/routes/add-cluster/add-cluster-route.injectable";
+
+const addClusterRouteComponentInjectable = getInjectable({
+  id: "add-cluster-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(addClusterRouteInjectable),
+    Component: AddCluster,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default addClusterRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+add-cluster/add-cluster.module.scss b/packages/core/src/renderer/components/+add-cluster/add-cluster.module.scss
new file mode 100644
index 0000000000..0a43b2b805
--- /dev/null
+++ b/packages/core/src/renderer/components/+add-cluster/add-cluster.module.scss
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../../components/mixins.scss";
+
+.AddClusters {
+  --flex-gap: calc(var(--unit) * 2);
+
+  code {
+    color: rgb(236, 64, 122);
+  }
+
+  a[href] {
+    color: var(--colorInfo);
+  }
+}
+
+.editor {
+  min-height: 600px;
+  max-height: 600px;
+  border: 1px solid var(--colorVague);
+  border-radius: var(--border-radius);
+}
+
+@include theme-light {
+  .editor {
+    border-color: var(--borderFaintColor);
+  }
+}
diff --git a/packages/core/src/renderer/components/+add-cluster/add-cluster.tsx b/packages/core/src/renderer/components/+add-cluster/add-cluster.tsx
new file mode 100644
index 0000000000..92fa0b7a03
--- /dev/null
+++ b/packages/core/src/renderer/components/+add-cluster/add-cluster.tsx
@@ -0,0 +1,173 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./add-cluster.module.scss";
+
+import type { KubeConfig } from "@kubernetes/client-node";
+import fse from "fs-extra";
+import { debounce } from "lodash";
+import { action, computed, makeObservable, observable } from "mobx";
+import { observer } from "mobx-react";
+import React from "react";
+import * as uuid from "uuid";
+import { loadConfigFromString, splitConfig } from "../../../common/kube-helpers";
+import { docsUrl } from "../../../common/vars";
+import { isDefined, iter } from "../../utils";
+import { Button } from "../button";
+import type { ShowNotification } from "../notifications";
+import { SettingLayout } from "../layout/setting-layout";
+import { MonacoEditor } from "../monaco-editor";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import getCustomKubeConfigFilePathInjectable from "../../../common/app-paths/get-custom-kube-config-directory/get-custom-kube-config-directory.injectable";
+import type { NavigateToCatalog } from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import navigateToCatalogInjectable from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import type { EmitAppEvent } from "../../../common/app-event-bus/emit-event.injectable";
+import emitAppEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import type { GetDirnameOfPath } from "../../../common/path/get-dirname.injectable";
+import getDirnameOfPathInjectable from "../../../common/path/get-dirname.injectable";
+import showSuccessNotificationInjectable from "../notifications/show-success-notification.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+
+interface Option {
+  config: KubeConfig;
+  error?: string;
+}
+
+interface Dependencies {
+  getCustomKubeConfigDirectory: (directoryName: string) => string;
+  navigateToCatalog: NavigateToCatalog;
+  getDirnameOfPath: GetDirnameOfPath;
+  emitAppEvent: EmitAppEvent;
+  showSuccessNotification: ShowNotification;
+  showErrorNotification: ShowNotification;
+}
+
+function getContexts(config: KubeConfig): Map<string, Option> {
+  return new Map(
+    splitConfig(config)
+      .map(({ config, validationResult }) => [config.currentContext, {
+        config,
+        error: validationResult.error?.toString(),
+      }]),
+  );
+}
+
+@observer
+class NonInjectedAddCluster extends React.Component<Dependencies> {
+  @observable kubeContexts = observable.map<string, Option>();
+  @observable customConfig = "";
+  @observable isWaiting = false;
+  @observable errors: string[] = [];
+
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+    this.props.emitAppEvent({ name: "cluster-add", action: "start" });
+  }
+
+  @computed get allErrors(): string[] {
+    return [
+      ...this.errors,
+      ...iter.map(this.kubeContexts.values(), ({ error }) => error),
+    ].filter(isDefined);
+  }
+
+  readonly refreshContexts = debounce(action(() => {
+    const { config, error } = loadConfigFromString(this.customConfig.trim() || "{}");
+
+    this.kubeContexts.replace(getContexts(config));
+
+    if (error) {
+      this.errors.push(error.toString());
+    }
+
+    if (config.contexts.length === 0) {
+      this.errors.push('No contexts defined, either missing the "contexts" field, or it is empty.');
+    }
+  }), 500);
+
+  addClusters = action(async () => {
+    this.isWaiting = true;
+    this.props.emitAppEvent({ name: "cluster-add", action: "click" });
+
+    try {
+      const absPath = this.props.getCustomKubeConfigDirectory(uuid.v4());
+
+      await fse.ensureDir(this.props.getDirnameOfPath(absPath));
+      await fse.writeFile(absPath, this.customConfig.trim(), { encoding: "utf-8", mode: 0o600 });
+
+      this.props.showSuccessNotification(`Successfully added ${this.kubeContexts.size} new cluster(s)`);
+
+      return this.props.navigateToCatalog();
+    } catch (error) {
+      this.props.showErrorNotification(`Failed to add clusters: ${error}`);
+    }
+  });
+
+  render() {
+    return (
+      <SettingLayout className={styles.AddClusters} data-testid="add-cluster-page">
+        <h2>Add Clusters from Kubeconfig</h2>
+        <p>
+          {"Clusters added here are  "}
+          <b>not</b>
+          {" merged into the "}
+          <code>~/.kube/config</code>
+          {" file. "}
+          <a
+            href={`${docsUrl}/getting-started/add-cluster/`}
+            rel="noreferrer"
+            target="_blank"
+          >
+            Read more about adding clusters.
+          </a>
+        </p>
+        <div className="flex column">
+          <MonacoEditor
+            autoFocus
+            className={styles.editor}
+            value={this.customConfig}
+            onChange={value => {
+              this.customConfig = value;
+              this.errors.length = 0;
+              this.refreshContexts();
+            }}
+          />
+        </div>
+        {this.allErrors.length > 0 && (
+          <>
+            <h3>KubeConfig Yaml Validation Errors:</h3>
+            {this.allErrors.map(error => <div key={error} className="error">{error}</div>)}
+          </>
+        )}
+        <div className="actions-panel">
+          <Button
+            primary
+            disabled={this.kubeContexts.size === 0}
+            label={this.kubeContexts.size === 1 ? "Add cluster" : "Add clusters"}
+            onClick={this.addClusters}
+            waiting={this.isWaiting}
+            tooltip={this.kubeContexts.size === 0 || "Paste in at least one cluster to add."}
+            tooltipOverrideDisabled
+          />
+        </div>
+      </SettingLayout>
+    );
+  }
+}
+
+export const AddCluster = withInjectables<Dependencies>(NonInjectedAddCluster, {
+  getProps: (di) => ({
+    getCustomKubeConfigDirectory: di.inject(getCustomKubeConfigFilePathInjectable),
+    navigateToCatalog: di.inject(navigateToCatalogInjectable),
+    getDirnameOfPath: di.inject(getDirnameOfPathInjectable),
+    emitAppEvent: di.inject(emitAppEventInjectable),
+    showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+add-cluster/index.ts b/packages/core/src/renderer/components/+add-cluster/index.ts
new file mode 100644
index 0000000000..3b11978163
--- /dev/null
+++ b/packages/core/src/renderer/components/+add-cluster/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./add-cluster";
diff --git a/packages/core/src/renderer/components/+catalog/__tests__/catalog-add-button.test.tsx b/packages/core/src/renderer/components/+catalog/__tests__/catalog-add-button.test.tsx
new file mode 100644
index 0000000000..499f482f36
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/__tests__/catalog-add-button.test.tsx
@@ -0,0 +1,89 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import type { CatalogCategorySpec } from "../../../../common/catalog";
+import { CatalogCategory } from "../../../../common/catalog";
+import { CatalogAddButton } from "../catalog-add-button";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import { type DiRender, renderFor } from "../../test-utils/renderFor";
+
+class TestCatalogCategory extends CatalogCategory {
+  public readonly apiVersion = "catalog.k8slens.dev/v1alpha1";
+  public readonly kind = "CatalogCategory";
+  public metadata = {
+    name: "Test Category",
+    icon: "",
+  };
+  public spec: CatalogCategorySpec = {
+    group: "entity.k8slens.dev",
+    versions: [],
+    names: {
+      kind: "Test",
+    },
+  };
+}
+
+describe("CatalogAddButton", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+  });
+
+  it("opens Add menu", async () => {
+    const category = new TestCatalogCategory();
+
+    category.on("catalogAddMenu", ctx => {
+      ctx.menuItems.push(
+        {
+          icon: "text_snippet",
+          title: "Add from kubeconfig",
+          onClick: () => {},
+        },
+      );
+    });
+
+    render(<CatalogAddButton category={category}/>);
+
+    userEvent.hover(screen.getByLabelText("SpeedDial CatalogAddButton"));
+    await screen.findByTitle("Add from kubeconfig");
+  });
+
+  it("filters menu items", async () => {
+    const category = new TestCatalogCategory();
+
+    category.on("catalogAddMenu", ctx => {
+      ctx.menuItems.push(
+        {
+          icon: "text_snippet",
+          title: "foobar",
+          onClick: () => {},
+        },
+      );
+      ctx.menuItems.push(
+        {
+          icon: "text_snippet",
+          title: "Add from kubeconfig",
+          onClick: () => {},
+        },
+      );
+    });
+
+    category.addMenuFilter(item => item.title === "foobar");
+
+    render(<CatalogAddButton category={category}/>);
+
+    userEvent.hover(screen.getByLabelText("SpeedDial CatalogAddButton"));
+
+    await expect(screen.findByTitle("Add from kubeconfig"))
+      .rejects
+      .toThrow();
+    await screen.findByTitle("foobar");
+  });
+});
diff --git a/packages/core/src/renderer/components/+catalog/__tests__/catalog-category-label.test.tsx b/packages/core/src/renderer/components/+catalog/__tests__/catalog-category-label.test.tsx
new file mode 100644
index 0000000000..f15737451e
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/__tests__/catalog-category-label.test.tsx
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { render, screen } from "@testing-library/react";
+import React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import type { CatalogCategorySpec } from "../../../../common/catalog";
+import { CatalogCategory } from "../../../../common/catalog";
+import { CatalogCategoryLabel } from "../catalog-category-label";
+
+class CatalogCategoryWithoutBadge extends CatalogCategory {
+  public readonly apiVersion = "catalog.k8slens.dev/v1alpha1";
+  public readonly kind = "CatalogCategory";
+
+  public metadata = {
+    name: "Test Category",
+    icon: "",
+  };
+
+  public spec: CatalogCategorySpec = {
+    group: "entity.k8slens.dev",
+    versions: [],
+    names: {
+      kind: "Test",
+    },
+  };
+}
+
+class CatalogCategoryWithBadge extends CatalogCategoryWithoutBadge {
+  getBadge() {
+    return (<div>Test Badge</div>);
+  }
+}
+
+describe("CatalogCategoryLabel", () => {
+  it("renders without a badge", async () => {
+    const category = new CatalogCategoryWithoutBadge();
+
+    render(<CatalogCategoryLabel category={category}/>);
+
+    expect(await screen.findByText("Test Category")).toBeInTheDocument();
+  });
+
+  it("renders with a badge", async () => {
+    const category = new CatalogCategoryWithBadge();
+
+    render(<CatalogCategoryLabel category={category}/>);
+
+    expect(await screen.findByText("Test Category")).toBeInTheDocument();
+    expect(await screen.findByText("Test Badge")).toBeInTheDocument();
+  });
+});
diff --git a/packages/core/src/renderer/components/+catalog/__tests__/catalog-entity-store.test.ts b/packages/core/src/renderer/components/+catalog/__tests__/catalog-entity-store.test.ts
new file mode 100644
index 0000000000..6794fed899
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/__tests__/catalog-entity-store.test.ts
@@ -0,0 +1,163 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { CatalogCategoryMetadata, CatalogCategorySpec } from "../../../../common/catalog";
+import { CatalogEntity, categoryVersion } from "../../../../common/catalog";
+import { CatalogCategory } from "../../../api/catalog-entity";
+import { noop } from "../../../utils";
+import type { CatalogEntityStore } from "../catalog-entity-store/catalog-entity.store";
+import { catalogEntityStore } from "../catalog-entity-store/catalog-entity.store";
+
+class TestEntityOne extends CatalogEntity {
+  public static readonly apiVersion: string = "entity.k8slens.dev/v1alpha1";
+  public static readonly kind: string = "TestEntityOne";
+
+  public readonly apiVersion = TestEntityOne.apiVersion;
+  public readonly kind = TestEntityOne.kind;
+}
+
+class TestEntityTwo extends CatalogEntity {
+  public static readonly apiVersion: string = "entity.k8slens.dev/v1alpha1";
+  public static readonly kind: string = "TestEntityTwo";
+
+  public readonly apiVersion = TestEntityTwo.apiVersion;
+  public readonly kind = TestEntityTwo.kind;
+}
+
+class TestCategoryOne extends CatalogCategory {
+  apiVersion = "catalog.k8slens.dev/v1alpha1";
+  kind = "CatalogCategory";
+  metadata: CatalogCategoryMetadata = {
+    icon: "dash",
+    name: "test-one",
+  };
+  spec: CatalogCategorySpec = {
+    group: "entity.k8slens.dev",
+    versions: [
+      categoryVersion("v1alpha1", TestEntityOne),
+    ],
+    names: {
+      kind: "KubernetesCluster",
+    },
+  };
+}
+
+class TestCategoryTwo extends CatalogCategory {
+  apiVersion = "catalog.k8slens.dev/v1alpha1";
+  kind = "CatalogCategory";
+  metadata: CatalogCategoryMetadata = {
+    icon: "dash",
+    name: "test-two",
+  };
+  spec: CatalogCategorySpec = {
+    group: "entity.k8slens.dev",
+    versions: [
+      categoryVersion("v1alpha1", TestEntityTwo),
+    ],
+    names: {
+      kind: "KubernetesCluster",
+    },
+  };
+}
+
+describe("CatalogEntityStore", () => {
+  describe("getTotalCount", () => {
+    let store: CatalogEntityStore;
+    let testCategoryOne: TestCategoryOne;
+    let testCategoryTwo: TestCategoryTwo;
+
+    beforeEach(() => {
+      const entityItems = [
+        new TestEntityOne({
+          metadata: {
+            labels: {},
+            name: "my-test-one",
+            uid: "1",
+          },
+          spec: {},
+          status: {
+            phase: "unknown",
+          },
+        }),
+        new TestEntityOne({
+          metadata: {
+            labels: {},
+            name: "my-test-two",
+            uid: "2",
+          },
+          spec: {},
+          status: {
+            phase: "unknown",
+          },
+        }),
+        new TestEntityTwo({
+          metadata: {
+            labels: {},
+            name: "my-test-three",
+            uid: "3",
+          },
+          spec: {},
+          status: {
+            phase: "unknown",
+          },
+        }),
+        new TestEntityTwo({
+          metadata: {
+            labels: {},
+            name: "my-test-four",
+            uid: "4",
+          },
+          spec: {},
+          status: {
+            phase: "unknown",
+          },
+        }),
+        new TestEntityTwo({
+          metadata: {
+            labels: {},
+            name: "my-test-five",
+            uid: "5",
+          },
+          spec: {},
+          status: {
+            phase: "unknown",
+          },
+        }),
+      ];
+
+      testCategoryOne = new TestCategoryOne();
+      testCategoryTwo = new TestCategoryTwo();
+      store = catalogEntityStore({
+        catalogRegistry: {
+          items: [
+            testCategoryOne,
+            testCategoryTwo,
+          ],
+        },
+        entityRegistry: {
+          onRun: noop,
+          filteredItems: entityItems,
+          getItemsForCategory: <T extends CatalogEntity>(category: CatalogCategory): T[] => {
+            return entityItems.filter(item => category.spec.versions.some(version => item instanceof version.entityClass)) as T[];
+          },
+        },
+      });
+    });
+
+    it("given no active category, returns count of all kinds", () => {
+      expect(store.getTotalCount()).toBe(5);
+    });
+
+    it("given active category is TestCategoryOne, only returns count for those declared kinds", () => {
+      store.activeCategory.set(testCategoryOne);
+      expect(store.getTotalCount()).toBe(2);
+    });
+
+    it("given active category is TestCategoryTwo, only returns count for those declared kinds", () => {
+      store.activeCategory.set(testCategoryTwo);
+      expect(store.getTotalCount()).toBe(3);
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/+catalog/__tests__/custom-columns.test.ts b/packages/core/src/renderer/components/+catalog/__tests__/custom-columns.test.ts
new file mode 100644
index 0000000000..8f02be6755
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/__tests__/custom-columns.test.ts
@@ -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 { DiContainer } from "@ogre-tools/injectable";
+import type { CatalogCategorySpec } from "../../../../common/catalog";
+import { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import { CatalogCategory } from "../../../api/catalog-entity";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { AdditionalCategoryColumnRegistration, CategoryColumnRegistration } from "../custom-category-columns";
+import type { CategoryColumns, GetCategoryColumnsParams } from "../columns/get.injectable";
+import getCategoryColumnsInjectable from "../columns/get.injectable";
+import hotbarStoreInjectable from "../../../../common/hotbars/store.injectable";
+import extensionInjectable from "../../../../extensions/extension-loader/extension/extension.injectable";
+import currentlyInClusterFrameInjectable from "../../../routes/currently-in-cluster-frame.injectable";
+
+class TestCategory extends CatalogCategory {
+  apiVersion = "catalog.k8slens.dev/v1alpha1";
+  kind = "CatalogCategory";
+  metadata = {
+    name: "Test",
+    icon: "question_mark",
+  };
+  spec: CatalogCategorySpec = {
+    group: "foo.bar.bat",
+    names: {
+      kind: "Test",
+    },
+    versions: [],
+  };
+
+  constructor(columns?: CategoryColumnRegistration[]) {
+    super();
+    this.spec = {
+      displayColumns: columns,
+      ...this.spec,
+    };
+  }
+}
+
+describe("Custom Category Columns", () => {
+  let di: DiContainer;
+  let getCategoryColumns: (params: GetCategoryColumnsParams) => CategoryColumns;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(hotbarStoreInjectable, () => ({}));
+    di.override(currentlyInClusterFrameInjectable, () => false);
+
+    getCategoryColumns = di.inject(getCategoryColumnsInjectable);
+  });
+
+  describe("without extensions", () => {
+    it("should contain a kind column if activeCategory is falsy", () => {
+      expect(getCategoryColumns({ activeCategory: null }).renderTableHeader.find(elem => elem?.title === "Kind")).toBeTruthy();
+    });
+
+    it("should not contain a kind column if activeCategory is truthy", () => {
+      expect(getCategoryColumns({ activeCategory: new TestCategory() }).renderTableHeader.find(elem => elem?.title === "Kind")).toBeFalsy();
+    });
+
+    it("should include the default columns if the provided category doesn't provide any", () => {
+      expect(getCategoryColumns({ activeCategory: new TestCategory() }).renderTableHeader.find(elem => elem?.title === "Source")).toBeTruthy();
+    });
+
+    it("should not include the default columns if the provided category provides any", () => {
+      expect(getCategoryColumns({ activeCategory: new TestCategory([]) }).renderTableHeader.find(elem => elem?.title === "Source")).toBeFalsy();
+    });
+
+    it("should include the displayColumns from the provided category", () => {
+      const columns: CategoryColumnRegistration[] = [
+        {
+          id: "foo",
+          renderCell: () => null,
+          titleProps: {
+            title: "Foo",
+          },
+        },
+      ];
+
+      expect(getCategoryColumns({ activeCategory: new TestCategory(columns) }).renderTableHeader.find(elem => elem?.title === "Foo")).toBeTruthy();
+    });
+  });
+
+  describe("with extensions", () => {
+    beforeEach(() => {
+      const ext = di.inject(extensionInjectable, new (class extends LensRendererExtension {
+        additionalCategoryColumns = [
+            {
+              group: "foo.bar.bat",
+              id: "high",
+              kind: "Test",
+              renderCell: () => "",
+              titleProps: {
+                title: "High",
+              },
+            } as AdditionalCategoryColumnRegistration,
+            {
+              group: "foo.bar",
+              id: "high",
+              kind: "Test",
+              renderCell: () => "",
+              titleProps: {
+                title: "High2",
+              },
+            } as AdditionalCategoryColumnRegistration,
+        ];
+      })({
+        absolutePath: "/some-absolute-path",
+        id: "some-id",
+        isBundled: false,
+        isCompatible: true,
+        isEnabled: true,
+        manifest: {
+          engines: {
+            lens: "",
+          },
+          name: "some-extension-name",
+          version: "1.0.0",
+        },
+        manifestPath: "/some-manifest-path",
+      }));
+
+      ext.register();
+    });
+
+    it("should include columns from extensions that match", () => {
+      expect(getCategoryColumns({ activeCategory: new TestCategory() }).renderTableHeader.find(elem => elem?.title === "High")).toBeTruthy();
+    });
+
+    it("should not include columns from extensions that don't match", () => {
+      expect(getCategoryColumns({ activeCategory: new TestCategory() }).renderTableHeader.find(elem => elem?.title === "High2")).toBeFalsy();
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/+catalog/__tests__/custom-views.test.ts b/packages/core/src/renderer/components/+catalog/__tests__/custom-views.test.ts
new file mode 100644
index 0000000000..8a8f7fa39d
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/__tests__/custom-views.test.ts
@@ -0,0 +1,96 @@
+/**
+ * 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 { computed } from "mobx";
+import type React from "react";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import rendererExtensionsInjectable from "../../../../extensions/renderer-extensions.injectable";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { CustomCategoryViewRegistration } from "../custom-views";
+import customCategoryViewsInjectable from "../custom-views.injectable";
+
+describe("Custom Category Views", () => {
+  let di: DiContainer;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+  });
+
+  it("should order items correctly over all extensions", () => {
+    const component1 = (): React.ReactNode => null;
+    const component2 = (): React.ReactNode => null;
+
+    di.override(rendererExtensionsInjectable, () => computed(() => [
+      {
+        customCategoryViews: [
+          {
+            components: {
+              View: component1,
+            },
+            group: "foo",
+            kind: "bar",
+            priority: 100,
+          } as CustomCategoryViewRegistration,
+        ],
+      },
+      {
+        customCategoryViews: [
+          {
+            components: {
+              View: component2,
+            },
+            group: "foo",
+            kind: "bar",
+            priority: 95,
+          } as CustomCategoryViewRegistration,
+        ],
+      },
+    ] as LensRendererExtension[]));
+
+    const customCategoryViews = di.inject(customCategoryViewsInjectable);
+    const { after = [] } = customCategoryViews.get().get("foo")?.get("bar") ?? {};
+
+    expect(after[0].View).toBe(component2);
+    expect(after[1].View).toBe(component1);
+  });
+
+  it("should put put priority < 50 items in before", () => {
+    const component1 = (): React.ReactNode => null;
+    const component2 = (): React.ReactNode => null;
+
+    di.override(rendererExtensionsInjectable, () => computed(() => [
+      {
+        customCategoryViews: [
+          {
+            components: {
+              View: component1,
+            },
+            group: "foo",
+            kind: "bar",
+            priority: 40,
+          } as CustomCategoryViewRegistration,
+        ],
+      },
+      {
+        customCategoryViews: [
+          {
+            components: {
+              View: component2,
+            },
+            group: "foo",
+            kind: "bar",
+            priority: 95,
+          } as CustomCategoryViewRegistration,
+        ],
+      },
+    ] as LensRendererExtension[]));
+
+    const customCategoryViews = di.inject(customCategoryViewsInjectable);
+    const { before = [] } = customCategoryViews.get().get("foo")?.get("bar") ?? {};
+
+    expect(before[0].View).toBe(component1);
+  });
+});
diff --git a/packages/core/src/renderer/components/+catalog/catalog-add-button.scss b/packages/core/src/renderer/components/+catalog/catalog-add-button.scss
new file mode 100644
index 0000000000..ed0a8714eb
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-add-button.scss
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.CatalogAddButton {
+  position: absolute;
+  right: 40px;
+  bottom: 30px;
+
+  .MuiFab-primary {
+    background-color: var(--blue);
+    border-radius: 50%;
+
+    &:hover {
+      background-color: #317bb3;
+    }
+ }
+}
+
+.catalogSpeedDialPopper  {
+  .MuiTooltip-tooltip {
+    background-color: #222;
+    font-size: 12px
+  }
+
+  .MuiTooltip-arrow {
+    color: #222;
+  }
+}
diff --git a/packages/core/src/renderer/components/+catalog/catalog-add-button.tsx b/packages/core/src/renderer/components/+catalog/catalog-add-button.tsx
new file mode 100644
index 0000000000..ee7ca30757
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-add-button.tsx
@@ -0,0 +1,150 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./catalog-add-button.scss";
+import React from "react";
+import { SpeedDial, SpeedDialAction } from "@material-ui/lab";
+import { Icon } from "../icon";
+import { observer } from "mobx-react";
+import { observable, makeObservable, action } from "mobx";
+import { autoBind } from "../../../common/utils";
+import type { CatalogCategory, CatalogEntityAddMenu } from "../../api/catalog-entity";
+import { EventEmitter } from "events";
+import type { CatalogCategoryRegistry } from "../../../common/catalog";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import catalogCategoryRegistryInjectable from "../../../common/catalog/category-registry.injectable";
+import type { Navigate } from "../../navigation/navigate.injectable";
+import navigateInjectable from "../../navigation/navigate.injectable";
+
+export interface CatalogAddButtonProps {
+  category: CatalogCategory;
+}
+
+type CategoryId = string;
+
+interface Dependencies {
+  catalogCategoryRegistry: CatalogCategoryRegistry;
+  navigate: Navigate;
+}
+
+@observer
+class NonInjectedCatalogAddButton extends React.Component<CatalogAddButtonProps & Dependencies> {
+  @observable protected isOpen = false;
+  @observable menuItems = new Map<CategoryId, CatalogEntityAddMenu[]>();
+
+  constructor(props: CatalogAddButtonProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  componentDidMount() {
+    this.updateMenuItems();
+  }
+
+  componentDidUpdate(prevProps: CatalogAddButtonProps) {
+    if (prevProps.category != this.props.category) {
+      this.updateMenuItems();
+    }
+  }
+
+  get categories() {
+    return this.props.catalogCategoryRegistry.filteredItems;
+  }
+
+  @action
+  updateMenuItems() {
+    this.menuItems.clear();
+
+    if (this.props.category) {
+      this.updateCategoryItems(this.props.category);
+    } else {
+      // Show menu items from all categories
+      this.categories.forEach(this.updateCategoryItems);
+    }
+  }
+
+  updateCategoryItems = action((category: CatalogCategory) => {
+    if (category instanceof EventEmitter) {
+      const menuItems: CatalogEntityAddMenu[] = [];
+
+      category.emit("catalogAddMenu", {
+        navigate: this.props.navigate,
+        menuItems,
+      });
+      this.menuItems.set(category.getId(), menuItems);
+    }
+  });
+
+  getCategoryFilteredItems = (category: CatalogCategory) => {
+    return category.filteredItems(this.menuItems.get(category.getId()) || []);
+  };
+
+  onOpen() {
+    this.isOpen = true;
+  }
+
+  onClose() {
+    this.isOpen = false;
+  }
+
+  onButtonClick() {
+    const defaultAction = this.items.find(item => item.defaultAction)?.onClick;
+    const clickAction = defaultAction || (this.items.length === 1 ? this.items[0].onClick : null);
+
+    clickAction?.();
+  }
+
+  get items() {
+    const { category } = this.props;
+
+    return category ? this.getCategoryFilteredItems(category) :
+      this.categories.map(this.getCategoryFilteredItems).flat();
+  }
+
+  render() {
+    if (this.items.length === 0) {
+      return null;
+    }
+
+    return (
+      <SpeedDial
+        className="CatalogAddButton"
+        ariaLabel="SpeedDial CatalogAddButton"
+        open={this.isOpen}
+        onOpen={this.onOpen}
+        onClose={this.onClose}
+        icon={<Icon material="add" />}
+        direction="up"
+        onClick={this.onButtonClick}
+      >
+        {this.items.map((menuItem, index) => {
+          return (
+            <SpeedDialAction
+              key={index}
+              icon={<Icon material={menuItem.icon}/>}
+              tooltipTitle={menuItem.title}
+              onClick={(evt) => {
+                evt.stopPropagation();
+                menuItem.onClick();
+              }}
+              TooltipClasses={{
+                popper: "catalogSpeedDialPopper",
+              }}
+            />
+          );
+        })}
+      </SpeedDial>
+    );
+  }
+}
+
+export const CatalogAddButton = withInjectables<Dependencies, CatalogAddButtonProps>(NonInjectedCatalogAddButton, {
+  getProps: (di, props) => ({
+    ...props,
+    catalogCategoryRegistry: di.inject(catalogCategoryRegistryInjectable),
+    navigate: di.inject(navigateInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+catalog/catalog-browse-tab.ts b/packages/core/src/renderer/components/+catalog/catalog-browse-tab.ts
new file mode 100644
index 0000000000..107e12894e
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-browse-tab.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export const browseCatalogTab = "browse";
diff --git a/packages/core/src/renderer/components/+catalog/catalog-category-label.tsx b/packages/core/src/renderer/components/+catalog/catalog-category-label.tsx
new file mode 100644
index 0000000000..170d8e92b6
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-category-label.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";
+import type { CatalogCategory } from "../../../common/catalog/catalog-entity";
+
+interface CatalogCategoryLabelProps {
+  category: CatalogCategory;
+}
+
+/**
+ * Display label for Catalog Category for the Catalog menu
+ */
+export const CatalogCategoryLabel = ({ category }: CatalogCategoryLabelProps) => {
+  const badge = category.getBadge();
+
+  return (
+    <div className="flex">
+      <div>{category.metadata.name}</div>
+      {badge ? (<div className="flex items-center">{badge}</div>) : null}
+    </div>
+  );
+};
diff --git a/packages/core/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx b/packages/core/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx
new file mode 100644
index 0000000000..089e0aa191
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { cssNames, hasDefiniteField } from "../../utils";
+import type { MenuActionsProps } from "../menu/menu-actions";
+import { MenuActions } from "../menu/menu-actions";
+import type { CatalogEntity, CatalogEntityContextMenu } from "../../api/catalog-entity";
+import { observer } from "mobx-react";
+import { observable } from "mobx";
+import { MenuItem } from "../menu";
+import { Icon } from "../icon";
+import { HotbarToggleMenuItem } from "./hotbar-toggle-menu-item";
+import type { VisitEntityContextMenu } from "../../../common/catalog/visit-entity-context-menu.injectable";
+import visitEntityContextMenuInjectable from "../../../common/catalog/visit-entity-context-menu.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { Navigate } from "../../navigation/navigate.injectable";
+import navigateInjectable from "../../navigation/navigate.injectable";
+import type { NormalizeCatalogEntityContextMenu } from "../../catalog/normalize-menu-item.injectable";
+import normalizeCatalogEntityContextMenuInjectable from "../../catalog/normalize-menu-item.injectable";
+
+export interface CatalogEntityDrawerMenuProps<Entity extends CatalogEntity> extends MenuActionsProps {
+  entity: Entity;
+}
+
+interface Dependencies {
+  normalizeMenuItem: NormalizeCatalogEntityContextMenu;
+  navigate: Navigate;
+  visitEntityContextMenu: VisitEntityContextMenu;
+}
+
+@observer
+class NonInjectedCatalogEntityDrawerMenu<T extends CatalogEntity> extends React.Component<CatalogEntityDrawerMenuProps<T> & Dependencies> {
+  private readonly menuItems = observable.array<CatalogEntityContextMenu>();
+
+  componentDidMount() {
+    this.props.visitEntityContextMenu(this.props.entity, {
+      menuItems: this.menuItems,
+      navigate: this.props.navigate,
+    });
+  }
+
+  getMenuItems(entity: T): React.ReactChild[] {
+    if (!entity) {
+      return [];
+    }
+
+    const items = this.menuItems
+      .map(this.props.normalizeMenuItem)
+      .filter(hasDefiniteField("icon"))
+      .map(menuItem => (
+        <MenuItem key={menuItem.title} onClick={menuItem.onClick}>
+          <Icon
+            interactive
+            tooltip={menuItem.title}
+            {...{ [Icon.isSvg(menuItem.icon) ? "svg" : "material"]: menuItem.icon }}
+          />
+        </MenuItem>
+      ));
+
+    items.push(
+      <HotbarToggleMenuItem
+        key="hotbar-toggle"
+        entity={entity}
+        addContent={(
+          <Icon
+            material="push_pin"
+            interactive
+            small
+            tooltip="Add to Hotbar"
+          />
+        )}
+        removeContent={(
+          <Icon
+            svg="push_off"
+            interactive
+            small
+            tooltip="Remove from Hotbar"
+          />
+        )}
+      />,
+    );
+
+    return items;
+  }
+
+  render() {
+    const { className, entity, ...menuProps } = this.props;
+
+    if (!this.menuItems.length || !entity.isEnabled()) {
+      return null;
+    }
+
+    return (
+      <MenuActions
+        id={`menu-actions-for-catalog-entity-drawer-menu-${entity.getId()}`}
+        className={cssNames("CatalogEntityDrawerMenu", className)}
+        toolbar
+        {...menuProps}
+      >
+        {this.getMenuItems(entity)}
+      </MenuActions>
+    );
+  }
+}
+
+export const CatalogEntityDrawerMenu = withInjectables<Dependencies, CatalogEntityDrawerMenuProps<CatalogEntity>>(NonInjectedCatalogEntityDrawerMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    visitEntityContextMenu: di.inject(visitEntityContextMenuInjectable),
+    normalizeMenuItem: di.inject(normalizeCatalogEntityContextMenuInjectable),
+    navigate: di.inject(navigateInjectable),
+  }),
+}) as <Entity extends CatalogEntity>(props: CatalogEntityDrawerMenuProps<Entity>) => JSX.Element;
diff --git a/packages/core/src/renderer/components/+catalog/catalog-entity-store/catalog-entity-store.injectable.ts b/packages/core/src/renderer/components/+catalog/catalog-entity-store/catalog-entity-store.injectable.ts
new file mode 100644
index 0000000000..6e3cb979e4
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-entity-store/catalog-entity-store.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 { catalogEntityStore } from "./catalog-entity.store";
+import catalogEntityRegistryInjectable from "../../../api/catalog/entity/registry.injectable";
+import catalogCategoryRegistryInjectable from "../../../../common/catalog/category-registry.injectable";
+
+const catalogEntityStoreInjectable = getInjectable({
+  id: "catalog-entity-store",
+
+  instantiate: (di) => catalogEntityStore({
+    entityRegistry: di.inject(catalogEntityRegistryInjectable),
+    catalogRegistry: di.inject(catalogCategoryRegistryInjectable),
+  }),
+});
+
+export default catalogEntityStoreInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/catalog-entity-store/catalog-entity.store.tsx b/packages/core/src/renderer/components/+catalog/catalog-entity-store/catalog-entity.store.tsx
new file mode 100644
index 0000000000..3209428cba
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-entity-store/catalog-entity.store.tsx
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { IComputedValue, IObservableValue } from "mobx";
+import { computed, observable, reaction } from "mobx";
+import type { CatalogEntityRegistry } from "../../../api/catalog/entity/registry";
+import type { CatalogEntity } from "../../../api/catalog-entity";
+import type { CatalogCategory, CatalogCategoryRegistry } from "../../../../common/catalog";
+import type { Disposer } from "../../../../common/utils";
+import { disposer } from "../../../../common/utils";
+import type { ItemListStore } from "../../item-object-list";
+
+type EntityRegistry = Pick<CatalogEntityRegistry, "getItemsForCategory" | "filteredItems" | "onRun">;
+type CatalogRegistry = Pick<CatalogCategoryRegistry, "items">;
+
+interface Dependencies {
+  entityRegistry: EntityRegistry;
+  catalogRegistry: CatalogRegistry;
+}
+
+export type CatalogEntityStore = ItemListStore<CatalogEntity, false> & {
+  readonly entities: IComputedValue<CatalogEntity[]>;
+  readonly activeCategory: IObservableValue<CatalogCategory | undefined>;
+  readonly selectedItemId: IObservableValue<string | undefined>;
+  readonly selectedItem: IComputedValue<CatalogEntity | undefined>;
+  watch(): Disposer;
+  onRun(entity: CatalogEntity): void;
+};
+
+export function catalogEntityStore({
+  entityRegistry,
+  catalogRegistry,
+}: Dependencies): CatalogEntityStore {
+  const activeCategory = observable.box<CatalogCategory | undefined>(undefined);
+  const selectedItemId = observable.box<string | undefined>(undefined);
+  const entities = computed(() => {
+    const category = activeCategory.get();
+
+    return category
+      ? entityRegistry.getItemsForCategory(category, { filtered: true })
+      : entityRegistry.filteredItems;
+  });
+  const selectedItem = computed(() => {
+    const id = selectedItemId.get();
+
+    if (!id) {
+      return undefined;
+    }
+
+    return entities.get().find(entity => entity.getId() === id);
+  });
+  const loadAll = () => {
+    const category = activeCategory.get();
+
+    if (category) {
+      category.emit("load");
+    } else {
+      for (const category of catalogRegistry.items) {
+        category.emit("load");
+      }
+    }
+  };
+
+  return {
+    entities,
+    selectedItem,
+    activeCategory,
+    selectedItemId,
+    watch: () => disposer(
+      reaction(() => entities.get(), loadAll),
+      reaction(() => activeCategory.get(), loadAll, { delay: 100 }),
+    ),
+    onRun: entity => entityRegistry.onRun(entity),
+    failedLoading: false,
+    getTotalCount: () => entities.get().length,
+    isLoaded: true,
+    isSelected: (item) => item.getId() === selectedItemId.get(),
+    isSelectedAll: () => false,
+    pickOnlySelected: () => [],
+    toggleSelection: () => {},
+    toggleSelectionAll: () => {},
+    removeSelectedItems: async () => {},
+  };
+}
diff --git a/packages/core/src/renderer/components/+catalog/catalog-menu.module.scss b/packages/core/src/renderer/components/+catalog/catalog-menu.module.scss
new file mode 100644
index 0000000000..cafed28964
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-menu.module.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.bordered {
+  border-top: 1px solid var(--inputControlBorder);
+}
+
+.parent {
+  color: var(--textColorAccent);
+  font-size: small;
+  text-transform: uppercase;
+  font-weight: bold;
+}
+
+.catalog {
+  font-size: medium;
+  padding: var(--padding) calc(var(--padding) * 1.5);
+  font-weight: bold;
+  color: var(--textColorAccent);
+}
diff --git a/packages/core/src/renderer/components/+catalog/catalog-menu.tsx b/packages/core/src/renderer/components/+catalog/catalog-menu.tsx
new file mode 100644
index 0000000000..5947f0a301
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-menu.tsx
@@ -0,0 +1,97 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import treeStyles from "./catalog-tree.module.scss";
+import styles from "./catalog-menu.module.scss";
+
+import React from "react";
+import type { TreeItemProps } from "@material-ui/lab";
+import { TreeItem, TreeView } from "@material-ui/lab";
+import { Icon } from "../icon";
+import { StylesProvider } from "@material-ui/core";
+import { cssNames } from "../../utils";
+import type { CatalogCategory } from "../../api/catalog-entity";
+import { observer } from "mobx-react";
+import { CatalogCategoryLabel } from "./catalog-category-label";
+import type { IComputedValue } from "mobx";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filteredCategoriesInjectable from "../../../common/catalog/filtered-categories.injectable";
+
+export interface CatalogMenuProps {
+  activeTab: string | undefined;
+  onItemClick: (id: string) => void;
+}
+
+function getCategoryIcon(category: CatalogCategory) {
+  const { icon } = category.metadata ?? {};
+
+  if (typeof icon === "string") {
+    return Icon.isSvg(icon)
+      ? <Icon small svg={icon}/>
+      : <Icon small material={icon}/>;
+  }
+
+  return null;
+}
+
+function Item(props: TreeItemProps) {
+  return (
+    <TreeItem classes={treeStyles} {...props}/>
+  );
+}
+
+interface Dependencies {
+  filteredCategories: IComputedValue<CatalogCategory[]>;
+}
+
+const NonInjectedCatalogMenu = observer(({
+  activeTab,
+  filteredCategories,
+  onItemClick,
+}: CatalogMenuProps & Dependencies) => (
+  // Overwrite Material UI styles with injectFirst https://material-ui.com/guides/interoperability/#controlling-priority-4
+  <StylesProvider injectFirst>
+    <div className="flex flex-col w-full">
+      <div className={styles.catalog}>Catalog</div>
+      <TreeView
+        defaultExpanded={["catalog"]}
+        defaultCollapseIcon={<Icon material="expand_more" />}
+        defaultExpandIcon={<Icon material="chevron_right" />}
+        selected={activeTab || "browse"}
+      >
+        <Item
+          nodeId="browse"
+          label="Browse"
+          data-testid="*-tab"
+          onClick={() => onItemClick("*")} />
+        <Item
+          nodeId="catalog"
+          label={<div className={styles.parent}>Categories</div>}
+          className={cssNames(styles.bordered)}
+        >
+          {
+            filteredCategories.get()
+              .map(category => (
+                <Item
+                  icon={getCategoryIcon(category)}
+                  key={category.getId()}
+                  nodeId={category.getId()}
+                  label={<CatalogCategoryLabel category={category} />}
+                  data-testid={`${category.getId()}-tab`}
+                  onClick={() => onItemClick(category.getId())} />
+              ))
+          }
+        </Item>
+      </TreeView>
+    </div>
+  </StylesProvider>
+));
+
+export const CatalogMenu = withInjectables<Dependencies, CatalogMenuProps>(NonInjectedCatalogMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    filteredCategories: di.inject(filteredCategoriesInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+catalog/catalog-previous-active-tab-storage/catalog-previous-active-tab-storage.injectable.ts b/packages/core/src/renderer/components/+catalog/catalog-previous-active-tab-storage/catalog-previous-active-tab-storage.injectable.ts
new file mode 100644
index 0000000000..36c57ba29a
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-previous-active-tab-storage/catalog-previous-active-tab-storage.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 createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+import { browseCatalogTab } from "../catalog-browse-tab";
+
+const catalogPreviousActiveTabStorageInjectable = getInjectable({
+  id: "catalog-previous-active-tab-storage",
+
+  instantiate: (di) => {
+    const createStorage = di.inject(createStorageInjectable);
+
+    return createStorage<string | null>(
+      "catalog-previous-active-tab",
+      browseCatalogTab,
+    );
+  },
+});
+
+export default catalogPreviousActiveTabStorageInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/catalog-route-component.injectable.ts b/packages/core/src/renderer/components/+catalog/catalog-route-component.injectable.ts
new file mode 100644
index 0000000000..feb450328f
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-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 { Catalog } from "./catalog";
+import catalogRouteInjectable from "../../../common/front-end-routing/routes/catalog/catalog-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const catalogRouteComponentInjectable = getInjectable({
+  id: "catalog-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(catalogRouteInjectable),
+    Component: Catalog,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default catalogRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/catalog-route-parameters.injectable.ts b/packages/core/src/renderer/components/+catalog/catalog-route-parameters.injectable.ts
new file mode 100644
index 0000000000..0d9bd1fc4e
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-route-parameters.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 routePathParametersInjectable from "../../routes/route-path-parameters.injectable";
+import catalogRouteInjectable from "../../../common/front-end-routing/routes/catalog/catalog-route.injectable";
+
+const catalogRouteParametersInjectable = getInjectable({
+  id: "catalog-route-parameters",
+
+  instantiate: (di) => {
+    const route = di.inject(catalogRouteInjectable);
+    const pathParameters = di.inject(routePathParametersInjectable, route);
+
+    return {
+      group: computed(() => pathParameters.get().group),
+      kind: computed(() => pathParameters.get().kind),
+    };
+  },
+});
+
+export default catalogRouteParametersInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/catalog-tree.module.scss b/packages/core/src/renderer/components/+catalog/catalog-tree.module.scss
new file mode 100644
index 0000000000..f190d04417
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog-tree.module.scss
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/* This file overwrites basic Material UI TreeView styles. Can contain only following
+  classnames: root, expanded, selected, content, iconContainer, label, group
+*/
+
+.root {
+  color: var(--textColorTertiary);
+}
+
+.label {
+  font-size: var(--font-size)!important;
+  background-color: transparent!important;
+
+  &:hover {
+    background-color: transparent;
+  }
+}
+
+.content {
+  min-height: 26px;
+  line-height: 1.3;
+  padding: 2px var(--padding) 2px 0;
+
+  &:hover {
+    background-color: var(--sidebarItemHoverBackground);
+    border-radius: 2px;
+  }
+
+  &:active {
+    color: white;
+    background-color: var(--blue);
+  }
+}
+
+.group {
+  margin-left: 0px;
+
+  .iconContainer {
+    margin-left: 28px;
+    margin-top: 2px;
+    align-self: flex-start;
+  }
+}
+
+.selected {
+  & > *:first-child {
+    background-color: var(--blue);
+    color: white;
+    border-radius: 2px;
+  }
+}
+
+.iconContainer {
+  width: 21px;
+  margin-left: 5px;
+  margin-right: 0;
+}
diff --git a/packages/core/src/renderer/components/+catalog/catalog.module.scss b/packages/core/src/renderer/components/+catalog/catalog.module.scss
new file mode 100644
index 0000000000..74e4bcc80f
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog.module.scss
@@ -0,0 +1,138 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Catalog {
+  :global(.TableRow):hover .pinIcon {
+    opacity: 1;
+  }
+
+  flex-grow: 1;
+}
+
+.entityName {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 var(--padding);
+  padding-bottom: 0;
+  padding-right: 24px; // + reserved space for .pinIcon
+  flex-grow: 2.5!important;
+
+  > span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding-left: var(--padding);
+  }
+
+  :global(.HotbarIcon){
+    align-self: center;
+
+    div {
+      /* icons with plain text */
+      font-size: var(--unit);
+    }
+
+    .Icon {
+      /* icons with font-icon */
+      font-size: var(--small-size);
+    }
+  }
+
+  .pinIcon {
+    --color-active: var(--textColorAccent);
+
+    transition: none;
+    opacity: 0;
+    margin-left: var(--padding);
+    width: calc(var(--unit) * 2);
+
+    &:hover {
+      /* Drop styles defined for <Icon/>  */
+      background-color: transparent;
+      box-shadow: none;
+    }
+  }
+}
+
+.sourceCell {
+  max-width: 100px;
+}
+
+.statusCell {
+  max-width: 100px;
+
+  :global {
+    .connected, .available {
+      color: var(--colorSuccess);
+    }
+
+    .disconnected, .deleting, .unavailable {
+      color: var(--halfGray);
+    }
+  }
+}
+
+.labelsCell {
+  overflow-x: scroll;
+  text-overflow: unset;
+}
+
+.labelsCell::-webkit-scrollbar {
+  display: none;
+}
+
+.badge {
+  overflow: unset;
+  text-overflow: unset;
+  max-width: unset;
+}
+
+.badge:hover {
+  color: var(--textColorAccent);
+}
+
+.badge:not(:first-child) {
+  margin-left: 0.5em;
+}
+
+.catalogIcon {
+  font-size: 10px;
+  -webkit-font-smoothing: auto;
+}
+
+.tabs {
+  @apply flex flex-grow flex-col;
+}
+
+.tab {
+  @apply px-8 py-4;
+}
+
+.tab:hover {
+  background-color: var(--sidebarItemHoverBackground);
+  --color-active: var(--textColorTertiary);
+}
+
+.tab::after {
+  display: none;
+}
+
+.activeTab, .activeTab:hover {
+  background-color: var(--blue);
+  --color-active: white;
+}
+
+.catalogAvatar {
+  font-size: 1.2ch;
+}
+
+.views {
+  padding: calc(var(--padding) * 2);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/+catalog/catalog.test.tsx b/packages/core/src/renderer/components/+catalog/catalog.test.tsx
new file mode 100644
index 0000000000..334970e166
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog.test.tsx
@@ -0,0 +1,229 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Catalog } from "./catalog";
+import type { CatalogEntityActionContext, CatalogEntityData } from "../../../common/catalog";
+import { CatalogEntity } from "../../../common/catalog";
+import type { CatalogEntityOnBeforeRun, CatalogEntityRegistry } from "../../api/catalog/entity/registry";
+import type { CatalogEntityStore } from "./catalog-entity-store/catalog-entity.store";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import type { DiContainer } from "@ogre-tools/injectable";
+import catalogEntityStoreInjectable from "./catalog-entity-store/catalog-entity-store.injectable";
+import catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
+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 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";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import { flushPromises } from "../../../common/test-utils/flush-promises";
+import userStoreInjectable from "../../../common/user-store/user-store.injectable";
+import releaseChannelInjectable from "../../../common/vars/release-channel.injectable";
+import defaultUpdateChannelInjectable from "../../../features/application-update/common/selected-update-channel/default-update-channel.injectable";
+import currentlyInClusterFrameInjectable from "../../routes/currently-in-cluster-frame.injectable";
+
+class MockCatalogEntity extends CatalogEntity {
+  public apiVersion = "api";
+  public kind = "kind";
+
+  constructor(data: CatalogEntityData, public onRun: (context: CatalogEntityActionContext) => void | Promise<void>) {
+    super(data);
+  }
+}
+
+function createMockCatalogEntity(onRun: (context: CatalogEntityActionContext) => void | Promise<void>) {
+  return new MockCatalogEntity({
+    metadata: {
+      uid: "a_catalogEntity_uid",
+      name: "a catalog entity",
+      labels: {
+        test: "label",
+      },
+    },
+    status: {
+      phase: "",
+    },
+    spec: {},
+  }, onRun);
+}
+
+describe("<Catalog />", () => {
+  let di: DiContainer;
+  let catalogEntityStore: CatalogEntityStore;
+  let catalogEntityRegistry: CatalogEntityRegistry;
+  let appEventListener: jest.MockedFunction<(event: AppEvent) => void>;
+  let onRun: jest.MockedFunction<(context: CatalogEntityActionContext) => void | Promise<void>>;
+  let catalogEntityItem: MockCatalogEntity;
+  let render: DiRender;
+
+  beforeEach(async () => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
+    di.override(currentlyInClusterFrameInjectable, () => false);
+    di.override(broadcastMessageInjectable, () => async () => {});
+
+    di.permitSideEffects(getConfigurationFileModelInjectable);
+
+    render = renderFor(di);
+    onRun = jest.fn();
+    catalogEntityItem = createMockCatalogEntity(onRun);
+    catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+
+    appEventListener = jest.fn();
+    di.inject(appEventBusInjectable).addListener(appEventListener);
+
+    catalogEntityStore = di.inject(catalogEntityStoreInjectable);
+    Object.assign(catalogEntityStore, {
+      selectedItem: computed(() => catalogEntityItem),
+    });
+
+    di.override(releaseChannelInjectable, () => ({
+      get: () => "latest" as const,
+      init: async () => {},
+    }));
+    await di.inject(defaultUpdateChannelInjectable).init();
+    di.inject(userStoreInjectable).load();
+  });
+
+  describe("can use catalogEntityRegistry.addOnBeforeRun to add hooks for catalog entities", () => {
+    let onBeforeRunMock: AsyncFnMock<CatalogEntityOnBeforeRun>;
+
+    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("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"));
+
+    await flushPromises();
+
+    expect(onRun).toHaveBeenCalled();
+  });
+
+  it("addOnRunHook return a promise and does not prevent run event => onRun()", (done) => {
+    onRun.mockImplementation(() => done());
+
+    catalogEntityRegistry.addOnBeforeRun(
+      async () => {
+        // no op
+      },
+    );
+
+    render(<Catalog />);
+
+    userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
+  });
+
+  it("addOnRunHook return a promise and prevents event wont be triggered", async () => {
+    const onBeforeRunMock = asyncFn();
+
+    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", async () => {
+    const onBeforeRunMock = asyncFn();
+
+    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", () => {
+    render(<Catalog />);
+
+    expect(appEventListener).toHaveBeenCalledWith( {
+      action: "open",
+      name: "catalog",
+    });
+  });
+
+  it("emits catalog change AppEvent when changing the category", () => {
+    render(<Catalog />);
+
+    userEvent.click(screen.getByText("Web Links"));
+
+    expect(appEventListener).toHaveBeenCalledWith({
+      action: "change-category",
+      name: "catalog",
+      params: {
+        category: "Web Links",
+      },
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/+catalog/catalog.tsx b/packages/core/src/renderer/components/+catalog/catalog.tsx
new file mode 100644
index 0000000000..acd5346b17
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/catalog.tsx
@@ -0,0 +1,375 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./catalog.module.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { ItemListLayout } from "../item-object-list";
+import type { IComputedValue } from "mobx";
+import { action, computed, makeObservable, observable, reaction, runInAction, when } from "mobx";
+import type { CatalogEntityStore } from "./catalog-entity-store/catalog-entity.store";
+import { MenuItem, MenuActions } from "../menu";
+import type { CatalogEntityContextMenu } from "../../api/catalog-entity";
+import type { CatalogCategory, CatalogCategoryRegistry, CatalogEntity } from "../../../common/catalog";
+import { CatalogAddButton } from "./catalog-add-button";
+import type { ShowNotification } from "../notifications";
+import { MainLayout } from "../layout/main-layout";
+import type { StorageLayer } from "../../utils";
+import { prevDefault } from "../../utils";
+import { CatalogEntityDetails } from "./entity-details/view";
+import { CatalogMenu } from "./catalog-menu";
+import { RenderDelay } from "../render-delay/render-delay";
+import { Icon } from "../icon";
+import { HotbarToggleMenuItem } from "./hotbar-toggle-menu-item";
+import { Avatar } from "../avatar";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import catalogPreviousActiveTabStorageInjectable from "./catalog-previous-active-tab-storage/catalog-previous-active-tab-storage.injectable";
+import catalogEntityStoreInjectable from "./catalog-entity-store/catalog-entity-store.injectable";
+import type { GetCategoryColumnsParams, CategoryColumns } from "./columns/get.injectable";
+import getCategoryColumnsInjectable from "./columns/get.injectable";
+import type { RegisteredCustomCategoryViewDecl } from "./custom-views.injectable";
+import customCategoryViewsInjectable from "./custom-views.injectable";
+import type { CustomCategoryViewComponents } from "./custom-views";
+import type { NavigateToCatalog } from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import navigateToCatalogInjectable from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import catalogRouteParametersInjectable from "./catalog-route-parameters.injectable";
+import { browseCatalogTab } from "./catalog-browse-tab";
+import hotbarStoreInjectable from "../../../common/hotbars/store.injectable";
+import type { HotbarStore } from "../../../common/hotbars/store";
+import type { VisitEntityContextMenu } from "../../../common/catalog/visit-entity-context-menu.injectable";
+import catalogCategoryRegistryInjectable from "../../../common/catalog/category-registry.injectable";
+import visitEntityContextMenuInjectable from "../../../common/catalog/visit-entity-context-menu.injectable";
+import type { Navigate } from "../../navigation/navigate.injectable";
+import navigateInjectable from "../../navigation/navigate.injectable";
+import type { NormalizeCatalogEntityContextMenu } from "../../catalog/normalize-menu-item.injectable";
+import normalizeCatalogEntityContextMenuInjectable from "../../catalog/normalize-menu-item.injectable";
+import type { EmitAppEvent } from "../../../common/app-event-bus/emit-event.injectable";
+import emitAppEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import type { Logger } from "../../../common/logger";
+import loggerInjectable from "../../../common/logger.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+
+interface Dependencies {
+  catalogPreviousActiveTabStorage: StorageLayer<string | null>;
+  catalogEntityStore: CatalogEntityStore;
+  getCategoryColumns: (params: GetCategoryColumnsParams) => CategoryColumns;
+  customCategoryViews: IComputedValue<Map<string, Map<string, RegisteredCustomCategoryViewDecl>>>;
+  emitEvent: EmitAppEvent;
+  routeParameters: {
+    group: IComputedValue<string>;
+    kind: IComputedValue<string>;
+  };
+  navigateToCatalog: NavigateToCatalog;
+  hotbarStore: HotbarStore;
+  catalogCategoryRegistry: CatalogCategoryRegistry;
+  visitEntityContextMenu: VisitEntityContextMenu;
+  navigate: Navigate;
+  normalizeMenuItem: NormalizeCatalogEntityContextMenu;
+  showErrorNotification: ShowNotification;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedCatalog extends React.Component<Dependencies> {
+  private readonly menuItems = observable.array<CatalogEntityContextMenu>();
+  @observable activeTab: string | undefined = undefined;
+
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed
+  get routeActiveTab(): string {
+    const { routeParameters: { group, kind }, catalogPreviousActiveTabStorage } = this.props;
+
+    const dereferencedGroup = group.get();
+    const dereferencedKind = kind.get();
+
+    if (dereferencedGroup && dereferencedKind) {
+      return `${dereferencedGroup}/${dereferencedKind}`;
+    }
+
+    return catalogPreviousActiveTabStorage.get() || browseCatalogTab;
+  }
+
+  async componentDidMount() {
+    const {
+      catalogEntityStore,
+      catalogPreviousActiveTabStorage,
+      catalogCategoryRegistry,
+      logger,
+      showErrorNotification,
+    } = this.props;
+
+    disposeOnUnmount(this, [
+      catalogEntityStore.watch(),
+      reaction(() => this.routeActiveTab, async (routeTab) => {
+        catalogPreviousActiveTabStorage.set(this.routeActiveTab);
+
+        try {
+          if (routeTab !== browseCatalogTab) {
+            // we need to wait because extensions might take a while to load
+            await when(() => Boolean(catalogCategoryRegistry.filteredItems.find(i => i.getId() === routeTab)), { timeout: 5_000 });
+          }
+
+          const item = catalogCategoryRegistry.filteredItems.find(i => i.getId() === routeTab);
+
+          runInAction(() => {
+            this.activeTab = routeTab;
+            catalogEntityStore.activeCategory.set(item);
+          });
+        } catch (error) {
+          logger.warn("Failed to find route tab", error);
+          showErrorNotification((
+            <p>
+              {"Unknown category: "}
+              {routeTab}
+            </p>
+          ));
+        }
+      }, { fireImmediately: true }),
+      // If active category is filtered out, automatically switch to the first category
+      reaction(() => catalogCategoryRegistry.filteredItems, () => {
+        if (!catalogCategoryRegistry.filteredItems.find(item => item.getId() === catalogEntityStore.activeCategory.get()?.getId())) {
+          const item = catalogCategoryRegistry.filteredItems[0];
+
+          runInAction(() => {
+            if (item) {
+              this.activeTab = item.getId();
+              this.props.catalogEntityStore.activeCategory.set(item);
+            }
+          });
+        }
+      }),
+    ]);
+
+    this.props.emitEvent({
+      name: "catalog",
+      action: "open",
+    });
+  }
+
+  addToHotbar(entity: CatalogEntity): void {
+    this.props.hotbarStore.addToHotbar(entity);
+  }
+
+  removeFromHotbar(entity: CatalogEntity): void {
+    this.props.hotbarStore.removeFromHotbar(entity.getId());
+  }
+
+  onDetails = (entity: CatalogEntity) => {
+    if (this.props.catalogEntityStore.selectedItemId.get()) {
+      this.props.catalogEntityStore.selectedItemId.set(undefined);
+    } else {
+      this.props.catalogEntityStore.onRun(entity);
+    }
+  };
+
+  get categories() {
+    return this.props.catalogCategoryRegistry.items;
+  }
+
+  onTabChange = action((tabId: string | null) => {
+    const activeCategory = this.categories.find(category => category.getId() === tabId);
+
+    this.props.emitEvent({
+      name: "catalog",
+      action: "change-category",
+      params: {
+        category: activeCategory ? activeCategory.getName() : "Browse",
+      },
+    });
+
+    if (activeCategory) {
+      this.props.catalogPreviousActiveTabStorage.set(`${activeCategory.spec.group}/${activeCategory.spec.names.kind}`);
+      this.props.navigateToCatalog({ group: activeCategory.spec.group, kind: activeCategory.spec.names.kind });
+    } else {
+      this.props.catalogPreviousActiveTabStorage.set(null);
+      this.props.navigateToCatalog({ group: browseCatalogTab });
+    }
+  });
+
+  renderItemMenu = (entity: CatalogEntity) => {
+    const onOpen = () => {
+      this.menuItems.clear();
+      this.props.visitEntityContextMenu(entity, {
+        menuItems: this.menuItems,
+        navigate: this.props.navigate,
+      });
+    };
+
+    return (
+      <MenuActions
+        id={`menu-actions-for-catalog-for-${entity.getId()}`}
+        data-testid={`menu-actions-for-catalog-for-${entity.getId()}`}
+        onOpen={onOpen}
+      >
+        <MenuItem
+          key="open-details"
+          data-testid={`open-details-menu-item-for-${entity.getId()}`}
+          onClick={() => this.props.catalogEntityStore.selectedItemId.set(entity.getId())}
+        >
+          View Details
+        </MenuItem>
+        {
+          this.menuItems
+            .map(this.props.normalizeMenuItem)
+            .map((menuItem, index) => (
+              <MenuItem key={index} onClick={menuItem.onClick}>
+                {menuItem.title}
+              </MenuItem>
+            ))
+        }
+        <HotbarToggleMenuItem
+          key="hotbar-toggle"
+          entity={entity}
+          addContent="Add to Hotbar"
+          removeContent="Remove from Hotbar"
+        />
+      </MenuActions>
+    );
+  };
+
+  renderName(entity: CatalogEntity) {
+    const isItemInHotbar = this.props.hotbarStore.isAddedToActive(entity);
+
+    return (
+      <>
+        <Avatar
+          title={entity.getName()}
+          colorHash={`${entity.getName()}-${entity.getSource()}`}
+          src={entity.spec.icon?.src}
+          background={entity.spec.icon?.background}
+          className={styles.catalogAvatar}
+          size={24}
+        >
+          {entity.spec.icon?.material && <Icon material={entity.spec.icon?.material} small/>}
+        </Avatar>
+        <span>{entity.getName()}</span>
+        <Icon
+          small
+          className={styles.pinIcon}
+          svg={isItemInHotbar ? "push_off" : "push_pin"}
+          tooltip={isItemInHotbar ? "Remove from Hotbar" : "Add to Hotbar"}
+          onClick={prevDefault(() => isItemInHotbar ? this.removeFromHotbar(entity) : this.addToHotbar(entity))}
+        />
+      </>
+    );
+  }
+
+  renderViews = (activeCategory: CatalogCategory | undefined) => {
+    if (!activeCategory) {
+      return this.renderList(undefined);
+    }
+
+    const customViews = this.props.customCategoryViews.get()
+      .get(activeCategory.spec.group)
+      ?.get(activeCategory.spec.names.kind);
+    const renderView = ({ View }: CustomCategoryViewComponents, index: number) => (
+      <View
+        key={index}
+        category={activeCategory}
+      />
+    );
+
+    return (
+      <>
+        {customViews?.before.map(renderView)}
+        {this.renderList(activeCategory)}
+        {customViews?.after.map(renderView)}
+      </>
+    );
+  };
+
+  renderList(activeCategory: CatalogCategory | undefined) {
+    const { catalogEntityStore, getCategoryColumns } = this.props;
+    const tableId = activeCategory
+      ? `catalog-items-${activeCategory.metadata.name.replace(" ", "")}`
+      : "catalog-items";
+
+    if (this.activeTab === undefined) {
+      return null;
+    }
+
+    return (
+      <ItemListLayout<CatalogEntity, false>
+        className={styles.Catalog}
+        tableId={tableId}
+        renderHeaderTitle={activeCategory?.metadata.name ?? "Browse All"}
+        isSelectable={false}
+        isConfigurable={true}
+        preloadStores={false}
+        store={catalogEntityStore}
+        getItems={() => catalogEntityStore.entities.get()}
+        customizeTableRowProps={entity => ({
+          disabled: !entity.isEnabled(),
+        })}
+        {...getCategoryColumns({ activeCategory })}
+        onDetails={this.onDetails}
+        renderItemMenu={this.renderItemMenu}
+        data-testid={`catalog-list-for-${activeCategory?.metadata.name ?? "browse-all"}`}
+      />
+    );
+  }
+
+  render() {
+    const activeCategory = this.props.catalogEntityStore.activeCategory.get();
+    const selectedItem = this.props.catalogEntityStore.selectedItem.get();
+
+    return (
+      <MainLayout
+        sidebar={(
+          <CatalogMenu
+            activeTab={this.activeTab}
+            onItemClick={this.onTabChange}
+          />
+        )}
+      >
+        <div className={styles.views}>
+          {this.renderViews(activeCategory)}
+        </div>
+        {
+          selectedItem
+            ? (
+              <CatalogEntityDetails
+                entity={selectedItem}
+                hideDetails={() => this.props.catalogEntityStore.selectedItemId.set(undefined)}
+                onRun={() => this.props.catalogEntityStore.onRun(selectedItem)}
+              />
+            )
+            : activeCategory
+              ? (
+                <RenderDelay>
+                  <CatalogAddButton category={activeCategory} />
+                </RenderDelay>
+              )
+              : null
+        }
+      </MainLayout>
+    );
+  }
+}
+
+export const Catalog = withInjectables<Dependencies>(NonInjectedCatalog, {
+  getProps: (di, props) => ({
+    ...props,
+    catalogEntityStore: di.inject(catalogEntityStoreInjectable),
+    catalogPreviousActiveTabStorage: di.inject(catalogPreviousActiveTabStorageInjectable),
+    getCategoryColumns: di.inject(getCategoryColumnsInjectable),
+    customCategoryViews: di.inject(customCategoryViewsInjectable),
+    routeParameters: di.inject(catalogRouteParametersInjectable),
+    navigateToCatalog: di.inject(navigateToCatalogInjectable),
+    emitEvent: di.inject(emitAppEventInjectable),
+    hotbarStore: di.inject(hotbarStoreInjectable),
+    catalogCategoryRegistry: di.inject(catalogCategoryRegistryInjectable),
+    visitEntityContextMenu: di.inject(visitEntityContextMenuInjectable),
+    navigate: di.inject(navigateInjectable),
+    normalizeMenuItem: di.inject(normalizeCatalogEntityContextMenuInjectable),
+    logger: di.inject(loggerInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+catalog/columns/browse-all.injectable.tsx b/packages/core/src/renderer/components/+catalog/columns/browse-all.injectable.tsx
new file mode 100644
index 0000000000..b7e1ddddb7
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/columns/browse-all.injectable.tsx
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { RegisteredAdditionalCategoryColumn } from "../custom-category-columns";
+import { getInjectable } from "@ogre-tools/injectable";
+import namedCategoryColumnInjectable from "./named-category.injectable";
+import defaultCategoryColumnsInjectable from "./default-category.injectable";
+
+const defaultBrowseAllColumns: RegisteredAdditionalCategoryColumn[] = [
+  {
+    id: "kind",
+    priority: 5,
+    renderCell: entity => entity.kind,
+    titleProps: {
+      id: "kind",
+      sortBy: "kind",
+      title: "Kind",
+    },
+    sortCallback: entity => entity.kind,
+  },
+];
+
+const browseAllColumnsInjectable = getInjectable({
+  id: "browse-all-columns",
+  instantiate: (di) => [
+    ...defaultBrowseAllColumns,
+    di.inject(namedCategoryColumnInjectable),
+    ...di.inject(defaultCategoryColumnsInjectable),
+  ],
+});
+
+export default browseAllColumnsInjectable;
+
diff --git a/packages/core/src/renderer/components/+catalog/columns/custom-token.ts b/packages/core/src/renderer/components/+catalog/columns/custom-token.ts
new file mode 100644
index 0000000000..140f407e9e
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/columns/custom-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 { RegisteredAdditionalCategoryColumn } from "../custom-category-columns";
+
+export interface CustomCatalogCategoryRegistration {
+  kind: string;
+  group: string;
+  registration: RegisteredAdditionalCategoryColumn;
+}
+
+export const customCatalogCategoryColumnInjectionToken = getInjectionToken<CustomCatalogCategoryRegistration>({
+  id: "custom-catalog-category-column-token",
+});
diff --git a/packages/core/src/renderer/components/+catalog/columns/default-category.injectable.tsx b/packages/core/src/renderer/components/+catalog/columns/default-category.injectable.tsx
new file mode 100644
index 0000000000..00df70cdbc
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/columns/default-category.injectable.tsx
@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "../catalog.module.scss";
+import React from "react";
+import type { RegisteredAdditionalCategoryColumn } from "../custom-category-columns";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import { getInjectable } from "@ogre-tools/injectable";
+import getLabelBadgesInjectable from "../get-label-badges.injectable";
+
+const defaultCategoryColumnsInjectable = getInjectable({
+  id: "default-category-columns",
+  instantiate: (di): RegisteredAdditionalCategoryColumn[] => {
+    const getLabelBadges = di.inject(getLabelBadgesInjectable);
+
+    return [
+      {
+        id: "source",
+        priority: 10,
+        renderCell: entity => entity.getSource(),
+        titleProps: {
+          title: "Source",
+          className: styles.sourceCell,
+          id: "source",
+          sortBy: "source",
+        },
+        sortCallback: entity => entity.getSource(),
+        searchFilter: entity => `source=${entity.getSource()}`,
+      },
+      {
+        id: "labels",
+        priority: 20,
+        renderCell: getLabelBadges,
+        titleProps: {
+          id: "labels",
+          title: "Labels",
+          className: `${styles.labelsCell} scrollable`,
+        },
+        searchFilter: entity => KubeObject.stringifyLabels(entity.metadata.labels),
+      },
+      {
+        id: "status",
+        priority: 30,
+        renderCell: entity => (
+          <span key="phase" className={entity.status.phase}>
+            {entity.status.phase}
+          </span>
+        ),
+        titleProps: {
+          title: "Status",
+          className: styles.statusCell,
+          id: "status",
+          sortBy: "status",
+        },
+        searchFilter: entity => entity.status.phase,
+        sortCallback: entity => entity.status.phase,
+      },
+    ];
+  },
+});
+
+export default defaultCategoryColumnsInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/columns/extensions-registrator.injectable.ts b/packages/core/src/renderer/components/+catalog/columns/extensions-registrator.injectable.ts
new file mode 100644
index 0000000000..7482f216ee
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/columns/extensions-registrator.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { extensionRegistratorInjectionToken } from "../../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import type { AdditionalCategoryColumnRegistration } from "../custom-category-columns";
+import { customCatalogCategoryColumnInjectionToken } from "./custom-token";
+
+const customCategoryColumnsRegistratorInjectable = getInjectable({
+  id: "custom-category-columns-registrator",
+  instantiate: () => (ext) => {
+    const extension = ext as LensRendererExtension;
+
+    return extension.additionalCategoryColumns.map(getInjectableForColumnRegistrationFor(extension));
+  },
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default customCategoryColumnsRegistratorInjectable;
+
+const getInjectableForColumnRegistrationFor = (extension: LensRendererExtension) => ({
+  group,
+  id,
+  kind,
+  renderCell,
+  titleProps,
+  priority = 50,
+  searchFilter,
+  sortCallback,
+}: AdditionalCategoryColumnRegistration) => {
+  return getInjectable({
+    id: `${extension.manifest.name}:${group}/${kind}:${id}`,
+    instantiate: () => ({
+      group,
+      kind,
+      registration: {
+        renderCell,
+        priority,
+        id,
+        titleProps: {
+          id,
+          ...titleProps,
+          sortBy: sortCallback
+            ? id
+            : undefined,
+        },
+        searchFilter,
+        sortCallback,
+      },
+    }),
+    injectionToken: customCatalogCategoryColumnInjectionToken,
+  });
+};
diff --git a/packages/core/src/renderer/components/+catalog/columns/get.injectable.ts b/packages/core/src/renderer/components/+catalog/columns/get.injectable.ts
new file mode 100644
index 0000000000..91a92473fd
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/columns/get.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { orderBy } from "lodash";
+import type { CatalogCategory, CatalogEntity } from "../../../../common/catalog";
+import type { ItemListLayoutProps } from "../../item-object-list";
+import browseAllColumnsInjectable from "./browse-all.injectable";
+import getColumnsForCategoryInjectable from "./specific-category.injectable";
+
+export interface GetCategoryColumnsParams {
+  activeCategory: CatalogCategory | null | undefined;
+}
+
+export type CategoryColumns = Required<Pick<ItemListLayoutProps<CatalogEntity>, "sortingCallbacks" | "searchFilters" | "renderTableContents" | "renderTableHeader">>;
+export type GetCategoryColumns = (params: GetCategoryColumnsParams) => CategoryColumns;
+
+const getCategoryColumnsInjectable = getInjectable({
+  id: "get-category-columns",
+
+  instantiate: (di): GetCategoryColumns => {
+    const getColumnsForCategory = di.inject(getColumnsForCategoryInjectable);
+    const browseAllColumns = di.inject(browseAllColumnsInjectable);
+
+    return ({ activeCategory }) => {
+      const allRegistrations = orderBy(
+        activeCategory
+          ? getColumnsForCategory(activeCategory)
+          : browseAllColumns,
+        "priority",
+        "asc",
+      );
+
+      const sortingCallbacks: CategoryColumns["sortingCallbacks"] = {};
+      const searchFilters: CategoryColumns["searchFilters"] = [];
+      const renderTableHeader: CategoryColumns["renderTableHeader"] = [];
+      const tableRowRenderers: ((entity: CatalogEntity) => React.ReactNode)[] = [];
+
+      for (const registration of allRegistrations) {
+        if (registration.sortCallback) {
+          sortingCallbacks[registration.id] = registration.sortCallback;
+        }
+
+        if (registration.searchFilter) {
+          searchFilters.push(registration.searchFilter);
+        }
+
+        tableRowRenderers.push(registration.renderCell);
+        renderTableHeader.push({
+          id: registration.id,
+          ...registration.titleProps,
+        });
+      }
+
+      return {
+        sortingCallbacks,
+        renderTableHeader,
+        renderTableContents: entity => tableRowRenderers.map(fn => fn(entity)),
+        searchFilters,
+      };
+    };
+  },
+});
+
+export default getCategoryColumnsInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/columns/kubernetes-api-version.injectable.tsx b/packages/core/src/renderer/components/+catalog/columns/kubernetes-api-version.injectable.tsx
new file mode 100644
index 0000000000..13e8127687
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/columns/kubernetes-api-version.injectable.tsx
@@ -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 React from "react";
+import type { KubernetesCluster } from "../../../../common/catalog-entities";
+import { customCatalogCategoryColumnInjectionToken } from "./custom-token";
+
+const kubernetesApiVersionColumnInjectable = getInjectable({
+  id: "kubernetes-api-version-column",
+  instantiate: () => ({
+    group: "entity.k8slens.dev",
+    kind: "KubernetesCluster",
+    registration: {
+      id: "version",
+      priority: 30,
+      renderCell: entity => {
+        const k8sVersion = (entity as KubernetesCluster).metadata.kubeVersion;
+
+        return (
+          <span key="version">
+            {k8sVersion === "unknown" ? "" : k8sVersion}
+          </span>
+        );
+      },
+      titleProps: {
+        title: "Version",
+      },
+    },
+  }),
+  injectionToken: customCatalogCategoryColumnInjectionToken,
+});
+
+export default kubernetesApiVersionColumnInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/columns/kubernetes-distribution.injectable.tsx b/packages/core/src/renderer/components/+catalog/columns/kubernetes-distribution.injectable.tsx
new file mode 100644
index 0000000000..617d55b11d
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/columns/kubernetes-distribution.injectable.tsx
@@ -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 React from "react";
+import type { KubernetesCluster } from "../../../../common/catalog-entities";
+import { customCatalogCategoryColumnInjectionToken } from "./custom-token";
+
+const kubernetesDistributionColumnInjectable = getInjectable({
+  id: "kubernetes-distribution-column",
+  instantiate: () => ({
+    group: "entity.k8slens.dev",
+    kind: "KubernetesCluster",
+    registration: {
+      id: "distro",
+      priority: 30,
+      renderCell: entity => {
+        const k8sDistro = (entity as KubernetesCluster).metadata.distro;
+
+        return (
+          <span key="distro">
+            {k8sDistro === "unknown" ? "" : k8sDistro}
+          </span>
+        );
+      },
+      titleProps: {
+        title: "Distro",
+      },
+    },
+  }),
+  injectionToken: customCatalogCategoryColumnInjectionToken,
+});
+
+export default kubernetesDistributionColumnInjectable;
+
diff --git a/packages/core/src/renderer/components/+catalog/columns/named-category.injectable.tsx b/packages/core/src/renderer/components/+catalog/columns/named-category.injectable.tsx
new file mode 100644
index 0000000000..1f782d7b6f
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/columns/named-category.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import styles from "../catalog.module.scss";
+import type { CatalogEntity } from "../../../../common/catalog";
+import { prevDefault } from "../../../utils";
+import { Avatar } from "../../avatar";
+import { Icon } from "../../icon";
+import React from "react";
+import type { RegisteredAdditionalCategoryColumn } from "../custom-category-columns";
+import hotbarStoreInjectable from "../../../../common/hotbars/store.injectable";
+import type { HotbarStore } from "../../../../common/hotbars/store";
+
+const renderEntityName = (hotbarStore: HotbarStore) => (entity: CatalogEntity) => {
+  const isItemInHotbar = hotbarStore.isAddedToActive(entity);
+  const onClick = prevDefault(
+    isItemInHotbar
+      ? () => hotbarStore.removeFromHotbar(entity.getId())
+      : () => hotbarStore.addToHotbar(entity),
+  );
+
+  return (
+    <>
+      <Avatar
+        title={entity.getName()}
+        colorHash={`${entity.getName()}-${entity.getSource()}`}
+        src={entity.spec.icon?.src}
+        background={entity.spec.icon?.background}
+        className={styles.catalogAvatar}
+        size={24}
+      >
+        {entity.spec.icon?.material && <Icon material={entity.spec.icon?.material} small/>}
+      </Avatar>
+      <span>{entity.getName()}</span>
+      <Icon
+        small
+        className={styles.pinIcon}
+        svg={isItemInHotbar ? "push_off" : "push_pin"}
+        tooltip={isItemInHotbar ? "Remove from Hotbar" : "Add to Hotbar"}
+        onClick={onClick}
+      />
+    </>
+  );
+};
+
+const namedCategoryColumnInjectable = getInjectable({
+  id: "name-category-column",
+  instantiate: (di): RegisteredAdditionalCategoryColumn => ({
+    id: "name",
+    priority: 0,
+    renderCell: renderEntityName(di.inject(hotbarStoreInjectable)),
+    titleProps: {
+      title: "Name",
+      className: styles.entityName,
+      id: "name",
+      sortBy: "name",
+    },
+    searchFilter: (entity) => entity.getName(),
+    sortCallback: (entity) => `name=${entity.getName()}`,
+  }),
+});
+
+export default namedCategoryColumnInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/columns/specific-category.injectable.ts b/packages/core/src/renderer/components/+catalog/columns/specific-category.injectable.ts
new file mode 100644
index 0000000000..94f0508612
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/columns/specific-category.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 } from "@ogre-tools/injectable";
+import type { CatalogCategory } from "../../../api/catalog-entity";
+import type { RegisteredAdditionalCategoryColumn } from "../custom-category-columns";
+import categoryColumnsInjectable from "../custom-category-columns.injectable";
+import defaultCategoryColumnsInjectable from "./default-category.injectable";
+import namedCategoryColumnInjectable from "./named-category.injectable";
+
+export type GetColumnsForCategory = (activeCategory: CatalogCategory) => RegisteredAdditionalCategoryColumn[];
+
+const getColumnsForCategoryInjectable = getInjectable({
+  id: "get-columns-for-category",
+  instantiate: (di): GetColumnsForCategory => {
+    const extensionColumns = di.inject(categoryColumnsInjectable);
+    const defaultCategoryColumns = di.inject(defaultCategoryColumnsInjectable);
+    const nameCategoryColumn = di.inject(namedCategoryColumnInjectable);
+
+    return (activeCategory) => {
+      const fromExtensions = (
+        extensionColumns
+          .get()
+          .get(activeCategory.spec.group)
+          ?.get(activeCategory.spec.names.kind)
+        ?? []
+      );
+      const fromCategory = activeCategory.spec.displayColumns?.map(({ priority = 50, ...column }) => ({
+        priority,
+        ...column,
+      })) ?? defaultCategoryColumns;
+
+      return [
+        nameCategoryColumn,
+        ...fromExtensions,
+        ...fromCategory,
+      ];
+    };
+  },
+});
+
+export default getColumnsForCategoryInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/custom-category-columns.injectable.tsx b/packages/core/src/renderer/components/+catalog/custom-category-columns.injectable.tsx
new file mode 100644
index 0000000000..1c0d13964d
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/custom-category-columns.injectable.tsx
@@ -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 { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { computed } from "mobx";
+import { getOrInsert, getOrInsertMap } from "../../utils";
+import { customCatalogCategoryColumnInjectionToken } from "./columns/custom-token";
+import type { RegisteredAdditionalCategoryColumn } from "./custom-category-columns";
+
+const categoryColumnsInjectable = getInjectable({
+  id: "category-columns",
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const columnRegistrations = computedInjectMany(customCatalogCategoryColumnInjectionToken);
+
+    return computed(() => {
+      const res = new Map<string, Map<string, RegisteredAdditionalCategoryColumn[]>>();
+
+      for (const { group, kind, registration } of columnRegistrations.get()) {
+        const byGroup = getOrInsertMap(res, group);
+        const byKind = getOrInsert(byGroup, kind, []);
+
+        byKind.push(registration);
+      }
+
+      return res;
+    });
+  },
+});
+
+export default categoryColumnsInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/custom-category-columns.ts b/packages/core/src/renderer/components/+catalog/custom-category-columns.ts
new file mode 100644
index 0000000000..007ca75223
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/custom-category-columns.ts
@@ -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 React from "react";
+import type { CatalogEntity } from "../../../common/catalog";
+import type { TableCellProps } from "../table";
+
+/**
+ * These are the supported props for the title cell
+ */
+export interface TitleCellProps {
+  className?: string;
+  title: string;
+}
+
+export interface CategoryColumnRegistration {
+  /**
+   * The sorting order value.
+   *
+   * @default 50
+   */
+  priority?: number;
+
+  /**
+   * This value MUST to be unique to your extension
+   */
+  id: string;
+
+  /**
+   * This function will be called to generate the cells (on demand) for the column
+   */
+  renderCell: (entity: CatalogEntity) => React.ReactNode;
+
+  /**
+   * This function will be used to generate the columns title cell.
+   */
+  titleProps: TitleCellProps;
+
+  /**
+   * If provided then the column will support sorting and this function will be called to
+   * determine a row's ordering.
+   *
+   * strings are sorted ahead of numbers, and arrays determine ordering between equal
+   * elements of the previous index.
+   */
+  sortCallback?: (entity: CatalogEntity) => string | number | (string | number)[];
+
+  /**
+   * If provided then searching is supported on this column and this function will be called
+   * to determine if the current search string matches for this row.
+   */
+  searchFilter?: (entity: CatalogEntity) => string | string[];
+}
+
+/**
+ * This is the type used to declare new catalog category columns
+ */
+export interface AdditionalCategoryColumnRegistration extends CategoryColumnRegistration {
+  /**
+   * The catalog entity kind that is declared by the category for this registration
+   *
+   * e.g.
+   * - `"KubernetesCluster"`
+   */
+  kind: string;
+
+  /**
+   * The catalog entity group that is declared by the category for this registration
+   *
+   * e.g.
+   * - `"entity.k8slens.dev"`
+   */
+  group: string;
+}
+
+export interface RegisteredAdditionalCategoryColumn {
+  id: string;
+  priority: number;
+  renderCell: (entity: CatalogEntity) => React.ReactNode;
+  titleProps: TableCellProps;
+  sortCallback?: (entity: CatalogEntity) => string | number | (string | number)[];
+  searchFilter?: (entity: CatalogEntity) => string | string[];
+}
diff --git a/packages/core/src/renderer/components/+catalog/custom-views.injectable.ts b/packages/core/src/renderer/components/+catalog/custom-views.injectable.ts
new file mode 100644
index 0000000000..c6200f80c6
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/custom-views.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { orderBy } from "lodash";
+import type { IComputedValue } from "mobx";
+import { computed } from "mobx";
+import type { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
+import rendererExtensionsInjectable from "../../../extensions/renderer-extensions.injectable";
+import { getOrInsert, getOrInsertMap } from "../../utils";
+import type { CustomCategoryViewComponents } from "./custom-views";
+
+interface Dependencies {
+  extensions: IComputedValue<LensRendererExtension[]>;
+}
+
+export interface RegisteredCustomCategoryViewDecl {
+  /**
+   * The asc sorted list of items with priority set to < 50
+   */
+  before: CustomCategoryViewComponents[];
+  /**
+   * The asc sorted list of items with priority not set or set to >= 50
+   */
+  after: CustomCategoryViewComponents[];
+}
+
+function getCustomCategoryViews({ extensions }: Dependencies): IComputedValue<Map<string, Map<string, RegisteredCustomCategoryViewDecl>>> {
+  return computed(() => {
+    const res = new Map<string, Map<string, RegisteredCustomCategoryViewDecl>>();
+    const registrations = extensions.get()
+      .flatMap(ext => ext.customCategoryViews)
+      .map(({ priority = 50, ...rest }) => ({ priority, ...rest }));
+    const sortedRegistrations = orderBy(registrations, "priority", "asc");
+
+    for (const { priority, group, kind, components } of sortedRegistrations) {
+      const byGroup = getOrInsertMap(res, group);
+      const { before, after } = getOrInsert(byGroup, kind, { before: [], after: [] });
+
+      if (priority < 50) {
+        before.push(components);
+      } else {
+        after.push(components);
+      }
+    }
+
+    return res;
+  });
+}
+
+const customCategoryViewsInjectable = getInjectable({
+  id: "custom-category-views",
+
+  instantiate: (di) => getCustomCategoryViews({
+    extensions: di.inject(rendererExtensionsInjectable),
+  }),
+});
+
+export default customCategoryViewsInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/custom-views.ts b/packages/core/src/renderer/components/+catalog/custom-views.ts
new file mode 100644
index 0000000000..73ee0a853a
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/custom-views.ts
@@ -0,0 +1,57 @@
+/**
+ * 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 { CatalogCategory } from "../../api/catalog-entity";
+
+/**
+ * The props for CustomCategoryViewComponents.View
+ */
+export interface CustomCategoryViewProps {
+  /**
+   * The category instance itself
+   */
+  category: CatalogCategory;
+}
+
+/**
+ * The components for the category view.
+ */
+export interface CustomCategoryViewComponents {
+  View: React.ComponentType<CustomCategoryViewProps>;
+}
+
+/**
+ * This is the type used to declare additional views for a specific category
+ */
+export interface CustomCategoryViewRegistration {
+  /**
+   * The catalog entity kind that is declared by the category for this registration
+   *
+   * e.g.
+   * - `"KubernetesCluster"`
+   */
+  kind: string;
+
+  /**
+   * The catalog entity group that is declared by the category for this registration
+   *
+   * e.g.
+   * - `"entity.k8slens.dev"`
+   */
+  group: string;
+
+  /**
+   * The sorting order value. Used to determine the total order of the views.
+   *
+   * @default 50
+   */
+  priority?: number;
+
+  /**
+   * The components for this registration
+   */
+  components: CustomCategoryViewComponents;
+}
diff --git a/packages/core/src/renderer/components/+catalog/entity-details/detail-items.injectable.ts b/packages/core/src/renderer/components/+catalog/entity-details/detail-items.injectable.ts
new file mode 100644
index 0000000000..7ef414d988
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/entity-details/detail-items.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { computed } from "mobx";
+import { byOrderNumber } from "../../../../common/utils/composable-responsibilities/orderable/orderable";
+import type { CatalogEntity } from "../../../api/catalog-entity";
+import { catalogEntityDetailItemInjectionToken } from "./token";
+
+const catalogEntityDetailItemsInjectable = getInjectable({
+  id: "catalog-entity-detail-items",
+  instantiate: (di, entity) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const detailItems = computedInjectMany(catalogEntityDetailItemInjectionToken);
+
+    return computed(() => (
+      detailItems.get()
+        .filter(item => (
+          item.apiVersions.has(entity.apiVersion)
+          && item.kind === entity.kind
+        ))
+        .sort(byOrderNumber)
+        .map(item => item.components.Details)
+    ));
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, entity: CatalogEntity) => `${entity.apiVersion}/${entity.kind}`,
+  }),
+});
+
+export default catalogEntityDetailItemsInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/entity-details/internal/kubernetes-cluster-details.injectable.tsx b/packages/core/src/renderer/components/+catalog/entity-details/internal/kubernetes-cluster-details.injectable.tsx
new file mode 100644
index 0000000000..89318bac15
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/entity-details/internal/kubernetes-cluster-details.injectable.tsx
@@ -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 React from "react";
+import { KubernetesCluster } from "../../../../../common/catalog-entities";
+import { DrawerTitle, DrawerItem } from "../../../drawer";
+import { catalogEntityDetailItemInjectionToken } from "../token";
+
+const kubernetesClusterDetailsItemInjectable = getInjectable({
+  id: "kubernetes-cluster-details-item",
+  instantiate: () => ({
+    apiVersions: new Set([KubernetesCluster.apiVersion]),
+    kind: KubernetesCluster.kind,
+    orderNumber: 40,
+    components: {
+      Details: ({ entity }) => (
+        <>
+          <DrawerTitle>Kubernetes Information</DrawerTitle>
+          <div className="box grow EntityMetadata">
+            <DrawerItem
+              name="Distribution"
+              data-testid={`kubernetes-distro-for-${entity.getId()}`}
+            >
+              {entity.metadata.distro || "unknown"}
+            </DrawerItem>
+            <DrawerItem name="Kubelet Version">
+              {entity.metadata.kubeVersion || "unknown"}
+            </DrawerItem>
+          </div>
+        </>
+      ),
+    },
+  }),
+  injectionToken: catalogEntityDetailItemInjectionToken,
+});
+
+export default kubernetesClusterDetailsItemInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/entity-details/internal/weblink-details.injectable.tsx b/packages/core/src/renderer/components/+catalog/entity-details/internal/weblink-details.injectable.tsx
new file mode 100644
index 0000000000..9ba12de575
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/entity-details/internal/weblink-details.injectable.tsx
@@ -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 React from "react";
+import { WebLink } from "../../../../../common/catalog-entities";
+import { DrawerTitle, DrawerItem } from "../../../drawer";
+import { catalogEntityDetailItemInjectionToken } from "../token";
+
+const weblinkDetailsItemInjectable = getInjectable({
+  id: "weblink-details-item",
+  instantiate: () => ({
+    apiVersions: new Set([WebLink.apiVersion]),
+    kind: WebLink.kind,
+    components: {
+      Details: ({ entity }) => (
+        <>
+          <DrawerTitle>More Information</DrawerTitle>
+          <DrawerItem
+            name="URL"
+            data-testid={`weblink-url-for-${entity.getId()}`}
+          >
+            {entity.spec.url}
+          </DrawerItem>
+        </>
+      ),
+    },
+    orderNumber: 40,
+  }),
+  injectionToken: catalogEntityDetailItemInjectionToken,
+});
+
+export default weblinkDetailsItemInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/entity-details/registrator.injectable.ts b/packages/core/src/renderer/components/+catalog/entity-details/registrator.injectable.ts
new file mode 100644
index 0000000000..02a6a7ed23
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/entity-details/registrator.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 { extensionRegistratorInjectionToken } from "../../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import type { CatalogEntity } from "../../../api/catalog-entity";
+import { getRandId } from "../../../utils";
+import type { CatalogEntityDetailRegistration } from "./token";
+import { catalogEntityDetailItemInjectionToken } from "./token";
+
+const catalogEntityDetailItemsRegistratorInjectable = getInjectable({
+  id: "catalog-entity-detail-items-registrator",
+  instantiate: () => (ext) => {
+    const extension = ext as LensRendererExtension;
+
+    return extension.catalogEntityDetailItems.map(getRegistratorFor(extension));
+  },
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default catalogEntityDetailItemsRegistratorInjectable;
+
+const getRegistratorFor = (extension: LensRendererExtension) => ({
+  apiVersions,
+  components,
+  kind,
+  priority,
+}: CatalogEntityDetailRegistration<CatalogEntity>) => getInjectable({
+  id: `catalog-entity-detail-item-for-${extension.sanitizedExtensionId}-${getRandId({ sep: "-" })}`,
+  instantiate: () => ({
+    apiVersions: new Set(apiVersions),
+    components,
+    kind,
+    orderNumber: priority ?? 50,
+  }),
+  injectionToken: catalogEntityDetailItemInjectionToken,
+});
diff --git a/packages/core/src/renderer/components/+catalog/entity-details/token.ts b/packages/core/src/renderer/components/+catalog/entity-details/token.ts
new file mode 100644
index 0000000000..55d05cef2d
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/entity-details/token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { CatalogEntity } from "../../../api/catalog-entity";
+
+export interface CatalogEntityDetailsProps<T extends CatalogEntity> {
+  entity: T;
+}
+
+export type CatalogEntityDetailsComponent<T  extends CatalogEntity> = React.ComponentType<CatalogEntityDetailsProps<T>>;
+
+export interface CatalogEntityDetailComponents<T extends CatalogEntity> {
+  Details: CatalogEntityDetailsComponent<T>;
+}
+
+export interface CatalogEntityDetailRegistration<T extends CatalogEntity> {
+  kind: string;
+  apiVersions: string[];
+  components: CatalogEntityDetailComponents<T>;
+  priority?: number;
+}
+
+export interface CatalogEntityDetailItem {
+  kind: string;
+  apiVersions: Set<string>;
+  components: CatalogEntityDetailComponents<CatalogEntity>;
+  orderNumber: number;
+}
+
+export const catalogEntityDetailItemInjectionToken = getInjectionToken<CatalogEntityDetailItem>({
+  id: "catalog-entity-detail-item-token",
+});
diff --git a/packages/core/src/renderer/components/+catalog/entity-details/view.module.scss b/packages/core/src/renderer/components/+catalog/entity-details/view.module.scss
new file mode 100644
index 0000000000..2f58ac0e99
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/entity-details/view.module.scss
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.entityDetails {
+  /* Move Details panel under TopBar line */
+  height: calc(100% - var(--main-layout-header));
+  margin-top: var(--main-layout-header);
+}
+
+.metadata {
+  margin-right: var(--margin);
+}
+
+.entityIcon {
+  margin-right: calc(var(--margin) * 3);
+
+  .avatar {
+    font-size: 3ch;
+    cursor: pointer;
+  }
+
+  .hint {
+    text-align: center;
+    font-size: var(--font-size-small);
+    text-transform: uppercase;
+    margin-top: var(--margin);
+    cursor: default;
+    user-select: none;
+    opacity: 0.5;
+  }
+}
diff --git a/packages/core/src/renderer/components/+catalog/entity-details/view.tsx b/packages/core/src/renderer/components/+catalog/entity-details/view.tsx
new file mode 100644
index 0000000000..6b9b92247d
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/entity-details/view.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 styles from "./view.module.scss";
+import React, { Component } from "react";
+import { observer } from "mobx-react";
+import { Drawer, DrawerItem } from "../../drawer";
+import type { CatalogCategory, CatalogEntity } from "../../../../common/catalog";
+import { Icon } from "../../icon";
+import { CatalogEntityDrawerMenu } from "../catalog-entity-drawer-menu";
+import { cssNames } from "../../../utils";
+import { Avatar } from "../../avatar";
+import type { GetLabelBadges } from "../get-label-badges.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import getLabelBadgesInjectable from "../get-label-badges.injectable";
+import isDevelopmentInjectable from "../../../../common/vars/is-development.injectable";
+import type { IComputedValue } from "mobx";
+import type { CatalogEntityDetailsComponent } from "./token";
+import catalogEntityDetailItemsInjectable from "./detail-items.injectable";
+
+export interface CatalogEntityDetailsProps<Entity extends CatalogEntity> {
+  entity: Entity;
+  hideDetails(): void;
+  onRun: () => void;
+}
+
+interface Dependencies {
+  getLabelBadges: GetLabelBadges;
+  isDevelopment: boolean;
+  detailItems: IComputedValue<CatalogEntityDetailsComponent<CatalogEntity>[]>;
+}
+
+@observer
+class NonInjectedCatalogEntityDetails<Entity extends CatalogEntity> extends Component<CatalogEntityDetailsProps<Entity> & Dependencies> {
+  categoryIcon(category: CatalogCategory) {
+    if (Icon.isSvg(category.metadata.icon)) {
+      return <Icon svg={category.metadata.icon} smallest />;
+    } else {
+      return <Icon material={category.metadata.icon} smallest />;
+    }
+  }
+
+  renderContent(entity: Entity) {
+    const { onRun, hideDetails, getLabelBadges, isDevelopment, detailItems } = this.props;
+    const details = detailItems.get().map((Details, index) => <Details entity={entity} key={index} />);
+
+    return (
+      <>
+        <div className="flex" data-testid={`catalog-entity-details-content-for-${entity.getId()}`}>
+          <div className={styles.entityIcon}>
+            <Avatar
+              title={entity.getName()}
+              colorHash={`${entity.getName()}-${entity.getSource()}`}
+              size={128}
+              src={entity.spec.icon?.src}
+              data-testid="detail-panel-hot-bar-icon"
+              background={entity.spec.icon?.background}
+              onClick={onRun}
+              className={styles.avatar}
+            >
+              {entity.spec.icon?.material && <Icon material={entity.spec.icon?.material}/>}
+            </Avatar>
+            {entity.isEnabled() && (
+              <div className={styles.hint}>
+                Click to open
+              </div>
+            )}
+          </div>
+          <div className={cssNames("box grow", styles.metadata)}>
+            <DrawerItem name="Name">
+              {entity.getName()}
+            </DrawerItem>
+            <DrawerItem name="Kind">
+              {entity.kind}
+            </DrawerItem>
+            <DrawerItem name="Source">
+              {entity.getSource()}
+            </DrawerItem>
+            <DrawerItem name="Status">
+              {entity.status.phase}
+            </DrawerItem>
+            <DrawerItem name="Labels">
+              {getLabelBadges(entity, hideDetails)}
+            </DrawerItem>
+            {isDevelopment && (
+              <DrawerItem name="Id">
+                {entity.getId()}
+              </DrawerItem>
+            )}
+          </div>
+        </div>
+        <div className="box grow">
+          {details}
+        </div>
+      </>
+    );
+  }
+
+  render() {
+    const { entity, hideDetails } = this.props;
+
+    return (
+      <Drawer
+        className={styles.entityDetails}
+        usePortal={true}
+        open={true}
+        title={`${entity.kind}: ${entity.getName()}`}
+        toolbar={<CatalogEntityDrawerMenu entity={entity} key={entity.getId()} />}
+        onClose={hideDetails}
+        data-testid="catalog-entity-details-drawer"
+      >
+        {this.renderContent(entity)}
+      </Drawer>
+    );
+  }
+}
+
+export const CatalogEntityDetails = withInjectables<Dependencies, CatalogEntityDetailsProps<CatalogEntity>>(NonInjectedCatalogEntityDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    getLabelBadges: di.inject(getLabelBadgesInjectable),
+    isDevelopment: di.inject(isDevelopmentInjectable),
+    detailItems: di.inject(catalogEntityDetailItemsInjectable, props.entity),
+  }),
+}) as <Entity extends CatalogEntity>(props: CatalogEntityDetailsProps<Entity>) => React.ReactElement;
diff --git a/packages/core/src/renderer/components/+catalog/get-label-badges.injectable.tsx b/packages/core/src/renderer/components/+catalog/get-label-badges.injectable.tsx
new file mode 100644
index 0000000000..b75e501f90
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/get-label-badges.injectable.tsx
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import styles from "./catalog.module.scss";
+import React from "react";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { CatalogEntity } from "../../api/catalog-entity";
+import searchUrlPageParamInjectable from "../input/search-url-page-param.injectable";
+import { KubeObject } from "../../../common/k8s-api/kube-object";
+import { Badge } from "../badge";
+
+export type GetLabelBadges = (entity: CatalogEntity, onClick?: (evt: React.MouseEvent<any, MouseEvent>) => void) => JSX.Element[];
+
+const getLabelBadgesInjectable = getInjectable({
+  id: "get-label-badges",
+  instantiate: (di): GetLabelBadges => {
+    const searchUrlParam = di.inject(searchUrlPageParamInjectable);
+
+    return (entity, onClick) => (
+      KubeObject.stringifyLabels(entity.metadata.labels)
+        .map(label => (
+          <Badge
+            scrollable
+            className={styles.badge}
+            key={label}
+            label={label}
+            title={label}
+            onClick={(event) => {
+              searchUrlParam.set(label);
+              onClick?.(event);
+              event.stopPropagation();
+            }}
+            expandable={false}
+          />
+        ))
+    );
+  },
+});
+
+export default getLabelBadgesInjectable;
diff --git a/packages/core/src/renderer/components/+catalog/hotbar-toggle-menu-item.tsx b/packages/core/src/renderer/components/+catalog/hotbar-toggle-menu-item.tsx
new file mode 100644
index 0000000000..bae8895ff7
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/hotbar-toggle-menu-item.tsx
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { ReactNode } from "react";
+import React, { useState } from "react";
+
+import { MenuItem } from "../menu";
+
+import type { CatalogEntity } from "../../api/catalog-entity";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import hotbarStoreInjectable from "../../../common/hotbars/store.injectable";
+import type { HotbarStore } from "../../../common/hotbars/store";
+
+interface Dependencies {
+  hotbarStore: HotbarStore;
+}
+
+interface HotbarToggleMenuItemProps {
+  entity: CatalogEntity;
+  addContent: ReactNode;
+  removeContent: ReactNode;
+}
+
+function NonInjectedHotbarToggleMenuItem({
+  addContent,
+  entity,
+  hotbarStore,
+  removeContent,
+}: Dependencies & HotbarToggleMenuItemProps) {
+  const [itemInHotbar, setItemInHotbar] = useState(hotbarStore.isAddedToActive(entity));
+
+  return (
+    <MenuItem
+      onClick={() => {
+        if (itemInHotbar) {
+          hotbarStore.removeFromHotbar(entity.getId());
+          setItemInHotbar(false);
+        } else {
+          hotbarStore.addToHotbar(entity);
+          setItemInHotbar(true);
+        }
+      }}
+    >
+      {itemInHotbar ? removeContent : addContent }
+    </MenuItem>
+  );
+}
+
+export const HotbarToggleMenuItem = withInjectables<Dependencies, HotbarToggleMenuItemProps>(
+  NonInjectedHotbarToggleMenuItem,
+
+  {
+    getProps: (di, props) => ({
+      hotbarStore: di.inject(hotbarStoreInjectable),
+      ...props,
+    }),
+  },
+);
+
diff --git a/packages/core/src/renderer/components/+catalog/index.tsx b/packages/core/src/renderer/components/+catalog/index.tsx
new file mode 100644
index 0000000000..f3716b1a7d
--- /dev/null
+++ b/packages/core/src/renderer/components/+catalog/index.tsx
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./catalog";
diff --git a/packages/core/src/renderer/components/+cluster/cluster-issues.module.scss b/packages/core/src/renderer/components/+cluster/cluster-issues.module.scss
new file mode 100644
index 0000000000..0ef14f6bee
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-issues.module.scss
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+ .ClusterIssues {
+  min-height: 350px;
+  position: relative;
+  grid-area: issues;
+  padding: calc(var(--margin) * 2) 0;
+  background: var(--contentColor);
+
+  &:global(.OnlyClusterIssues) {
+    grid-row: row1-start / row2-end;
+  }
+
+  @media (max-width: 1150px) {
+    grid-area: unset;
+
+    &:global(.OnlyClusterIssues) {
+      grid-row: auto;
+    }
+  }
+
+  .SubHeader {
+    padding-top: 0;
+    padding-bottom: 0;
+
+    :global(.Icon) {
+      font-size: 130%;
+      color: var(--colorError);
+    }
+  }
+
+  .message {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    flex-grow: 3;
+  }
+
+  .object {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    flex-grow: 2;
+  }
+
+   .noIssues {
+     .Icon {
+       color: white;
+     }
+
+     .title {
+       font-size: large;
+       color: var(--textColorAccent);
+       font-weight: bold;
+     }
+   }
+}
diff --git a/packages/core/src/renderer/components/+cluster/cluster-issues.tsx b/packages/core/src/renderer/components/+cluster/cluster-issues.tsx
new file mode 100644
index 0000000000..829d7c5c54
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-issues.tsx
@@ -0,0 +1,202 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+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";
+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 { ApiManager } from "../../../common/k8s-api/api-manager";
+import { KubeObjectAge } from "../kube-object/age";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { NodeStore } from "../+nodes/store";
+import type { EventStore } from "../+events/store";
+import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
+import eventStoreInjectable from "../+events/store.injectable";
+import nodeStoreInjectable from "../+nodes/store.injectable";
+import type { PageParam } from "../../navigation/page-param";
+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/lens-theme";
+import activeThemeInjectable from "../../themes/active.injectable";
+
+export interface ClusterIssuesProps {
+  className?: string;
+}
+
+interface Warning extends ItemObject {
+  kind: string;
+  message: string | undefined;
+  selfLink: string;
+  renderAge: () => React.ReactElement;
+  ageMs: number;
+}
+
+enum sortBy {
+  type = "type",
+  object = "object",
+  age = "age",
+}
+
+interface Dependencies {
+  activeTheme: IComputedValue<LensTheme>;
+  nodeStore: NodeStore;
+  eventStore: EventStore;
+  apiManager: ApiManager;
+  kubeSelectedUrlParam: PageParam<string>;
+  toggleKubeDetailsPane: ToggleKubeDetailsPane;
+}
+
+@observer
+class NonInjectedClusterIssues extends React.Component<ClusterIssuesProps & Dependencies> {
+  constructor(props: ClusterIssuesProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed get warnings(): Warning[] {
+    return [
+      ...this.props.nodeStore.items.flatMap(node => (
+        node.getWarningConditions()
+          .map(({ message }) => ({
+            selfLink: node.selfLink,
+            getId: node.getId,
+            getName: node.getName,
+            kind: node.kind,
+            message,
+            renderAge: () => <KubeObjectAge key="age" object={node} />,
+            ageMs: -node.getCreationTimestamp(),
+          }))
+      )),
+      ...this.props.eventStore.getWarnings().map(warning => ({
+        getId: () => warning.involvedObject.uid,
+        getName: () => warning.involvedObject.name,
+        renderAge: () => <KubeObjectAge key="age" object={warning} />,
+        ageMs: -warning.getCreationTimestamp(),
+        message: warning.message,
+        kind: warning.kind,
+        selfLink: this.props.apiManager.lookupApiLink(warning.involvedObject, warning),
+      })),
+    ];
+  }
+
+  getTableRow = (uid: string) => {
+    const { warnings } = this;
+    const { kubeSelectedUrlParam, toggleKubeDetailsPane: toggleDetails } = this.props;
+    const warning = warnings.find(warn => warn.getId() == uid);
+
+    if (!warning) {
+      return undefined;
+    }
+
+    const { getId, getName, message, kind, selfLink, renderAge } = warning;
+
+    return (
+      <TableRow
+        key={getId()}
+        sortItem={warning}
+        selected={selfLink === kubeSelectedUrlParam.get()}
+        onClick={prevDefault(() => toggleDetails(selfLink))}
+      >
+        <TableCell className={styles.message}>
+          {message ?? "<unknown>"}
+        </TableCell>
+        <TableCell className={styles.object}>
+          {getName()}
+        </TableCell>
+        <TableCell className="kind">
+          {kind}
+        </TableCell>
+        <TableCell className="age">
+          {renderAge()}
+        </TableCell>
+      </TableRow>
+    );
+  };
+
+  renderContent() {
+    const { warnings } = this;
+
+    if (!this.props.eventStore.isLoaded) {
+      return (
+        <Spinner center/>
+      );
+    }
+
+    if (!warnings.length) {
+      return (
+        <div className={cssNames(styles.noIssues, "flex column box grow gaps align-center justify-center")}>
+          <Icon
+            className={styles.Icon}
+            material="check"
+            big
+            sticker
+          />
+          <p className={styles.title}>No issues found</p>
+          <p>Everything is fine in the Cluster</p>
+        </div>
+      );
+    }
+
+    return (
+      <>
+        <SubHeader className={styles.SubHeader}>
+          <Icon material="error_outline"/>
+          {` Warnings: ${warnings.length}`}
+        </SubHeader>
+        <Table
+          tableId="cluster_issues"
+          items={warnings}
+          virtual
+          selectable
+          sortable={{
+            [sortBy.type]: warning => warning.kind,
+            [sortBy.object]: warning => warning.getName(),
+            [sortBy.age]: warning => warning.ageMs,
+          }}
+          sortByDefault={{ sortBy: sortBy.object, orderBy: "asc" }}
+          sortSyncWithUrl={false}
+          getTableRow={this.getTableRow}
+          className={cssNames("box grow", this.props.activeTheme.get().type)}
+        >
+          <TableHead nowrap>
+            <TableCell className="message">Message</TableCell>
+            <TableCell className="object" sortBy={sortBy.object}>Object</TableCell>
+            <TableCell className="kind" sortBy={sortBy.type}>Type</TableCell>
+            <TableCell className="timestamp" sortBy={sortBy.age}>Age</TableCell>
+          </TableHead>
+        </Table>
+      </>
+    );
+  }
+
+  render() {
+    return (
+      <div className={cssNames(styles.ClusterIssues, "flex column", this.props.className)}>
+        {this.renderContent()}
+      </div>
+    );
+  }
+}
+
+export const ClusterIssues = withInjectables<Dependencies, ClusterIssuesProps>(NonInjectedClusterIssues, {
+  getProps: (di, props) => ({
+    ...props,
+    activeTheme: di.inject(activeThemeInjectable),
+    apiManager: di.inject(apiManagerInjectable),
+    eventStore: di.inject(eventStoreInjectable),
+    nodeStore: di.inject(nodeStoreInjectable),
+    kubeSelectedUrlParam: di.inject(kubeSelectedUrlParamInjectable),
+    toggleKubeDetailsPane: di.inject(toggleKubeDetailsPaneInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+cluster/cluster-metric-switchers.tsx b/packages/core/src/renderer/components/+cluster/cluster-metric-switchers.tsx
new file mode 100644
index 0000000000..7c072118dc
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-metric-switchers.tsx
@@ -0,0 +1,83 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { NodeStore } from "../+nodes/store";
+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;
+  nodeStore: NodeStore;
+}
+
+const NonInjectedClusterMetricSwitchers = observer(({
+  clusterOverviewStore,
+  nodeStore,
+}: Dependencies) => {
+  const { masterNodes, workerNodes } = nodeStore;
+  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="RadioGroup flex gaps"
+          value={clusterOverviewStore.metricNodeRole}
+          onChange={metric => clusterOverviewStore.metricNodeRole = metric}
+        >
+          <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="RadioGroup flex gaps"
+          value={clusterOverviewStore.metricType}
+          onChange={value => clusterOverviewStore.metricType = value}
+        >
+          <Radio
+            label="CPU"
+            value={MetricType.CPU}
+            disabled={!hasCpuMetrics}
+          />
+          <Radio
+            label="Memory"
+            value={MetricType.MEMORY}
+            disabled={!hasMemoryMetrics}
+          />
+        </RadioGroup>
+      </div>
+    </div>
+  );
+});
+
+export const ClusterMetricSwitchers = withInjectables<Dependencies>(NonInjectedClusterMetricSwitchers, {
+  getProps: (di) => ({
+    clusterOverviewStore: di.inject(clusterOverviewStoreInjectable),
+    nodeStore: di.inject(nodeStoreInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+cluster/cluster-metrics.module.scss b/packages/core/src/renderer/components/+cluster/cluster-metrics.module.scss
new file mode 100644
index 0000000000..8f45b01913
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-metrics.module.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+ .ClusterMetrics {
+  position: relative;
+  min-height: 280px;
+  padding: calc(var(--margin) * 2);
+  background: var(--contentColor);
+
+  .chart {
+    :global(.chart-container) {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .empty {
+    text-align: center;
+    padding-bottom: 45px;
+  }
+}
diff --git a/packages/core/src/renderer/components/+cluster/cluster-metrics.tsx b/packages/core/src/renderer/components/+cluster/cluster-metrics.tsx
new file mode 100644
index 0000000000..028885e7f3
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-metrics.tsx
@@ -0,0 +1,129 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./cluster-metrics.module.scss";
+
+import React, { useState } from "react";
+import { observer } from "mobx-react";
+import type { ChartOptions, ChartPoint } from "chart.js";
+import type { ClusterOverviewStore } from "./cluster-overview-store/cluster-overview-store";
+import { MetricType } from "./cluster-overview-store/cluster-overview-store";
+import { BarChart } from "../chart";
+import { bytesToUnits, cssNames } from "../../utils";
+import { Spinner } from "../spinner";
+import { ZebraStripesPlugin } from "../chart/zebra-stripes.plugin";
+import { ClusterNoMetrics } from "./cluster-no-metrics";
+import { ClusterMetricSwitchers } from "./cluster-metric-switchers";
+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";
+
+interface Dependencies {
+  clusterOverviewStore: ClusterOverviewStore;
+}
+
+const NonInjectedClusterMetrics = observer(({ clusterOverviewStore: { metricType, metricNodeRole, getMetricsValues, metricsLoaded, metrics }}: Dependencies) => {
+  const [plugins] = useState([new ZebraStripesPlugin()]);
+  const { memoryCapacity, cpuCapacity } = getMetricLastPoints(metrics ?? {});
+  const metricValues = getMetricsValues(metrics ?? {});
+  const colors = { cpu: "#3D90CE", memory: "#C93DCE" };
+  const data = metricValues.map(value => ({
+    x: value[0],
+    y: parseFloat(value[1]).toFixed(3),
+  }));
+
+  const datasets = [{
+    id: metricType + metricNodeRole,
+    label: `${metricType.toUpperCase()} usage`,
+    borderColor: colors[metricType],
+    data,
+  }];
+  const cpuOptions: ChartOptions = {
+    scales: {
+      yAxes: [{
+        ticks: {
+          suggestedMax: cpuCapacity,
+          callback: (value) => value,
+        },
+      }],
+    },
+    tooltips: {
+      callbacks: {
+        label: ({ index }, data) => {
+          if (!index) {
+            return "<unknown>";
+          }
+
+          const value = data.datasets?.[0].data?.[index] as ChartPoint;
+
+          return value.y?.toString() ?? "<unknown>";
+        },
+      },
+    },
+  };
+  const memoryOptions: ChartOptions = {
+    scales: {
+      yAxes: [{
+        ticks: {
+          suggestedMax: memoryCapacity,
+          callback: (value: string) => !value ? 0 : bytesToUnits(parseInt(value)),
+        },
+      }],
+    },
+    tooltips: {
+      callbacks: {
+        label: ({ index }, data) => {
+          if (!index) {
+            return "<unknown>";
+          }
+
+          const value = data.datasets?.[0].data?.[index] as ChartPoint;
+
+          return bytesToUnits(parseInt(value.y as string), { precision: 3 });
+        },
+      },
+    },
+  };
+  const options = metricType === MetricType.CPU ? cpuOptions : memoryOptions;
+
+  const renderMetrics = () => {
+    if (!metricValues.length && !metricsLoaded) {
+      return <Spinner center/>;
+    }
+
+    if (!memoryCapacity || !cpuCapacity) {
+      return <ClusterNoMetrics className={styles.empty}/>;
+    }
+
+    return (
+      <BarChart
+        name={`${metricNodeRole}-${metricType}`}
+        options={options}
+        data={{ datasets }}
+        timeLabelStep={5}
+        showLegend={false}
+        plugins={plugins}
+        className={styles.chart}
+      />
+    );
+  };
+
+  return (
+    <div className={cssNames(styles.ClusterMetrics, "flex column")}>
+      <ClusterMetricSwitchers/>
+      {renderMetrics()}
+    </div>
+  );
+});
+
+export const ClusterMetrics = withInjectables<Dependencies>(
+  NonInjectedClusterMetrics,
+
+  {
+    getProps: (di) => ({
+      clusterOverviewStore: di.inject(clusterOverviewStoreInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/+cluster/cluster-no-metrics.module.scss b/packages/core/src/renderer/components/+cluster/cluster-no-metrics.module.scss
new file mode 100644
index 0000000000..2ad031f434
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-no-metrics.module.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ClusterNoMetrics {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  line-height: 1.7;
+  flex-grow: 1;
+
+  .link {
+    color: var(--blue);
+    cursor: pointer;
+  }
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/+cluster/cluster-no-metrics.tsx b/packages/core/src/renderer/components/+cluster/cluster-no-metrics.tsx
new file mode 100644
index 0000000000..ec039835fc
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-no-metrics.tsx
@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./cluster-no-metrics.module.scss";
+
+import React from "react";
+import { Icon } from "../icon";
+import { cssNames } from "../../utils";
+import type { NavigateToEntitySettings } from "../../../common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import navigateToEntitySettingsInjectable from "../../../common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+
+export interface ClusterNoMetricsProps {
+  className: string;
+}
+
+interface Dependencies {
+  navigateToEntitySettings: NavigateToEntitySettings;
+  clusterId: string | undefined;
+}
+
+export function NonInjectedClusterNoMetrics({ className, navigateToEntitySettings, clusterId }: Dependencies & ClusterNoMetricsProps) {
+  function openMetricSettingsPage() {
+    if (clusterId) {
+      navigateToEntitySettings(clusterId, "metrics");
+    }
+  }
+
+  return (
+    <div className={cssNames(styles.ClusterNoMetrics, className)} data-testid="no-metrics-message">
+      <Icon material="info"/>
+      <p>Metrics are not available due to missing or invalid Prometheus configuration.</p>
+      <p><span className={styles.link} onClick={openMetricSettingsPage}>Open cluster settings</span></p>
+    </div>
+  );
+}
+
+export const ClusterNoMetrics = withInjectables<Dependencies, ClusterNoMetricsProps>(
+  NonInjectedClusterNoMetrics,
+
+  {
+    getProps: (di, props) => {
+      const cluster = di.inject(hostedClusterInjectable);
+
+      return {
+        navigateToEntitySettings: di.inject(navigateToEntitySettingsInjectable),
+        clusterId: cluster?.id,
+        ...props,
+      };
+    },
+  },
+);
diff --git a/packages/core/src/renderer/components/+cluster/cluster-overview-route-component.injectable.ts b/packages/core/src/renderer/components/+cluster/cluster-overview-route-component.injectable.ts
new file mode 100644
index 0000000000..5f4e5516cd
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-overview-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 { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+import { ClusterOverview } from "./cluster-overview";
+import clusterOverviewRouteInjectable from "../../../common/front-end-routing/routes/cluster/overview/cluster-overview-route.injectable";
+
+const clusterOverviewRouteComponentInjectable = getInjectable({
+  id: "cluster-overview-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(clusterOverviewRouteInjectable),
+    Component: ClusterOverview,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default clusterOverviewRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+cluster/cluster-overview-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+cluster/cluster-overview-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..d3cf4e6814
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-overview-sidebar-items.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { Icon } from "../icon";
+import React from "react";
+import type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { computed } from "mobx";
+import clusterOverviewRouteInjectable from "../../../common/front-end-routing/routes/cluster/overview/cluster-overview-route.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToClusterOverviewInjectable from "../../../common/front-end-routing/routes/cluster/overview/navigate-to-cluster-overview.injectable";
+
+const clusterOverviewSidebarItemsInjectable = getInjectable({
+  id: "cluster-overview-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(clusterOverviewRouteInjectable);
+    const navigateToClusterOverview = di.inject(navigateToClusterOverviewInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed((): SidebarItemRegistration[] => [
+      {
+        id: "cluster-overview",
+        parentId: null,
+        title: "Cluster",
+        getIcon: () => <Icon svg="kube" />,
+        onClick: navigateToClusterOverview,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 10,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default clusterOverviewSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+cluster/cluster-overview-store/cluster-overview-store.injectable.ts b/packages/core/src/renderer/components/+cluster/cluster-overview-store/cluster-overview-store.injectable.ts
new file mode 100644
index 0000000000..2d6ece0dfd
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-overview-store/cluster-overview-store.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 { getInjectable } from "@ogre-tools/injectable";
+
+import type { ClusterOverviewStorageState } from "./cluster-overview-store";
+import { ClusterOverviewStore, MetricNodeRole, MetricType } from "./cluster-overview-store";
+import createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../../common/k8s-api/api-manager/manager.injectable";
+import clusterApiInjectable from "../../../../common/k8s-api/endpoints/cluster.api.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
+import assert from "assert";
+import nodeStoreInjectable from "../../+nodes/store.injectable";
+import requestClusterMetricsByNodeNamesInjectable from "../../../../common/k8s-api/endpoints/metrics.api/request-cluster-metrics-by-node-names.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../../cluster-frame-context/for-namespaced-resources.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+
+const clusterOverviewStoreInjectable = getInjectable({
+  id: "cluster-overview-store",
+
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "clusterOverviewStore is only available in certain environments");
+    const createStorage = di.inject(createStorageInjectable);
+    const clusterApi = di.inject(clusterApiInjectable);
+
+    return new ClusterOverviewStore({
+      storage: createStorage<ClusterOverviewStorageState>(
+        "cluster_overview",
+        {
+          metricType: MetricType.CPU, // setup defaults
+          metricNodeRole: MetricNodeRole.WORKER,
+        },
+      ),
+      nodeStore: di.inject(nodeStoreInjectable),
+      requestClusterMetricsByNodeNames: di.inject(requestClusterMetricsByNodeNamesInjectable),
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, clusterApi);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default clusterOverviewStoreInjectable;
diff --git a/packages/core/src/renderer/components/+cluster/cluster-overview-store/cluster-overview-store.ts b/packages/core/src/renderer/components/+cluster/cluster-overview-store/cluster-overview-store.ts
new file mode 100644
index 0000000000..943b14dbf9
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-overview-store/cluster-overview-store.ts
@@ -0,0 +1,118 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, observable, reaction, when, makeObservable } from "mobx";
+import type { KubeObjectStoreDependencies } from "../../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
+import type { Cluster, ClusterApi } from "../../../../common/k8s-api/endpoints";
+import type { StorageLayer } from "../../../utils";
+import { autoBind } from "../../../utils";
+import type { NodeStore } from "../../+nodes/store";
+import type { ClusterMetricData, RequestClusterMetricsByNodeNames } from "../../../../common/k8s-api/endpoints/metrics.api/request-cluster-metrics-by-node-names.injectable";
+import type { RequestMetricsParams } from "../../../../common/k8s-api/endpoints/metrics.api/request-metrics.injectable";
+import { normalizeMetrics } from "../../../../common/k8s-api/endpoints/metrics.api";
+
+export enum MetricType {
+  MEMORY = "memory",
+  CPU = "cpu",
+}
+
+export enum MetricNodeRole {
+  MASTER = "master",
+  WORKER = "worker",
+}
+
+export interface ClusterOverviewStorageState {
+  metricType: MetricType;
+  metricNodeRole: MetricNodeRole;
+}
+
+interface ClusterOverviewStoreDependencies extends KubeObjectStoreDependencies {
+  readonly storage: StorageLayer<ClusterOverviewStorageState>;
+  readonly nodeStore: NodeStore;
+  requestClusterMetricsByNodeNames: RequestClusterMetricsByNodeNames;
+}
+
+export class ClusterOverviewStore extends KubeObjectStore<Cluster, ClusterApi> implements ClusterOverviewStorageState {
+  @observable metrics: ClusterMetricData | undefined = undefined;
+
+  get metricsLoaded() {
+    return !!this.metrics;
+  }
+
+  get metricType(): MetricType {
+    return this.dependencies.storage.get().metricType;
+  }
+
+  set metricType(value: MetricType) {
+    this.dependencies.storage.merge({ metricType: value });
+  }
+
+  get metricNodeRole(): MetricNodeRole {
+    return this.dependencies.storage.get().metricNodeRole;
+  }
+
+  set metricNodeRole(value: MetricNodeRole) {
+    this.dependencies.storage.merge({ metricNodeRole: value });
+  }
+
+  constructor(protected readonly dependencies: ClusterOverviewStoreDependencies, api: ClusterApi) {
+    super(dependencies, api);
+    makeObservable(this);
+    autoBind(this);
+
+    this.init();
+  }
+
+  private init() {
+    // TODO: refactor, seems not a correct place to be
+    // auto-refresh metrics on user-action
+    reaction(() => this.metricNodeRole, () => {
+      if (this.metrics) {
+        this.resetMetrics();
+        this.loadMetrics();
+      }
+    });
+
+    // check which node type to select
+    reaction(() => this.dependencies.nodeStore.items.length, () => {
+      const { masterNodes, workerNodes } = this.dependencies.nodeStore;
+
+      if (!masterNodes.length) this.metricNodeRole = MetricNodeRole.WORKER;
+      if (!workerNodes.length) this.metricNodeRole = MetricNodeRole.MASTER;
+    });
+  }
+
+  @action
+  async loadMetrics(params?: RequestMetricsParams) {
+    await when(() => this.dependencies.nodeStore.isLoaded);
+    const { masterNodes, workerNodes } = this.dependencies.nodeStore;
+    const nodes = this.metricNodeRole === MetricNodeRole.MASTER && masterNodes.length ? masterNodes : workerNodes;
+
+    this.metrics = await this.dependencies.requestClusterMetricsByNodeNames(nodes.map(node => node.getName()), params);
+  }
+
+  getMetricsValues(source: Partial<ClusterMetricData>): [number, string][] {
+    switch (this.metricType) {
+      case MetricType.CPU:
+        return normalizeMetrics(source.cpuUsage).data.result[0].values;
+      case MetricType.MEMORY:
+        return normalizeMetrics(source.memoryUsage).data.result[0].values;
+      default:
+        return [];
+    }
+  }
+
+  @action
+  resetMetrics() {
+    this.metrics = undefined;
+  }
+
+  reset() {
+    super.reset();
+    this.resetMetrics();
+    this.dependencies.storage?.reset();
+  }
+}
diff --git a/packages/core/src/renderer/components/+cluster/cluster-overview.module.scss b/packages/core/src/renderer/components/+cluster/cluster-overview.module.scss
new file mode 100644
index 0000000000..a0f885582b
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-overview.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.
+ */
+
+.ClusterOverview {
+  position: relative;
+  height: 100%;
+  min-height: 650px;
+  display: grid;
+  grid-gap: calc(var(--margin) * 2);
+  grid-template-areas:
+    "barcharts piechars"
+    "issues issues";
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  grid-template-rows:
+          [row1-start] 1fr
+          [row2-start] 1fr;
+
+  @media (max-width: 1150px) {
+    grid-template-columns: minmax(500px, 1fr);
+    grid-template-rows: 1fr;
+    grid-template-areas: none;
+  }
+}
diff --git a/packages/core/src/renderer/components/+cluster/cluster-overview.tsx b/packages/core/src/renderer/components/+cluster/cluster-overview.tsx
new file mode 100644
index 0000000000..f1cb9ad461
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-overview.tsx
@@ -0,0 +1,129 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./cluster-overview.module.scss";
+
+import React from "react";
+import { reaction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { NodeStore } from "../+nodes/store";
+import type { PodStore } from "../+workloads-pods/store";
+import { interval } from "../../utils";
+import { TabLayout } from "../layout/tab-layout";
+import { Spinner } from "../spinner";
+import { ClusterIssues } from "./cluster-issues";
+import { ClusterMetrics } from "./cluster-metrics";
+import type { ClusterOverviewStore } from "./cluster-overview-store/cluster-overview-store";
+import { ClusterPieCharts } from "./cluster-pie-charts";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { EventStore } from "../+events/store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import clusterOverviewStoreInjectable from "./cluster-overview-store/cluster-overview-store.injectable";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import type { Cluster } from "../../../common/cluster/cluster";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import assert from "assert";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import eventStoreInjectable from "../+events/store.injectable";
+import nodeStoreInjectable from "../+nodes/store.injectable";
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  clusterOverviewStore: ClusterOverviewStore;
+  hostedCluster: Cluster;
+  podStore: PodStore;
+  eventStore: EventStore;
+  nodeStore: NodeStore;
+}
+
+@observer
+class NonInjectedClusterOverview extends React.Component<Dependencies> {
+  private metricPoller = interval(60, () => this.loadMetrics());
+
+  loadMetrics() {
+    if (this.props.hostedCluster.available) {
+      this.props.clusterOverviewStore.loadMetrics();
+    }
+  }
+
+  componentDidMount() {
+    this.metricPoller.start(true);
+
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.podStore,
+        this.props.eventStore,
+        this.props.nodeStore,
+      ]),
+
+      reaction(
+        () => this.props.clusterOverviewStore.metricNodeRole, // Toggle Master/Worker node switcher
+        () => this.metricPoller.restart(true),
+      ),
+    ]);
+  }
+
+  componentWillUnmount() {
+    this.metricPoller.stop();
+  }
+
+  renderMetrics(isMetricsHidden: boolean) {
+    if (isMetricsHidden) {
+      return null;
+    }
+
+    return (
+      <>
+        <ClusterMetrics/>
+        <ClusterPieCharts/>
+      </>
+    );
+  }
+
+  renderClusterOverview(isLoaded: boolean, isMetricsHidden: boolean) {
+    if (!isLoaded) {
+      return <Spinner center/>;
+    }
+
+    return (
+      <>
+        {this.renderMetrics(isMetricsHidden)}
+        <ClusterIssues className={isMetricsHidden ? "OnlyClusterIssues" : ""}/>
+      </>
+    );
+  }
+
+  render() {
+    const { eventStore, nodeStore, hostedCluster } = this.props;
+    const isLoaded = nodeStore.isLoaded && eventStore.isLoaded;
+    const isMetricHidden = hostedCluster.isMetricHidden(ClusterMetricsResourceType.Cluster);
+
+    return (
+      <TabLayout scrollable>
+        <div className={styles.ClusterOverview} data-testid="cluster-overview-page">
+          {this.renderClusterOverview(isLoaded, isMetricHidden)}
+        </div>
+      </TabLayout>
+    );
+  }
+}
+
+export const ClusterOverview = withInjectables<Dependencies>(NonInjectedClusterOverview, {
+  getProps: (di) => {
+    const hostedCluster = di.inject(hostedClusterInjectable);
+
+    assert(hostedCluster, "Only allowed to renderer ClusterOverview within cluster frame");
+
+    return {
+      subscribeStores: di.inject(subscribeStoresInjectable),
+      clusterOverviewStore: di.inject(clusterOverviewStoreInjectable),
+      hostedCluster,
+      podStore: di.inject(podStoreInjectable),
+      eventStore: di.inject(eventStoreInjectable),
+      nodeStore: di.inject(nodeStoreInjectable),
+    };
+  },
+});
diff --git a/packages/core/src/renderer/components/+cluster/cluster-pie-charts.module.scss b/packages/core/src/renderer/components/+cluster/cluster-pie-charts.module.scss
new file mode 100644
index 0000000000..9ec9564da0
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-pie-charts.module.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.empty {
+  background: var(--contentColor);
+  min-height: 280px;
+  text-align: center;
+  padding: calc(var(--padding) * 2);
+}
+
+.chart {
+  --flex-gap: calc(var(--padding) * 2);
+  background: var(--contentColor);
+  padding: calc(var(--padding) * 2) var(--padding);
+}
+
+.noMetrics {
+  display: flex;
+  flex-grow: 1;
+}
diff --git a/packages/core/src/renderer/components/+cluster/cluster-pie-charts.tsx b/packages/core/src/renderer/components/+cluster/cluster-pie-charts.tsx
new file mode 100644
index 0000000000..e0203dd878
--- /dev/null
+++ b/packages/core/src/renderer/components/+cluster/cluster-pie-charts.tsx
@@ -0,0 +1,288 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./cluster-pie-charts.module.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { ClusterOverviewStore } from "./cluster-overview-store/cluster-overview-store";
+import { MetricNodeRole } from "./cluster-overview-store/cluster-overview-store";
+import { Spinner } from "../spinner";
+import { Icon } from "../icon";
+import type { NodeStore } from "../+nodes/store";
+import type { PieChartData } from "../chart";
+import { PieChart } from "../chart";
+import { ClusterNoMetrics } from "./cluster-no-metrics";
+import { bytesToUnits, cssNames } from "../../utils";
+import type { LensTheme } from "../../themes/lens-theme";
+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 type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
+import type { ClusterMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-cluster-metrics-by-node-names.injectable";
+
+function createLabels(rawLabelData: [string, number | undefined][]): string[] {
+  return rawLabelData.map(([key, value]) => `${key}: ${value?.toFixed(2) || "N/A"}`);
+}
+
+const checkedBytesToUnits = (value: number | undefined) => (
+  typeof value === "number"
+    ? bytesToUnits(value)
+    : "N/A"
+);
+
+interface Dependencies {
+  clusterOverviewStore: ClusterOverviewStore;
+  nodeStore: NodeStore;
+  activeTheme: IComputedValue<LensTheme>;
+}
+
+const NonInjectedClusterPieCharts = observer(({
+  clusterOverviewStore,
+  nodeStore,
+  activeTheme,
+}: Dependencies) => {
+  const renderLimitWarning = () => {
+    return (
+      <div className="node-warning flex gaps align-center">
+        <Icon material="info"/>
+        <p>Specified limits are higher than node capacity!</p>
+      </div>
+    );
+  };
+
+  const renderCharts = (lastPoints: Partial<Record<keyof ClusterMetricData, number>>) => {
+    const {
+      memoryUsage, memoryRequests, memoryAllocatableCapacity, memoryCapacity, memoryLimits,
+      cpuUsage, cpuRequests, cpuAllocatableCapacity, cpuCapacity, cpuLimits,
+      podUsage, podAllocatableCapacity, podCapacity,
+    } = lastPoints;
+
+    if (
+      typeof cpuCapacity !== "number" ||
+      typeof cpuAllocatableCapacity !== "number" ||
+      typeof podCapacity !== "number" ||
+      typeof podAllocatableCapacity !== "number" ||
+      typeof memoryAllocatableCapacity !== "number" ||
+      typeof memoryCapacity !== "number" ||
+      typeof memoryUsage !== "number" ||
+      typeof memoryRequests !== "number"
+    ) {
+      return null;
+    }
+
+    const defaultColor = activeTheme.get().colors.pieChartDefaultColor;
+
+    const cpuData: PieChartData = {
+      datasets: [
+        {
+          data: [
+            cpuUsage,
+            cpuUsage ? cpuAllocatableCapacity - cpuUsage : 1,
+          ],
+          backgroundColor: [
+            "#c93dce",
+            defaultColor,
+          ],
+          id: "cpuUsage",
+          label: "Usage",
+        },
+        {
+          data: [
+            cpuRequests,
+            cpuRequests ? cpuAllocatableCapacity - cpuRequests : 1,
+          ],
+          backgroundColor: [
+            "#4caf50",
+            defaultColor,
+          ],
+          id: "cpuRequests",
+          label: "Requests",
+        },
+        {
+          data: [
+            cpuLimits,
+            Math.max(0, cpuAllocatableCapacity - (cpuLimits ?? cpuAllocatableCapacity)),
+          ],
+          backgroundColor: [
+            "#3d90ce",
+            defaultColor,
+          ],
+          id: "cpuLimits",
+          label: "Limits",
+        },
+      ],
+      labels: createLabels([
+        ["Usage", cpuUsage],
+        ["Requests", cpuRequests],
+        ["Limits", cpuLimits],
+        ["Allocatable Capacity", cpuAllocatableCapacity],
+        ["Capacity", cpuCapacity],
+      ]),
+    };
+    const memoryData: PieChartData = {
+      datasets: [
+        {
+          data: [
+            memoryUsage,
+            memoryUsage ? memoryAllocatableCapacity - memoryUsage : 1,
+          ],
+          backgroundColor: [
+            "#c93dce",
+            defaultColor,
+          ],
+          id: "memoryUsage",
+          label: "Usage",
+        },
+        {
+          data: [
+            memoryRequests,
+            memoryRequests ? memoryAllocatableCapacity - memoryRequests : 1,
+          ],
+          backgroundColor: [
+            "#4caf50",
+            defaultColor,
+          ],
+          id: "memoryRequests",
+          label: "Requests",
+        },
+        {
+          data: [
+            memoryLimits,
+            Math.max(0, memoryAllocatableCapacity - (memoryLimits ?? memoryAllocatableCapacity)),
+          ],
+          backgroundColor: [
+            "#3d90ce",
+            defaultColor,
+          ],
+          id: "memoryLimits",
+          label: "Limits",
+        },
+      ],
+      labels: [
+        `Usage: ${bytesToUnits(memoryUsage)}`,
+        `Requests: ${bytesToUnits(memoryRequests)}`,
+        `Limits: ${checkedBytesToUnits(memoryLimits)}`,
+        `Allocatable Capacity: ${bytesToUnits(memoryAllocatableCapacity)}`,
+        `Capacity: ${bytesToUnits(memoryCapacity)}`,
+      ],
+    };
+    const podsData: PieChartData = {
+      datasets: [
+        {
+          data: [
+            podUsage,
+            podUsage ? podAllocatableCapacity - podUsage : 1,
+          ],
+          backgroundColor: [
+            "#4caf50",
+            defaultColor,
+          ],
+          id: "podUsage",
+          label: "Usage",
+          tooltipLabels: [
+            (percent) => `Usage: ${percent}`,
+            (percent) => `Available: ${percent}`,
+          ],
+        },
+      ],
+      labels: [
+        `Usage: ${podUsage || 0}`,
+        `Capacity: ${podAllocatableCapacity}`,
+      ],
+    };
+
+    return (
+      <div className="flex justify-center box grow gaps">
+        <div className={cssNames(styles.chart, "flex column align-center box grow")}>
+          <PieChart
+            data={cpuData}
+            title="CPU"
+            legendColors={[
+              "#c93dce",
+              "#4caf50",
+              "#3d90ce",
+              "#032b4d",
+              defaultColor,
+            ]}
+          />
+          {((cpuLimits ?? cpuAllocatableCapacity) > cpuAllocatableCapacity) && renderLimitWarning()}
+        </div>
+        <div className={cssNames(styles.chart, "flex column align-center box grow")}>
+          <PieChart
+            data={memoryData}
+            title="Memory"
+            legendColors={[
+              "#c93dce",
+              "#4caf50",
+              "#3d90ce",
+              "#032b4d",
+              defaultColor,
+            ]}
+          />
+          {((memoryLimits ?? memoryAllocatableCapacity) > memoryAllocatableCapacity) && renderLimitWarning()}
+        </div>
+        <div className={cssNames(styles.chart, "flex column align-center box grow")}>
+          <PieChart
+            data={podsData}
+            title="Pods"
+            legendColors={["#4caf50", defaultColor]}
+          />
+        </div>
+      </div>
+    );
+  };
+
+  const renderContent = ({ metricNodeRole, metrics }: ClusterOverviewStore) => {
+    const { masterNodes, workerNodes } = nodeStore;
+    const nodes = metricNodeRole === MetricNodeRole.MASTER ? masterNodes : workerNodes;
+
+    if (!nodes.length) {
+      return (
+        <div className={cssNames(styles.empty, "flex column box grow align-center justify-center")}>
+          <Icon material="info"/>
+          No Nodes Available.
+        </div>
+      );
+    }
+
+    if (!metrics) {
+      return (
+        <div className={cssNames(styles.empty, "flex justify-center align-center box grow")}>
+          <Spinner/>
+        </div>
+      );
+    }
+
+    const lastPoints = getMetricLastPoints(metrics);
+    const { memoryCapacity, cpuCapacity, podCapacity } = lastPoints;
+
+    if (!memoryCapacity || !cpuCapacity || !podCapacity) {
+      return (
+        <div className={styles.noMetrics}>
+          <ClusterNoMetrics className={styles.empty}/>
+        </div>
+      );
+    }
+
+    return renderCharts(lastPoints);
+  };
+
+  return (
+    <div className="flex">
+      {renderContent(clusterOverviewStore)}
+    </div>
+  );
+});
+
+export const ClusterPieCharts = withInjectables<Dependencies>(NonInjectedClusterPieCharts, {
+  getProps: (di) => ({
+    clusterOverviewStore: di.inject(clusterOverviewStoreInjectable),
+    nodeStore: di.inject(nodeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-autoscalers/autoscaler.mixins.scss b/packages/core/src/renderer/components/+config-autoscalers/autoscaler.mixins.scss
new file mode 100644
index 0000000000..9f2c3e5eb3
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/autoscaler.mixins.scss
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+$hpa-status-colors: (
+  abletoscale: var(--colorOk),
+  scalingactive: var(--colorInfo),
+  scalinglimited: var(--colorSoftError),
+);
+
+@mixin hpa-status-bgc {
+  @each $status, $color in $hpa-status-colors {
+    &.#{$status} {
+      background: $color;
+      color: white;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-autoscalers/horizontal-pod-auto-scalers-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+config-autoscalers/horizontal-pod-auto-scalers-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..7298fd1a8b
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/horizontal-pod-auto-scalers-sidebar-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 horizontalPodAutoscalersRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/horizontal-pod-autoscalers-route.injectable";
+import { configSidebarItemId } from "../+config/config-sidebar-items.injectable";
+import type { SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToHorizontalPodAutoscalersInjectable from "../../../common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/navigate-to-horizontal-pod-autoscalers.injectable";
+
+const horizontalPodAutoScalersSidebarItemsInjectable = getInjectable({
+  id: "horizontal-pod-auto-scalers-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(horizontalPodAutoscalersRouteInjectable);
+    const navigateToHorizontalPodAutoscalers = di.inject(navigateToHorizontalPodAutoscalersInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed((): SidebarItemRegistration[] => [
+      {
+        id: "horizontal-pod-auto-scalers",
+        parentId: configSidebarItemId,
+        title: "HPA",
+        onClick: navigateToHorizontalPodAutoscalers,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 50,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default horizontalPodAutoScalersSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+config-autoscalers/horizontal-pod-autoscalers-route-component.injectable.ts b/packages/core/src/renderer/components/+config-autoscalers/horizontal-pod-autoscalers-route-component.injectable.ts
new file mode 100644
index 0000000000..991f6cab1b
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/horizontal-pod-autoscalers-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 { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+import horizontalPodAutoscalersRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/horizontal-pod-autoscalers-route.injectable";
+import { HorizontalPodAutoscalers } from "./hpa";
+
+const horizontalPodAutoscalersRouteComponentInjectable = getInjectable({
+  id: "horizontal-pod-autoscalers-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(horizontalPodAutoscalersRouteInjectable),
+    Component: HorizontalPodAutoscalers,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default horizontalPodAutoscalersRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+config-autoscalers/hpa-details.scss b/packages/core/src/renderer/components/+config-autoscalers/hpa-details.scss
new file mode 100644
index 0000000000..e10e14220f
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/hpa-details.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "autoscaler.mixins";
+
+.HpaDetails {
+  .status {
+    @include hpa-status-bgc;
+  }
+
+  .metrics .Table {
+    .TableCell {
+      word-break: break-word;
+
+      &.name {
+        flex-grow: 2;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-autoscalers/hpa-details.tsx b/packages/core/src/renderer/components/+config-autoscalers/hpa-details.tsx
new file mode 100644
index 0000000000..4bd5f12a66
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/hpa-details.tsx
@@ -0,0 +1,179 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./hpa-details.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { Link } from "react-router-dom";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { Badge } from "../badge";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { cssNames } from "../../utils";
+import type { HorizontalPodAutoscalerMetricSpec, HorizontalPodAutoscalerMetricTarget } from "../../../common/k8s-api/endpoints/horizontal-pod-autoscaler.api";
+import { HorizontalPodAutoscaler, HpaMetricType } from "../../../common/k8s-api/endpoints/horizontal-pod-autoscaler.api";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import type { ApiManager } from "../../../common/k8s-api/api-manager";
+import type { Logger } from "../../../common/logger";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface HpaDetailsProps extends KubeObjectDetailsProps<HorizontalPodAutoscaler> {
+}
+
+interface Dependencies {
+  apiManager: ApiManager;
+  logger: Logger;
+  getDetailsUrl: GetDetailsUrl;
+}
+
+@observer
+class NonInjectedHpaDetails extends React.Component<HpaDetailsProps & Dependencies> {
+  private renderTargetLink(target: HorizontalPodAutoscalerMetricTarget | undefined) {
+    if (!target) {
+      return null;
+    }
+
+    const { object: hpa, apiManager, getDetailsUrl } = this.props;
+    const { kind, name } = target;
+    const objectUrl = getDetailsUrl(apiManager.lookupApiLink(target, hpa));
+
+    return (
+      <>
+        on
+        <Link to={objectUrl}>
+          {`${kind}/${name}`}
+        </Link>
+      </>
+    );
+  }
+
+  renderMetrics() {
+    const { object: hpa } = this.props;
+
+    const renderName = (metric: HorizontalPodAutoscalerMetricSpec) => {
+      switch (metric.type) {
+        case HpaMetricType.ContainerResource:
+
+        // fallthrough
+        case HpaMetricType.Resource: {
+          const metricSpec = metric.resource ?? metric.containerResource;
+          const addition = metricSpec.targetAverageUtilization
+            ? " (as a percentage of request)"
+            : "";
+
+          return `Resource ${metricSpec.name} on Pods${addition}`;
+        }
+        case HpaMetricType.Pods:
+          return `${metric.pods.metricName} on Pods`;
+
+        case HpaMetricType.Object: {
+          return (
+            <>
+              {metric.object.metricName}
+              {" "}
+              {this.renderTargetLink(metric.object.target)}
+            </>
+          );
+        }
+        case HpaMetricType.External:
+          return `${metric.external.metricName} on ${JSON.stringify(metric.external.metricSelector)}`;
+      }
+    };
+
+    return (
+      <Table>
+        <TableHead>
+          <TableCell className="name">Name</TableCell>
+          <TableCell className="metrics">Current / Target</TableCell>
+        </TableHead>
+        {
+          hpa.getMetrics()
+            .map((metric, index) => (
+              <TableRow key={index}>
+                <TableCell className="name">{renderName(metric)}</TableCell>
+                <TableCell className="metrics">{hpa.getMetricValues(metric)}</TableCell>
+              </TableRow>
+            ))
+        }
+      </Table>
+    );
+  }
+
+  render() {
+    const { object: hpa, apiManager, getDetailsUrl, logger } = this.props;
+
+    if (!hpa) {
+      return null;
+    }
+
+    if (!(hpa instanceof HorizontalPodAutoscaler)) {
+      logger.error("[HpaDetails]: passed object that is not an instanceof HorizontalPodAutoscaler", hpa);
+
+      return null;
+    }
+
+    const { scaleTargetRef } = hpa.spec;
+
+    return (
+      <div className="HpaDetails">
+        <DrawerItem name="Reference">
+          {scaleTargetRef && (
+            <Link to={getDetailsUrl(apiManager.lookupApiLink(scaleTargetRef, hpa))}>
+              {scaleTargetRef.kind}
+              /
+              {scaleTargetRef.name}
+            </Link>
+          )}
+        </DrawerItem>
+
+        <DrawerItem name="Min Pods">
+          {hpa.getMinPods()}
+        </DrawerItem>
+
+        <DrawerItem name="Max Pods">
+          {hpa.getMaxPods()}
+        </DrawerItem>
+
+        <DrawerItem name="Replicas">
+          {hpa.getReplicas()}
+        </DrawerItem>
+
+        <DrawerItem
+          name="Status"
+          className="status"
+          labelsOnly
+        >
+          {hpa.getReadyConditions()
+            .map(({ type, tooltip, isReady }) => (
+              <Badge
+                key={type}
+                label={type}
+                tooltip={tooltip}
+                className={cssNames({ [type.toLowerCase()]: isReady })}
+              />
+            ))}
+        </DrawerItem>
+
+        <DrawerTitle>Metrics</DrawerTitle>
+        <div className="metrics">
+          {this.renderMetrics()}
+        </div>
+      </div>
+    );
+  }
+}
+
+export const HpaDetails = withInjectables<Dependencies, HpaDetailsProps>(NonInjectedHpaDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    apiManager: di.inject(apiManagerInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-autoscalers/hpa.scss b/packages/core/src/renderer/components/+config-autoscalers/hpa.scss
new file mode 100644
index 0000000000..423693a61f
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/hpa.scss
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "autoscaler.mixins";
+
+.HorizontalPodAutoscalers {
+  .TableCell {
+    &.name {
+      flex: 1.5;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.metrics {
+      flex: 1.5;
+    }
+
+    &.status {
+      flex: 1.5;
+      @include table-cell-labels-offsets;
+      @include hpa-status-bgc;
+    }
+
+    &.age {
+      flex: .5;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-autoscalers/hpa.tsx b/packages/core/src/renderer/components/+config-autoscalers/hpa.tsx
new file mode 100644
index 0000000000..8900d7b73d
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/hpa.tsx
@@ -0,0 +1,130 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./hpa.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import type { HorizontalPodAutoscaler } from "../../../common/k8s-api/endpoints/horizontal-pod-autoscaler.api";
+import { Badge } from "../badge";
+import { cssNames, prevDefault } from "../../utils";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { HorizontalPodAutoscalerStore } from "./store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import horizontalPodAutoscalerStoreInjectable from "./store.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  metrics = "metrics",
+  minPods = "min-pods",
+  maxPods = "max-pods",
+  replicas = "replicas",
+  age = "age",
+  status = "status",
+}
+
+interface Dependencies {
+  horizontalPodAutoscalerStore: HorizontalPodAutoscalerStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedHorizontalPodAutoscalers extends React.Component<Dependencies> {
+  getTargets(hpa: HorizontalPodAutoscaler) {
+    const metrics = hpa.getMetrics();
+
+    if (metrics.length === 0) {
+      return <p>--</p>;
+    }
+
+    const metricsRemain = metrics.length > 1 ? `+${metrics.length - 1} more...` : "";
+
+    return (
+      <p>
+        {hpa.getMetricValues(metrics[0])}
+        {" "}
+        {metricsRemain}
+      </p>
+    );
+  }
+
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="configuration_hpa"
+          className="HorizontalPodAutoscalers"
+          store={this.props.horizontalPodAutoscalerStore}
+          sortingCallbacks={{
+            [columnId.name]: hpa => hpa.getName(),
+            [columnId.namespace]: hpa => hpa.getNs(),
+            [columnId.minPods]: hpa => hpa.getMinPods(),
+            [columnId.maxPods]: hpa => hpa.getMaxPods(),
+            [columnId.replicas]: hpa => hpa.getReplicas(),
+            [columnId.age]: hpa => -hpa.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            hpa => hpa.getSearchFields(),
+          ]}
+          renderHeaderTitle="Horizontal Pod Autoscalers"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Metrics", className: "metrics", id: columnId.metrics },
+            { title: "Min Pods", className: "min-pods", sortBy: columnId.minPods, id: columnId.minPods },
+            { title: "Max Pods", className: "max-pods", sortBy: columnId.maxPods, id: columnId.maxPods },
+            { title: "Replicas", className: "replicas", sortBy: columnId.replicas, id: columnId.replicas },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+            { title: "Status", className: "status scrollable", id: columnId.status },
+          ]}
+          renderTableContents={hpa => [
+            hpa.getName(),
+            <KubeObjectStatusIcon key="icon" object={hpa} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(hpa.getNs()))}
+            >
+              {hpa.getNs()}
+            </a>,
+            this.getTargets(hpa),
+            hpa.getMinPods(),
+            hpa.getMaxPods(),
+            hpa.getReplicas(),
+            <KubeObjectAge key="age" object={hpa} />,
+            hpa.getConditions()
+              .filter(({ isReady }) => isReady)
+              .map(({ type, tooltip }) => (
+                <Badge
+                  key={type}
+                  label={type}
+                  tooltip={tooltip}
+                  className={cssNames(type.toLowerCase())}
+                  expandable={false}
+                  scrollable={true}
+                />
+              )),
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const HorizontalPodAutoscalers = withInjectables<Dependencies>(NonInjectedHorizontalPodAutoscalers, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    horizontalPodAutoscalerStore: di.inject(horizontalPodAutoscalerStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-autoscalers/index.ts b/packages/core/src/renderer/components/+config-autoscalers/index.ts
new file mode 100644
index 0000000000..a0b5231b2e
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/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 "./hpa";
+export * from "./hpa-details";
diff --git a/packages/core/src/renderer/components/+config-autoscalers/store.injectable.ts b/packages/core/src/renderer/components/+config-autoscalers/store.injectable.ts
new file mode 100644
index 0000000000..47a0f25680
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import horizontalPodAutoscalerApiInjectable from "../../../common/k8s-api/endpoints/horizontal-pod-autoscaler.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { HorizontalPodAutoscalerStore } from "./store";
+
+const horizontalPodAutoscalerStoreInjectable = getInjectable({
+  id: "horizontal-pod-autoscaler-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "horizontalPodAutoscalerStore is only available in certain environments");
+
+    const api = di.inject(horizontalPodAutoscalerApiInjectable);
+
+    return new HorizontalPodAutoscalerStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default horizontalPodAutoscalerStoreInjectable;
diff --git a/packages/core/src/renderer/components/+config-autoscalers/store.ts b/packages/core/src/renderer/components/+config-autoscalers/store.ts
new file mode 100644
index 0000000000..ccee4ab943
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-autoscalers/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 { HorizontalPodAutoscaler, HorizontalPodAutoscalerApi } from "../../../common/k8s-api/endpoints/horizontal-pod-autoscaler.api";
+
+export class HorizontalPodAutoscalerStore extends KubeObjectStore<HorizontalPodAutoscaler, HorizontalPodAutoscalerApi> {
+}
diff --git a/packages/core/src/renderer/components/+config-leases/index.ts b/packages/core/src/renderer/components/+config-leases/index.ts
new file mode 100644
index 0000000000..dcef127fb2
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-leases/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 "./leases";
+export * from "./lease-details";
diff --git a/packages/core/src/renderer/components/+config-leases/lease-details.scss b/packages/core/src/renderer/components/+config-leases/lease-details.scss
new file mode 100644
index 0000000000..33628f74dd
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-leases/lease-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.
+ */
+
+.LeaseDetails {}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/+config-leases/lease-details.tsx b/packages/core/src/renderer/components/+config-leases/lease-details.tsx
new file mode 100644
index 0000000000..d86ecabaf8
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-leases/lease-details.tsx
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./lease-details.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { DrawerItem } from "../drawer";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type { Lease } from "../../../common/k8s-api/endpoints";
+
+export interface LeaseDetailsProps extends KubeObjectDetailsProps<Lease> {
+}
+
+@observer
+export class LeaseDetails extends React.Component<LeaseDetailsProps> {
+
+  render() {
+    const { object: lease } = this.props;
+
+    return (
+      <div className="LeaseDetails">
+        <DrawerItem name="Holder Identity">
+          {lease.getHolderIdentity()}
+        </DrawerItem>
+
+        <DrawerItem name="Lease Duration Seconds">
+          {lease.getLeaseDurationSeconds()}
+        </DrawerItem>
+
+        <DrawerItem name="Lease Transitions" hidden={lease.getLeaseTransitions() === undefined}>
+          {lease.getLeaseTransitions()}
+        </DrawerItem>
+
+        <DrawerItem name="Acquire Time" hidden={lease.getAcquireTime() === ""}>
+          {lease.getAcquireTime()}
+        </DrawerItem>
+
+        <DrawerItem name="Renew Time">
+          {lease.getRenewTime()}
+        </DrawerItem>
+
+      </div >
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-leases/leases-route-component.injectable.ts b/packages/core/src/renderer/components/+config-leases/leases-route-component.injectable.ts
new file mode 100644
index 0000000000..ef0ffbf37d
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-leases/leases-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 { Leases } from "./leases";
+import leasesRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/leases/leases-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const leasesRouteComponentInjectable = getInjectable({
+  id: "leases-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(leasesRouteInjectable),
+    Component: Leases,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default leasesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+config-leases/leases-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+config-leases/leases-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..178cf8a172
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-leases/leases-sidebar-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 leasesRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/leases/leases-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 navigateToLeasesInjectable from "../../../common/front-end-routing/routes/cluster/config/leases/navigate-to-leases.injectable";
+
+const leasesSidebarItemsInjectable = getInjectable({
+  id: "leases-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(leasesRouteInjectable);
+    const navigateToLeases = di.inject(navigateToLeasesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "leases",
+        parentId: configSidebarItemId,
+        title: "Leases",
+        onClick: navigateToLeases,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 80,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default leasesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+config-leases/leases.scss b/packages/core/src/renderer/components/+config-leases/leases.scss
new file mode 100644
index 0000000000..f40556550e
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-leases/leases.scss
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Leases {
+  .TableCell {
+    &.name {
+      flex: 2;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.keys {
+      flex: 2.5;
+    }
+
+    &.age {
+      flex: .5;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-leases/leases.tsx b/packages/core/src/renderer/components/+config-leases/leases.tsx
new file mode 100644
index 0000000000..6c3025c077
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-leases/leases.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 "./leases.scss";
+
+import * as React from "react";
+import { observer } from "mobx-react";
+import type { Lease } from "../../../common/k8s-api/endpoints/lease.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 { withInjectables } from "@ogre-tools/injectable-react";
+import leaseStoreInjectable from "./store.injectable";
+import type { LeaseStore } from "./store";
+import { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  holder = "holder",
+  age = "age",
+}
+
+export interface LeaseProps extends KubeObjectDetailsProps<Lease> {
+}
+
+interface Dependencies {
+  leaseStore: LeaseStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedLease extends React.Component<LeaseProps & Dependencies> {
+  render() {
+    const { leaseStore } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="configuration_leases"
+          className="Leases"
+          store={leaseStore}
+          sortingCallbacks={{
+            [columnId.name]: lease => lease.getName(),
+            [columnId.namespace]: lease => lease.getNs(),
+            [columnId.holder]: lease => lease.getHolderIdentity(),
+            [columnId.age]: lease => -lease.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            lease => lease.getSearchFields(),
+          ]}
+          renderHeaderTitle="Leases"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Holder", className: "holder", sortBy: columnId.holder, id: columnId.holder },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={lease => [
+            lease.getName(),
+            <KubeObjectStatusIcon key="icon" object={lease} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(lease.getNs()))}
+            >
+              {lease.getNs()}
+            </a>,
+            lease.getHolderIdentity(),
+            <KubeObjectAge key="age" object={lease} />,
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const Leases = withInjectables<Dependencies, LeaseProps>(NonInjectedLease, {
+  getProps: (di, props) => ({
+    ...props,
+    leaseStore: di.inject(leaseStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-leases/store.injectable.ts b/packages/core/src/renderer/components/+config-leases/store.injectable.ts
new file mode 100644
index 0000000000..df91a1df54
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-leases/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import leaseApiInjectable from "../../../common/k8s-api/endpoints/lease.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { LeaseStore } from "./store";
+
+const leaseStoreInjectable = getInjectable({
+  id: "lease-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "leaseStore is only available in certain environments");
+
+    const api = di.inject(leaseApiInjectable);
+
+    return new LeaseStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default leaseStoreInjectable;
diff --git a/packages/core/src/renderer/components/+config-leases/store.ts b/packages/core/src/renderer/components/+config-leases/store.ts
new file mode 100644
index 0000000000..db19aed8dd
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-leases/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 { Lease, LeaseApi } from "../../../common/k8s-api/endpoints/lease.api";
+
+export class LeaseStore extends KubeObjectStore<Lease, LeaseApi> {
+}
diff --git a/packages/core/src/renderer/components/+config-limit-ranges/index.ts b/packages/core/src/renderer/components/+config-limit-ranges/index.ts
new file mode 100644
index 0000000000..50e2e3043d
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-limit-ranges/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 "./limit-ranges";
+export * from "./limit-range-details";
diff --git a/packages/core/src/renderer/components/+config-limit-ranges/limit-range-details.scss b/packages/core/src/renderer/components/+config-limit-ranges/limit-range-details.scss
new file mode 100644
index 0000000000..1d9cf0f8ae
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-limit-ranges/limit-range-details.scss
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.LimitRangeDetails {
+
+  .DrawerItem {
+    > .name {
+      font-weight: $font-weight-normal;
+      padding-left: 4px;
+    }
+    .DrawerItem {
+      padding-top: 4px;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-limit-ranges/limit-range-details.tsx b/packages/core/src/renderer/components/+config-limit-ranges/limit-range-details.tsx
new file mode 100644
index 0000000000..79c3038a5d
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-limit-ranges/limit-range-details.tsx
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./limit-range-details.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type { LimitRangeItem } from "../../../common/k8s-api/endpoints/limit-range.api";
+import { LimitPart, LimitRange, Resource } from "../../../common/k8s-api/endpoints/limit-range.api";
+import { DrawerItem } from "../drawer/drawer-item";
+import { Badge } from "../badge";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface LimitRangeDetailsProps extends KubeObjectDetailsProps<LimitRange> {
+}
+
+function renderLimit(limit: LimitRangeItem, part: LimitPart, resource: Resource) {
+
+  const resourceLimit = limit[part]?.[resource];
+
+  if (!resourceLimit) {
+    return null;
+  }
+
+  return <Badge label={`${part}:${resourceLimit}`}/>;
+}
+
+function renderResourceLimits(limit: LimitRangeItem, resource: Resource) {
+  return (
+    <React.Fragment key={limit.type + resource}>
+      {renderLimit(limit, LimitPart.MIN, resource)}
+      {renderLimit(limit, LimitPart.MAX, resource)}
+      {renderLimit(limit, LimitPart.DEFAULT, resource)}
+      {renderLimit(limit, LimitPart.DEFAULT_REQUEST, resource)}
+      {renderLimit(limit, LimitPart.MAX_LIMIT_REQUEST_RATIO, resource)}
+    </React.Fragment>
+  );
+}
+
+function renderLimitDetails(limits: LimitRangeItem[], resources: Resource[]) {
+
+  return resources.map(resource => (
+    <DrawerItem key={resource} name={resource}>
+      {
+        limits.map(limit => renderResourceLimits(limit, resource))
+      }
+    </DrawerItem>
+  ));
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedLimitRangeDetails extends React.Component<LimitRangeDetailsProps & Dependencies> {
+  render() {
+    const { object: limitRange, logger } = this.props;
+
+    if (!limitRange) {
+      return null;
+    }
+
+    if (!(limitRange instanceof LimitRange)) {
+      logger.error("[LimitRangeDetails]: passed object that is not an instanceof LimitRange", limitRange);
+
+      return null;
+    }
+
+    const containerLimits = limitRange.getContainerLimits();
+    const podLimits = limitRange.getPodLimits();
+    const pvcLimits = limitRange.getPVCLimits();
+
+    return (
+      <div className="LimitRangeDetails">
+        {containerLimits.length > 0 && (
+          <DrawerItem name="Container Limits" labelsOnly>
+            {
+              renderLimitDetails(containerLimits, [Resource.CPU, Resource.MEMORY, Resource.EPHEMERAL_STORAGE])
+            }
+          </DrawerItem>
+        )}
+        {podLimits.length > 0 && (
+          <DrawerItem name="Pod Limits" labelsOnly>
+            {
+              renderLimitDetails(podLimits, [Resource.CPU, Resource.MEMORY, Resource.EPHEMERAL_STORAGE])
+            }
+          </DrawerItem>
+        )}
+        {pvcLimits.length > 0 && (
+          <DrawerItem name="Persistent Volume Claim Limits" labelsOnly>
+            {
+              renderLimitDetails(pvcLimits, [Resource.STORAGE])
+            }
+          </DrawerItem>
+        )}
+      </div>
+    );
+  }
+}
+
+export const LimitRangeDetails = withInjectables<Dependencies, LimitRangeDetailsProps>(NonInjectedLimitRangeDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges-route-component.injectable.ts b/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges-route-component.injectable.ts
new file mode 100644
index 0000000000..b79ffaa8f6
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges-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 { LimitRanges } from "./limit-ranges";
+import limitRangesRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/limit-ranges/limit-ranges-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const limitRangesRouteComponentInjectable = getInjectable({
+  id: "limit-ranges-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(limitRangesRouteInjectable),
+    Component: LimitRanges,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default limitRangesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..f172cd2e8d
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges-sidebar-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 limitRangesRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/limit-ranges/limit-ranges-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 navigateToLimitRangesInjectable from "../../../common/front-end-routing/routes/cluster/config/limit-ranges/navigate-to-limit-ranges.injectable";
+
+const limitRangesSidebarItemsInjectable = getInjectable({
+  id: "limit-ranges-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(limitRangesRouteInjectable);
+    const navigateToLimitRanges = di.inject(navigateToLimitRangesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "limit-ranges",
+        parentId: configSidebarItemId,
+        title: "Limit Ranges",
+        onClick: navigateToLimitRanges,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 40,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default limitRangesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges.scss b/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges.scss
new file mode 100644
index 0000000000..1e26724d5c
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.LimitRanges {
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+  }
+
+  a.filterNamespace {
+    border-bottom: unset;
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges.tsx b/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges.tsx
new file mode 100644
index 0000000000..ed189ed184
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-limit-ranges/limit-ranges.tsx
@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./limit-ranges.scss";
+
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import React from "react";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import type { LimitRangeStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import limitRangeStoreInjectable from "./store.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  age = "age",
+}
+
+interface Dependencies {
+  filterByNamespace: FilterByNamespace;
+  limitRangeStore: LimitRangeStore;
+}
+
+@observer
+class NonInjectedLimitRanges extends React.Component<Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="configuration_limitranges"
+          className="LimitRanges"
+          store={this.props.limitRangeStore}
+          sortingCallbacks={{
+            [columnId.name]: limitRange => limitRange.getName(),
+            [columnId.namespace]: limitRange => limitRange.getNs(),
+            [columnId.age]: limitRange => -limitRange.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            item => item.getName(),
+            item => item.getNs(),
+          ]}
+          renderHeaderTitle="Limit Ranges"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={limitRange => [
+            limitRange.getName(),
+            <KubeObjectStatusIcon key="icon" object={limitRange}/>,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(limitRange.getNs()))}
+            >
+              {limitRange.getNs()}
+            </a>,
+            <KubeObjectAge key="age" object={limitRange} />,
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const LimitRanges = withInjectables<Dependencies>(NonInjectedLimitRanges, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    limitRangeStore: di.inject(limitRangeStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-limit-ranges/store.injectable.ts b/packages/core/src/renderer/components/+config-limit-ranges/store.injectable.ts
new file mode 100644
index 0000000000..f22aadaec1
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-limit-ranges/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import limitRangeApiInjectable from "../../../common/k8s-api/endpoints/limit-range.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { LimitRangeStore } from "./store";
+
+const limitRangeStoreInjectable = getInjectable({
+  id: "limit-range-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "limitRangeStore is only available in certain environments");
+
+    const api = di.inject(limitRangeApiInjectable);
+
+    return new LimitRangeStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default limitRangeStoreInjectable;
diff --git a/packages/core/src/renderer/components/+config-limit-ranges/store.ts b/packages/core/src/renderer/components/+config-limit-ranges/store.ts
new file mode 100644
index 0000000000..b38b0b30b5
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-limit-ranges/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 { LimitRange, LimitRangeApi } from "../../../common/k8s-api/endpoints/limit-range.api";
+
+export class LimitRangeStore extends KubeObjectStore<LimitRange, LimitRangeApi> {
+}
diff --git a/packages/core/src/renderer/components/+config-maps/config-map-details.scss b/packages/core/src/renderer/components/+config-maps/config-map-details.scss
new file mode 100644
index 0000000000..edd9db2e71
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-maps/config-map-details.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ConfigMapDetails {
+  .data {
+    margin-bottom: $margin * 2;
+
+    .name {
+      color: var(--textColorSecondary);
+      font-weight: $font-weight-bold;
+      padding-bottom: $padding * 0.5;
+    }
+  }
+
+  .save-btn {
+    margin-top: $margin;
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-maps/config-map-details.tsx b/packages/core/src/renderer/components/+config-maps/config-map-details.tsx
new file mode 100644
index 0000000000..b03cdda2c9
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-maps/config-map-details.tsx
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./config-map-details.scss";
+
+import React from "react";
+import { autorun, makeObservable, observable } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { DrawerTitle } from "../drawer";
+import type { ShowNotification } from "../notifications";
+import { Button } from "../button";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { ConfigMap } from "../../../common/k8s-api/endpoints";
+import type { Logger } from "../../../common/logger";
+import type { ConfigMapStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import configMapStoreInjectable from "./store.injectable";
+import showSuccessNotificationInjectable from "../notifications/show-success-notification.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import { MonacoEditor } from "../monaco-editor";
+
+export interface ConfigMapDetailsProps extends KubeObjectDetailsProps<ConfigMap> {
+}
+
+interface Dependencies {
+  configMapStore: ConfigMapStore;
+  logger: Logger;
+  showSuccessNotification: ShowNotification;
+  showErrorNotification: ShowNotification;
+}
+
+@observer
+class NonInjectedConfigMapDetails extends React.Component<ConfigMapDetailsProps & Dependencies> {
+  @observable isSaving = false;
+  @observable data = observable.map<string, string | undefined>();
+
+  constructor(props: ConfigMapDetailsProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  async componentDidMount() {
+    disposeOnUnmount(this, [
+      autorun(() => {
+        const { object: configMap } = this.props;
+
+        if (configMap) {
+          this.data.replace(configMap.data); // refresh
+        }
+      }),
+    ]);
+  }
+
+  save = async () => {
+    const { object: configMap, configMapStore } = this.props;
+
+    try {
+      this.isSaving = true;
+      await configMapStore.update(configMap, {
+        ...configMap,
+        data: Object.fromEntries(this.data),
+      });
+      this.props.showSuccessNotification((
+        <p>
+          {"ConfigMap "}
+          <b>{configMap.getName()}</b>
+          {" successfully updated."}
+        </p>
+      ));
+    } catch (error) {
+      this.props.showErrorNotification(`Failed to save config map: ${error}`);
+    } finally {
+      this.isSaving = false;
+    }
+  };
+
+  render() {
+    const { object: configMap, logger } = this.props;
+
+    if (!configMap) {
+      return null;
+    }
+
+    if (!(configMap instanceof ConfigMap)) {
+      logger.error("[ConfigMapDetails]: passed object that is not an instanceof ConfigMap", configMap);
+
+      return null;
+    }
+
+    const data = Array.from(this.data.entries());
+
+    return (
+      <div className="ConfigMapDetails">
+        {
+          data.length > 0 && (
+            <>
+              <DrawerTitle>Data</DrawerTitle>
+              {
+                data.map(([name, value = ""]) => (
+                  <div key={name} className="data">
+                    <div className="name">{name}</div>
+                    <MonacoEditor
+                      id={`config-map-data-${name}`}
+                      style={{
+                        resize: "vertical",
+                        overflow: "hidden",
+                        border: "1px solid var(--borderFaintColor)",
+                        borderRadius: "4px",
+                      }}
+                      value={value}
+                      onChange={v => this.data.set(name, v)}
+                      setInitialHeight
+                    />
+                  </div>
+                ))
+              }
+              <Button
+                primary
+                label="Save"
+                waiting={this.isSaving}
+                className="save-btn"
+                onClick={this.save}
+              />
+            </>
+          )
+        }
+      </div>
+    );
+  }
+}
+
+export const ConfigMapDetails = withInjectables<Dependencies, ConfigMapDetailsProps>(NonInjectedConfigMapDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    configMapStore: di.inject(configMapStoreInjectable),
+    showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-maps/config-maps-route-component.injectable.ts b/packages/core/src/renderer/components/+config-maps/config-maps-route-component.injectable.ts
new file mode 100644
index 0000000000..fd9c7df320
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-maps/config-maps-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 { ConfigMaps } from "./config-maps";
+import configMapsRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/config-maps/config-maps-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const configMapsRouteComponentInjectable = getInjectable({
+  id: "config-maps-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(configMapsRouteInjectable),
+    Component: ConfigMaps,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default configMapsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+config-maps/config-maps-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+config-maps/config-maps-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..638273b128
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-maps/config-maps-sidebar-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 configMapsRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/config-maps/config-maps-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 navigateToConfigMapsInjectable from "../../../common/front-end-routing/routes/cluster/config/config-maps/navigate-to-config-maps.injectable";
+
+const configMapsSidebarItemsInjectable = getInjectable({
+  id: "config-maps-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(configMapsRouteInjectable);
+    const navigateToConfigMaps = di.inject(navigateToConfigMapsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "config-maps",
+        parentId: configSidebarItemId,
+        title: "ConfigMaps",
+        onClick: navigateToConfigMaps,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 10,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default configMapsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+config-maps/config-maps.scss b/packages/core/src/renderer/components/+config-maps/config-maps.scss
new file mode 100644
index 0000000000..7f8fd61f5c
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-maps/config-maps.scss
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ConfigMaps {
+  .TableCell {
+    &.name {
+      flex: 2;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.keys {
+      flex: 2.5;
+    }
+
+    &.age {
+      flex: .5;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-maps/config-maps.tsx b/packages/core/src/renderer/components/+config-maps/config-maps.tsx
new file mode 100644
index 0000000000..212e8020e0
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-maps/config-maps.tsx
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./config-maps.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import { prevDefault } from "../../utils";
+import type { ConfigMapStore } from "./store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import configMapStoreInjectable from "./store.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  keys = "keys",
+  age = "age",
+}
+
+interface Dependencies {
+  configMapStore: ConfigMapStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedConfigMaps extends React.Component<Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="configuration_configmaps"
+          className="ConfigMaps"
+          store={this.props.configMapStore}
+          sortingCallbacks={{
+            [columnId.name]: configMap => configMap.getName(),
+            [columnId.namespace]: configMap => configMap.getNs(),
+            [columnId.keys]: configMap => configMap.getKeys(),
+            [columnId.age]: configMap => -configMap.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            configMap => configMap.getSearchFields(),
+            configMap => configMap.getKeys(),
+          ]}
+          renderHeaderTitle="Config Maps"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Keys", className: "keys", sortBy: columnId.keys, id: columnId.keys },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={configMap => [
+            configMap.getName(),
+            <KubeObjectStatusIcon key="icon" object={configMap} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(configMap.getNs()))}
+            >
+              {configMap.getNs()}
+            </a>,
+            configMap.getKeys().join(", "),
+            <KubeObjectAge key="age" object={configMap} />,
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const ConfigMaps = withInjectables<Dependencies>(NonInjectedConfigMaps, {
+  getProps: (di, props) => ({
+    ...props,
+    configMapStore: di.inject(configMapStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-maps/index.ts b/packages/core/src/renderer/components/+config-maps/index.ts
new file mode 100644
index 0000000000..f6750d8855
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-maps/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 "./config-maps";
+export * from "./config-map-details";
diff --git a/packages/core/src/renderer/components/+config-maps/store.injectable.ts b/packages/core/src/renderer/components/+config-maps/store.injectable.ts
new file mode 100644
index 0000000000..44945120f0
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-maps/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import configMapApiInjectable from "../../../common/k8s-api/endpoints/config-map.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { ConfigMapStore } from "./store";
+
+const configMapStoreInjectable = getInjectable({
+  id: "config-map-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "configMapStore is only available in certain environments");
+
+    const api = di.inject(configMapApiInjectable);
+
+    return new ConfigMapStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default configMapStoreInjectable;
diff --git a/packages/core/src/renderer/components/+config-maps/store.ts b/packages/core/src/renderer/components/+config-maps/store.ts
new file mode 100644
index 0000000000..3688f9fda7
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-maps/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 { ConfigMap, ConfigMapApi, ConfigMapData } from "../../../common/k8s-api/endpoints/config-map.api";
+
+export class ConfigMapStore extends KubeObjectStore<ConfigMap, ConfigMapApi, ConfigMapData> {
+}
diff --git a/packages/core/src/renderer/components/+config-pod-disruption-budgets/index.ts b/packages/core/src/renderer/components/+config-pod-disruption-budgets/index.ts
new file mode 100644
index 0000000000..421024572f
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-pod-disruption-budgets/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 "./pod-disruption-budgets";
+export * from "./pod-disruption-budgets-details";
diff --git a/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-details.scss b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-details.scss
new file mode 100644
index 0000000000..92245910f6
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-details.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodDisruptionBudgetDetails {
+}
diff --git a/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-details.tsx b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-details.tsx
new file mode 100644
index 0000000000..a6b6e48342
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-details.tsx
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-disruption-budgets-details.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { DrawerItem } from "../drawer";
+import { Badge } from "../badge";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { PodDisruptionBudget } from "../../../common/k8s-api/endpoints";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface PodDisruptionBudgetDetailsProps extends KubeObjectDetailsProps<PodDisruptionBudget> {
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedPodDisruptionBudgetDetails extends React.Component<PodDisruptionBudgetDetailsProps & Dependencies> {
+
+  render() {
+    const { object: pdb } = this.props;
+
+    if (!pdb) {
+      return null;
+    }
+
+    if (!(pdb instanceof PodDisruptionBudget)) {
+      this.props.logger.error("[PodDisruptionBudgetDetails]: passed object that is not an instanceof PodDisruptionBudget", pdb);
+
+      return null;
+    }
+
+    const selectors = pdb.getSelectors();
+
+    return (
+      <div className="PdbDetails">
+        {selectors.length > 0 && (
+          <DrawerItem name="Selector" labelsOnly>
+            {
+              selectors.map(label => <Badge key={label} label={label}/>)
+            }
+          </DrawerItem>
+        )}
+
+        <DrawerItem name="Min Available">
+          {pdb.getMinAvailable()}
+        </DrawerItem>
+
+        <DrawerItem name="Max Unavailable">
+          {pdb.getMaxUnavailable()}
+        </DrawerItem>
+
+        <DrawerItem name="Current Healthy">
+          {pdb.getCurrentHealthy()}
+        </DrawerItem>
+
+        <DrawerItem name="Desired Healthy">
+          {pdb.getDesiredHealthy()}
+        </DrawerItem>
+
+      </div>
+    );
+  }
+}
+
+export const PodDisruptionBudgetDetails = withInjectables<Dependencies, PodDisruptionBudgetDetailsProps>(NonInjectedPodDisruptionBudgetDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-route-component.injectable.ts b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-route-component.injectable.ts
new file mode 100644
index 0000000000..e963b9408e
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-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 { PodDisruptionBudgets } from "./pod-disruption-budgets";
+import podDisruptionBudgetsRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/pod-disruption-budgets/pod-disruption-budgets-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const podDisruptionBudgetsRouteComponentInjectable = getInjectable({
+  id: "pod-disruption-budgets-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(podDisruptionBudgetsRouteInjectable),
+    Component: PodDisruptionBudgets,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default podDisruptionBudgetsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..a4e6092b33
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-sidebar-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 podDisruptionBudgetsRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/pod-disruption-budgets/pod-disruption-budgets-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 navigateToPodDisruptionBudgetsInjectable from "../../../common/front-end-routing/routes/cluster/config/pod-disruption-budgets/navigate-to-pod-disruption-budgets.injectable";
+
+const podDisruptionBudgetsSidebarItemsInjectable = getInjectable({
+  id: "pod-disruption-budgets-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(podDisruptionBudgetsRouteInjectable);
+    const navigateToPodDisruptionBudgets = di.inject(navigateToPodDisruptionBudgetsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "pod-disruption-budgets",
+        parentId: configSidebarItemId,
+        title: "Pod Disruption Budgets",
+        onClick: navigateToPodDisruptionBudgets,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 60,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default podDisruptionBudgetsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets.scss b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets.scss
new file mode 100644
index 0000000000..99f8fedec6
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets.scss
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodDisruptionBudgets {
+  .TableCell {
+    &.name {
+      flex: 2;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.keys {
+      flex: 2.5;
+    }
+
+    &.age {
+      flex: .5;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets.tsx b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets.tsx
new file mode 100644
index 0000000000..f2cfa76090
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets.tsx
@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-disruption-budgets.scss";
+
+import * as React from "react";
+import { observer } from "mobx-react";
+import type { PodDisruptionBudget } from "../../../common/k8s-api/endpoints/pod-disruption-budget.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 { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import type { PodDisruptionBudgetStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import podDisruptionBudgetStoreInjectable from "./store.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  minAvailable = "min-available",
+  maxUnavailable = "max-unavailable",
+  currentHealthy = "current-healthy",
+  desiredHealthy = "desired-healthy",
+  age = "age",
+}
+
+export interface PodDisruptionBudgetsProps extends KubeObjectDetailsProps<PodDisruptionBudget> {
+}
+
+interface Dependencies {
+  filterByNamespace: FilterByNamespace;
+  podDisruptionBudgetStore: PodDisruptionBudgetStore;
+}
+
+@observer
+class NonInjectedPodDisruptionBudgets extends React.Component<PodDisruptionBudgetsProps & Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="configuration_distribution_budgets"
+          className="PodDisruptionBudgets"
+          store={this.props.podDisruptionBudgetStore}
+          sortingCallbacks={{
+            [columnId.name]: pdb => pdb.getName(),
+            [columnId.namespace]: pdb => pdb.getNs(),
+            [columnId.minAvailable]: pdb => pdb.getMinAvailable(),
+            [columnId.maxUnavailable]: pdb => pdb.getMaxUnavailable(),
+            [columnId.currentHealthy]: pdb => pdb.getCurrentHealthy(),
+            [columnId.desiredHealthy]: pdb => pdb.getDesiredHealthy(),
+            [columnId.age]: pdb => -pdb.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            pdb => pdb.getSearchFields(),
+          ]}
+          renderHeaderTitle="Pod Disruption Budgets"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Min Available", className: "min-available", sortBy: columnId.minAvailable, id: columnId.minAvailable },
+            { title: "Max Unavailable", className: "max-unavailable", sortBy: columnId.maxUnavailable, id: columnId.maxUnavailable },
+            { title: "Current Healthy", className: "current-healthy", sortBy: columnId.currentHealthy, id: columnId.currentHealthy },
+            { title: "Desired Healthy", className: "desired-healthy", sortBy: columnId.desiredHealthy, id: columnId.desiredHealthy },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={pdb => [
+            pdb.getName(),
+            <KubeObjectStatusIcon key="icon" object={pdb} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(pdb.getNs()))}
+            >
+              {pdb.getNs()}
+            </a>,
+            pdb.getMinAvailable(),
+            pdb.getMaxUnavailable(),
+            pdb.getCurrentHealthy(),
+            pdb.getDesiredHealthy(),
+            <KubeObjectAge key="age" object={pdb} />,
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const PodDisruptionBudgets = withInjectables<Dependencies, PodDisruptionBudgetsProps>(NonInjectedPodDisruptionBudgets, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    podDisruptionBudgetStore: di.inject(podDisruptionBudgetStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-pod-disruption-budgets/store.injectable.ts b/packages/core/src/renderer/components/+config-pod-disruption-budgets/store.injectable.ts
new file mode 100644
index 0000000000..f6bb813455
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-pod-disruption-budgets/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import podDisruptionBudgetApiInjectable from "../../../common/k8s-api/endpoints/pod-disruption-budget.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { PodDisruptionBudgetStore } from "./store";
+
+const podDisruptionBudgetStoreInjectable = getInjectable({
+  id: "pod-disruption-budget-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "podDisruptionBudgetStore is only available in certain environments");
+
+    const api = di.inject(podDisruptionBudgetApiInjectable);
+
+    return new PodDisruptionBudgetStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default podDisruptionBudgetStoreInjectable;
diff --git a/packages/core/src/renderer/components/+config-pod-disruption-budgets/store.ts b/packages/core/src/renderer/components/+config-pod-disruption-budgets/store.ts
new file mode 100644
index 0000000000..c2907da95c
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-pod-disruption-budgets/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 { PodDisruptionBudget, PodDisruptionBudgetApi } from "../../../common/k8s-api/endpoints/pod-disruption-budget.api";
+
+export class PodDisruptionBudgetStore extends KubeObjectStore<PodDisruptionBudget, PodDisruptionBudgetApi> {
+}
diff --git a/packages/core/src/renderer/components/+config-priority-classes/index.ts b/packages/core/src/renderer/components/+config-priority-classes/index.ts
new file mode 100644
index 0000000000..73538c3e18
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+config-priority-classes/priority-classes-details.scss b/packages/core/src/renderer/components/+config-priority-classes/priority-classes-details.scss
new file mode 100644
index 0000000000..92697c079e
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+config-priority-classes/priority-classes-details.tsx b/packages/core/src/renderer/components/+config-priority-classes/priority-classes-details.tsx
new file mode 100644
index 0000000000..7caf5190a1
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-priority-classes/priority-classes-details.tsx
@@ -0,0 +1,40 @@
+/**
+ * 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";
+
+export interface PriorityClassesDetailsProps extends KubeObjectDetailsProps<PriorityClass> {
+}
+
+@observer
+export class PriorityClassesDetails extends React.Component<PriorityClassesDetailsProps> {
+
+  render() {
+    const { object: pc } = this.props;
+
+    return (
+      <div className="PriorityClassesDetails">
+        <DrawerItem name="Description">
+          {pc.getDescription()}
+        </DrawerItem>
+
+        <DrawerItem name="Value">
+          {pc.getValue()}
+        </DrawerItem>
+
+        <DrawerItem name="Global Default">
+          {pc.getGlobalDefault()}
+        </DrawerItem>
+
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-priority-classes/priority-classes-items.injectable.tsx b/packages/core/src/renderer/components/+config-priority-classes/priority-classes-items.injectable.tsx
new file mode 100644
index 0000000000..2823467fdf
--- /dev/null
+++ b/packages/core/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: 70,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default priorityClassesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+config-priority-classes/priority-classes-route-component.injectable.ts b/packages/core/src/renderer/components/+config-priority-classes/priority-classes-route-component.injectable.ts
new file mode 100644
index 0000000000..258d3eb336
--- /dev/null
+++ b/packages/core/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 priorityClassesRouteComponentInjectable = getInjectable({
+  id: "priority-classes-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(priorityClassesRouteInjectable),
+    Component: PriorityClasses,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default priorityClassesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+config-priority-classes/priority-classes.scss b/packages/core/src/renderer/components/+config-priority-classes/priority-classes.scss
new file mode 100644
index 0000000000..082f3ae68e
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+config-priority-classes/priority-classes.tsx b/packages/core/src/renderer/components/+config-priority-classes/priority-classes.tsx
new file mode 100644
index 0000000000..4706fd0269
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+config-priority-classes/store.injectable.ts b/packages/core/src/renderer/components/+config-priority-classes/store.injectable.ts
new file mode 100644
index 0000000000..acd97aee5b
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-priority-classes/store.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 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 loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../cluster-frame-context/for-cluster-scoped-resources.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({
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default priorityClassStoreInjectable;
diff --git a/packages/core/src/renderer/components/+config-priority-classes/store.ts b/packages/core/src/renderer/components/+config-priority-classes/store.ts
new file mode 100644
index 0000000000..f11fdce838
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/close.injectable.ts b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/close.injectable.ts
new file mode 100644
index 0000000000..76af08fc88
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/close.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 { action } from "mobx";
+import addQuotaDialogOpenStateInjectable from "./open-state.injectable";
+
+const closeAddQuotaDialogInjectable = getInjectable({
+  id: "close-add-quota-dialog",
+  instantiate: (di) => {
+    const state = di.inject(addQuotaDialogOpenStateInjectable);
+
+    return action(() => state.set(false));
+  },
+});
+
+export default closeAddQuotaDialogInjectable;
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/is-open.injectable.ts b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/is-open.injectable.ts
new file mode 100644
index 0000000000..3f91737e72
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/is-open.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 addQuotaDialogOpenStateInjectable from "./open-state.injectable";
+
+const isAddQuotaDialogOpenInjectable = getInjectable({
+  id: "is-add-quota-dialog-open",
+  instantiate: (di) => {
+    const state = di.inject(addQuotaDialogOpenStateInjectable);
+
+    return computed(() => state.get());
+  },
+});
+
+export default isAddQuotaDialogOpenInjectable;
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/open-state.injectable.ts b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/open-state.injectable.ts
new file mode 100644
index 0000000000..11af7e8d38
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/open-state.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 { observable } from "mobx";
+
+const addQuotaDialogOpenStateInjectable = getInjectable({
+  id: "add-quota-dialog-open-state",
+  instantiate: () => observable.box(false),
+});
+
+export default addQuotaDialogOpenStateInjectable;
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/open.injectable.ts b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/open.injectable.ts
new file mode 100644
index 0000000000..243f6b0fd9
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/open.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 { action } from "mobx";
+import addQuotaDialogOpenStateInjectable from "./open-state.injectable";
+
+const openAddQuotaDialogInjectable = getInjectable({
+  id: "open-add-quota-dialog",
+  instantiate: (di) => {
+    const state = di.inject(addQuotaDialogOpenStateInjectable);
+
+    return action(() => state.set(true));
+  },
+});
+
+export default openAddQuotaDialogInjectable;
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/view.scss b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/view.scss
new file mode 100644
index 0000000000..941f1c9a49
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/view.scss
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.AddQuotaDialog {
+  .quota-select {
+    flex-basis: 55%;
+  }
+
+  .quota-entries {
+    display: flex;
+    gap: 8px;
+    margin-left: -1px;
+    flex-wrap: wrap;
+
+    &:empty {
+      display: none;
+    }
+
+    .quota {
+      border: 1px solid var(--halfGray);
+      border-radius: $radius;
+      padding: $padding * 0.5 $padding;
+      transition: all 150ms ease;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+
+      &:hover {
+        box-shadow: inset 0 0 0 1px var(--borderColor);
+      }
+
+      .name {
+        font-weight: $font-weight-bold;
+      }
+
+      .value {
+        color: var(--contentColor);
+      }
+
+      .Icon:hover {
+        color: black;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/view.tsx b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/view.tsx
new file mode 100644
index 0000000000..21ee1bde3c
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/add-dialog/view.tsx
@@ -0,0 +1,257 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import React from "react";
+import type { IComputedValue } from "mobx";
+import { computed, observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import type { DialogProps } from "../../dialog";
+import { Dialog } from "../../dialog";
+import { Wizard, WizardStep } from "../../wizard";
+import { Input } from "../../input";
+import { systemName } from "../../input/input_validators";
+import type { IResourceQuotaValues, ResourceQuotaApi } from "../../../../common/k8s-api/endpoints";
+import { Select } from "../../select";
+import { Icon } from "../../icon";
+import { Button } from "../../button";
+import { NamespaceSelect } from "../../+namespaces/namespace-select";
+import { SubTitle } from "../../layout/sub-title";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import closeAddQuotaDialogInjectable from "./close.injectable";
+import isAddQuotaDialogOpenInjectable from "./is-open.injectable";
+import resourceQuotaApiInjectable from "../../../../common/k8s-api/endpoints/resource-quota.api.injectable";
+import type { ShowCheckedErrorNotification } from "../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../notifications/show-checked-error.injectable";
+
+export interface AddQuotaDialogProps extends DialogProps {
+}
+
+interface Dependencies {
+  resourceQuotaApi: ResourceQuotaApi;
+  isAddQuotaDialogOpen: IComputedValue<boolean>;
+  closeAddQuotaDialog: () => void;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+const defaultQuotas = JSON.stringify({
+  "limits.cpu": "",
+  "limits.memory": "",
+  "requests.cpu": "",
+  "requests.memory": "",
+  "requests.storage": "",
+  "persistentvolumeclaims": "",
+  "count/pods": "",
+  "count/persistentvolumeclaims": "",
+  "count/services": "",
+  "count/secrets": "",
+  "count/configmaps": "",
+  "count/replicationcontrollers": "",
+  "count/deployments.apps": "",
+  "count/replicasets.apps": "",
+  "count/statefulsets.apps": "",
+  "count/jobs.batch": "",
+  "count/cronjobs.batch": "",
+  "count/deployments.extensions": "",
+} as IResourceQuotaValues);
+
+@observer
+class NonInjectedAddQuotaDialog extends React.Component<AddQuotaDialogProps & Dependencies> {
+
+  public defaultNamespace = "default";
+
+  @observable quotaName = "";
+  @observable quotaSelectValue: string | null = null;
+  @observable quotaInputValue = "";
+  @observable namespace: string | null = this.defaultNamespace;
+  @observable quotas: IResourceQuotaValues = JSON.parse(defaultQuotas);
+
+  constructor(props: AddQuotaDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed get quotaEntries() {
+    return Object.entries(this.quotas)
+      .filter(([, value]) => !!value?.trim());
+  }
+
+  private getQuotaOptionLabelIconMaterial(quota: string) {
+    if (quota.endsWith(".cpu") || quota.endsWith(".memory")) {
+      return "memory";
+    }
+
+    if (quota.endsWith(".storage") || quota === "persistentvolumeclaims") {
+      return "storage";
+    }
+
+    if (quota.startsWith("count/")) {
+      return "looks_one";
+    }
+
+    return undefined;
+  }
+
+  setQuota = () => {
+    if (!this.quotaSelectValue) return;
+    this.quotas[this.quotaSelectValue] = this.quotaInputValue;
+    this.quotaInputValue = "";
+  };
+
+  close = () => {
+    this.props.closeAddQuotaDialog();
+  };
+
+  reset = () => {
+    this.quotaName = "";
+    this.quotaSelectValue = "";
+    this.quotaInputValue = "";
+    this.namespace = this.defaultNamespace;
+    this.quotas = JSON.parse(defaultQuotas);
+  };
+
+  addQuota = async () => {
+    const { quotaName, namespace } = this;
+
+    if (!quotaName || !namespace) {
+      return;
+    }
+
+    try {
+      const quotas = Object.fromEntries(this.quotaEntries);
+
+      await this.props.resourceQuotaApi.create({ namespace, name: quotaName }, {
+        spec: {
+          hard: quotas,
+        },
+      });
+      this.close();
+    } catch (err) {
+      this.props.showCheckedErrorNotification(err, "Unknown error occured while creating ResourceQuota");
+    }
+  };
+
+  onInputQuota = (evt: React.KeyboardEvent) => {
+    switch (evt.key) {
+      case "Enter":
+        this.setQuota();
+        evt.preventDefault(); // don't submit form
+        break;
+    }
+  };
+
+  render() {
+    const { closeAddQuotaDialog, isAddQuotaDialogOpen, resourceQuotaApi, ...dialogProps } = this.props;
+    const header = <h5>Create ResourceQuota</h5>;
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className="AddQuotaDialog"
+        isOpen={isAddQuotaDialogOpen.get()}
+        close={this.close}
+      >
+        <Wizard header={header} done={this.close}>
+          <WizardStep
+            contentClass="flex gaps column"
+            disabledNext={!this.namespace || !this.quotaName}
+            nextLabel="Create"
+            next={this.addQuota}
+          >
+            <div className="flex gaps">
+              <Input
+                required
+                autoFocus
+                placeholder="ResourceQuota name"
+                trim
+                validators={systemName}
+                value={this.quotaName}
+                onChange={v => this.quotaName = v.toLowerCase()}
+                className="box grow"
+              />
+            </div>
+
+            <SubTitle title="Namespace" />
+            <NamespaceSelect
+              id="namespace-input"
+              value={this.namespace}
+              placeholder="Namespace"
+              themeName="light"
+              className="box grow"
+              onChange={option => this.namespace = option?.value ?? null}
+            />
+
+            <SubTitle title="Values" />
+            <div className="flex gaps align-center">
+              <Select
+                id="quota-input"
+                className="quota-select"
+                themeName="light"
+                placeholder="Select a quota.."
+                options={Object.keys(this.quotas).map(quota => ({
+                  value: quota,
+                  label: quota,
+                }))}
+                value={this.quotaSelectValue}
+                onChange={option => this.quotaSelectValue = option?.value ?? null}
+                formatOptionLabel={({ value }) => {
+                  const iconMaterial = this.getQuotaOptionLabelIconMaterial(value);
+
+                  return iconMaterial
+                    ? (
+                      <span className="nobr">
+                        <Icon material={iconMaterial} />
+                        {" "}
+                        {value}
+                      </span>
+                    )
+                    : value;
+                }}
+              />
+              <Input
+                maxLength={10}
+                placeholder="Value"
+                value={this.quotaInputValue}
+                onChange={v => this.quotaInputValue = v}
+                onKeyDown={this.onInputQuota}
+                className="box grow"
+              />
+              <Button
+                round
+                primary
+                onClick={this.setQuota}
+              >
+                <Icon
+                  material={this.quotaSelectValue && this.quotas[this.quotaSelectValue] ? "edit" : "add"}
+                  tooltip="Set quota"
+                />
+              </Button>
+            </div>
+            <div className="quota-entries">
+              {this.quotaEntries.map(([quota, value]) => (
+                <div key={quota} className="quota gaps inline align-center">
+                  <div className="name">{quota}</div>
+                  <div className="value">{value}</div>
+                  <Icon material="clear" onClick={() => this.quotas[quota] = ""} />
+                </div>
+              ))}
+            </div>
+          </WizardStep>
+        </Wizard>
+      </Dialog>
+    );
+  }
+}
+
+export const AddQuotaDialog = withInjectables<Dependencies, AddQuotaDialogProps>(NonInjectedAddQuotaDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    closeAddQuotaDialog: di.inject(closeAddQuotaDialogInjectable),
+    isAddQuotaDialogOpen: di.inject(isAddQuotaDialogOpenInjectable),
+    resourceQuotaApi: di.inject(resourceQuotaApiInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/index.ts b/packages/core/src/renderer/components/+config-resource-quotas/index.ts
new file mode 100644
index 0000000000..36cad725c1
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/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 "./resource-quotas";
+export * from "./resource-quota-details";
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/resource-quota-details.scss b/packages/core/src/renderer/components/+config-resource-quotas/resource-quota-details.scss
new file mode 100644
index 0000000000..30d3564066
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/resource-quota-details.scss
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ResourceQuotaDetails {
+  .quota-list {
+    .param {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      padding-bottom: $padding * 2;
+
+      .LineProgress {
+        margin-top: 3px;
+        width: 100%;
+        color: var(--colorInfo);
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/resource-quota-details.tsx b/packages/core/src/renderer/components/+config-resource-quotas/resource-quota-details.tsx
new file mode 100644
index 0000000000..55ae188cbf
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/resource-quota-details.tsx
@@ -0,0 +1,140 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./resource-quota-details.scss";
+import React from "react";
+import kebabCase from "lodash/kebabCase";
+import { observer } from "mobx-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { cpuUnitsToNumber, cssNames, unitsToBytes, metricUnitsToNumber, object, hasDefinedTupleValue } from "../../utils";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { ResourceQuota } from "../../../common/k8s-api/endpoints/resource-quota.api";
+import { LineProgress } from "../line-progress";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface ResourceQuotaDetailsProps extends KubeObjectDetailsProps<ResourceQuota> {
+}
+
+function transformUnit(name: string, value: string): number | undefined {
+  if (name.includes("memory") || name.includes("storage")) {
+    return unitsToBytes(value);
+  }
+
+  if (name.includes("cpu")) {
+    return cpuUnitsToNumber(value);
+  }
+
+  return metricUnitsToNumber(value);
+}
+
+function renderQuotas(quota: ResourceQuota): JSX.Element[] {
+  const { hard = {}, used = {}} = quota.status ?? {};
+
+  return object.entries(hard)
+    .filter(hasDefinedTupleValue)
+    .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">
+            {`${rawCurrent} / ${rawMax}`}
+          </span>
+          <LineProgress
+            max={max}
+            value={current}
+            tooltip={(
+              <p>
+                {`Set: ${rawMax}. Usage: ${+usage.toFixed(2)}%`}
+              </p>
+            )}
+          />
+        </div>
+      );
+    });
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedResourceQuotaDetails extends React.Component<ResourceQuotaDetailsProps & Dependencies> {
+  render() {
+    const { object: quota } = this.props;
+
+    if (!quota) {
+      return null;
+    }
+
+    if (!(quota instanceof ResourceQuota)) {
+      this.props.logger.error("[ResourceQuotaDetails]: passed object that is not an instanceof ResourceQuota", quota);
+
+      return null;
+    }
+
+    return (
+      <div className="ResourceQuotaDetails">
+        <DrawerItem name="Quotas" className="quota-list">
+          {renderQuotas(quota)}
+        </DrawerItem>
+
+        {quota.getScopeSelector().length > 0 && (
+          <>
+            <DrawerTitle>Scope Selector</DrawerTitle>
+            <Table className="paths">
+              <TableHead>
+                <TableCell>Operator</TableCell>
+                <TableCell>Scope name</TableCell>
+                <TableCell>Values</TableCell>
+              </TableHead>
+              {
+                quota.getScopeSelector().map((selector, index) => {
+                  const { operator, scopeName, values } = selector;
+
+                  return (
+                    <TableRow key={index}>
+                      <TableCell>{operator}</TableCell>
+                      <TableCell>{scopeName}</TableCell>
+                      <TableCell>{values.join(", ")}</TableCell>
+                    </TableRow>
+                  );
+                })
+              }
+            </Table>
+          </>
+        )}
+      </div>
+    );
+  }
+}
+
+export const ResourceQuotaDetails = withInjectables<Dependencies, ResourceQuotaDetailsProps>(NonInjectedResourceQuotaDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas-route-component.injectable.ts b/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas-route-component.injectable.ts
new file mode 100644
index 0000000000..8e138a7064
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas-route-component.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 { ResourceQuotas } from "./resource-quotas";
+import resourceQuotasRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/resource-quotas/resource-quotas-route.injectable";
+import {
+  routeSpecificComponentInjectionToken,
+} from "../../routes/route-specific-component-injection-token";
+
+const resourceQuotasRouteComponentInjectable = getInjectable({
+  id: "resource-quotas-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(resourceQuotasRouteInjectable),
+    Component: ResourceQuotas,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default resourceQuotasRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..7df66c8210
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas-sidebar-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 resourceQuotasRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/resource-quotas/resource-quotas-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 navigateToResourceQuotasInjectable from "../../../common/front-end-routing/routes/cluster/config/resource-quotas/navigate-to-resource-quotas.injectable";
+
+const resourceQuotasSidebarItemsInjectable = getInjectable({
+  id: "resource-quotas-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(resourceQuotasRouteInjectable);
+    const navigateToResourceQuotas = di.inject(navigateToResourceQuotasInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "resource-quotas",
+        parentId: configSidebarItemId,
+        title: "Resource Quotas",
+        onClick: navigateToResourceQuotas,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 30,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default resourceQuotasSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas.scss b/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas.scss
new file mode 100644
index 0000000000..5cfef82e92
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ResourceQuotas {
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas.tsx b/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas.tsx
new file mode 100644
index 0000000000..28c3355b43
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/resource-quotas.tsx
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./resource-quotas.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { AddQuotaDialog } from "./add-dialog/view";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import { prevDefault } from "../../utils";
+import type { ResourceQuotaStore } from "./store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import resourceQuotaStoreInjectable from "./store.injectable";
+import openAddQuotaDialogInjectable from "./add-dialog/open.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  age = "age",
+}
+
+interface Dependencies {
+  resourceQuotaStore: ResourceQuotaStore;
+  filterByNamespace: FilterByNamespace;
+  openAddQuotaDialog: () => void;
+}
+
+@observer
+class NonInjectedResourceQuotas extends React.Component<Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="configuration_quotas"
+          className="ResourceQuotas"
+          store={this.props.resourceQuotaStore}
+          sortingCallbacks={{
+            [columnId.name]: resourceQuota => resourceQuota.getName(),
+            [columnId.namespace]: resourceQuota => resourceQuota.getNs(),
+            [columnId.age]: resourceQuota => -resourceQuota.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            resourceQuota => resourceQuota.getSearchFields(),
+            resourceQuota => resourceQuota.getName(),
+          ]}
+          renderHeaderTitle="Resource Quotas"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={resourceQuota => [
+            resourceQuota.getName(),
+            <KubeObjectStatusIcon key="icon" object={resourceQuota}/>,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(resourceQuota.getNs()))}
+            >
+              {resourceQuota.getNs()}
+            </a>,
+            <KubeObjectAge key="age" object={resourceQuota} />,
+          ]}
+          addRemoveButtons={{
+            onAdd: this.props.openAddQuotaDialog,
+            addTooltip: "Create new ResourceQuota",
+          }}
+        />
+        <AddQuotaDialog/>
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const ResourceQuotas = withInjectables<Dependencies>(NonInjectedResourceQuotas, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    resourceQuotaStore: di.inject(resourceQuotaStoreInjectable),
+    openAddQuotaDialog: di.inject(openAddQuotaDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/store.injectable.ts b/packages/core/src/renderer/components/+config-resource-quotas/store.injectable.ts
new file mode 100644
index 0000000000..77708a1bf4
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import resourceQuotaApiInjectable from "../../../common/k8s-api/endpoints/resource-quota.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { ResourceQuotaStore } from "./store";
+
+const resourceQuotaStoreInjectable = getInjectable({
+  id: "resource-quota-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "resourceQuotaStore is only available in certain environments");
+
+    const api = di.inject(resourceQuotaApiInjectable);
+
+    return new ResourceQuotaStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default resourceQuotaStoreInjectable;
diff --git a/packages/core/src/renderer/components/+config-resource-quotas/store.ts b/packages/core/src/renderer/components/+config-resource-quotas/store.ts
new file mode 100644
index 0000000000..14272c3def
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-resource-quotas/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 { ResourceQuota, ResourceQuotaApi } from "../../../common/k8s-api/endpoints/resource-quota.api";
+
+export class ResourceQuotaStore extends KubeObjectStore<ResourceQuota, ResourceQuotaApi> {
+}
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/index.ts b/packages/core/src/renderer/components/+config-runtime-classes/index.ts
new file mode 100644
index 0000000000..ff91dc6016
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-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 "./runtime-classes";
+export * from "./runtime-classes-details";
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details-tolerations.scss b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details-tolerations.scss
new file mode 100644
index 0000000000..f72acb7bc9
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details-tolerations.scss
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.RuntimeClassDetailsTolerations {
+  grid-template-columns: auto;
+
+  .RuntimeClassTolerations {
+    margin-top: var(--margin);
+  }
+
+  // Expanding value cell to cover 2 columns (whole Drawer width)
+
+  >.name {
+    grid-row-start: 1;
+    grid-column-start: 1;
+  }
+
+  >.value {
+    grid-row-start: 1;
+    grid-column-start: 1;
+  }
+
+  .DrawerParamToggler>.params {
+    margin-left: var(--drawer-item-title-width);
+  }
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details-tolerations.tsx b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details-tolerations.tsx
new file mode 100644
index 0000000000..c06e0c63bc
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details-tolerations.tsx
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./runtime-classes-details-tolerations.scss";
+import React from "react";
+import { DrawerParamToggler, DrawerItem } from "../drawer";
+import type { Toleration, KubeObject } from "../../../common/k8s-api/kube-object";
+import { RuntimeClassTolerations } from "./runtime-classes-tolerations";
+
+export interface KubeObjectWithTolerations extends KubeObject {
+  getTolerations(): Toleration[];
+}
+
+export interface RuntimeClassDetailsTolerationsProps {
+  runtimeClass: KubeObjectWithTolerations;
+}
+
+export function RuntimeClassDetailsTolerations({ runtimeClass: runtimeClass }: RuntimeClassDetailsTolerationsProps) {
+  const tolerations = runtimeClass.getTolerations();
+
+  if (!tolerations.length) return null;
+
+  return (
+    <DrawerItem name="Tolerations" className="RuntimeClassDetailsTolerations">
+      <DrawerParamToggler label={tolerations.length}>
+        <RuntimeClassTolerations tolerations={tolerations} />
+      </DrawerParamToggler>
+    </DrawerItem>
+  );
+}
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details.scss b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details.scss
new file mode 100644
index 0000000000..55c5abcc09
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-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.
+ */
+
+.RuntimeClassesDetails {}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details.tsx b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details.tsx
new file mode 100644
index 0000000000..f6fc61faeb
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-details.tsx
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./runtime-classes.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { DrawerItem } from "../drawer";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type { RuntimeClass } from "../../../common/k8s-api/endpoints";
+import { Badge } from "../badge";
+import { RuntimeClassDetailsTolerations } from "./runtime-classes-details-tolerations";
+
+export interface RuntimeClassesDetailsProps extends KubeObjectDetailsProps<RuntimeClass> {
+}
+
+@observer
+export class RuntimeClassesDetails extends React.Component<RuntimeClassesDetailsProps> {
+
+  render() {
+    const { object: rc } = this.props;
+    const nodeSelector = rc.getNodeSelectors();
+
+    return (
+      <div className="RuntimeClassesDetails">
+        <DrawerItem name="Handler">
+          {rc.getHandler()}
+        </DrawerItem>
+
+        <DrawerItem name="Pod Fixed" hidden={rc.getPodFixed() === ""}>
+          {rc.getPodFixed()}
+        </DrawerItem>
+
+        <DrawerItem name="Node Selector" hidden={nodeSelector.length === 0}>
+          {nodeSelector.map(label => <Badge key={label} label={label} />)}
+        </DrawerItem>
+
+        <RuntimeClassDetailsTolerations runtimeClass={rc} />
+
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-items.injectable.tsx b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-items.injectable.tsx
new file mode 100644
index 0000000000..352504ca00
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-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 runtimeClassesRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/runtime-classes/runtime-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 navigateToRuntimeClassesInjectable from "../../../common/front-end-routing/routes/cluster/config/runtime-classes/navigate-to-runtime-classes.injectable";
+
+const runtimeClassesSidebarItemsInjectable = getInjectable({
+  id: "runtime-classes-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(runtimeClassesRouteInjectable);
+    const navigateToRuntimeClasses = di.inject(navigateToRuntimeClassesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "runtime-classes",
+        parentId: configSidebarItemId,
+        title: "Runtime Classes",
+        onClick: navigateToRuntimeClasses,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 70,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default runtimeClassesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-route-component.injectable.ts b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-route-component.injectable.ts
new file mode 100644
index 0000000000..5118cdcc08
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-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 { RuntimeClasses } from "./runtime-classes";
+import runtimeClassesRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/runtime-classes/runtime-classes-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const runtimeClassesRouteComponentInjectable = getInjectable({
+  id: "runtime-classes-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(runtimeClassesRouteInjectable),
+    Component: RuntimeClasses,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default runtimeClassesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-tolerations.scss b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-tolerations.scss
new file mode 100644
index 0000000000..e398f7424a
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-tolerations.scss
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.RuntimeClassTolerations {
+  .TableHead {
+    background-color: var(--drawerSubtitleBackground);
+  }
+
+  .TableCell {
+    white-space: normal;
+    word-break: normal;
+
+    &.key {
+      flex-grow: 3;
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-tolerations.tsx b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-tolerations.tsx
new file mode 100644
index 0000000000..bcb1776459
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes-tolerations.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 "./runtime-classes-tolerations.scss";
+import React from "react";
+import uniqueId from "lodash/uniqueId";
+
+import type { Toleration } from "../../../common/k8s-api/kube-object";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+
+export interface RuntimeClassTolerationsProps {
+  tolerations: Toleration[];
+}
+
+enum sortBy {
+  Key = "key",
+  Operator = "operator",
+  Effect = "effect",
+  Seconds = "seconds",
+  Value = "value",
+}
+
+const getTableRow = (toleration: Toleration) => {
+  const { key, operator, effect, tolerationSeconds, value } = toleration;
+
+  return (
+    <TableRow
+      key={uniqueId("toleration-")}
+      sortItem={toleration}
+      nowrap
+    >
+      <TableCell className="key">{key}</TableCell>
+      <TableCell className="operator">{operator}</TableCell>
+      <TableCell className="value">{value}</TableCell>
+      <TableCell className="effect">{effect}</TableCell>
+      <TableCell className="seconds">{tolerationSeconds}</TableCell>
+    </TableRow>
+  );
+};
+
+export function RuntimeClassTolerations({ tolerations }: RuntimeClassTolerationsProps) {
+  return (
+    <Table
+      tableId="workloads_pod_tolerations"
+      selectable
+      items={tolerations}
+      scrollable={false}
+      sortable={{
+        [sortBy.Key]: toleration => toleration.key,
+        [sortBy.Operator]: toleration => toleration.operator,
+        [sortBy.Effect]: toleration => toleration.effect,
+        [sortBy.Seconds]: toleration => toleration.tolerationSeconds,
+      }}
+      sortSyncWithUrl={false}
+      className="RuntimeClassTolerations"
+      renderRow={getTableRow}
+    >
+      <TableHead sticky={false}>
+        <TableCell className="key" sortBy={sortBy.Key}>Key</TableCell>
+        <TableCell className="operator" sortBy={sortBy.Operator}>Operator</TableCell>
+        <TableCell className="value" sortBy={sortBy.Value}>Value</TableCell>
+        <TableCell className="effect" sortBy={sortBy.Effect}>Effect</TableCell>
+        <TableCell className="seconds" sortBy={sortBy.Seconds}>Seconds</TableCell>
+      </TableHead>
+    </Table>
+  );
+}
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes.scss b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes.scss
new file mode 100644
index 0000000000..0f3b151059
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-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.
+ */
+
+.RuntimeClasses {
+  .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/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes.tsx b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes.tsx
new file mode 100644
index 0000000000..990912f2d4
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/runtime-classes.tsx
@@ -0,0 +1,83 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./runtime-classes.scss";
+
+import * as React from "react";
+import { observer } from "mobx-react";
+import type { RuntimeClass } from "../../../common/k8s-api/endpoints/runtime-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 runtimeClassStoreInjectable from "./store.injectable";
+import type { RuntimeClassStore } from "./store";
+
+enum columnId {
+  name = "name",
+  handler = "handler",
+  age = "age",
+}
+
+export interface RuntimeClassesProps extends KubeObjectDetailsProps<RuntimeClass> {
+}
+
+interface Dependencies {
+  runtimeClassStore: RuntimeClassStore;
+}
+
+@observer
+class NonInjectedRuntimeClasses extends React.Component<RuntimeClassesProps & Dependencies> {
+  constructor(props: RuntimeClassesProps & Dependencies) {
+    super(props);
+    autoBind(this);
+  }
+
+  render() {
+    const { runtimeClassStore } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="configuration_runtime_classes"
+          className="RuntimeClasses"
+          store={runtimeClassStore}
+          sortingCallbacks={{
+            [columnId.name]: rc => rc.getName(),
+            [columnId.handler]: rc => rc.getHandler(),
+            [columnId.age]: rc => -rc.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            rc => rc.getSearchFields(),
+          ]}
+          renderHeaderTitle="Runtime Classes"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Handler", className: "handler", sortBy: columnId.handler, id: columnId.handler },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={rc => [
+            rc.getName(),
+            <KubeObjectStatusIcon key="icon" object={rc} />,
+            rc.getHandler(),
+            <KubeObjectAge key="age" object={rc} />,
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const RuntimeClasses = withInjectables<Dependencies, RuntimeClassesProps>(NonInjectedRuntimeClasses, {
+  getProps: (di, props) => ({
+    ...props,
+    runtimeClassStore: di.inject(runtimeClassStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/store.injectable.ts b/packages/core/src/renderer/components/+config-runtime-classes/store.injectable.ts
new file mode 100644
index 0000000000..03d4e50a1a
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-classes/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import runtimeClassApiInjectable from "../../../common/k8s-api/endpoints/runtime-class.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { RuntimeClassStore } from "./store";
+
+const runtimeClassStoreInjectable = getInjectable({
+  id: "runtime-class-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "runtimeClassStore is only available in certain environments");
+
+    const api = di.inject(runtimeClassApiInjectable);
+
+    return new RuntimeClassStore({
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default runtimeClassStoreInjectable;
diff --git a/packages/core/src/renderer/components/+config-runtime-classes/store.ts b/packages/core/src/renderer/components/+config-runtime-classes/store.ts
new file mode 100644
index 0000000000..bdb849ac85
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-runtime-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 { RuntimeClass, RuntimeClassApi } from "../../../common/k8s-api/endpoints/runtime-class.api";
+
+export class RuntimeClassStore extends KubeObjectStore<RuntimeClass, RuntimeClassApi> {
+}
diff --git a/packages/core/src/renderer/components/+config-secrets/__tests__/secret-details.test.tsx b/packages/core/src/renderer/components/+config-secrets/__tests__/secret-details.test.tsx
new file mode 100644
index 0000000000..6a586bdd0c
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/__tests__/secret-details.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 React from "react";
+import { SecretDetails } from "../secret-details";
+import { Secret, SecretType } from "../../../../common/k8s-api/endpoints";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import { renderFor } from "../../test-utils/renderFor";
+import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
+import directoryForUserDataInjectable from "../../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import hostedClusterInjectable from "../../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../../cluster/create-cluster.injectable";
+import directoryForKubeConfigsInjectable from "../../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+
+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);
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-data");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    const secret = new Secret({
+      apiVersion: "v1",
+      kind: "secret",
+      metadata: {
+        name: "test",
+        resourceVersion: "1",
+        uid: "uid",
+        namespace: "default",
+        selfLink: "/api/v1/secrets/default/test",
+      },
+      data: {
+        foobar: "",
+      },
+      type: SecretType.Opaque,
+    });
+    const result = render(<SecretDetails object={secret}/>);
+
+    expect(result.getByTestId("foobar-secret-entry").querySelector(".Icon")).toBeDefined();
+  });
+});
diff --git a/packages/core/src/renderer/components/+config-secrets/add-dialog/close.injectable.ts b/packages/core/src/renderer/components/+config-secrets/add-dialog/close.injectable.ts
new file mode 100644
index 0000000000..98bf6addcf
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/add-dialog/close.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 { action } from "mobx";
+import addSecretDialogOpenStateInjectable from "./state.injectable";
+
+const closeAddSecretDialogInjectable = getInjectable({
+  id: "close-add-secret-dialog",
+  instantiate: (di) => {
+    const state = di.inject(addSecretDialogOpenStateInjectable);
+
+    return action(() => state.set(false));
+  },
+});
+
+export default closeAddSecretDialogInjectable;
diff --git a/packages/core/src/renderer/components/+config-secrets/add-dialog/is-open.injectable.ts b/packages/core/src/renderer/components/+config-secrets/add-dialog/is-open.injectable.ts
new file mode 100644
index 0000000000..2427695923
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/add-dialog/is-open.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 addSecretDialogOpenStateInjectable from "./state.injectable";
+
+const isAddSecretDialogOpenInjectable = getInjectable({
+  id: "is-add-secret-dialog-open",
+  instantiate: (di) => {
+    const state = di.inject(addSecretDialogOpenStateInjectable);
+
+    return computed(() => state.get());
+  },
+});
+
+export default isAddSecretDialogOpenInjectable;
diff --git a/packages/core/src/renderer/components/+config-secrets/add-dialog/open.injectable.ts b/packages/core/src/renderer/components/+config-secrets/add-dialog/open.injectable.ts
new file mode 100644
index 0000000000..971cbe4e7a
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/add-dialog/open.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 { action } from "mobx";
+import addSecretDialogOpenStateInjectable from "./state.injectable";
+
+const openAddSecretDialogInjectable = getInjectable({
+  id: "open-add-secret-dialog",
+  instantiate: (di) => {
+    const state = di.inject(addSecretDialogOpenStateInjectable);
+
+    return action(() => state.set(true));
+  },
+});
+
+export default openAddSecretDialogInjectable;
diff --git a/packages/core/src/renderer/components/+config-secrets/add-dialog/state.injectable.ts b/packages/core/src/renderer/components/+config-secrets/add-dialog/state.injectable.ts
new file mode 100644
index 0000000000..de2533d3cd
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/add-dialog/state.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 { observable } from "mobx";
+
+const addSecretDialogOpenStateInjectable = getInjectable({
+  id: "add-secret-dialog-state",
+  instantiate: () => observable.box(false),
+});
+
+export default addSecretDialogOpenStateInjectable;
diff --git a/packages/core/src/renderer/components/+config-secrets/add-dialog/view.scss b/packages/core/src/renderer/components/+config-secrets/add-dialog/view.scss
new file mode 100644
index 0000000000..9cf91da24b
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/add-dialog/view.scss
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.AddSecretDialog {
+  --flex-gap: #{$margin * 1.5};
+
+  .Icon {
+    --color-active: black;
+  }
+
+  .remove-icon {
+    flex: 0 0;
+    width: 18px; // icon size
+  }
+
+  .fields-title {
+    display: grid;
+    grid-template-columns: min-content auto;
+    align-items: center;
+    gap: $margin * 0.5;
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-secrets/add-dialog/view.tsx b/packages/core/src/renderer/components/+config-secrets/add-dialog/view.tsx
new file mode 100644
index 0000000000..cf68db93be
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/add-dialog/view.tsx
@@ -0,0 +1,261 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import React from "react";
+import type { IComputedValue } from "mobx";
+import { observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import type { DialogProps } from "../../dialog";
+import { Dialog } from "../../dialog";
+import { Wizard, WizardStep } from "../../wizard";
+import { Input } from "../../input";
+import { systemName } from "../../input/input_validators";
+import type { SecretApi } from "../../../../common/k8s-api/endpoints";
+import { reverseSecretTypeMap, SecretType } from "../../../../common/k8s-api/endpoints";
+import { SubTitle } from "../../layout/sub-title";
+import { NamespaceSelect } from "../../+namespaces/namespace-select";
+import { Select } from "../../select";
+import { Icon } from "../../icon";
+import { base64, iter } from "../../../utils";
+import upperFirst from "lodash/upperFirst";
+import { fromEntries } from "../../../../common/utils/objects";
+import type { ShowDetails } from "../../kube-detail-params/show-details.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import closeAddSecretDialogInjectable from "./close.injectable";
+import secretApiInjectable from "../../../../common/k8s-api/endpoints/secret.api.injectable";
+import showDetailsInjectable from "../../kube-detail-params/show-details.injectable";
+import isAddSecretDialogOpenInjectable from "./is-open.injectable";
+import type { ShowCheckedErrorNotification } from "../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../notifications/show-checked-error.injectable";
+
+export interface AddSecretDialogProps extends Partial<DialogProps> {
+}
+
+interface SecretTemplateField {
+  key: string;
+  value?: string;
+  required?: boolean;
+}
+
+interface SecretTemplate {
+  [field: string]: SecretTemplateField[] | undefined;
+  annotations?: SecretTemplateField[];
+  labels?: SecretTemplateField[];
+  data?: SecretTemplateField[];
+}
+
+type ISecretField = keyof SecretTemplate;
+
+interface Dependencies {
+  secretApi: SecretApi;
+  isAddSecretDialogOpen: IComputedValue<boolean>;
+  closeAddSecretDialog: () => void;
+  showDetails: ShowDetails;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedAddSecretDialog extends React.Component<AddSecretDialogProps & Dependencies> {
+  constructor(props: AddSecretDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  private secretTemplate: Partial<Record<SecretType, SecretTemplate>> = {
+    [SecretType.Opaque]: {},
+    [SecretType.ServiceAccountToken]: {
+      annotations: [
+        { key: "kubernetes.io/service-account.name", required: true },
+        { key: "kubernetes.io/service-account.uid", required: true },
+      ],
+    },
+  };
+
+  @observable secret = this.secretTemplate;
+  @observable name = "";
+  @observable namespace = "default";
+  @observable type = SecretType.Opaque;
+
+  reset = () => {
+    this.name = "";
+    this.secret = this.secretTemplate;
+  };
+
+  close = () => {
+    this.props.closeAddSecretDialog();
+  };
+
+  private getDataFromFields = (fields: SecretTemplateField[] = [], processValue: (val: string) => string = (val => val)) => {
+    return iter.chain(fields.values())
+      .filterMap(({ key, value }) => (
+        value
+          ? [key, processValue(value)] as const
+          : undefined
+      ))
+      .collect(fromEntries);
+  };
+
+  createSecret = async () => {
+    const { name, namespace, type } = this;
+    const { data = [], labels = [], annotations = [] } = this.secret[type] ?? {};
+
+    try {
+      const newSecret = await this.props.secretApi.create({ namespace, name }, {
+        type,
+        data: this.getDataFromFields(data, val => val ? base64.encode(val) : ""),
+        metadata: {
+          name,
+          namespace,
+          annotations: this.getDataFromFields(annotations),
+          labels: this.getDataFromFields(labels),
+        },
+      });
+
+      this.props.showDetails(newSecret?.selfLink);
+      this.close();
+    } catch (err) {
+      this.props.showCheckedErrorNotification(err, "Unknown error occured while creating a Secret");
+    }
+  };
+
+  private getFields(field: ISecretField) {
+    return (this.secret[this.type] ??= {})[field] ??= [];
+  }
+
+  addField = (field: ISecretField) => {
+    this.getFields(field).push({ key: "", value: "" });
+  };
+
+  removeField = (field: ISecretField, index: number) => {
+    this.getFields(field).splice(index, 1);
+  };
+
+  renderFields(field: ISecretField) {
+    return (
+      <>
+        <SubTitle
+          compact
+          className="fields-title"
+          title={upperFirst(field.toString())}
+        >
+          <Icon
+            small
+            tooltip="Add field"
+            material="add_circle_outline"
+            onClick={() => this.addField(field)}
+          />
+        </SubTitle>
+        <div className="secret-fields">
+          {this.getFields(field)
+            .map((item, index) => (
+              <div key={index} className="secret-field flex gaps auto align-center">
+                <Input
+                  className="key"
+                  placeholder="Name"
+                  title={item.key}
+                  tabIndex={item.required ? -1 : 0}
+                  readOnly={item.required}
+                  value={item.key}
+                  onChange={v => item.key = v}
+                />
+                <Input
+                  multiLine
+                  maxRows={5}
+                  required={item.required}
+                  className="value"
+                  placeholder="Value"
+                  value={item.value}
+                  onChange={v => item.value = v}
+                />
+                <Icon
+                  small
+                  disabled={item.required}
+                  tooltip={item.required ? "Required field" : "Remove field"}
+                  className="remove-icon"
+                  material="remove_circle_outline"
+                  onClick={() => this.removeField(field, index)}
+                />
+              </div>
+            ))}
+        </div>
+      </>
+    );
+  }
+
+  render() {
+    const { closeAddSecretDialog, isAddSecretDialogOpen, secretApi, showDetails, ...dialogProps } = this.props;
+    const { namespace, name, type } = this;
+    const header = <h5>Create Secret</h5>;
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className="AddSecretDialog"
+        isOpen={isAddSecretDialogOpen.get()}
+        onOpen={this.reset}
+        close={this.close}
+      >
+        <Wizard header={header} done={this.close}>
+          <WizardStep
+            contentClass="flow column"
+            nextLabel="Create"
+            next={this.createSecret}
+          >
+            <div className="secret-name">
+              <SubTitle title="Secret name" />
+              <Input
+                autoFocus
+                required
+                placeholder="Name"
+                trim
+                validators={systemName}
+                value={name}
+                onChange={v => this.name = v}
+              />
+            </div>
+            <div className="flex auto gaps">
+              <div className="secret-namespace">
+                <SubTitle title="Namespace" />
+                <NamespaceSelect
+                  id="secret-namespace-input"
+                  themeName="light"
+                  value={namespace}
+                  onChange={option => this.namespace = option?.value ?? "default"}
+                />
+              </div>
+              <div className="secret-type">
+                <SubTitle title="Secret type" />
+                <Select
+                  id="secret-input"
+                  themeName="light"
+                  options={Object.keys(this.secretTemplate) as SecretType[]}
+                  value={type}
+                  onChange={option => this.type = option?.value ?? SecretType.Opaque}
+                  getOptionLabel={option => reverseSecretTypeMap[option.value]}
+                />
+              </div>
+            </div>
+            {this.renderFields("annotations")}
+            {this.renderFields("labels")}
+            {this.renderFields("data")}
+          </WizardStep>
+        </Wizard>
+      </Dialog>
+    );
+  }
+}
+
+export const AddSecretDialog = withInjectables<Dependencies, AddSecretDialogProps>(NonInjectedAddSecretDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    closeAddSecretDialog: di.inject(closeAddSecretDialogInjectable),
+    secretApi: di.inject(secretApiInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+    isAddSecretDialogOpen: di.inject(isAddSecretDialogOpenInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-secrets/index.ts b/packages/core/src/renderer/components/+config-secrets/index.ts
new file mode 100644
index 0000000000..1e1ef8ec1c
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/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 "./secrets";
+export * from "./secret-details";
diff --git a/packages/core/src/renderer/components/+config-secrets/secret-details.scss b/packages/core/src/renderer/components/+config-secrets/secret-details.scss
new file mode 100644
index 0000000000..9a083e886b
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/secret-details.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.SecretDetails {
+  .data {
+    margin-bottom: $margin * 2;
+
+    .name {
+      color: var(--textColorSecondary);
+      font-weight: $font-weight-bold;
+      padding-bottom: $padding * 0.5;
+    }
+  }
+
+  .save-btn {
+    margin-top: $margin;
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-secrets/secret-details.tsx b/packages/core/src/renderer/components/+config-secrets/secret-details.tsx
new file mode 100644
index 0000000000..6b4873f187
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/secret-details.tsx
@@ -0,0 +1,180 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./secret-details.scss";
+
+import React from "react";
+import { autorun, observable, makeObservable } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { Input } from "../input";
+import { Button } from "../button";
+import type { ShowNotification } from "../notifications";
+import { base64, toggle } from "../../utils";
+import { Icon } from "../icon";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { Secret } from "../../../common/k8s-api/endpoints";
+import type { Logger } from "../../../common/logger";
+import type { SecretStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+import secretStoreInjectable from "./store.injectable";
+import showSuccessNotificationInjectable from "../notifications/show-success-notification.injectable";
+import type { ShowCheckedErrorNotification } from "../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../notifications/show-checked-error.injectable";
+
+export interface SecretDetailsProps extends KubeObjectDetailsProps<Secret> {
+}
+
+interface Dependencies {
+  secretStore: SecretStore;
+  logger: Logger;
+  showSuccessNotification: ShowNotification;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedSecretDetails extends React.Component<SecretDetailsProps & Dependencies> {
+  @observable isSaving = false;
+  @observable data: Partial<Record<string, string>> = {};
+  @observable revealSecret = observable.set<string>();
+
+  constructor(props: SecretDetailsProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  async componentDidMount() {
+    disposeOnUnmount(this, [
+      autorun(() => {
+        const { object: secret } = this.props;
+
+        if (secret) {
+          this.data = secret.data;
+          this.revealSecret.clear();
+        }
+      }),
+    ]);
+  }
+
+  saveSecret = async () => {
+    const { object: secret } = this.props;
+
+    this.isSaving = true;
+
+    try {
+      await this.props.secretStore.update(secret, { ...secret, data: this.data });
+      this.props.showSuccessNotification("Secret successfully updated.");
+    } catch (err) {
+      this.props.showCheckedErrorNotification(err, "Unknown error occured while updating the secret");
+    }
+    this.isSaving = false;
+  };
+
+  editData = (name: string, value: string, encoded: boolean) => {
+    this.data[name] = encoded ? value : base64.encode(value);
+  };
+
+  renderSecret = ([name, value]: [string, string | undefined]) => {
+    let decodedVal: string | undefined;
+
+    try {
+      decodedVal = value ? base64.decode(value) : undefined;
+    } catch {
+      /**
+       * The value failed to be decoded, so don't show the visibility
+       * toggle until the value is saved
+       */
+      this.revealSecret.delete(name);
+    }
+
+    const revealSecret = this.revealSecret.has(name);
+
+    if (revealSecret && typeof decodedVal === "string") {
+      value = decodedVal;
+    }
+
+    return (
+      <div
+        key={name}
+        className="data"
+        data-testid={`${name}-secret-entry`}
+      >
+        <div className="name">{name}</div>
+        <div className="flex gaps align-center">
+          <Input
+            multiLine
+            theme="round-black"
+            className="box grow"
+            value={value || ""}
+            onChange={value => this.editData(name, value, !revealSecret)}
+          />
+          {typeof decodedVal === "string" && (
+            <Icon
+              material={revealSecret ? "visibility" : "visibility_off"}
+              tooltip={revealSecret ? "Hide" : "Show"}
+              onClick={() => toggle(this.revealSecret, name)}
+            />
+          )}
+        </div>
+      </div>
+    );
+  };
+
+  renderData() {
+    const secrets = Object.entries(this.data);
+
+    if (secrets.length === 0) {
+      return null;
+    }
+
+    return (
+      <>
+        <DrawerTitle>Data</DrawerTitle>
+        {secrets.map(this.renderSecret)}
+        <Button
+          primary
+          label="Save"
+          waiting={this.isSaving}
+          className="save-btn"
+          onClick={this.saveSecret}
+        />
+      </>
+    );
+  }
+
+  render() {
+    const { object: secret, logger } = this.props;
+
+    if (!secret) {
+      return null;
+    }
+
+    if (!(secret instanceof Secret)) {
+      logger.error("[SecretDetails]: passed object that is not an instanceof Secret", secret);
+
+      return null;
+    }
+
+    return (
+      <div className="SecretDetails">
+        <DrawerItem name="Type">
+          {secret.type}
+        </DrawerItem>
+        {this.renderData()}
+      </div>
+    );
+  }
+}
+
+export const SecretDetails = withInjectables<Dependencies, SecretDetailsProps>(NonInjectedSecretDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+    secretStore: di.inject(secretStoreInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+    showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-secrets/secrets-route-component.injectable.ts b/packages/core/src/renderer/components/+config-secrets/secrets-route-component.injectable.ts
new file mode 100644
index 0000000000..35dc02d5fe
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/secrets-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 { Secrets } from "./secrets";
+import secretsRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/secrets/secrets-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const secretsRouteComponentInjectable = getInjectable({
+  id: "secrets-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(secretsRouteInjectable),
+    Component: Secrets,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default secretsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+config-secrets/secrets-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+config-secrets/secrets-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..cf8a07dc66
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/secrets-sidebar-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 secretsRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/secrets/secrets-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 navigateToSecretsInjectable from "../../../common/front-end-routing/routes/cluster/config/secrets/navigate-to-secrets.injectable";
+
+const secretsSidebarItemsInjectable = getInjectable({
+  id: "secrets-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(secretsRouteInjectable);
+    const navigateToSecrets = di.inject(navigateToSecretsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "secrets",
+        parentId: configSidebarItemId,
+        title: "Secrets",
+        onClick: navigateToSecrets,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 20,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default secretsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+config-secrets/secrets.scss b/packages/core/src/renderer/components/+config-secrets/secrets.scss
new file mode 100644
index 0000000000..41dd4ca709
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/secrets.scss
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Secrets {
+  .TableCell {
+    &.name {
+      flex: 1.5;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.labels {
+      @include table-cell-labels-offsets;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+config-secrets/secrets.tsx b/packages/core/src/renderer/components/+config-secrets/secrets.tsx
new file mode 100644
index 0000000000..c58d06ce18
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/secrets.tsx
@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./secrets.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { AddSecretDialog } from "./add-dialog/view";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { Badge } from "../badge";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import type { SecretStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import secretStoreInjectable from "./store.injectable";
+import openAddSecretDialogInjectable from "./add-dialog/open.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  labels = "labels",
+  keys = "keys",
+  type = "type",
+  age = "age",
+}
+
+interface Dependencies {
+  filterByNamespace: FilterByNamespace;
+  secretStore: SecretStore;
+  openAddSecretDialog: () => void;
+}
+
+@observer
+class NonInjectedSecrets extends React.Component<Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="configuration_secrets"
+          className="Secrets"
+          store={this.props.secretStore}
+          sortingCallbacks={{
+            [columnId.name]: secret => secret.getName(),
+            [columnId.namespace]: secret => secret.getNs(),
+            [columnId.labels]: secret => secret.getLabels(),
+            [columnId.keys]: secret => secret.getKeys(),
+            [columnId.type]: secret => secret.type,
+            [columnId.age]: secret => -secret.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            secret => secret.getSearchFields(),
+            secret => secret.getKeys(),
+          ]}
+          renderHeaderTitle="Secrets"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Labels", className: "labels scrollable", sortBy: columnId.labels, id: columnId.labels },
+            { title: "Keys", className: "keys", sortBy: columnId.keys, id: columnId.keys },
+            { title: "Type", className: "type", sortBy: columnId.type, id: columnId.type },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={secret => [
+            secret.getName(),
+            <KubeObjectStatusIcon key="icon" object={secret} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(secret.getNs()))}
+            >
+              {secret.getNs()}
+            </a>,
+            secret.getLabels().map(label => (
+              <Badge
+                scrollable
+                key={label}
+                label={label}
+                expandable={false}
+              />
+            )),
+            secret.getKeys().join(", "),
+            secret.type,
+            <KubeObjectAge key="age" object={secret} />,
+          ]}
+          addRemoveButtons={{
+            onAdd: this.props.openAddSecretDialog,
+            addTooltip: "Create new Secret",
+          }}
+        />
+        <AddSecretDialog/>
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const Secrets = withInjectables<Dependencies>(NonInjectedSecrets, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    secretStore: di.inject(secretStoreInjectable),
+    openAddSecretDialog: di.inject(openAddSecretDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+config-secrets/store.injectable.ts b/packages/core/src/renderer/components/+config-secrets/store.injectable.ts
new file mode 100644
index 0000000000..d98f3677c1
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import secretApiInjectable from "../../../common/k8s-api/endpoints/secret.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { SecretStore } from "./store";
+
+const secretStoreInjectable = getInjectable({
+  id: "secret-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "secretStore is only available in certain environments");
+
+    const api = di.inject(secretApiInjectable);
+
+    return new SecretStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default secretStoreInjectable;
diff --git a/packages/core/src/renderer/components/+config-secrets/store.ts b/packages/core/src/renderer/components/+config-secrets/store.ts
new file mode 100644
index 0000000000..f6dbaa167d
--- /dev/null
+++ b/packages/core/src/renderer/components/+config-secrets/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 { Secret, SecretApi, SecretData } from "../../../common/k8s-api/endpoints";
+
+export class SecretStore extends KubeObjectStore<Secret, SecretApi, SecretData> {
+}
diff --git a/packages/core/src/renderer/components/+config/config-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+config/config-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..0730954aff
--- /dev/null
+++ b/packages/core/src/renderer/components/+config/config-sidebar-items.injectable.tsx
@@ -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 { Icon } from "../icon";
+import React from "react";
+import type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { computed } from "mobx";
+import { noop } from "lodash/fp";
+
+export const configSidebarItemId = "config";
+
+const configSidebarItemsInjectable = getInjectable({
+  id: "config-sidebar-items",
+
+  instantiate: () =>
+    computed((): SidebarItemRegistration[] => [
+      {
+        id: configSidebarItemId,
+        parentId: null,
+        title: "Config",
+        getIcon: () => <Icon material="list" />,
+        onClick: noop,
+        orderNumber: 40,
+      },
+    ]),
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default configSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+custom-resources/__tests__/__snapshots__/custom-resource-details.test.tsx.snap b/packages/core/src/renderer/components/+custom-resources/__tests__/__snapshots__/custom-resource-details.test.tsx.snap
new file mode 100644
index 0000000000..5be5bd6bf7
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/__tests__/__snapshots__/custom-resource-details.test.tsx.snap
@@ -0,0 +1,93 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<CustomResourceDetails /> with a CRD with a boolean field should display false in an additionalPrinterColumn as 'false' 1`] = `
+<div>
+  <div
+    class="CrdResourceDetails MyCrd"
+  >
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        MyField
+      </span>
+      <span
+        class="value"
+      >
+        false
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<CustomResourceDetails /> with a CRD with a boolean field should display true in an additionalPrinterColumn as 'true' 1`] = `
+<div>
+  <div
+    class="CrdResourceDetails MyCrd"
+  >
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        MyField
+      </span>
+      <span
+        class="value"
+      >
+        true
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<CustomResourceDetails /> with a CRD with a number field should display 0 in an additionalPrinterColumn as '0' 1`] = `
+<div>
+  <div
+    class="CrdResourceDetails MyCrd"
+  >
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        MyField
+      </span>
+      <span
+        class="value"
+      >
+        0
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<CustomResourceDetails /> with a CRD with a number field should display 1234 in an additionalPrinterColumn as '1234' 1`] = `
+<div>
+  <div
+    class="CrdResourceDetails MyCrd"
+  >
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        MyField
+      </span>
+      <span
+        class="value"
+      >
+        1234
+      </span>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/core/src/renderer/components/+custom-resources/__tests__/custom-resource-details.test.tsx b/packages/core/src/renderer/components/+custom-resources/__tests__/custom-resource-details.test.tsx
new file mode 100644
index 0000000000..2b8e8b2b1e
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/__tests__/custom-resource-details.test.tsx
@@ -0,0 +1,206 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { CustomResourceDefinition } from "../../../../common/k8s-api/endpoints";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+import { CustomResourceDetails } from "../crd-resource-details";
+
+describe("<CustomResourceDetails />", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+  });
+
+  describe("with a CRD with a boolean field", () => {
+    let crd: CustomResourceDefinition;
+
+    beforeEach(() => {
+      crd = new CustomResourceDefinition({
+        apiVersion: "apiextensions.k8s.io/v1",
+        kind: "CustomResourceDefinition",
+        metadata: {
+          name: "my-crd",
+          resourceVersion: "1",
+          selfLink: "/apis/apiextensions.k8s.io/v1/customresourcedefinitions/my-crd",
+          uid: "1",
+        },
+        spec: {
+          versions: [{
+            name: "v1",
+            served: true,
+            storage: true,
+            schema: {
+              openAPIV3Schema: {
+                type: "object",
+                properties: {
+                  spec: {
+                    type: "object",
+                    properties: {
+                      "my-field": {
+                        type: "boolean",
+                      },
+                    },
+                  },
+                },
+              },
+            },
+            additionalPrinterColumns: [
+              {
+                name: "MyField",
+                jsonPath: ".spec.my-field",
+                type: "boolean",
+              },
+            ],
+          }],
+          group: "stable.lens.dev",
+          names: {
+            kind: "MyCrd",
+            plural: "my-crds",
+          },
+          scope: "Cluster",
+        },
+      });
+    });
+
+    it("should display false in an additionalPrinterColumn as 'false'", () => {
+      const cr = new KubeObject({
+        apiVersion: "stable.lens.dev/v1",
+        kind: "MyCrd",
+        metadata: {
+          name: "first-crd",
+          resourceVersion: "1",
+          selfLink: "stable.lens.dev/v1/first-crd",
+          uid: "2",
+        },
+        spec: {
+          "my-field": false,
+        },
+      });
+      const result = render(<CustomResourceDetails crd={crd} object={cr} />);
+
+      expect(result.container).toMatchSnapshot();
+      expect(result.getByText("false")).toBeTruthy();
+    });
+
+    it("should display true in an additionalPrinterColumn as 'true'", () => {
+      const cr = new KubeObject({
+        apiVersion: "stable.lens.dev/v1",
+        kind: "MyCrd",
+        metadata: {
+          name: "first-crd",
+          resourceVersion: "1",
+          selfLink: "stable.lens.dev/v1/first-crd",
+          uid: "2",
+        },
+        spec: {
+          "my-field": true,
+        },
+      });
+      const result = render(<CustomResourceDetails crd={crd} object={cr} />);
+
+      expect(result.container).toMatchSnapshot();
+      expect(result.getByText("true")).toBeTruthy();
+    });
+  });
+
+  describe("with a CRD with a number field", () => {
+    let crd: CustomResourceDefinition;
+
+    beforeEach(() => {
+      crd = new CustomResourceDefinition({
+        apiVersion: "apiextensions.k8s.io/v1",
+        kind: "CustomResourceDefinition",
+        metadata: {
+          name: "my-crd",
+          resourceVersion: "1",
+          selfLink: "/apis/apiextensions.k8s.io/v1/customresourcedefinitions/my-crd",
+          uid: "1",
+        },
+        spec: {
+          versions: [{
+            name: "v1",
+            served: true,
+            storage: true,
+            schema: {
+              openAPIV3Schema: {
+                type: "object",
+                properties: {
+                  spec: {
+                    type: "object",
+                    properties: {
+                      "my-field": {
+                        type: "number",
+                      },
+                    },
+                  },
+                },
+              },
+            },
+            additionalPrinterColumns: [
+              {
+                name: "MyField",
+                jsonPath: ".spec.my-field",
+                type: "number",
+              },
+            ],
+          }],
+          group: "stable.lens.dev",
+          names: {
+            kind: "MyCrd",
+            plural: "my-crds",
+          },
+          scope: "Cluster",
+        },
+      });
+    });
+
+    it("should display 0 in an additionalPrinterColumn as '0'", () => {
+      const cr = new KubeObject({
+        apiVersion: "stable.lens.dev/v1",
+        kind: "MyCrd",
+        metadata: {
+          name: "first-crd",
+          resourceVersion: "1",
+          selfLink: "stable.lens.dev/v1/first-crd",
+          uid: "2",
+        },
+        spec: {
+          "my-field": 0,
+        },
+      });
+      const result = render(<CustomResourceDetails crd={crd} object={cr} />);
+
+      expect(result.container).toMatchSnapshot();
+      expect(result.getByText("0")).toBeTruthy();
+    });
+
+    it("should display 1234 in an additionalPrinterColumn as '1234'", () => {
+      const cr = new KubeObject({
+        apiVersion: "stable.lens.dev/v1",
+        kind: "MyCrd",
+        metadata: {
+          name: "first-crd",
+          resourceVersion: "1",
+          selfLink: "stable.lens.dev/v1/first-crd",
+          uid: "2",
+        },
+        spec: {
+          "my-field": 1234,
+        },
+      });
+      const result = render(<CustomResourceDetails crd={crd} object={cr} />);
+
+      expect(result.container).toMatchSnapshot();
+      expect(result.getByText("1234")).toBeTruthy();
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-details.scss b/packages/core/src/renderer/components/+custom-resources/crd-details.scss
new file mode 100644
index 0000000000..885ea21f7a
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-details.scss
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "crd.mixins";
+
+.CRDDetails {
+  .conditions {
+    @include crd-condition-bgc;
+  }
+
+  .Table {
+    margin-left: -$margin * 2;
+    margin-right: -$margin * 2;
+
+    .TableRow {
+      cursor: default;
+    }
+
+    &.printer-columns {
+      .type {
+        flex: 0.5;
+      }
+
+      .json-path {
+        flex: 3;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-details.tsx b/packages/core/src/renderer/components/+custom-resources/crd-details.tsx
new file mode 100644
index 0000000000..23194dbc73
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-details.tsx
@@ -0,0 +1,167 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./crd-details.scss";
+
+import React from "react";
+import { Link } from "react-router-dom";
+import { observer } from "mobx-react";
+import { CustomResourceDefinition } from "../../../common/k8s-api/endpoints/custom-resource-definition.api";
+import { Badge } from "../badge";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import { Input } from "../input";
+import { MonacoEditor } from "../monaco-editor";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface CRDDetailsProps extends KubeObjectDetailsProps<CustomResourceDefinition> {
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedCRDDetails extends React.Component<CRDDetailsProps & Dependencies> {
+  render() {
+    const { object: crd } = this.props;
+
+    if (!crd) {
+      return null;
+    }
+
+    if (!(crd instanceof CustomResourceDefinition)) {
+      this.props.logger.error("[CRDDetails]: passed object that is not an instanceof CustomResourceDefinition", crd);
+
+      return null;
+    }
+
+    const { plural, singular, kind, listKind } = crd.getNames();
+    const printerColumns = crd.getPrinterColumns();
+    const validation = crd.getValidation();
+
+    return (
+      <div className="CRDDetails">
+        <DrawerItem name="Group">
+          {crd.getGroup()}
+        </DrawerItem>
+        <DrawerItem name="Version">
+          {crd.getVersion()}
+        </DrawerItem>
+        <DrawerItem name="Stored versions">
+          {crd.getStoredVersions()}
+        </DrawerItem>
+        <DrawerItem name="Scope">
+          {crd.getScope()}
+        </DrawerItem>
+        <DrawerItem name="Resource">
+          <Link to={crd.getResourceUrl()}>
+            {crd.getResourceTitle()}
+          </Link>
+        </DrawerItem>
+        <DrawerItem name="Conversion" className="flex gaps align-flex-start">
+          <Input
+            multiLine
+            theme="round-black"
+            className="box grow"
+            value={crd.getConversion()}
+            readOnly
+          />
+        </DrawerItem>
+        <DrawerItem
+          name="Conditions"
+          className="conditions"
+          labelsOnly
+        >
+          {
+            crd.getConditions().map(condition => {
+              const { type, message, lastTransitionTime, status } = condition;
+
+              return (
+                <Badge
+                  key={type}
+                  label={type}
+                  disabled={status === "False"}
+                  className={type}
+                  tooltip={(
+                    <>
+                      <p>{message}</p>
+                      <p>
+                        Last transition time:
+                        {lastTransitionTime}
+                      </p>
+                    </>
+                  )}
+                />
+              );
+            })
+          }
+        </DrawerItem>
+        <DrawerTitle>Names</DrawerTitle>
+        <Table selectable className="names box grow">
+          <TableHead>
+            <TableCell>plural</TableCell>
+            <TableCell>singular</TableCell>
+            <TableCell>kind</TableCell>
+            <TableCell>listKind</TableCell>
+          </TableHead>
+          <TableRow>
+            <TableCell>{plural}</TableCell>
+            <TableCell>{singular}</TableCell>
+            <TableCell>{kind}</TableCell>
+            <TableCell>{listKind}</TableCell>
+          </TableRow>
+        </Table>
+        {printerColumns.length > 0 && (
+          <>
+            <DrawerTitle>Additional Printer Columns</DrawerTitle>
+            <Table selectable className="printer-columns box grow">
+              <TableHead>
+                <TableCell className="name">Name</TableCell>
+                <TableCell className="type">Type</TableCell>
+                <TableCell className="json-path">JSON Path</TableCell>
+              </TableHead>
+              {
+                printerColumns.map((column, index) => {
+                  const { name, type, jsonPath } = column;
+
+                  return (
+                    <TableRow key={index}>
+                      <TableCell className="name">{name}</TableCell>
+                      <TableCell className="type">{type}</TableCell>
+                      <TableCell className="json-path">
+                        <Badge label={jsonPath}/>
+                      </TableCell>
+                    </TableRow>
+                  );
+                })
+              }
+            </Table>
+          </>
+        )}
+        {validation && (
+          <>
+            <DrawerTitle>Validation</DrawerTitle>
+            <MonacoEditor
+              readOnly
+              value={validation}
+              style={{ height: 400 }}
+            />
+          </>
+        )}
+      </div>
+    );
+  }
+}
+
+export const CRDDetails = withInjectables<Dependencies, CRDDetailsProps>(NonInjectedCRDDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-groups-url-param.injectable.ts b/packages/core/src/renderer/components/+custom-resources/crd-groups-url-param.injectable.ts
new file mode 100644
index 0000000000..a5a8d9017f
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-groups-url-param.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 createPageParamInjectable from "../../navigation/create-page-param.injectable";
+
+const crdGroupsUrlParamInjectable = getInjectable({
+  id: "crd-groups-url-param",
+  instantiate: (di) => {
+    const createPageParam = di.inject(createPageParamInjectable);
+
+    return createPageParam<string[]>({
+      name: "groups",
+      defaultValue: [],
+    });
+  },
+});
+
+export default crdGroupsUrlParamInjectable;
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-list-route-component.injectable.ts b/packages/core/src/renderer/components/+custom-resources/crd-list-route-component.injectable.ts
new file mode 100644
index 0000000000..55e4a21006
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-list-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 { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+import crdListRouteInjectable from "../../../common/front-end-routing/routes/cluster/custom-resources/crd-list/crd-list-route.injectable";
+import { CustomResourceDefinitions } from "./crd-list";
+
+const crdListRouteComponentInjectable = getInjectable({
+  id: "crd-list-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(crdListRouteInjectable),
+    Component: CustomResourceDefinitions,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default crdListRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-list.scss b/packages/core/src/renderer/components/+custom-resources/crd-list.scss
new file mode 100644
index 0000000000..eee0fbc481
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-list.scss
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "crd.mixins";
+
+.CrdList {
+  .TableCell {
+    &.kind {
+      flex: 1.5;
+    }
+
+    &.group {
+      flex: 2;
+    }
+  }
+
+  .group-select {
+    .Select {
+      &__placeholder {
+        width: 100%;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+    }
+  }
+
+  .SearchInput {
+    width: 300px;
+  }
+}
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-list.tsx b/packages/core/src/renderer/components/+custom-resources/crd-list.tsx
new file mode 100644
index 0000000000..669ca3e374
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-list.tsx
@@ -0,0 +1,172 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./crd-list.scss";
+
+import React from "react";
+import { computed, makeObservable, observable } from "mobx";
+import { observer } from "mobx-react";
+import { Link } from "react-router-dom";
+import { iter, stopPropagation } from "../../utils";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { Select } from "../select";
+import { Icon } from "../icon";
+import { KubeObjectAge } from "../kube-object/age";
+import { TabLayout } from "../layout/tab-layout-2";
+import type { PageParam } from "../../navigation/page-param";
+import type { CustomResourceDefinitionStore } from "./definition.store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import crdGroupsUrlParamInjectable from "./crd-groups-url-param.injectable";
+import customResourceDefinitionStoreInjectable from "./definition.store.injectable";
+
+enum columnId {
+  kind = "kind",
+  group = "group",
+  version = "version",
+  scope = "scope",
+  age = "age",
+}
+
+interface Dependencies {
+  crdGroupsUrlParam: PageParam<string[]>;
+  customResourceDefinitionStore: CustomResourceDefinitionStore;
+}
+
+@observer
+class NonInjectedCustomResourceDefinitions extends React.Component<Dependencies> {
+  private readonly selectedGroups = observable.set(this.props.crdGroupsUrlParam.get());
+
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed get items() {
+    if (this.selectedGroups.size) {
+      return this.props.customResourceDefinitionStore.items.filter(item => this.selectedGroups.has(item.getGroup()));
+    }
+
+    return this.props.customResourceDefinitionStore.items; // show all by default
+  }
+
+  @computed get groupSelectOptions() {
+    return Object.keys(this.props.customResourceDefinitionStore.groups)
+      .map(group => ({
+        value: group,
+        label: group,
+        isSelected: this.selectedGroups.has(group),
+      }));
+  }
+
+  toggleSelection = (options: readonly ({ value: string })[]) => {
+    const groups = options.map(({ value }) => value);
+
+    this.selectedGroups.replace(groups);
+    this.props.crdGroupsUrlParam.set(groups);
+  };
+
+  private getPlaceholder() {
+    if (this.selectedGroups.size === 0)  {
+      return "All groups";
+    }
+
+    const prefix = this.selectedGroups.size === 1
+      ? "Group"
+      : "Groups";
+
+    return `${prefix}: ${iter.join(this.selectedGroups.values(), ", ")}`;
+  }
+
+  render() {
+    return (
+      <TabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="crd"
+          className="CrdList"
+          store={this.props.customResourceDefinitionStore}
+          // Don't subscribe the `customResourceDefinitionStore` because <Sidebar> already has and is always mounted
+          subscribeStores={false}
+          items={this.items}
+          sortingCallbacks={{
+            [columnId.kind]: crd => crd.getResourceKind(),
+            [columnId.group]: crd => crd.getGroup(),
+            [columnId.version]: crd => crd.getVersion(),
+            [columnId.scope]: crd => crd.getScope(),
+            [columnId.age]: crd => -crd.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            crd => crd.getResourceKind(),
+            crd => crd.getGroup(),
+            crd => crd.getVersion(),
+            crd => crd.getScope(),
+            crd => -crd.getCreationTimestamp(),
+          ]}
+          renderHeaderTitle="Custom Resources"
+          customizeHeader={({ filters, ...headerPlaceholders }) => ({
+            // todo: move to global filters
+            filters: (
+              <>
+                {filters}
+                <Select
+                  id="crd-input"
+                  className="group-select"
+                  placeholder={this.getPlaceholder()}
+                  options={this.groupSelectOptions}
+                  onChange={this.toggleSelection}
+                  closeMenuOnSelect={false}
+                  controlShouldRenderValue={false}
+                  isMulti={true}
+                  formatOptionLabel={({ value, isSelected }) => (
+                    <div className="flex gaps align-center">
+                      <Icon small material="folder" />
+                      <span>{value}</span>
+                      {isSelected && (
+                        <Icon
+                          small
+                          material="check"
+                          className="box right"
+                        />
+                      )}
+                    </div>
+                  )}
+                />
+              </>
+            ),
+            ...headerPlaceholders,
+          })}
+          renderTableHeader={[
+            { title: "Resource", className: "kind", sortBy: columnId.kind, id: columnId.kind },
+            { title: "Group", className: "group", sortBy: columnId.group, id: columnId.group },
+            { title: "Version", className: "version", sortBy: columnId.version, id: columnId.version },
+            { title: "Scope", className: "scope", sortBy: columnId.scope, id: columnId.scope },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={crd => [
+            <Link
+              key="link"
+              to={crd.getResourceUrl()}
+              onClick={stopPropagation}
+            >
+              {crd.getResourceKind()}
+            </Link>,
+            crd.getGroup(),
+            crd.getVersion(),
+            crd.getScope(),
+            <KubeObjectAge key="age" object={crd} />,
+          ]}
+        />
+      </TabLayout>
+    );
+  }
+}
+
+export const CustomResourceDefinitions = withInjectables<Dependencies>(NonInjectedCustomResourceDefinitions, {
+  getProps: (di, props) => ({
+    ...props,
+    crdGroupsUrlParam: di.inject(crdGroupsUrlParamInjectable),
+    customResourceDefinitionStore: di.inject(customResourceDefinitionStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-resource-details.scss b/packages/core/src/renderer/components/+custom-resources/crd-resource-details.scss
new file mode 100644
index 0000000000..d9e9e6d449
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-resource-details.scss
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.CrdResourceDetails {
+  .status {
+    .ready {
+      color: white;
+      background-color: var(--colorOk);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-resource-details.tsx b/packages/core/src/renderer/components/+custom-resources/crd-resource-details.tsx
new file mode 100644
index 0000000000..149812f663
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-resource-details.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 "./crd-resource-details.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { cssNames } from "../../utils";
+import { Badge } from "../badge";
+import { DrawerItem } from "../drawer";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+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 { safeJSONPathValue } from "../../utils/jsonPath";
+import type { KubeObjectMetadata, KubeObjectStatus } from "../../../common/k8s-api/kube-object";
+import { KubeObject } from "../../../common/k8s-api/kube-object";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface CustomResourceDetailsProps extends KubeObjectDetailsProps<KubeObject> {
+  crd?: CustomResourceDefinition;
+}
+
+function convertSpecValue(value: unknown): React.ReactNode {
+  if (Array.isArray(value)) {
+    return (
+      <ul>
+        {value.map((value, index) => (
+          <li key={index}>
+            {convertSpecValue(value)}
+          </li>
+        ))}
+      </ul>
+    );
+  }
+
+  if (typeof value === "object") {
+    return (
+      <Input
+        readOnly
+        multiLine
+        theme="round-black"
+        className="box grow"
+        value={JSON.stringify(value, null, 2)}
+      />
+    );
+  }
+
+  if (
+    typeof value === "boolean"
+    || typeof value === "string"
+    || typeof value === "number"
+  ) {
+    return value.toString();
+  }
+
+  return null;
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedCustomResourceDetails extends React.Component<CustomResourceDetailsProps & Dependencies> {
+  renderAdditionalColumns(resource: KubeObject, columns: AdditionalPrinterColumnsV1[]) {
+    return columns.map(({ name, jsonPath }) => (
+      <DrawerItem key={name} name={name}>
+        {convertSpecValue(safeJSONPathValue(resource, jsonPath))}
+      </DrawerItem>
+    ));
+  }
+
+  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) {
+      return null;
+    }
+
+    const conditions = customResource.status?.conditions
+      ?.filter(({ type, reason }) => type || reason)
+      .map(({ type, reason, message, status }) => ({
+        kind: type || reason || "<unknown>",
+        message,
+        status,
+      }))
+      .map(({ kind, message, status }, index) => (
+        <Badge
+          key={kind + index}
+          label={kind}
+          disabled={status === "False"}
+          className={kind.toLowerCase()}
+          tooltip={message}
+        />
+      ));
+
+    return (
+      <DrawerItem
+        name="Status"
+        className="status"
+        labelsOnly
+      >
+        {conditions}
+      </DrawerItem>
+    );
+  }
+
+  render() {
+    const { props: { object, crd, logger }} = this;
+
+    if (!object || !crd) {
+      return null;
+    }
+
+    if (!(object instanceof KubeObject)) {
+      logger.error("[CrdResourceDetails]: passed object that is not an instanceof KubeObject", object);
+
+      return null;
+    }
+
+    if (!(crd instanceof CustomResourceDefinition)) {
+      logger.error("[CrdResourceDetails]: passed crd that is not an instanceof CustomResourceDefinition", crd);
+
+      return null;
+    }
+
+    const extraColumns = crd.getPrinterColumns();
+
+    return (
+      <div className={cssNames("CrdResourceDetails", crd.getResourceKind())}>
+        {this.renderAdditionalColumns(object, extraColumns)}
+        {this.renderStatus(object, extraColumns)}
+      </div>
+    );
+  }
+}
+
+export const CustomResourceDetails = withInjectables<Dependencies, CustomResourceDetailsProps>(NonInjectedCustomResourceDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-resources.scss b/packages/core/src/renderer/components/+custom-resources/crd-resources.scss
new file mode 100644
index 0000000000..3b217a77bf
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-resources.scss
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.CrdResources {
+  a.filterNamespace {
+    border-bottom: unset;
+  }
+}
diff --git a/packages/core/src/renderer/components/+custom-resources/crd-resources.tsx b/packages/core/src/renderer/components/+custom-resources/crd-resources.tsx
new file mode 100644
index 0000000000..51ecd656ae
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd-resources.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 "./crd-resources.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import type { IComputedValue } from "mobx";
+import { computed, makeObservable } from "mobx";
+import type { ApiManager } from "../../../common/k8s-api/api-manager";
+import { formatJSONValue, safeJSONPathValue } from "../../utils/jsonPath";
+import { TabLayout } from "../layout/tab-layout-2";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import customResourcesRouteParametersInjectable from "./custom-resources-route-parameters.injectable";
+import { KubeObjectAge } from "../kube-object/age";
+import type { CustomResourceDefinitionStore } from "./definition.store";
+import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
+import customResourceDefinitionStoreInjectable from "./definition.store.injectable";
+import { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  age = "age",
+}
+
+interface Dependencies {
+  group: IComputedValue<string>;
+  name: IComputedValue<string>;
+  apiManager: ApiManager;
+  customResourceDefinitionStore: CustomResourceDefinitionStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedCustomResources extends React.Component<Dependencies> {
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed get crd() {
+    return this.props.customResourceDefinitionStore.getByGroup(this.props.group.get(), this.props.name.get());
+  }
+
+  @computed get store() {
+    return this.props.apiManager.getStore(this.crd?.getResourceApiBase());
+  }
+
+  render() {
+    const { crd, store } = this;
+
+    if (!crd || !store) {
+      return null;
+    }
+
+    const isNamespaced = crd.isNamespaced();
+    const extraColumns = crd.getPrinterColumns(false);  // Cols with priority bigger than 0 are shown in details
+    const version = crd.getPreferedVersion();
+
+    return (
+      <TabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          key={`crd_resources_${crd.getResourceApiBase()}`}
+          tableId="crd_resources"
+          className="CrdResources"
+          store={store}
+          sortingCallbacks={{
+            [columnId.name]: customResource => customResource.getName(),
+            [columnId.namespace]: customResource => customResource.getNs(),
+            [columnId.age]: customResource => -customResource.getCreationTimestamp(),
+            ...Object.fromEntries(extraColumns.map(({ name, jsonPath }) => [
+              name,
+              customResource => formatJSONValue(safeJSONPathValue(customResource, jsonPath)),
+            ])),
+          }}
+          searchFilters={[
+            customResource => customResource.getSearchFields(),
+          ]}
+          renderHeaderTitle={crd.getResourceKind()}
+          customizeHeader={({ searchProps, ...headerPlaceholders }) => ({
+            searchProps: {
+              ...searchProps,
+              placeholder: `${crd.getResourceKind()} search ...`,
+            },
+            ...headerPlaceholders,
+          })}
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            isNamespaced
+              ? { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace }
+              : undefined,
+            ...extraColumns.map(({ name }) => ({
+              title: name,
+              className: name.toLowerCase(),
+              sortBy: name,
+              id: name,
+            })),
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={customResource => [
+            customResource.getName(),
+            isNamespaced && (
+              <a
+                key="namespace"
+                className="filterNamespace"
+                onClick={prevDefault(() => this.props.filterByNamespace(customResource.getNs() as string))}
+              >
+                {customResource.getNs()}
+              </a>
+            ),
+            ...extraColumns.map((column) => safeJSONPathValue(customResource, column.jsonPath)),
+            <KubeObjectAge key="age" object={customResource} />,
+          ]}
+          failedToLoadMessage={(
+            <>
+              <p>
+                {`Failed to load ${crd.getPluralName()}`}
+              </p>
+              {!version.served && (
+                <p>
+                  {`Prefered version (${crd.getGroup()}/${version.name}) is not served`}
+                </p>
+              )}
+            </>
+          )}
+        />
+      </TabLayout>
+    );
+  }
+}
+
+export const CustomResources = withInjectables<Dependencies>(NonInjectedCustomResources, {
+  getProps: (di) => ({
+    ...di.inject(customResourcesRouteParametersInjectable),
+    apiManager: di.inject(apiManagerInjectable),
+    customResourceDefinitionStore: di.inject(customResourceDefinitionStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+custom-resources/crd.mixins.scss b/packages/core/src/renderer/components/+custom-resources/crd.mixins.scss
new file mode 100644
index 0000000000..12be7350da
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/crd.mixins.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// CRD conditions from here https://github.com/kubernetes/apiextensions-apiserver/blob/master/pkg/apis/apiextensions/types.go
+$crd-condition-colors: (
+  Established: var(--colorSuccess),
+  NamesAccepted: var(--colorOk),
+  NonStructuralSchema: var(--colorError),
+  Terminating: var(--colorTerminated),
+  KubernetesAPIApprovalPolicyConformant: var(--colorWarning)
+);
+
+@mixin crd-condition-bgc {
+  @each $status, $color in $crd-condition-colors {
+    .#{$status} {
+      background: $color;
+      color: white;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+custom-resources/custom-resource-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+custom-resources/custom-resource-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..973a0756e6
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/custom-resource-sidebar-items.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { noop } from "lodash/fp";
+import { computed } from "mobx";
+import type { SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import { Icon } from "../icon";
+import React from "react";
+import crdListRouteInjectable from "../../../common/front-end-routing/routes/cluster/custom-resources/crd-list/crd-list-route.injectable";
+import sidebarItemsForDefinitionGroupsInjectable from "./sidebar-items-for-definition-groups.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToCrdListInjectable from "../../../common/front-end-routing/routes/cluster/custom-resources/crd-list/navigate-to-crd-list.injectable";
+
+const customResourceSidebarItemsInjectable = getInjectable({
+  id: "custom-resource-sidebar-items",
+
+  instantiate: (di) => {
+    const navigateToCrdList = di.inject(navigateToCrdListInjectable);
+    const crdListRoute = di.inject(crdListRouteInjectable);
+    const crdListRouteIsActive = di.inject(routeIsActiveInjectable, crdListRoute);
+    const definitionGroupSidebarItems = di.inject(sidebarItemsForDefinitionGroupsInjectable);
+
+    return computed((): SidebarItemRegistration[] => {
+      const definitionsItem = {
+        id: "definitions",
+        parentId: "custom-resources",
+        title: "Definitions",
+        onClick: navigateToCrdList,
+        isActive: crdListRouteIsActive,
+        isVisible: crdListRoute.isEnabled,
+        orderNumber: 10,
+      };
+
+      const childrenAndGrandChildren = computed(() => [
+        definitionsItem,
+        ...definitionGroupSidebarItems.get(),
+      ]);
+
+      const parentItem: SidebarItemRegistration = {
+        id: "custom-resources",
+        parentId: null,
+        title: "Custom Resources",
+        getIcon: () => <Icon material="extension" />,
+        onClick: noop,
+        isVisible: computed(() => childrenAndGrandChildren.get().some(item => item.isVisible?.get())),
+        orderNumber: 110,
+      };
+
+      return [parentItem, definitionsItem, ...definitionGroupSidebarItems.get()];
+    });
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default customResourceSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+custom-resources/custom-resources-route-component.injectable.ts b/packages/core/src/renderer/components/+custom-resources/custom-resources-route-component.injectable.ts
new file mode 100644
index 0000000000..b31c5577d4
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/custom-resources-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 { CustomResources } from "./crd-resources";
+import customResourcesRouteInjectable from "../../../common/front-end-routing/routes/cluster/custom-resources/custom-resources/custom-resources-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const customResourcesRouteComponentInjectable = getInjectable({
+  id: "custom-resources-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(customResourcesRouteInjectable),
+    Component: CustomResources,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default customResourcesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+custom-resources/custom-resources-route-parameters.injectable.ts b/packages/core/src/renderer/components/+custom-resources/custom-resources-route-parameters.injectable.ts
new file mode 100644
index 0000000000..2debbe85bd
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/custom-resources-route-parameters.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 routePathParametersInjectable from "../../routes/route-path-parameters.injectable";
+import customResourcesRouteInjectable from "../../../common/front-end-routing/routes/cluster/custom-resources/custom-resources/custom-resources-route.injectable";
+
+const customResourcesRouteParametersInjectable = getInjectable({
+  id: "custom-resources-route-parameters",
+
+  instantiate: (di) => {
+    const route = di.inject(customResourcesRouteInjectable);
+    const pathParameters = di.inject(routePathParametersInjectable, route);
+
+    return {
+      group: computed(() => pathParameters.get().group),
+      name: computed(() => pathParameters.get().name),
+    };
+  },
+});
+
+export default customResourcesRouteParametersInjectable;
diff --git a/packages/core/src/renderer/components/+custom-resources/custom-resources.injectable.ts b/packages/core/src/renderer/components/+custom-resources/custom-resources.injectable.ts
new file mode 100644
index 0000000000..2a9ee55927
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/custom-resources.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 storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import customResourceDefinitionStoreInjectable from "./definition.store.injectable";
+
+const customResourceDefinitionsInjectable = getInjectable({
+  id: "custom-resource-definitions",
+
+  instantiate: (di) => {
+    const createStoresAndApis = di.inject(storesAndApisCanBeCreatedInjectable);
+
+    if (!createStoresAndApis) {
+      return computed(() => []);
+    }
+
+    const store = di.inject(customResourceDefinitionStoreInjectable);
+    const subscribeStores = di.inject(subscribeStoresInjectable);
+
+    subscribeStores([store]);
+
+    return computed(() => [...store.items]);
+  },
+});
+
+export default customResourceDefinitionsInjectable;
diff --git a/packages/core/src/renderer/components/+custom-resources/definition.store.injectable.ts b/packages/core/src/renderer/components/+custom-resources/definition.store.injectable.ts
new file mode 100644
index 0000000000..47c7652f8b
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/definition.store.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 assert from "assert";
+import autoRegistrationEmitterInjectable from "../../../common/k8s-api/api-manager/auto-registration-emitter.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import customResourceDefinitionApiInjectable from "../../../common/k8s-api/endpoints/custom-resource-definition.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { CustomResourceDefinitionStore } from "./definition.store";
+
+const customResourceDefinitionStoreInjectable = getInjectable({
+  id: "custom-resource-definition-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "customResourceDefinitionStore is only available in certain environments");
+
+    const api = di.inject(customResourceDefinitionApiInjectable);
+
+    return new CustomResourceDefinitionStore({
+      autoRegistration: di.inject(autoRegistrationEmitterInjectable),
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default customResourceDefinitionStoreInjectable;
diff --git a/packages/core/src/renderer/components/+custom-resources/definition.store.ts b/packages/core/src/renderer/components/+custom-resources/definition.store.ts
new file mode 100644
index 0000000000..bef5c2323e
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/definition.store.ts
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { computed, reaction, makeObservable } from "mobx";
+import type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import { autoBind } from "../../utils";
+import type { CustomResourceDefinition, CustomResourceDefinitionApi } from "../../../common/k8s-api/endpoints/custom-resource-definition.api";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import type TypedEventEmitter from "typed-emitter";
+import type { LegacyAutoRegistration } from "../../../common/k8s-api/api-manager/auto-registration-emitter.injectable";
+
+export interface CustomResourceDefinitionStoreDependencies extends KubeObjectStoreDependencies {
+  readonly autoRegistration: TypedEventEmitter<LegacyAutoRegistration>;
+}
+
+export class CustomResourceDefinitionStore extends KubeObjectStore<CustomResourceDefinition, CustomResourceDefinitionApi> {
+  constructor(
+    protected readonly dependencies: CustomResourceDefinitionStoreDependencies,
+    api: CustomResourceDefinitionApi,
+    opts?: KubeObjectStoreOptions,
+  ) {
+    super(dependencies, api, opts);
+    makeObservable(this);
+    autoBind(this);
+
+    reaction(
+      () => this.getItems(),
+      crds => {
+        for (const crd of crds) {
+          this.dependencies.autoRegistration.emit("customResourceDefinition", crd);
+        }
+      },
+    );
+  }
+
+  protected sortItems(items: CustomResourceDefinition[]) {
+    return super.sortItems(items, [
+      crd => crd.getGroup(),
+      crd => crd.getName(),
+    ]);
+  }
+
+  @computed get groups() {
+    const groups: Record<string, CustomResourceDefinition[]> = {};
+
+    for (const crd of this.items) {
+      (groups[crd.getGroup()] ??= []).push(crd);
+    }
+
+    return groups;
+  }
+
+  getByGroup(group: string, pluralName: string) {
+    return this.groups[group]?.find(crd => crd.getPluralName() === pluralName);
+  }
+
+  getByObject(obj: KubeObject) {
+    const { kind, apiVersion } = obj;
+
+    return this.items.find(crd => (
+      kind === crd.getResourceKind() && apiVersion === `${crd.getGroup()}/${crd.getVersion()}`
+    ));
+  }
+}
diff --git a/packages/core/src/renderer/components/+custom-resources/index.ts b/packages/core/src/renderer/components/+custom-resources/index.ts
new file mode 100644
index 0000000000..b08e5e8eb9
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/index.ts
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./crd-list";
+export * from "./crd-details";
+export * from "./crd-resources";
+export * from "./crd-resource-details";
diff --git a/packages/core/src/renderer/components/+custom-resources/sidebar-items-for-definition-groups.injectable.ts b/packages/core/src/renderer/components/+custom-resources/sidebar-items-for-definition-groups.injectable.ts
new file mode 100644
index 0000000000..895df08dc4
--- /dev/null
+++ b/packages/core/src/renderer/components/+custom-resources/sidebar-items-for-definition-groups.injectable.ts
@@ -0,0 +1,81 @@
+/**
+ * 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 crdListRouteInjectable from "../../../common/front-end-routing/routes/cluster/custom-resources/crd-list/crd-list-route.injectable";
+import customResourceDefinitionsInjectable from "./custom-resources.injectable";
+import { groupBy, matches, noop, some, toPairs } from "lodash/fp";
+import customResourcesRouteInjectable from "../../../common/front-end-routing/routes/cluster/custom-resources/custom-resources/custom-resources-route.injectable";
+import type { SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToCustomResourcesInjectable from "../../../common/front-end-routing/routes/cluster/custom-resources/custom-resources/navigate-to-custom-resources.injectable";
+import routePathParametersInjectable from "../../routes/route-path-parameters.injectable";
+
+const sidebarItemsForDefinitionGroupsInjectable = getInjectable({
+  id: "sidebar-items-for-definition-groups",
+
+  instantiate: (di) => {
+    const customResourceDefinitions = di.inject(
+      customResourceDefinitionsInjectable,
+    );
+
+    const crdRoute = di.inject(customResourcesRouteInjectable);
+    const crdRouteIsActive = di.inject(routeIsActiveInjectable, crdRoute);
+    const crdListRoute = di.inject(crdListRouteInjectable);
+    const pathParameters = di.inject(routePathParametersInjectable, crdRoute);
+    const navigateToCustomResources = di.inject(navigateToCustomResourcesInjectable);
+
+    return computed((): SidebarItemRegistration[] => {
+      const definitions = customResourceDefinitions.get();
+
+      const groupedCrds = toPairs(
+        groupBy((crd) => crd.getGroup(), definitions),
+      );
+
+      return groupedCrds.flatMap(([group, definitions]) => {
+        const childItems = definitions.map((crd) => {
+          const title = crd.getResourceKind();
+
+          const crdPathParameters = {
+            group: crd.getGroup(),
+            name: crd.getPluralName(),
+          };
+
+          return {
+            id: `custom-resource-definition-group-${group}-crd-${crd.getId()}`,
+            parentId: `custom-resource-definition-group-${group}`,
+            title,
+
+            onClick: () => navigateToCustomResources(crdPathParameters),
+
+            isActive: computed(
+              () =>
+                crdRouteIsActive.get() &&
+                matches(crdPathParameters, pathParameters.get()),
+            ),
+
+            isVisible: crdListRoute.isEnabled,
+            orderNumber: 10,
+          };
+        });
+
+        return [
+          {
+            id: `custom-resource-definition-group-${group}`,
+            parentId: "custom-resources",
+            title: group,
+            onClick: noop,
+            isVisible: computed(() => some(item => item.isVisible.get(), childItems)),
+            orderNumber: 10,
+          },
+
+          ...childItems,
+        ];
+      });
+    });
+  },
+});
+
+export default sidebarItemsForDefinitionGroupsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/active-tabs.injectable.ts b/packages/core/src/renderer/components/+entity-settings/active-tabs.injectable.ts
new file mode 100644
index 0000000000..82f8ad6985
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/active-tabs.injectable.ts
@@ -0,0 +1,79 @@
+/**
+ * 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 { action } from "mobx";
+import { byOrderNumber } from "../../../common/utils/composable-responsibilities/orderable/orderable";
+import type { CatalogEntity } from "../../api/catalog-entity";
+import observableHistoryInjectable from "../../navigation/observable-history.injectable";
+import type { RegisteredEntitySetting } from "./extension-registrator.injectable";
+import catalogEntitySettingItemsInjectable from "./settings.injectable";
+
+export interface SettingTabs {
+  title: string;
+  id: string;
+}
+
+export interface SettingGroup {
+  title: string;
+  tabs: SettingTabs[];
+}
+
+export interface ActiveEntitySettingDetails {
+  tabId: string | undefined;
+  setting: RegisteredEntitySetting | undefined;
+  groups: SettingGroup[];
+}
+
+export interface ActiveEntitySettings {
+  get: () => ActiveEntitySettingDetails;
+  set: (tabId: string) => void;
+}
+
+const settingsGroup = "Settings";
+const defaultExtensionsGroup = "Extensions";
+
+const getSettingGroups = (items: RegisteredEntitySetting[]): SettingGroup[] => {
+  const groupNames = new Set(items.map(({ group }) => group));
+  const titles = [...groupNames].sort((left, right) => {
+    if (left === settingsGroup) return -1;
+    if (left === defaultExtensionsGroup) return 1;
+
+    return left <= right ? -1 : 1;
+  });
+
+  return titles.map(title => ({
+    title,
+    tabs: items
+      .filter(({ group }) => group === title)
+      .sort(byOrderNumber),
+  }));
+};
+
+const activeEntitySettingsTabInjectable = getInjectable({
+  id: "active-entity-settings-tab",
+  instantiate: (di, entity): ActiveEntitySettings => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+    const items = di.inject(catalogEntitySettingItemsInjectable, entity);
+
+    return {
+      get: () => {
+        const defaultTabId = items.get()[0]?.id;
+        const tabId = observableHistory.location.hash.slice(1) || defaultTabId;
+        const setting = items.get().find(({ id }) => id === tabId);
+        const groups = getSettingGroups(items.get());
+
+        return { tabId, setting, groups };
+      },
+      set: action((tabId) => {
+        observableHistory.merge({ hash: tabId }, true);
+      }),
+    };
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, entity: CatalogEntity) => `${entity.apiVersion}/${entity.kind}[${entity.metadata.source ?? ""}]`,
+  }),
+});
+
+export default activeEntitySettingsTabInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/current-entity.injectable.ts b/packages/core/src/renderer/components/+entity-settings/current-entity.injectable.ts
new file mode 100644
index 0000000000..fded6d096a
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/current-entity.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 catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
+import entitySettingsRouteParametersInjectable from "./route-parameters.injectable";
+
+const currentCatalogEntityForSettingsInjectable = getInjectable({
+  id: "current-catalog-entity-for-settings",
+  instantiate: (di) => {
+    const { entityId } = di.inject(entitySettingsRouteParametersInjectable);
+    const catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+
+    return computed(() => catalogEntityRegistry.getById(entityId.get()));
+  },
+});
+
+export default currentCatalogEntityForSettingsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/entity-settings.module.scss b/packages/core/src/renderer/components/+entity-settings/entity-settings.module.scss
new file mode 100644
index 0000000000..f8aef3385f
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/entity-settings.module.scss
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.entityName {
+  @apply font-bold overflow-hidden;
+  word-break: break-word;
+  color: var(--textColorAccent);
+  display: -webkit-box;
+  /* Simulate text-overflow:ellipsis styles but for multiple text lines */
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.settingsAvatar {
+  margin: 0 10px;
+}
+
+.avatarAndName {
+  display: flex;
+  align-items: center;
+  margin-bottom: var(--margin);
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/+entity-settings/entity-settings.tsx b/packages/core/src/renderer/components/+entity-settings/entity-settings.tsx
new file mode 100644
index 0000000000..8b7fd9f4ce
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/entity-settings.tsx
@@ -0,0 +1,135 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./entity-settings.module.scss";
+
+import React from "react";
+import type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import { Tabs, Tab } from "../tabs";
+import type { CatalogEntity } from "../../api/catalog-entity";
+import { SettingLayout } from "../layout/setting-layout";
+import { Avatar } from "../avatar";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import currentCatalogEntityForSettingsInjectable from "./current-entity.injectable";
+import type { ActiveEntitySettings } from "./active-tabs.injectable";
+import activeEntitySettingsTabInjectable from "./active-tabs.injectable";
+
+interface Dependencies {
+  entity: IComputedValue<CatalogEntity | undefined>;
+}
+
+const NonInjectedEntitySettings = observer((props: Dependencies) => {
+  const entity = props.entity.get();
+
+  if (!entity) {
+    return null;
+  }
+
+  return <CatalogEntitySettings entity={entity} />;
+});
+
+export const EntitySettingsRouteComponent = withInjectables<Dependencies>(NonInjectedEntitySettings, {
+  getProps: (di) => ({
+    entity: di.inject(currentCatalogEntityForSettingsInjectable),
+  }),
+});
+
+interface CatalogEntitySettingsProps {
+  entity: CatalogEntity;
+}
+
+interface CatalogEntitySettingsDeps {
+  activeEntitySettingsTab: ActiveEntitySettings;
+}
+
+const NonInjectedCatalogEntitySettings = observer((props: CatalogEntitySettingsProps & CatalogEntitySettingsDeps) => {
+  const {
+    activeEntitySettingsTab,
+    entity,
+  } = props;
+  const { tabId, setting, groups } = activeEntitySettingsTab.get();
+
+  const renderNavigation = () => (
+    <>
+      <div className={styles.avatarAndName}>
+        <Avatar
+          title={entity.getName()}
+          colorHash={`${entity.getName()}-${entity.metadata.source}`}
+          src={entity.spec.icon?.src}
+          className={styles.settingsAvatar}
+          size={40}
+        />
+        <div className={styles.entityName}>
+          {entity.getName()}
+        </div>
+      </div>
+      <Tabs
+        className="flex column"
+        scrollable={ false }
+        onChange={activeEntitySettingsTab.set}
+        value={tabId}
+      >
+        {
+          groups.map(({ tabs, title }) => (
+            <React.Fragment key={title}>
+              <hr />
+              <div className="header">{title}</div>
+              {
+                tabs.map((setting) => (
+                  <Tab
+                    key={setting.id}
+                    value={setting.id}
+                    label={setting.title}
+                    data-testid={`${setting.id}-tab`}
+                  />
+                ))
+              }
+            </React.Fragment>
+          ))
+        }
+      </Tabs>
+    </>
+  );
+
+  return (
+    <SettingLayout
+      navigation={renderNavigation()}
+      contentGaps={false}
+      data-testid="entity-settings"
+    >
+      {
+        tabId && setting
+          ? (
+            <section>
+              <h2 data-testid={`${tabId}-header`}>{setting.title}</h2>
+              <section>
+                <setting.components.View entity={entity} />
+              </section>
+            </section>
+          )
+          : (
+            <div
+              className="flex items-center"
+              data-preference-page-does-not-exist-test={true}
+            >
+              No settings found for
+              {" "}
+              {entity.apiVersion}
+              /
+              {entity.kind}
+            </div>
+          )
+      }
+    </SettingLayout>
+  );
+});
+
+const CatalogEntitySettings = withInjectables<CatalogEntitySettingsDeps, CatalogEntitySettingsProps>(NonInjectedCatalogEntitySettings, {
+  getProps: (di, props) => ({
+    ...props,
+    activeEntitySettingsTab: di.inject(activeEntitySettingsTabInjectable, props.entity),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+entity-settings/extension-registrator.injectable.ts b/packages/core/src/renderer/components/+entity-settings/extension-registrator.injectable.ts
new file mode 100644
index 0000000000..19187d921d
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/extension-registrator.injectable.ts
@@ -0,0 +1,75 @@
+/**
+ * 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 type { CatalogEntity } from "../../api/catalog-entity";
+import { entitySettingInjectionToken } from "./token";
+
+export interface EntitySettingViewProps {
+  entity: CatalogEntity;
+}
+
+export interface EntitySettingComponents {
+  View: React.ComponentType<EntitySettingViewProps>;
+}
+
+export interface EntitySettingRegistration {
+  apiVersions: string[];
+  kind: string;
+  title: string;
+  components: EntitySettingComponents;
+  source?: string;
+  id?: string;
+  priority?: number;
+  group?: string;
+}
+
+export interface RegisteredEntitySetting {
+  id: string;
+  orderNumber: number;
+  apiVersions: Set<string>;
+  kind: string;
+  title: string;
+  components: EntitySettingComponents;
+  source?: string;
+  group: string;
+}
+
+const entitySettingExtensionRegistratorInjectable = getInjectable({
+  id: "entity-setting-extension-registrator",
+  instantiate: () => (ext) => {
+    const extension = ext as LensRendererExtension;
+
+    return extension.entitySettings.map(getInjectableForEntitySettingRegistrationFor(extension));
+  },
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default entitySettingExtensionRegistratorInjectable;
+
+const getInjectableForEntitySettingRegistrationFor = (extension: LensRendererExtension) => ({
+  apiVersions,
+  components,
+  kind,
+  title,
+  group = "Extensions",
+  id = title.toLowerCase(),
+  priority,
+  source,
+}: EntitySettingRegistration) => getInjectable({
+  id: `${extension.manifest.name}:${group}/${kind}:${id}`,
+  instantiate: () => ({
+    apiVersions: new Set(apiVersions),
+    components,
+    id,
+    kind,
+    orderNumber: priority ?? 50,
+    title,
+    group,
+    source,
+  }),
+  injectionToken: entitySettingInjectionToken,
+});
diff --git a/packages/core/src/renderer/components/+entity-settings/has-settings.injectable.ts b/packages/core/src/renderer/components/+entity-settings/has-settings.injectable.ts
new file mode 100644
index 0000000000..5e8d2ad5b6
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/has-settings.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 type { CatalogEntity } from "../../api/catalog-entity";
+import catalogEntitySettingItemsInjectable from "./settings.injectable";
+
+export type HasCatalogEntitySettingItems = (entity: CatalogEntity) => boolean;
+
+const hasCatalogEntitySettingItemsInjectable = getInjectable({
+  id: "has-catalog-entity-setting-items",
+  instantiate: (di): HasCatalogEntitySettingItems => (entity) => {
+    const items = di.inject(catalogEntitySettingItemsInjectable, entity);
+
+    return items.get().length > 0;
+  },
+});
+
+export default hasCatalogEntitySettingItemsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/index.ts b/packages/core/src/renderer/components/+entity-settings/index.ts
new file mode 100644
index 0000000000..aeab50e325
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./entity-settings";
diff --git a/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/general-settings.injectable.tsx b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/general-settings.injectable.tsx
new file mode 100644
index 0000000000..059f8c15eb
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/general-settings.injectable.tsx
@@ -0,0 +1,71 @@
+/**
+ * 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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { KubernetesCluster } from "../../../../common/catalog-entities";
+import type { GetClusterById } from "../../../../common/cluster-store/get-by-id.injectable";
+import getClusterByIdInjectable from "../../../../common/cluster-store/get-by-id.injectable";
+import { ClusterIconSetting } from "../../cluster-settings/icon-settings";
+import { ClusterKubeconfig } from "../../cluster-settings/kubeconfig";
+import { ClusterNameSetting } from "../../cluster-settings/name-setting";
+import type { EntitySettingViewProps } from "../extension-registrator.injectable";
+import { entitySettingInjectionToken } from "../token";
+
+interface Dependencies {
+  getClusterById: GetClusterById;
+}
+
+function NonInjectedGeneralKubernetesClusterSettings({ entity, getClusterById }: EntitySettingViewProps & Dependencies) {
+  const cluster = getClusterById(entity.getId());
+
+  if (!cluster) {
+    return null;
+  }
+
+  return (
+    <section>
+      <section>
+        <div className="flex">
+          <div className="flex-grow pr-8">
+            <ClusterNameSetting cluster={cluster} entity={entity as KubernetesCluster} />
+          </div>
+          <div>
+            <ClusterIconSetting cluster={cluster} entity={entity as KubernetesCluster} />
+          </div>
+        </div>
+      </section>
+      <section className="small">
+        <ClusterKubeconfig cluster={cluster} />
+      </section>
+    </section>
+  );
+}
+
+const GeneralKubernetesClusterSettings = withInjectables<Dependencies, EntitySettingViewProps>(NonInjectedGeneralKubernetesClusterSettings, {
+  getProps: (di, props) => ({
+    ...props,
+    getClusterById: di.inject(getClusterByIdInjectable),
+  }),
+});
+
+const generalKubernetesClusterEntitySettingsInjectable = getInjectable({
+  id: "general-kubernetes-cluster-entity-settings",
+  instantiate: () => ({
+    apiVersions: new Set(["entity.k8slens.dev/v1alpha1"]),
+    kind: "KubernetesCluster",
+    source: "local",
+    title: "General",
+    group: "Settings",
+    id: "general",
+    orderNumber: 0,
+    components: {
+      View: GeneralKubernetesClusterSettings,
+    },
+  }),
+  injectionToken: entitySettingInjectionToken,
+});
+
+export default generalKubernetesClusterEntitySettingsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/metrics-settings.injectable.tsx b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/metrics-settings.injectable.tsx
new file mode 100644
index 0000000000..1be5f7e78a
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/metrics-settings.injectable.tsx
@@ -0,0 +1,64 @@
+/**
+ * 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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { GetClusterById } from "../../../../common/cluster-store/get-by-id.injectable";
+import getClusterByIdInjectable from "../../../../common/cluster-store/get-by-id.injectable";
+import { ClusterMetricsSetting } from "../../cluster-settings/metrics-setting";
+import { ClusterPrometheusSetting } from "../../cluster-settings/prometheus-setting";
+import { ShowMetricsSetting } from "../../cluster-settings/show-metrics";
+import type { EntitySettingViewProps } from "../extension-registrator.injectable";
+import { entitySettingInjectionToken } from "../token";
+
+interface Dependencies {
+  getClusterById: GetClusterById;
+}
+
+function NonInjectedMetricsKubernetesClusterSettings({ entity, getClusterById }: EntitySettingViewProps & Dependencies) {
+  const cluster = getClusterById(entity.getId());
+
+  if (!cluster) {
+    return null;
+  }
+
+  return (
+    <section>
+      <section>
+        <ClusterPrometheusSetting cluster={cluster} />
+      </section>
+      <hr/>
+      <section>
+        <ClusterMetricsSetting cluster={cluster} />
+        <ShowMetricsSetting cluster={cluster} />
+      </section>
+    </section>
+  );
+}
+
+const MetricsKubernetesClusterSettings = withInjectables<Dependencies, EntitySettingViewProps>(NonInjectedMetricsKubernetesClusterSettings, {
+  getProps: (di, props) => ({
+    ...props,
+    getClusterById: di.inject(getClusterByIdInjectable),
+  }),
+});
+
+const metricsKubernetesClusterEntitySettingsInjectable = getInjectable({
+  id: "metrics-kubernetes-cluster-entity-settings",
+  instantiate: () => ({
+    apiVersions: new Set(["entity.k8slens.dev/v1alpha1"]),
+    kind: "KubernetesCluster",
+    title: "Metrics",
+    group: "Settings",
+    id: "metrics",
+    orderNumber: 40,
+    components: {
+      View: MetricsKubernetesClusterSettings,
+    },
+  }),
+  injectionToken: entitySettingInjectionToken,
+});
+
+export default metricsKubernetesClusterEntitySettingsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/namespace-settings.injectable.tsx b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/namespace-settings.injectable.tsx
new file mode 100644
index 0000000000..a7c86265b8
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/namespace-settings.injectable.tsx
@@ -0,0 +1,55 @@
+/**
+ * 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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { GetClusterById } from "../../../../common/cluster-store/get-by-id.injectable";
+import getClusterByIdInjectable from "../../../../common/cluster-store/get-by-id.injectable";
+import { ClusterAccessibleNamespaces } from "../../cluster-settings/accessible-namespaces";
+import type { EntitySettingViewProps } from "../extension-registrator.injectable";
+import { entitySettingInjectionToken } from "../token";
+
+interface Dependencies {
+  getClusterById: GetClusterById;
+}
+
+function NonInjectedNamespaceKubernetesClusterSettings({ entity, getClusterById }: EntitySettingViewProps & Dependencies) {
+  const cluster = getClusterById(entity.getId());
+
+  if (!cluster) {
+    return null;
+  }
+
+  return (
+    <section>
+      <ClusterAccessibleNamespaces cluster={cluster} />
+    </section>
+  );
+}
+
+const NamespaceKubernetesClusterSettings = withInjectables<Dependencies, EntitySettingViewProps>(NonInjectedNamespaceKubernetesClusterSettings, {
+  getProps: (di, props) => ({
+    ...props,
+    getClusterById: di.inject(getClusterByIdInjectable),
+  }),
+});
+
+const namespaceKubernetesClusterEntitySettingsInjectable = getInjectable({
+  id: "namespace-kubernetes-cluster-entity-settings",
+  instantiate: () => ({
+    apiVersions: new Set(["entity.k8slens.dev/v1alpha1"]),
+    kind: "KubernetesCluster",
+    title: "Namespace",
+    group: "Settings",
+    id: "namespace",
+    orderNumber: 30,
+    components: {
+      View: NamespaceKubernetesClusterSettings,
+    },
+  }),
+  injectionToken: entitySettingInjectionToken,
+});
+
+export default namespaceKubernetesClusterEntitySettingsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/node-shell-settings.injectable.tsx b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/node-shell-settings.injectable.tsx
new file mode 100644
index 0000000000..ff899095d6
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/node-shell-settings.injectable.tsx
@@ -0,0 +1,55 @@
+/**
+ * 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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { GetClusterById } from "../../../../common/cluster-store/get-by-id.injectable";
+import getClusterByIdInjectable from "../../../../common/cluster-store/get-by-id.injectable";
+import { ClusterNodeShellSetting } from "../../cluster-settings/node-shell-setting";
+import type { EntitySettingViewProps } from "../extension-registrator.injectable";
+import { entitySettingInjectionToken } from "../token";
+
+interface Dependencies {
+  getClusterById: GetClusterById;
+}
+
+function NonInjectedNodeShellKubernetesClusterSettings({ entity, getClusterById }: EntitySettingViewProps & Dependencies) {
+  const cluster = getClusterById(entity.getId());
+
+  if (!cluster) {
+    return null;
+  }
+
+  return (
+    <section>
+      <ClusterNodeShellSetting cluster={cluster} />
+    </section>
+  );
+}
+
+const NodeShellKubernetesClusterSettings = withInjectables<Dependencies, EntitySettingViewProps>(NonInjectedNodeShellKubernetesClusterSettings, {
+  getProps: (di, props) => ({
+    ...props,
+    getClusterById: di.inject(getClusterByIdInjectable),
+  }),
+});
+
+const nodeShellKubernetesClusterEntitySettingsInjectable = getInjectable({
+  id: "node-shell-kubernetes-cluster-entity-settings",
+  instantiate: () => ({
+    apiVersions: new Set(["entity.k8slens.dev/v1alpha1"]),
+    kind: "KubernetesCluster",
+    title: "Node Shell",
+    group: "Settings",
+    id: "node-shell",
+    orderNumber: 45,
+    components: {
+      View: NodeShellKubernetesClusterSettings,
+    },
+  }),
+  injectionToken: entitySettingInjectionToken,
+});
+
+export default nodeShellKubernetesClusterEntitySettingsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/proxy-settings.injectable.tsx b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/proxy-settings.injectable.tsx
new file mode 100644
index 0000000000..4479a04c2a
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/proxy-settings.injectable.tsx
@@ -0,0 +1,55 @@
+/**
+ * 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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { GetClusterById } from "../../../../common/cluster-store/get-by-id.injectable";
+import getClusterByIdInjectable from "../../../../common/cluster-store/get-by-id.injectable";
+import { ClusterProxySetting } from "../../cluster-settings/proxy-setting";
+import type { EntitySettingViewProps } from "../extension-registrator.injectable";
+import { entitySettingInjectionToken } from "../token";
+
+interface Dependencies {
+  getClusterById: GetClusterById;
+}
+
+function NonInjectedProxyKubernetesClusterSettings({ entity, getClusterById }: EntitySettingViewProps & Dependencies) {
+  const cluster = getClusterById(entity.getId());
+
+  if (!cluster) {
+    return null;
+  }
+
+  return (
+    <section>
+      <ClusterProxySetting cluster={cluster} />
+    </section>
+  );
+}
+
+const ProxyKubernetesClusterSettings = withInjectables<Dependencies, EntitySettingViewProps>(NonInjectedProxyKubernetesClusterSettings, {
+  getProps: (di, props) => ({
+    ...props,
+    getClusterById: di.inject(getClusterByIdInjectable),
+  }),
+});
+
+const proxyKubernetesClusterEntitySettingsInjectable = getInjectable({
+  id: "proxy-kubernetes-cluster-entity-settings",
+  instantiate: () => ({
+    apiVersions: new Set(["entity.k8slens.dev/v1alpha1"]),
+    kind: "KubernetesCluster",
+    title: "Proxy",
+    group: "Settings",
+    id: "proxy",
+    orderNumber: 10,
+    components: {
+      View: ProxyKubernetesClusterSettings,
+    },
+  }),
+  injectionToken: entitySettingInjectionToken,
+});
+
+export default proxyKubernetesClusterEntitySettingsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/terminal-settings.injectable.tsx b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/terminal-settings.injectable.tsx
new file mode 100644
index 0000000000..e778c97728
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/internal-kubernetes-cluster/terminal-settings.injectable.tsx
@@ -0,0 +1,55 @@
+/**
+ * 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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { GetClusterById } from "../../../../common/cluster-store/get-by-id.injectable";
+import getClusterByIdInjectable from "../../../../common/cluster-store/get-by-id.injectable";
+import { ClusterLocalTerminalSetting } from "../../cluster-settings/local-terminal-settings";
+import type { EntitySettingViewProps } from "../extension-registrator.injectable";
+import { entitySettingInjectionToken } from "../token";
+
+interface Dependencies {
+  getClusterById: GetClusterById;
+}
+
+function NonInjectedTerminalKubernetesClusterSettings({ entity, getClusterById }: EntitySettingViewProps & Dependencies) {
+  const cluster = getClusterById(entity.getId());
+
+  if (!cluster) {
+    return null;
+  }
+
+  return (
+    <section>
+      <ClusterLocalTerminalSetting cluster={cluster} />
+    </section>
+  );
+}
+
+const TerminalKubernetesClusterSettings = withInjectables<Dependencies, EntitySettingViewProps>(NonInjectedTerminalKubernetesClusterSettings, {
+  getProps: (di, props) => ({
+    ...props,
+    getClusterById: di.inject(getClusterByIdInjectable),
+  }),
+});
+
+const terminalKubernetesClusterEntitySettingsInjectable = getInjectable({
+  id: "terminal-kubernetes-cluster-entity-settings",
+  instantiate: () => ({
+    apiVersions: new Set(["entity.k8slens.dev/v1alpha1"]),
+    kind: "KubernetesCluster",
+    title: "Terminal",
+    group: "Settings",
+    id: "terminal",
+    orderNumber: 20,
+    components: {
+      View: TerminalKubernetesClusterSettings,
+    },
+  }),
+  injectionToken: entitySettingInjectionToken,
+});
+
+export default terminalKubernetesClusterEntitySettingsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/route-component.injectable.ts b/packages/core/src/renderer/components/+entity-settings/route-component.injectable.ts
new file mode 100644
index 0000000000..deedaca53a
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/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 { EntitySettingsRouteComponent } from "./entity-settings";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+import entitySettingsRouteInjectable from "../../../common/front-end-routing/routes/entity-settings/entity-settings-route.injectable";
+
+const entitySettingsRouteComponentInjectable = getInjectable({
+  id: "entity-settings-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(entitySettingsRouteInjectable),
+    Component: EntitySettingsRouteComponent,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default entitySettingsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/route-parameters.injectable.ts b/packages/core/src/renderer/components/+entity-settings/route-parameters.injectable.ts
new file mode 100644
index 0000000000..8a1d5600b8
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/route-parameters.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 { computed } from "mobx";
+import routePathParametersInjectable from "../../routes/route-path-parameters.injectable";
+import entitySettingsRouteInjectable from "../../../common/front-end-routing/routes/entity-settings/entity-settings-route.injectable";
+
+const entitySettingsRouteParametersInjectable = getInjectable({
+  id: "entity-settings-route-parameters",
+
+  instantiate: (di) => {
+    const route = di.inject(entitySettingsRouteInjectable);
+    const pathParameters = di.inject(routePathParametersInjectable, route);
+
+    return {
+      entityId: computed(() => pathParameters.get().entityId),
+    };
+  },
+});
+
+export default entitySettingsRouteParametersInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/settings.injectable.ts b/packages/core/src/renderer/components/+entity-settings/settings.injectable.ts
new file mode 100644
index 0000000000..c70063f2b6
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/settings.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { computed } from "mobx";
+import { byOrderNumber } from "../../../common/utils/composable-responsibilities/orderable/orderable";
+import type { CatalogEntity } from "../../api/catalog-entity";
+import { entitySettingInjectionToken } from "./token";
+
+const catalogEntitySettingItemsInjectable = getInjectable({
+  id: "catalog-entity-setting-items",
+  instantiate: (di, entity) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const items = computedInjectMany(entitySettingInjectionToken);
+
+    return computed(() => (
+      items.get()
+        .filter(item => (
+          item.apiVersions.has(entity.apiVersion)
+          && item.kind === entity.kind
+          && (!item.source || item.source === entity.metadata.source)
+        ))
+        .sort(byOrderNumber)
+    ));
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, entity: CatalogEntity) => `${entity.apiVersion}/${entity.kind}[${entity.metadata.source ?? ""}]`,
+  }),
+});
+
+export default catalogEntitySettingItemsInjectable;
diff --git a/packages/core/src/renderer/components/+entity-settings/token.ts b/packages/core/src/renderer/components/+entity-settings/token.ts
new file mode 100644
index 0000000000..187cb0c635
--- /dev/null
+++ b/packages/core/src/renderer/components/+entity-settings/token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { RegisteredEntitySetting } from "./extension-registrator.injectable";
+
+export const entitySettingInjectionToken = getInjectionToken<RegisteredEntitySetting>({
+  id: "entity-setting",
+});
diff --git a/packages/core/src/renderer/components/+events/duration-absolute.tsx b/packages/core/src/renderer/components/+events/duration-absolute.tsx
new file mode 100644
index 0000000000..2aa1229d74
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/duration-absolute.tsx
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { ReactiveDuration } from "../duration/reactive-duration";
+import { LocaleDate } from "../locale-date";
+
+export interface DurationAbsoluteTimestampProps {
+  timestamp: string | undefined;
+}
+
+export const DurationAbsoluteTimestamp = ({ timestamp  }: DurationAbsoluteTimestampProps) => {
+  if (!timestamp) {
+    return <>{"<unknown>"}</>;
+  }
+
+  return (
+    <>
+      <ReactiveDuration timestamp={timestamp} />
+      {" ago "}
+      (
+      <LocaleDate date={timestamp} />
+      )
+    </>
+  );
+};
diff --git a/packages/core/src/renderer/components/+events/event-details.scss b/packages/core/src/renderer/components/+events/event-details.scss
new file mode 100644
index 0000000000..f8796d520a
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/event-details.scss
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.EventDetails {
+  .type {
+    .warning {
+      color: var(--colorError);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+events/event-details.tsx b/packages/core/src/renderer/components/+events/event-details.tsx
new file mode 100644
index 0000000000..07842b6f78
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/event-details.tsx
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./event-details.scss";
+
+import React from "react";
+import kebabCase from "lodash/kebabCase";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { Link } from "react-router-dom";
+import { observer } from "mobx-react";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { KubeEvent } from "../../../common/k8s-api/endpoints/events.api";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import type { ApiManager } from "../../../common/k8s-api/api-manager";
+import type { Logger } from "../../../common/logger";
+import { DurationAbsoluteTimestamp } from "./duration-absolute";
+import { withInjectables } from "@ogre-tools/injectable-react";
+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 { cssNames } from "../../utils";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface EventDetailsProps extends KubeObjectDetailsProps<KubeEvent> {
+}
+
+interface Dependencies {
+  getDetailsUrl: GetDetailsUrl;
+  apiManager: ApiManager;
+  logger: Logger;
+}
+
+const NonInjectedEventDetails = observer(({
+  apiManager,
+  getDetailsUrl,
+  object: event,
+  className,
+  logger,
+}: Dependencies & EventDetailsProps) => {
+  if (!event) {
+    return null;
+  }
+
+  if (!(event instanceof KubeEvent)) {
+    logger.error("[EventDetails]: passed object that is not an instanceof KubeEvent", event);
+
+    return null;
+  }
+
+  const { message, reason, count, type, involvedObject } = event;
+  const { kind, name, namespace, fieldPath } = involvedObject;
+
+  return (
+    <div className={cssNames("EventDetails", className)}>
+      <DrawerItem name="Message">
+        {message}
+      </DrawerItem>
+      <DrawerItem name="Reason">
+        {reason}
+      </DrawerItem>
+      <DrawerItem name="Source">
+        {event.getSource()}
+      </DrawerItem>
+      <DrawerItem name="First seen">
+        <DurationAbsoluteTimestamp timestamp={event.firstTimestamp} />
+      </DrawerItem>
+      <DrawerItem name="Last seen">
+        <DurationAbsoluteTimestamp timestamp={event.lastTimestamp} />
+      </DrawerItem>
+      <DrawerItem name="Count">
+        {count}
+      </DrawerItem>
+      <DrawerItem name="Type" className="type">
+        <span className={kebabCase(type)}>{type}</span>
+      </DrawerItem>
+
+      <DrawerTitle>Involved object</DrawerTitle>
+      <Table>
+        <TableHead>
+          <TableCell>Name</TableCell>
+          <TableCell>Namespace</TableCell>
+          <TableCell>Kind</TableCell>
+          <TableCell>Field Path</TableCell>
+        </TableHead>
+        <TableRow>
+          <TableCell>
+            <Link to={getDetailsUrl(apiManager.lookupApiLink(involvedObject, event))}>
+              {name}
+            </Link>
+          </TableCell>
+          <TableCell>{namespace}</TableCell>
+          <TableCell>{kind}</TableCell>
+          <TableCell>{fieldPath}</TableCell>
+        </TableRow>
+      </Table>
+    </div>
+  );
+});
+
+export const EventDetails = withInjectables<Dependencies, EventDetailsProps>(NonInjectedEventDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    apiManager: di.inject(apiManagerInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+events/events-route-component.injectable.ts b/packages/core/src/renderer/components/+events/events-route-component.injectable.ts
new file mode 100644
index 0000000000..b9954b22c0
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/events-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 { Events } from "./events";
+import eventsRouteInjectable from "../../../common/front-end-routing/routes/cluster/events/events-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const eventsRouteComponentInjectable = getInjectable({
+  id: "events-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(eventsRouteInjectable),
+    Component: Events,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default eventsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+events/events-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+events/events-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..02d965c854
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/events-sidebar-items.injectable.tsx
@@ -0,0 +1,44 @@
+/**
+ * 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 React from "react";
+import type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { Icon } from "../icon";
+
+import eventsRouteInjectable from "../../../common/front-end-routing/routes/cluster/events/events-route.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToEventsInjectable from "../../../common/front-end-routing/routes/cluster/events/navigate-to-events.injectable";
+
+const eventsSidebarItemsInjectable = getInjectable({
+  id: "events-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(eventsRouteInjectable);
+    const navigateToEvents = di.inject(navigateToEventsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed((): SidebarItemRegistration[] => [
+      {
+        id: "events",
+        parentId: null,
+        getIcon: () => <Icon material="access_time" />,
+        title: "Events",
+        onClick: navigateToEvents,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 80,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default eventsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+events/events.scss b/packages/core/src/renderer/components/+events/events.scss
new file mode 100644
index 0000000000..8b3745a27c
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/events.scss
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Events {
+  .Table {
+    .TableCell {
+      &.message {
+        flex-grow: 3;
+
+        &.warning {
+          color: var(--colorError);
+        }
+      }
+
+      &.object {
+        flex-grow: 3;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      &.source {
+        flex-grow: 1.5;
+      }
+    }
+  }
+
+  .help-icon {
+    margin-left: $margin * 0.5;
+  }
+
+  .show-all {
+    margin: $padding * 2 auto;
+    min-width: 150px;
+  }
+}
diff --git a/packages/core/src/renderer/components/+events/events.tsx b/packages/core/src/renderer/components/+events/events.tsx
new file mode 100644
index 0000000000..e1b9e57bb8
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/events.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 "./events.scss";
+
+import React from "react";
+import { computed, observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import { orderBy } from "lodash";
+import { TabLayout } from "../layout/tab-layout-2";
+import type { EventStore } from "./store";
+import type { KubeObjectListLayoutProps } from "../kube-object-list-layout";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import type { KubeEvent, KubeEventApi, KubeEventData } from "../../../common/k8s-api/endpoints/events.api";
+import type { TableSortCallbacks, TableSortParams } from "../table";
+import type { HeaderCustomizer } from "../item-object-list";
+import { Tooltip } from "../tooltip";
+import { Link } from "react-router-dom";
+import type { IClassName } from "../../utils";
+import { prevDefault, cssNames, stopPropagation } from "../../utils";
+import { Icon } from "../icon";
+import type { ApiManager } from "../../../common/k8s-api/api-manager";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import navigateToEventsInjectable  from "../../../common/front-end-routing/routes/cluster/events/navigate-to-events.injectable";
+import { KubeObjectAge } from "../kube-object/age";
+import { ReactiveDuration } from "../duration/reactive-duration";
+import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
+import eventStoreInjectable from "./store.injectable";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+
+enum columnId {
+  message = "message",
+  namespace = "namespace",
+  object = "object",
+  type = "type",
+  count = "count",
+  source = "source",
+  age = "age",
+  lastSeen = "last-seen",
+}
+
+export interface EventsProps extends Partial<KubeObjectListLayoutProps<KubeEvent, KubeEventApi, KubeEventData>> {
+  className?: IClassName;
+  compact?: boolean;
+  compactLimit?: number;
+}
+
+const defaultProps: Partial<EventsProps> = {
+  compactLimit: 10,
+};
+
+interface Dependencies {
+  navigateToEvents: () => void;
+  eventStore: EventStore;
+  apiManager: ApiManager;
+  filterByNamespace: FilterByNamespace;
+  getDetailsUrl: GetDetailsUrl;
+}
+
+@observer
+class NonInjectedEvents extends React.Component<Dependencies & EventsProps> {
+  static defaultProps = defaultProps as object;
+
+  @observable sorting: TableSortParams = {
+    sortBy: columnId.age,
+    orderBy: "asc",
+  };
+
+  private sortingCallbacks: TableSortCallbacks<KubeEvent> = {
+    [columnId.namespace]: event => event.getNs(),
+    [columnId.type]: event => event.type,
+    [columnId.object]: event => event.involvedObject.name,
+    [columnId.count]: event => event.count,
+    [columnId.age]: event => -event.getCreationTimestamp(),
+    [columnId.lastSeen]: event => event.lastTimestamp ? -new Date(event.lastTimestamp).getTime() : 0,
+  };
+
+  constructor(props: Dependencies & EventsProps) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed get items(): KubeEvent[] {
+    const items = this.props.eventStore.contextItems;
+    const { sortBy, orderBy: order } = this.sorting;
+
+    // we must sort items before passing to "KubeObjectListLayout -> Table"
+    // to make it work with "compact=true" (proper table sorting actions + initial items)
+    return orderBy(items, this.sortingCallbacks[sortBy], order);
+  }
+
+  @computed get visibleItems(): KubeEvent[] {
+    const { compact, compactLimit } = this.props;
+
+    if (compact) {
+      return this.items.slice(0, compactLimit);
+    }
+
+    return this.items;
+  }
+
+  customizeHeader: HeaderCustomizer = ({ info, title, ...headerPlaceholders }) => {
+    const { compact, eventStore } = this.props;
+    const { items, visibleItems } = this;
+    const allEventsAreShown = visibleItems.length === items.length;
+
+    // handle "compact"-mode header
+    if (compact) {
+      if (allEventsAreShown) {
+        return { title };
+      }
+
+      return {
+        title,
+        info: (
+          <span>
+            {"("}
+            {visibleItems.length}
+            {" of "}
+            <a onClick={this.props.navigateToEvents}>{items.length}</a>
+            {")"}
+          </span>
+        ),
+      };
+    }
+
+    return {
+      info: (
+        <>
+          {info}
+          <Icon
+            small
+            material="help_outline"
+            className="help-icon"
+            tooltip={`Limited to ${eventStore.limit}`}
+          />
+        </>
+      ),
+      title,
+      ...headerPlaceholders,
+    };
+  };
+
+  render() {
+    const { apiManager, eventStore, compact, compactLimit, className, ...layoutProps } = this.props;
+
+    const events = (
+      <KubeObjectListLayout
+        {...layoutProps}
+        isConfigurable
+        tableId="events"
+        store={eventStore}
+        className={cssNames("Events", className, { compact })}
+        renderHeaderTitle="Events"
+        customizeHeader={this.customizeHeader}
+        isSelectable={false}
+        getItems={() => this.visibleItems}
+        virtual={!compact}
+        tableProps={{
+          sortSyncWithUrl: false,
+          sortByDefault: this.sorting,
+          onSort: params => this.sorting = params,
+        }}
+        sortingCallbacks={this.sortingCallbacks}
+        searchFilters={[
+          event => event.getSearchFields(),
+          event => event.message,
+          event => event.getSource(),
+          event => event.involvedObject.name,
+        ]}
+        renderTableHeader={[
+          { title: "Type", className: "type", sortBy: columnId.type, id: columnId.type },
+          { title: "Message", className: "message", id: columnId.message },
+          { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+          { title: "Involved Object", className: "object", sortBy: columnId.object, id: columnId.object },
+          { title: "Source", className: "source", id: columnId.source },
+          { title: "Count", className: "count", sortBy: columnId.count, id: columnId.count },
+          { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          { title: "Last Seen", className: "last-seen", sortBy: columnId.lastSeen, id: columnId.lastSeen },
+        ]}
+        renderTableContents={event => {
+          const { involvedObject, type, message } = event;
+          const tooltipId = `message-${event.getId()}`;
+          const isWarning = event.isWarning();
+
+          return [
+            type, // type of event: "Normal" or "Warning"
+            {
+              className: cssNames({ warning: isWarning }),
+              title: (
+                <>
+                  <span id={tooltipId}>{message}</span>
+                  <Tooltip targetId={tooltipId} formatters={{ narrow: true, warning: isWarning }}>
+                    {message}
+                  </Tooltip>
+                </>
+              ),
+            },
+            compact
+              ? (
+                <a
+                  key="namespace"
+                  className="filterNamespace"
+                  onClick={prevDefault(() => this.props.filterByNamespace(event.getNs()))}
+                >
+                  {event.getNs()}
+                </a>
+              )
+              : event.getNs(),
+            <Link
+              key="link"
+              to={this.props.getDetailsUrl(apiManager.lookupApiLink(involvedObject, event))}
+              onClick={stopPropagation}
+            >
+              {`${involvedObject.kind}: ${involvedObject.name}`}
+            </Link>,
+            event.getSource(),
+            event.count,
+            <KubeObjectAge key="age" object={event} />,
+            <ReactiveDuration key="last-seen" timestamp={event.lastTimestamp} />,
+          ];
+        }}
+      />
+    );
+
+    if (compact) {
+      return events;
+    }
+
+    return (
+      <TabLayout>
+        {events}
+      </TabLayout>
+    );
+  }
+}
+
+export const Events = withInjectables<Dependencies, EventsProps>(NonInjectedEvents, {
+  getProps: (di, props) => ({
+    ...props,
+    navigateToEvents: di.inject(navigateToEventsInjectable),
+    apiManager: di.inject(apiManagerInjectable),
+    eventStore: di.inject(eventStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+events/index.ts b/packages/core/src/renderer/components/+events/index.ts
new file mode 100644
index 0000000000..03a60b7266
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./event-details";
diff --git a/packages/core/src/renderer/components/+events/kube-event-details.scss b/packages/core/src/renderer/components/+events/kube-event-details.scss
new file mode 100644
index 0000000000..4e781eaf2e
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/kube-event-details.scss
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.KubeEventDetails {
+  .event {
+    margin-bottom: $margin * 4;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .title {
+      margin-top: $margin * 2;
+      margin-bottom: $margin;
+      font-weight: bold;
+      word-break: break-word;
+
+      &.warning {
+        color: var(--colorError);
+      }
+    }
+  }
+
+  .no-items {
+    text-align: center;
+  }
+}
diff --git a/packages/core/src/renderer/components/+events/kube-event-details.tsx b/packages/core/src/renderer/components/+events/kube-event-details.tsx
new file mode 100644
index 0000000000..aef3bf7b10
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/kube-event-details.tsx
@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./kube-event-details.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { KubeObject } from "../../../common/k8s-api/kube-object";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { cssNames } from "../../utils";
+import { LocaleDate } from "../locale-date";
+import type { EventStore } from "./store";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import eventStoreInjectable from "./store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface KubeEventDetailsProps {
+  object: KubeObject;
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  eventStore: EventStore;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedKubeEventDetails extends React.Component<KubeEventDetailsProps & Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.eventStore,
+      ]),
+    ]);
+  }
+
+  render() {
+    const { object, eventStore } = this.props;
+
+    if (!object) {
+      return null;
+    }
+
+    if (!(object instanceof KubeObject)) {
+      this.props.logger.error("[KubeEventDetails]: passed object that is not an instanceof KubeObject", object);
+
+      return null;
+    }
+
+    const events = eventStore.getEventsByObject(object);
+
+    return (
+      <div>
+        <DrawerTitle className="flex gaps align-center">
+          <span>Events</span>
+        </DrawerTitle>
+        {events.length > 0 && (
+          <div className="KubeEventDetails">
+            {events.map(event => (
+              <div className="event" key={event.getId()}>
+                <div className={cssNames("title", { warning: event.isWarning() })}>
+                  {event.message}
+                </div>
+                <DrawerItem name="Source">
+                  {event.getSource()}
+                </DrawerItem>
+                <DrawerItem name="Count">
+                  {event.count}
+                </DrawerItem>
+                <DrawerItem name="Sub-object">
+                  {event.involvedObject.fieldPath}
+                </DrawerItem>
+                {event.lastTimestamp && (
+                  <DrawerItem name="Last seen">
+                    <LocaleDate date={event.lastTimestamp} />
+                  </DrawerItem>
+                )}
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+    );
+  }
+}
+
+export const KubeEventDetails = withInjectables<Dependencies, KubeEventDetailsProps>(NonInjectedKubeEventDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    eventStore: di.inject(eventStoreInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
+
+
diff --git a/packages/core/src/renderer/components/+events/kube-event-icon.scss b/packages/core/src/renderer/components/+events/kube-event-icon.scss
new file mode 100644
index 0000000000..0fff3c0615
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/kube-event-icon.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.KubeEventIcon {
+  &.warning {
+    color: var(--golden);
+  }
+}
+
+.KubeEventTooltip {
+  white-space: normal;
+
+  .age {
+    margin-top: $margin;
+
+    .Icon {
+      margin-right: $margin;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+events/kube-event-icon.tsx b/packages/core/src/renderer/components/+events/kube-event-icon.tsx
new file mode 100644
index 0000000000..659a65ae39
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/kube-event-icon.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 "./kube-event-icon.scss";
+
+import React from "react";
+import { Icon } from "../icon";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import { cssNames } from "../../utils";
+import type { KubeEvent } from "../../../common/k8s-api/endpoints/events.api";
+import { KubeObjectAge } from "../kube-object/age";
+import type { EventStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import eventStoreInjectable from "./store.injectable";
+
+export interface KubeEventIconProps {
+  object: KubeObject;
+  showWarningsOnly?: boolean;
+  filterEvents?: (events: KubeEvent[]) => KubeEvent[];
+}
+
+interface Dependencies {
+  eventStore: EventStore;
+}
+
+class NonInjectedKubeEventIcon extends React.Component<KubeEventIconProps & Dependencies> {
+  get showWarningsOnly() {
+    return this.props.showWarningsOnly ?? true;
+  }
+
+  render() {
+    const { object, filterEvents, eventStore } = this.props;
+    const events = eventStore.getEventsByObject(object);
+    let warnings = events.filter(evt => evt.isWarning());
+
+    if (filterEvents) warnings = filterEvents(warnings);
+
+    if (!events.length || (this.showWarningsOnly && !warnings.length)) {
+      return null;
+    }
+    const event = [...warnings, ...events][0]; // get latest event
+
+    return (
+      <Icon
+        material="warning"
+        className={cssNames("KubeEventIcon", { warning: event.isWarning() })}
+        tooltip={{
+          children: (
+            <div className="KubeEventTooltip">
+              <div className="msg">{event.message}</div>
+              <div className="age">
+                <Icon material="access_time"/>
+                <KubeObjectAge object={event} />
+              </div>
+            </div>
+          ),
+        }}
+      />
+    );
+  }
+}
+
+export const KubeEventIcon = withInjectables<Dependencies, KubeEventIconProps>(NonInjectedKubeEventIcon, {
+  getProps: (di, props) => ({
+    ...props,
+    eventStore: di.inject(eventStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+events/store.injectable.ts b/packages/core/src/renderer/components/+events/store.injectable.ts
new file mode 100644
index 0000000000..57bc98e6d2
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/store.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 assert from "assert";
+import getPodByIdInjectable from "../+workloads-pods/get-pod-by-id.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import kubeEventApiInjectable from "../../../common/k8s-api/endpoints/events.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { EventStore } from "./store";
+
+const eventStoreInjectable = getInjectable({
+  id: "event-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "eventStore is only available in certain environments");
+
+    const api = di.inject(kubeEventApiInjectable);
+
+    return new EventStore({
+      getPodById: di.inject(getPodByIdInjectable),
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default eventStoreInjectable;
diff --git a/packages/core/src/renderer/components/+events/store.ts b/packages/core/src/renderer/components/+events/store.ts
new file mode 100644
index 0000000000..3bb9e0b062
--- /dev/null
+++ b/packages/core/src/renderer/components/+events/store.ts
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import groupBy from "lodash/groupBy";
+import compact from "lodash/compact";
+import type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import { autoBind } from "../../utils";
+import type { KubeEvent, KubeEventApi } from "../../../common/k8s-api/endpoints/events.api";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import { Pod } from "../../../common/k8s-api/endpoints/pod.api";
+import type { GetPodById } from "../+workloads-pods/get-pod-by-id.injectable";
+
+export interface EventStoreDependencies extends KubeObjectStoreDependencies {
+  getPodById: GetPodById;
+}
+
+export class EventStore extends KubeObjectStore<KubeEvent, KubeEventApi> {
+  constructor(
+    protected readonly dependencies: EventStoreDependencies,
+    api: KubeEventApi,
+    opts: KubeObjectStoreOptions = {},
+  ) {
+    super(dependencies, api, { limit: 1000, ...opts });
+    autoBind(this);
+  }
+
+  protected bindWatchEventsUpdater() {
+    return super.bindWatchEventsUpdater(5000);
+  }
+
+  protected sortItems(items: KubeEvent[]) {
+    return super.sortItems(items, [
+      event => -event.getCreationTimestamp(), // keep events order as timeline ("fresh" on top)
+    ], "asc");
+  }
+
+  getEventsByObject(obj: KubeObject): KubeEvent[] {
+    return this.items.filter(evt => {
+      if(obj.kind == "Node") {
+        return obj.getName() == evt.involvedObject.uid && evt.involvedObject.kind == "Node";
+      }
+
+      return obj.getId() == evt.involvedObject.uid;
+    });
+  }
+
+  getWarnings() {
+    const warnings = this.items.filter(event => event.type == "Warning");
+    const groupsByInvolvedObject = groupBy(warnings, warning => warning.involvedObject.uid);
+    const eventsWithError = Object.values(groupsByInvolvedObject).map(events => {
+      const recent = events[0];
+      const { kind, uid } = recent.involvedObject;
+
+      if (kind == Pod.kind) {  // Wipe out running pods
+        const pod = this.dependencies.getPodById(uid);
+
+        if (!pod || (!pod.hasIssues() && (pod.spec?.priority ?? 0) < 500000)) {
+          return undefined;
+        }
+      }
+
+      return recent;
+    });
+
+    return compact(eventsWithError);
+  }
+
+  getWarningsCount() {
+    return this.getWarnings().length;
+  }
+}
diff --git a/packages/core/src/renderer/components/+extensions/__tests__/extensions.test.tsx b/packages/core/src/renderer/components/+extensions/__tests__/extensions.test.tsx
new file mode 100644
index 0000000000..751c1a38cc
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/__tests__/extensions.test.tsx
@@ -0,0 +1,169 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "@testing-library/jest-dom/extend-expect";
+import { fireEvent, screen, waitFor } from "@testing-library/react";
+import React from "react";
+import type { ExtensionDiscovery } from "../../../../extensions/extension-discovery/extension-discovery";
+import type { ExtensionLoader } from "../../../../extensions/extension-loader";
+import { ConfirmDialog } from "../../confirm-dialog";
+import { Extensions } from "../extensions";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import extensionLoaderInjectable from "../../../../extensions/extension-loader/extension-loader.injectable";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+import extensionDiscoveryInjectable from "../../../../extensions/extension-discovery/extension-discovery.injectable";
+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 assert from "assert";
+import type { InstallExtensionFromInput } from "../install-extension-from-input.injectable";
+import installExtensionFromInputInjectable from "../install-extension-from-input.injectable";
+import type { ExtensionInstallationStateStore } from "../../../../extensions/extension-installation-state-store/extension-installation-state-store";
+import extensionInstallationStateStoreInjectable from "../../../../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import { observable, when } from "mobx";
+import type { RemovePath } from "../../../../common/fs/remove.injectable";
+import removePathInjectable from "../../../../common/fs/remove.injectable";
+import type { DownloadBinary } from "../../../../common/fetch/download-binary.injectable";
+import downloadBinaryInjectable from "../../../../common/fetch/download-binary.injectable";
+import currentlyInClusterFrameInjectable from "../../../routes/currently-in-cluster-frame.injectable";
+
+describe("Extensions", () => {
+  let extensionLoader: ExtensionLoader;
+  let extensionDiscovery: ExtensionDiscovery;
+  let installExtensionFromInput: jest.MockedFunction<InstallExtensionFromInput>;
+  let extensionInstallationStateStore: ExtensionInstallationStateStore;
+  let render: DiRender;
+  let deleteFileMock: jest.MockedFunction<RemovePath>;
+  let downloadBinary: jest.MockedFunction<DownloadBinary>;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
+    di.override(directoryForDownloadsInjectable, () => "some-directory-for-downloads");
+    di.override(currentlyInClusterFrameInjectable, () => false);
+
+    render = renderFor(di);
+
+    installExtensionFromInput = jest.fn();
+    di.override(installExtensionFromInputInjectable, () => installExtensionFromInput);
+
+    deleteFileMock = jest.fn();
+    di.override(removePathInjectable, () => deleteFileMock);
+
+    downloadBinary = jest.fn().mockImplementation((url) => { throw new Error(`Unexpected call to downloadJson for url=${url}`); });
+    di.override(downloadBinaryInjectable, () => downloadBinary);
+
+    extensionLoader = di.inject(extensionLoaderInjectable);
+    extensionDiscovery = di.inject(extensionDiscoveryInjectable);
+    extensionInstallationStateStore = di.inject(extensionInstallationStateStoreInjectable);
+
+    extensionLoader.addExtension({
+      id: "extensionId",
+      manifest: {
+        name: "test",
+        version: "1.2.3",
+        engines: { lens: "^5.5.0" },
+      },
+      absolutePath: "/absolute/path",
+      manifestPath: "/symlinked/path/package.json",
+      isBundled: false,
+      isEnabled: true,
+      isCompatible: true,
+    });
+
+    extensionDiscovery.uninstallExtension = jest.fn(() => Promise.resolve());
+  });
+
+  it("disables uninstall and disable buttons while uninstalling", async () => {
+    extensionDiscovery.isLoaded = true;
+
+    render((
+      <>
+        <Extensions />
+        <ConfirmDialog />
+      </>
+    ));
+
+    const table = await screen.findByTestId("extensions-table");
+    const menuTrigger = table.querySelector(".table div[role='rowgroup'] .actions .Icon");
+
+    assert(menuTrigger);
+    fireEvent.click(menuTrigger);
+
+    expect(await screen.findByText("Disable")).toHaveAttribute("aria-disabled", "false");
+    expect(await screen.findByText("Uninstall")).toHaveAttribute("aria-disabled", "false");
+
+    fireEvent.click(await screen.findByText("Uninstall"));
+
+    // Approve confirm dialog
+    fireEvent.click(await screen.findByText("Yes"));
+
+    await waitFor(async () => {
+      expect(extensionDiscovery.uninstallExtension).toHaveBeenCalled();
+      fireEvent.click(menuTrigger);
+      expect(screen.getByText("Disable")).toHaveAttribute("aria-disabled", "true");
+      expect(screen.getByText("Uninstall")).toHaveAttribute("aria-disabled", "true");
+    }, {
+      timeout: 30000,
+    });
+  });
+
+  it("disables install button while installing", async () => {
+    render(<Extensions />);
+
+    const resolveInstall = observable.box(false);
+    const url = "https://test.extensionurl/package.tgz";
+
+    deleteFileMock.mockReturnValue(Promise.resolve());
+    installExtensionFromInput.mockImplementation(async (input) => {
+      expect(input).toBe("https://test.extensionurl/package.tgz");
+
+      const clear = extensionInstallationStateStore.startPreInstall();
+
+      await when(() => resolveInstall.get());
+      clear();
+    });
+
+    fireEvent.change(await screen.findByPlaceholderText("File path or URL", {
+      exact: false,
+    }), {
+      target: {
+        value: url,
+      },
+    });
+
+    const doResolve = observable.box(false);
+
+    downloadBinary.mockImplementation(async (targetUrl) => {
+      expect(targetUrl).toBe(url);
+
+      await when(() => doResolve.get());
+
+      return {
+        callWasSuccessful: false,
+        error: "unknown location",
+      };
+    });
+
+    fireEvent.click(await screen.findByText("Install"));
+    expect((await screen.findByText("Install")).closest("button")).toBeDisabled();
+    doResolve.set(true);
+  });
+
+  it("displays spinner while extensions are loading", () => {
+    extensionDiscovery.isLoaded = false;
+    const { container } = render(<Extensions />);
+
+    expect(container.querySelector(".Spinner")).toBeInTheDocument();
+  });
+
+  it("does not display the spinner while extensions are not loading", async () => {
+    extensionDiscovery.isLoaded = true;
+    const { container } = render(<Extensions />);
+
+    expect(container.querySelector(".Spinner")).not.toBeInTheDocument();
+  });
+});
diff --git a/packages/core/src/renderer/components/+extensions/attempt-install-by-info.injectable.tsx b/packages/core/src/renderer/components/+extensions/attempt-install-by-info.injectable.tsx
new file mode 100644
index 0000000000..1f3d65c802
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/attempt-install-by-info.injectable.tsx
@@ -0,0 +1,205 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { isObject } from "../../../common/utils";
+import React from "react";
+import { SemVer } from "semver";
+import URLParse from "url-parse";
+import { getInjectable } from "@ogre-tools/injectable";
+import attemptInstallInjectable from "./attempt-install/attempt-install.injectable";
+import getBaseRegistryUrlInjectable from "./get-base-registry-url/get-base-registry-url.injectable";
+import extensionInstallationStateStoreInjectable from "../../../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import confirmInjectable from "../confirm-dialog/confirm.injectable";
+import { reduce } from "lodash";
+import getBasenameOfPathInjectable from "../../../common/path/get-basename.injectable";
+import { withTimeout } from "../../../common/fetch/timeout-controller";
+import downloadBinaryInjectable from "../../../common/fetch/download-binary.injectable";
+import downloadJsonInjectable from "../../../common/fetch/download-json/normal.injectable";
+import type { PackageJson } from "type-fest";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface ExtensionInfo {
+  name: string;
+  version?: string;
+  requireConfirmation?: boolean;
+}
+
+interface NpmPackageVersionDescriptor extends PackageJson {
+  dist: {
+    integrity: string;
+    shasum: string;
+    tarball: string;
+  };
+}
+
+interface NpmRegistryPackageDescriptor {
+  versions: Partial<Record<string, NpmPackageVersionDescriptor>>;
+  "dist-tags"?: Partial<Record<string, string>>;
+}
+
+export type AttemptInstallByInfo = (info: ExtensionInfo) => Promise<void>;
+
+const attemptInstallByInfoInjectable = getInjectable({
+  id: "attempt-install-by-info",
+  instantiate: (di): AttemptInstallByInfo => {
+    const attemptInstall = di.inject(attemptInstallInjectable);
+    const getBaseRegistryUrl = di.inject(getBaseRegistryUrlInjectable);
+    const extensionInstallationStateStore = di.inject(extensionInstallationStateStoreInjectable);
+    const confirm = di.inject(confirmInjectable);
+    const getBasenameOfPath = di.inject(getBasenameOfPathInjectable);
+    const downloadJson = di.inject(downloadJsonInjectable);
+    const downloadBinary = di.inject(downloadBinaryInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (info) => {
+      const { name, version: versionOrTagName, requireConfirmation = false } = info;
+      const disposer = extensionInstallationStateStore.startPreInstall();
+      const baseUrl = await getBaseRegistryUrl();
+      const registryUrl = new URLParse(baseUrl).set("pathname", name).toString();
+      let json: NpmRegistryPackageDescriptor;
+
+      try {
+        const result = await downloadJson(registryUrl);
+
+        if (!result.callWasSuccessful) {
+          showErrorNotification(`Failed to get registry information for extension: ${result.error}`);
+
+          return disposer();
+        }
+
+        if (!isObject(result.response) || Array.isArray(result.response)) {
+          showErrorNotification("Failed to get registry information for extension");
+
+          return disposer();
+        }
+
+        if (result.response.error || !isObject(result.response.versions)) {
+          const message = result.response.error ? `: ${result.response.error}` : "";
+
+          showErrorNotification(`Failed to get registry information for extension${message}`);
+
+          return disposer();
+        }
+
+        json = result.response as unknown as NpmRegistryPackageDescriptor;
+      } catch (error) {
+        if (error instanceof SyntaxError) {
+          // assume invalid JSON
+          logger.warn("Set registry has invalid json", { url: baseUrl }, error);
+          showErrorNotification("Failed to get valid registry information for extension. Registry did not return valid JSON");
+        } else {
+          logger.error("Failed to download registry information", error);
+          showErrorNotification(`Failed to get valid registry information for extension. ${error}`);
+        }
+
+        return disposer();
+      }
+
+      let version = versionOrTagName;
+
+      if (versionOrTagName) {
+        validDistTagName:
+        if (!json.versions[versionOrTagName]) {
+          if (json["dist-tags"]) {
+            const potentialVersion = json["dist-tags"][versionOrTagName];
+
+            if (potentialVersion) {
+              if (!json.versions[potentialVersion]) {
+                showErrorNotification((
+                  <p>
+                    Configured registry claims to have tag
+                    {" "}
+                    <code>{versionOrTagName}</code>
+                    .
+                    {" "}
+                    But does not have version infomation for the reference.
+                  </p>
+                ));
+
+                return disposer();
+              }
+
+              version = potentialVersion;
+              break validDistTagName;
+            }
+          }
+
+          showErrorNotification((
+            <p>
+              {"The "}
+              <em>{name}</em>
+              {" extension does not have a version or tag "}
+              <code>{versionOrTagName}</code>
+              .
+            </p>
+          ));
+
+          return disposer();
+        }
+      } else {
+        const versions = Object.keys(json.versions)
+          .map(version => new SemVer(version, { loose: true }))
+          // ignore pre-releases for auto picking the version
+          .filter(version => version.prerelease.length === 0);
+
+        const latestVersion = reduce(versions, (prev, curr) => prev.compareMain(curr) === -1 ? curr : prev);
+
+        version = latestVersion?.format();
+      }
+
+      if (!version) {
+        logger.error("No versions supplied for extension", { name });
+        showErrorNotification(`No versions found for ${name}`);
+
+        return disposer();
+      }
+
+      const versionInfo = json.versions[version];
+      const tarballUrl = versionInfo?.dist.tarball;
+
+      if (!tarballUrl) {
+        showErrorNotification("Configured registry has invalid data model. Please verify that it is like NPM's.");
+        logger.warn(`[ATTEMPT-INSTALL-BY-INFO]: registry returned unexpected data, final version is ${version} but the versions object is missing .dist.tarball as a string`, versionInfo);
+
+        return disposer();
+      }
+
+      if (requireConfirmation) {
+        const proceed = await confirm({
+          message: (
+            <p>
+              {"Are you sure you want to install "}
+              <b>
+                {`${name}@${version}`}
+              </b>
+              ?
+            </p>
+          ),
+          labelCancel: "Cancel",
+          labelOk: "Install",
+        });
+
+        if (!proceed) {
+          return disposer();
+        }
+      }
+
+      const fileName = getBasenameOfPath(tarballUrl);
+      const { signal } = withTimeout(10 * 60 * 1000);
+      const request = await downloadBinary(tarballUrl, { signal });
+
+      if (!request.callWasSuccessful) {
+        showErrorNotification(`Failed to download extension: ${request.error}`);
+
+        return disposer();
+      }
+
+      return attemptInstall({ fileName, data: request.response }, disposer);
+    };
+  },
+});
+
+export default attemptInstallByInfoInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/attempt-install/attempt-install.injectable.tsx b/packages/core/src/renderer/components/+extensions/attempt-install/attempt-install.injectable.tsx
new file mode 100644
index 0000000000..47b18a3772
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/attempt-install/attempt-install.injectable.tsx
@@ -0,0 +1,156 @@
+/**
+ * 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 extensionLoaderInjectable from "../../../../extensions/extension-loader/extension-loader.injectable";
+import uninstallExtensionInjectable from "../uninstall-extension.injectable";
+import type { UnpackExtension } from "./unpack-extension.injectable";
+import unpackExtensionInjectable from "./unpack-extension.injectable";
+import type { GetExtensionDestFolder } from "./get-extension-dest-folder.injectable";
+import getExtensionDestFolderInjectable from "./get-extension-dest-folder.injectable";
+import type { CreateTempFilesAndValidate } from "./create-temp-files-and-validate.injectable";
+import createTempFilesAndValidateInjectable from "./create-temp-files-and-validate.injectable";
+import extensionInstallationStateStoreInjectable from "../../../../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import type { Disposer } from "../../../../common/utils";
+import { disposer } from "../../../../common/utils";
+import type { ShowNotification } from "../../notifications";
+import { Button } from "../../button";
+import type { ExtensionLoader } from "../../../../extensions/extension-loader";
+import type { LensExtensionId } from "../../../../extensions/lens-extension";
+import React from "react";
+import { remove as removeDir } from "fs-extra";
+import { shell } from "electron";
+import type { ExtensionInstallationStateStore } from "../../../../extensions/extension-installation-state-store/extension-installation-state-store";
+import { ExtensionInstallationState } from "../../../../extensions/extension-installation-state-store/extension-installation-state-store";
+import showErrorNotificationInjectable from "../../notifications/show-error-notification.injectable";
+import showInfoNotificationInjectable from "../../notifications/show-info-notification.injectable";
+
+export interface InstallRequest {
+  fileName: string;
+  data: Buffer;
+}
+
+interface Dependencies {
+  extensionLoader: ExtensionLoader;
+  uninstallExtension: (id: LensExtensionId) => Promise<boolean>;
+  unpackExtension: UnpackExtension;
+  createTempFilesAndValidate: CreateTempFilesAndValidate;
+  getExtensionDestFolder: GetExtensionDestFolder;
+  installStateStore: ExtensionInstallationStateStore;
+  showErrorNotification: ShowNotification;
+  showInfoNotification: ShowNotification;
+}
+
+export type AttemptInstall = (request: InstallRequest, cleanup?: Disposer) => Promise<void>;
+
+const attemptInstall = ({
+  extensionLoader,
+  uninstallExtension,
+  unpackExtension,
+  createTempFilesAndValidate,
+  getExtensionDestFolder,
+  installStateStore,
+  showErrorNotification,
+  showInfoNotification,
+}: Dependencies): AttemptInstall =>
+  async (request, cleanup) => {
+    const dispose = disposer(
+      installStateStore.startPreInstall(),
+      cleanup,
+    );
+
+    const validatedRequest = await createTempFilesAndValidate(request);
+
+    if (!validatedRequest) {
+      return dispose();
+    }
+
+    const { name, version, description } = validatedRequest.manifest;
+    const curState = installStateStore.getInstallationState(validatedRequest.id);
+
+    if (curState !== ExtensionInstallationState.IDLE) {
+      dispose();
+
+      return void showErrorNotification(
+        <div className="flex column gaps">
+          <b>Extension Install Collision:</b>
+          <p>
+            {"The "}
+            <em>{name}</em>
+            {` extension is currently ${curState.toLowerCase()}.`}
+          </p>
+          <p>Will not proceed with this current install request.</p>
+        </div>,
+      );
+    }
+
+    const extensionFolder = getExtensionDestFolder(name);
+    const installedExtension = extensionLoader.getExtension(validatedRequest.id);
+
+    if (installedExtension) {
+      const { version: oldVersion } = installedExtension.manifest;
+
+      // confirm to uninstall old version before installing new version
+      const removeNotification = showInfoNotification(
+        <div className="InstallingExtensionNotification flex gaps align-center">
+          <div className="flex column gaps">
+            <p>
+              {"Install extension "}
+              <b>{`${name}@${version}`}</b>
+              ?
+            </p>
+            <p>
+              {"Description: "}
+              <em>{description}</em>
+            </p>
+            <div
+              className="remove-folder-warning"
+              onClick={() => shell.openPath(extensionFolder)}
+            >
+              <b>Warning:</b>
+              {` ${name}@${oldVersion} will be removed before installation.`}
+            </div>
+          </div>
+          <Button
+            autoFocus
+            label="Install"
+            onClick={async () => {
+              removeNotification();
+
+              if (await uninstallExtension(validatedRequest.id)) {
+                await unpackExtension(validatedRequest, dispose);
+              } else {
+                dispose();
+              }
+            }}
+          />
+        </div>,
+        {
+          onClose: dispose,
+        },
+      );
+    } else {
+      // clean up old data if still around
+      await removeDir(extensionFolder);
+
+      // install extension if not yet exists
+      await unpackExtension(validatedRequest, dispose);
+    }
+  };
+
+const attemptInstallInjectable = getInjectable({
+  id: "attempt-install",
+  instantiate: (di) => attemptInstall({
+    extensionLoader: di.inject(extensionLoaderInjectable),
+    uninstallExtension: di.inject(uninstallExtensionInjectable),
+    unpackExtension: di.inject(unpackExtensionInjectable),
+    createTempFilesAndValidate: di.inject(createTempFilesAndValidateInjectable),
+    getExtensionDestFolder: di.inject(getExtensionDestFolderInjectable),
+    installStateStore: di.inject(extensionInstallationStateStoreInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+    showInfoNotification: di.inject(showInfoNotificationInjectable),
+  }),
+});
+
+export default attemptInstallInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/attempt-install/create-temp-files-and-validate.injectable.tsx b/packages/core/src/renderer/components/+extensions/attempt-install/create-temp-files-and-validate.injectable.tsx
new file mode 100644
index 0000000000..5c1674fc94
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/attempt-install/create-temp-files-and-validate.injectable.tsx
@@ -0,0 +1,91 @@
+/**
+ * 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 extensionDiscoveryInjectable from "../../../../extensions/extension-discovery/extension-discovery.injectable";
+import { validatePackage } from "./validate-package";
+import { getMessageFromError } from "../get-message-from-error/get-message-from-error";
+import React from "react";
+import type { LensExtensionId, LensExtensionManifest } from "../../../../extensions/lens-extension";
+import type { InstallRequest } from "./attempt-install.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+import writeFileInjectable from "../../../../common/fs/write-file.injectable";
+import joinPathsInjectable from "../../../../common/path/join-paths.injectable";
+import tempDirectoryPathInjectable from "../../../../common/os/temp-directory-path.injectable";
+import showErrorNotificationInjectable from "../../notifications/show-error-notification.injectable";
+
+export interface InstallRequestValidated {
+  fileName: string;
+  data: Buffer;
+  id: LensExtensionId;
+  manifest: LensExtensionManifest;
+  tempFile: string; // temp system path to packed extension for unpacking
+}
+
+export type CreateTempFilesAndValidate = (request: InstallRequest) => Promise<InstallRequestValidated | null>;
+
+const createTempFilesAndValidateInjectable = getInjectable({
+  id: "create-temp-files-and-validate",
+  instantiate: (di): CreateTempFilesAndValidate => {
+    const extensionDiscovery = di.inject(extensionDiscoveryInjectable);
+    const logger = di.inject(loggerInjectable);
+    const writeFile = di.inject(writeFileInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const tempDirectoryPath = di.inject(tempDirectoryPathInjectable);
+
+    const getTempExtensionPackagePath = (fileName: string) => joinPaths(
+      tempDirectoryPath,
+      "lens-extensions",
+      fileName,
+    );
+
+    return async ({ fileName, data }) => {
+      // validate packages
+      const tempFile = getTempExtensionPackagePath(fileName);
+
+      try {
+        await writeFile(tempFile, data);
+        const manifest = await validatePackage(tempFile);
+        const id = joinPaths(
+          extensionDiscovery.nodeModulesPath,
+          manifest.name,
+          "package.json",
+        );
+
+        return {
+          fileName,
+          data,
+          manifest,
+          tempFile,
+          id,
+        };
+      } catch (error) {
+        const message = getMessageFromError(error);
+
+        logger.info(
+          `[EXTENSION-INSTALLATION]: installing ${fileName} has failed: ${message}`,
+          { error },
+        );
+        showErrorNotification((
+          <div className="flex column gaps">
+            <p>
+              {"Installing "}
+              <em>{fileName}</em>
+              {" has failed, skipping."}
+            </p>
+            <p>
+              {"Reason: "}
+              <em>{message}</em>
+            </p>
+          </div>
+        ));
+      }
+
+      return null;
+    };
+  },
+});
+
+export default createTempFilesAndValidateInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/attempt-install/get-extension-dest-folder.injectable.ts b/packages/core/src/renderer/components/+extensions/attempt-install/get-extension-dest-folder.injectable.ts
new file mode 100644
index 0000000000..6d6dbfbef3
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/attempt-install/get-extension-dest-folder.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 extensionDiscoveryInjectable from "../../../../extensions/extension-discovery/extension-discovery.injectable";
+import { sanitizeExtensionName } from "../../../../extensions/lens-extension";
+import path from "path";
+
+export type GetExtensionDestFolder = (name: string) => string;
+
+const getExtensionDestFolderInjectable = getInjectable({
+  id: "get-extension-dest-folder",
+
+  instantiate: (di): GetExtensionDestFolder => {
+    const extensionDiscovery = di.inject(extensionDiscoveryInjectable);
+
+    return (name) => path.join(extensionDiscovery.localFolderPath, sanitizeExtensionName(name));
+  },
+});
+
+export default getExtensionDestFolderInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/attempt-install/unpack-extension.injectable.tsx b/packages/core/src/renderer/components/+extensions/attempt-install/unpack-extension.injectable.tsx
new file mode 100644
index 0000000000..c81a69f9b0
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/attempt-install/unpack-extension.injectable.tsx
@@ -0,0 +1,115 @@
+/**
+ * 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 extensionLoaderInjectable from "../../../../extensions/extension-loader/extension-loader.injectable";
+import getExtensionDestFolderInjectable from "./get-extension-dest-folder.injectable";
+import extensionInstallationStateStoreInjectable from "../../../../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import type { Disposer } from "../../../../common/utils";
+import { noop } from "../../../../common/utils";
+import { extensionDisplayName } from "../../../../extensions/lens-extension";
+import { getMessageFromError } from "../get-message-from-error/get-message-from-error";
+import path from "path";
+import fse from "fs-extra";
+import { when } from "mobx";
+import React from "react";
+import type { InstallRequestValidated } from "./create-temp-files-and-validate.injectable";
+import extractTarInjectable from "../../../../common/fs/extract-tar.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+import showInfoNotificationInjectable from "../../notifications/show-info-notification.injectable";
+import showErrorNotificationInjectable from "../../notifications/show-error-notification.injectable";
+
+export type UnpackExtension = (request: InstallRequestValidated, disposeDownloading?: Disposer) => Promise<void>;
+
+const unpackExtensionInjectable = getInjectable({
+  id: "unpack-extension",
+  instantiate: (di): UnpackExtension => {
+    const extensionLoader = di.inject(extensionLoaderInjectable);
+    const getExtensionDestFolder = di.inject(getExtensionDestFolderInjectable);
+    const extensionInstallationStateStore = di.inject(extensionInstallationStateStoreInjectable);
+    const extractTar = di.inject(extractTarInjectable);
+    const logger = di.inject(loggerInjectable);
+    const showInfoNotification = di.inject(showInfoNotificationInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+
+    return async (request, disposeDownloading) => {
+      const {
+        id,
+        fileName,
+        tempFile,
+        manifest: { name, version },
+      } = request;
+
+      extensionInstallationStateStore.setInstalling(id);
+      disposeDownloading?.();
+
+      const displayName = extensionDisplayName(name, version);
+      const extensionFolder = getExtensionDestFolder(name);
+      const unpackingTempFolder = path.join(
+        path.dirname(tempFile),
+        `${path.basename(tempFile)}-unpacked`,
+      );
+
+      logger.info(`Unpacking extension ${displayName}`, { fileName, tempFile });
+
+      try {
+      // extract to temp folder first
+        await fse.remove(unpackingTempFolder).catch(noop);
+        await fse.ensureDir(unpackingTempFolder);
+        await extractTar(tempFile, { cwd: unpackingTempFolder });
+
+        // move contents to extensions folder
+        const unpackedFiles = await fse.readdir(unpackingTempFolder);
+        let unpackedRootFolder = unpackingTempFolder;
+
+        if (unpackedFiles.length === 1) {
+        // check if %extension.tgz was packed with single top folder,
+        // e.g. "npm pack %ext_name" downloads file with "package" root folder within tarball
+          unpackedRootFolder = path.join(unpackingTempFolder, unpackedFiles[0]);
+        }
+
+        await fse.ensureDir(extensionFolder);
+        await fse.move(unpackedRootFolder, extensionFolder, { overwrite: true });
+
+        // wait for the loader has actually install it
+        await when(() => extensionLoader.userExtensions.has(id));
+
+        // Enable installed extensions by default.
+        extensionLoader.setIsEnabled(id, true);
+
+        showInfoNotification((
+          <p>
+            {"Extension "}
+            <b>{displayName}</b>
+            {" successfully installed!"}
+          </p>
+        ));
+      } catch (error) {
+        const message = getMessageFromError(error);
+
+        logger.info(
+          `[EXTENSION-INSTALLATION]: installing ${request.fileName} has failed: ${message}`,
+          { error },
+        );
+        showErrorNotification((
+          <p>
+            {"Installing extension "}
+            <b>{displayName}</b>
+            {" has failed: "}
+            <em>{message}</em>
+          </p>
+        ));
+      } finally {
+      // Remove install state once finished
+        extensionInstallationStateStore.clearInstalling(id);
+
+        // clean up
+        fse.remove(unpackingTempFolder).catch(noop);
+        fse.unlink(tempFile).catch(noop);
+      }
+    };
+  },
+});
+
+export default unpackExtensionInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/attempt-install/validate-package.tsx b/packages/core/src/renderer/components/+extensions/attempt-install/validate-package.tsx
new file mode 100644
index 0000000000..e9597b2d10
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/attempt-install/validate-package.tsx
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { LensExtensionManifest } from "../../../../extensions/lens-extension";
+import { hasTypedProperty, isObject, isString, listTarEntries, readFileFromTar } from "../../../../common/utils";
+import { manifestFilename } from "../../../../extensions/extension-discovery/extension-discovery";
+import path from "path";
+
+export async function validatePackage(filePath: string): Promise<LensExtensionManifest> {
+  const tarFiles = await listTarEntries(filePath);
+
+  // tarball from npm contains single root folder "package/*"
+  const firstFile = tarFiles[0];
+
+  if (!firstFile) {
+    throw new Error(`invalid extension bundle, ${manifestFilename} not found`);
+  }
+
+  const rootFolder = path.normalize(firstFile).split(path.sep)[0];
+  const packedInRootFolder = tarFiles.every(entry => entry.startsWith(rootFolder));
+  const manifestLocation = packedInRootFolder
+    ? path.join(rootFolder, manifestFilename)
+    : manifestFilename;
+
+  if (!tarFiles.includes(manifestLocation)) {
+    throw new Error(`invalid extension bundle, ${manifestFilename} not found`);
+  }
+
+  const manifest = await readFileFromTar({
+    tarPath: filePath,
+    filePath: manifestLocation,
+    parseJson: true,
+  });
+
+  if (
+    isObject(manifest)
+    && (
+      hasTypedProperty(manifest, "main", isString)
+      || hasTypedProperty(manifest, "renderer", isString)
+    )
+  ) {
+    return manifest as unknown as LensExtensionManifest;
+  }
+
+  throw new Error(`${manifestFilename} must specify "main" and/or "renderer" fields`);
+}
diff --git a/packages/core/src/renderer/components/+extensions/attempt-installs.injectable.ts b/packages/core/src/renderer/components/+extensions/attempt-installs.injectable.ts
new file mode 100644
index 0000000000..8f2a066492
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/attempt-installs.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 attemptInstallInjectable from "./attempt-install/attempt-install.injectable";
+import path from "path";
+import readFileNotifyInjectable from "./read-file-notify/read-file-notify.injectable";
+
+export type AttemptInstalls = (filePaths: string[]) => Promise<void>;
+
+const attemptInstallsInjectable = getInjectable({
+  id: "attempt-installs",
+
+  instantiate: (di): AttemptInstalls => {
+    const attemptInstall = di.inject(attemptInstallInjectable);
+    const readFileNotify = di.inject(readFileNotifyInjectable);
+
+    return async (filePaths) => {
+      await Promise.allSettled(
+        filePaths.map(async filePath => {
+          const data = await readFileNotify(filePath);
+
+          if (!data) {
+            return;
+          }
+
+          return attemptInstall({
+            fileName: path.basename(filePath),
+            data,
+          });
+        }),
+      );
+    };
+  },
+});
+
+export default attemptInstallsInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/confirm-uninstall-extension.injectable.tsx b/packages/core/src/renderer/components/+extensions/confirm-uninstall-extension.injectable.tsx
new file mode 100644
index 0000000000..fd832e8eb4
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/confirm-uninstall-extension.injectable.tsx
@@ -0,0 +1,56 @@
+/**
+ * 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 React from "react";
+import type { InstalledExtension } from "../../../extensions/extension-discovery/extension-discovery";
+import type { LensExtensionId } from "../../../extensions/lens-extension";
+import { extensionDisplayName } from "../../../extensions/lens-extension";
+import type { Confirm } from "../confirm-dialog/confirm.injectable";
+import confirmInjectable from "../confirm-dialog/confirm.injectable";
+import uninstallExtensionInjectable from "./uninstall-extension.injectable";
+
+interface Dependencies {
+  uninstallExtension: (id: LensExtensionId) => Promise<boolean>;
+  confirm: Confirm;
+}
+
+export type ConfirmUninstallExtension = (ext: InstalledExtension) => Promise<void>;
+
+const confirmUninstallExtension = ({
+  uninstallExtension,
+  confirm,
+}: Dependencies): ConfirmUninstallExtension => (
+  async (extension) => {
+    const displayName = extensionDisplayName(
+      extension.manifest.name,
+      extension.manifest.version,
+    );
+    const confirmed = await confirm({
+      message: (
+        <p>
+          {"Are you sure you want to uninstall extension "}
+          <b>{displayName}</b>
+          ?
+        </p>
+      ),
+      labelOk: "Yes",
+      labelCancel: "No",
+    });
+
+    if (confirmed) {
+      await uninstallExtension(extension.id);
+    }
+  }
+);
+
+const confirmUninstallExtensionInjectable = getInjectable({
+  id: "confirm-uninstall-extension",
+  instantiate: (di) => confirmUninstallExtension({
+    uninstallExtension: di.inject(uninstallExtensionInjectable),
+    confirm: di.inject(confirmInjectable),
+  }),
+});
+
+export default confirmUninstallExtensionInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/disable-extension/disable-extension.injectable.ts b/packages/core/src/renderer/components/+extensions/disable-extension/disable-extension.injectable.ts
new file mode 100644
index 0000000000..274679c331
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/disable-extension/disable-extension.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 extensionLoaderInjectable from "../../../../extensions/extension-loader/extension-loader.injectable";
+import { disableExtension } from "./disable-extension";
+
+const disableExtensionInjectable = getInjectable({
+  id: "disable-extension",
+
+  instantiate: (di) =>
+    disableExtension({
+      extensionLoader: di.inject(extensionLoaderInjectable),
+    }),
+});
+
+export default disableExtensionInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/disable-extension/disable-extension.ts b/packages/core/src/renderer/components/+extensions/disable-extension/disable-extension.ts
new file mode 100644
index 0000000000..f7ab4de7fd
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/disable-extension/disable-extension.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 { LensExtensionId } from "../../../../extensions/lens-extension";
+import type { ExtensionLoader } from "../../../../extensions/extension-loader";
+
+interface Dependencies {
+  extensionLoader: ExtensionLoader;
+}
+
+export const disableExtension =
+  ({ extensionLoader }: Dependencies) =>
+    (id: LensExtensionId) => {
+      const extension = extensionLoader.getExtension(id);
+
+      if (extension) {
+        extension.isEnabled = false;
+      }
+    };
diff --git a/packages/core/src/renderer/components/+extensions/enable-extension/enable-extension.injectable.ts b/packages/core/src/renderer/components/+extensions/enable-extension/enable-extension.injectable.ts
new file mode 100644
index 0000000000..19e5e83233
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/enable-extension/enable-extension.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 extensionLoaderInjectable from "../../../../extensions/extension-loader/extension-loader.injectable";
+import { enableExtension } from "./enable-extension";
+
+const enableExtensionInjectable = getInjectable({
+  id: "enable-extension",
+
+  instantiate: (di) =>
+    enableExtension({
+      extensionLoader: di.inject(extensionLoaderInjectable),
+    }),
+});
+
+export default enableExtensionInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/enable-extension/enable-extension.ts b/packages/core/src/renderer/components/+extensions/enable-extension/enable-extension.ts
new file mode 100644
index 0000000000..573fa9b037
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/enable-extension/enable-extension.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 { LensExtensionId } from "../../../../extensions/lens-extension";
+import type { ExtensionLoader } from "../../../../extensions/extension-loader";
+
+interface Dependencies {
+  extensionLoader: ExtensionLoader;
+}
+
+export const enableExtension =
+  ({ extensionLoader }: Dependencies) =>
+    (id: LensExtensionId) => {
+      const extension = extensionLoader.getExtension(id);
+
+      if (extension) {
+        extension.isEnabled = true;
+      }
+    };
diff --git a/packages/core/src/renderer/components/+extensions/extensions-route-component.injectable.ts b/packages/core/src/renderer/components/+extensions/extensions-route-component.injectable.ts
new file mode 100644
index 0000000000..aede3b340a
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/extensions-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 { Extensions } from "./extensions";
+import extensionsRouteInjectable from "../../../common/front-end-routing/routes/extensions/extensions-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const extensionsRouteComponentInjectable = getInjectable({
+  id: "extensions-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(extensionsRouteInjectable),
+    Component: Extensions,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default extensionsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/extensions.module.scss b/packages/core/src/renderer/components/+extensions/extensions.module.scss
new file mode 100644
index 0000000000..048487e2e1
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+extensions/extensions.tsx b/packages/core/src/renderer/components/+extensions/extensions.tsx
new file mode 100644
index 0000000000..b9dfdb791b
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/extensions.tsx
@@ -0,0 +1,140 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./extensions.module.scss";
+import type {
+  IComputedValue } from "mobx";
+import {
+  makeObservable,
+  observable,
+  reaction,
+  when,
+} from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import React from "react";
+import type { InstalledExtension } from "../../../extensions/extension-discovery/extension-discovery";
+import { DropFileInput } from "../input";
+import { Install } from "./install";
+import { InstalledExtensions } from "./installed-extensions";
+import { Notice } from "./notice";
+import { SettingLayout } from "../layout/setting-layout";
+import { docsUrl } from "../../../common/vars";
+import { withInjectables } from "@ogre-tools/injectable-react";
+
+import userExtensionsInjectable from "./user-extensions/user-extensions.injectable";
+import enableExtensionInjectable from "./enable-extension/enable-extension.injectable";
+import disableExtensionInjectable from "./disable-extension/disable-extension.injectable";
+import type { ConfirmUninstallExtension } from "./confirm-uninstall-extension.injectable";
+import confirmUninstallExtensionInjectable from "./confirm-uninstall-extension.injectable";
+import type { InstallExtensionFromInput } from "./install-extension-from-input.injectable";
+import installExtensionFromInputInjectable from "./install-extension-from-input.injectable";
+import installFromSelectFileDialogInjectable from "./install-from-select-file-dialog.injectable";
+import type { LensExtensionId } from "../../../extensions/lens-extension";
+import type { InstallOnDrop } from "./install-on-drop.injectable";
+import installOnDropInjectable from "./install-on-drop.injectable";
+import { supportedExtensionFormats } from "./supported-extension-formats";
+import extensionInstallationStateStoreInjectable from "../../../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import type { ExtensionInstallationStateStore } from "../../../extensions/extension-installation-state-store/extension-installation-state-store";
+
+interface Dependencies {
+  userExtensions: IComputedValue<InstalledExtension[]>;
+  enableExtension: (id: LensExtensionId) => void;
+  disableExtension: (id: LensExtensionId) => void;
+  confirmUninstallExtension: ConfirmUninstallExtension;
+  installExtensionFromInput: InstallExtensionFromInput;
+  installFromSelectFileDialog: () => Promise<void>;
+  installOnDrop: InstallOnDrop;
+  extensionInstallationStateStore: ExtensionInstallationStateStore;
+}
+
+@observer
+class NonInjectedExtensions extends React.Component<Dependencies> {
+  @observable installPath = "";
+
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      reaction(() => this.props.userExtensions.get().length, (curSize, prevSize) => {
+        if (curSize > prevSize) {
+          disposeOnUnmount(this, [
+            when(() => !this.props.extensionInstallationStateStore.anyInstalling, () => this.installPath = ""),
+          ]);
+        }
+      }),
+    ]);
+  }
+
+  render() {
+    const userExtensions = this.props.userExtensions.get();
+
+    return (
+      <DropFileInput onDropFiles={this.props.installOnDrop}>
+        <SettingLayout
+          className="Extensions"
+          contentGaps={false}
+          data-testid="extensions-page"
+        >
+          <section>
+            <h1>Extensions</h1>
+
+            <Notice className={styles.notice}>
+              <p>
+                {"Add new features via Lens Extensions. Check out the "}
+                <a
+                  href={`${docsUrl}/extensions/`}
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  docs
+                </a>
+                {" and list of "}
+                <a
+                  href="https://github.com/lensapp/lens-extensions/blob/main/README.md"
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  available extensions
+                </a>
+                .
+              </p>
+            </Notice>
+
+            <Install
+              supportedFormats={supportedExtensionFormats}
+              onChange={value => (this.installPath = value)}
+              installFromInput={() => this.props.installExtensionFromInput(this.installPath)}
+              installFromSelectFileDialog={this.props.installFromSelectFileDialog}
+              installPath={this.installPath}
+            />
+
+            <InstalledExtensions
+              extensions={userExtensions}
+              enable={this.props.enableExtension}
+              disable={this.props.disableExtension}
+              uninstall={this.props.confirmUninstallExtension}
+            />
+          </section>
+        </SettingLayout>
+      </DropFileInput>
+    );
+  }
+}
+
+export const Extensions = withInjectables<Dependencies>(NonInjectedExtensions, {
+  getProps: (di) => ({
+    userExtensions: di.inject(userExtensionsInjectable),
+    enableExtension: di.inject(enableExtensionInjectable),
+    disableExtension: di.inject(disableExtensionInjectable),
+    confirmUninstallExtension: di.inject(confirmUninstallExtensionInjectable),
+    installExtensionFromInput: di.inject(installExtensionFromInputInjectable),
+    installOnDrop: di.inject(installOnDropInjectable),
+    installFromSelectFileDialog: di.inject(installFromSelectFileDialogInjectable),
+    extensionInstallationStateStore: di.inject(extensionInstallationStateStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+extensions/get-base-registry-url/get-base-registry-url.injectable.tsx b/packages/core/src/renderer/components/+extensions/get-base-registry-url/get-base-registry-url.injectable.tsx
new file mode 100644
index 0000000000..6a03466abd
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/get-base-registry-url/get-base-registry-url.injectable.tsx
@@ -0,0 +1,58 @@
+/**
+ * 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 React from "react";
+import execFileInjectable from "../../../../common/fs/exec-file.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+import { defaultExtensionRegistryUrl } from "../../../../common/user-store/preferences-helpers";
+import userStoreInjectable from "../../../../common/user-store/user-store.injectable";
+import showErrorNotificationInjectable from "../../notifications/show-error-notification.injectable";
+
+const getBaseRegistryUrlInjectable = getInjectable({
+  id: "get-base-registry-url",
+
+  instantiate: (di) => {
+    const { extensionRegistryUrl } = di.inject(userStoreInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const logger = di.inject(loggerInjectable);
+    const execFile = di.inject(execFileInjectable);
+
+    return async () => {
+      switch (extensionRegistryUrl.location) {
+        case "custom":
+          return extensionRegistryUrl.customUrl;
+
+        case "npmrc": {
+          const filteredEnv = Object.fromEntries(
+            Object.entries(process.env)
+              .filter(([key]) => !key.startsWith("npm")),
+          );
+          const result = await execFile("npm", ["config", "get", "registry"], { env: filteredEnv });
+
+          if (result.callWasSuccessful) {
+            return result.response.trim();
+          }
+
+          showErrorNotification((
+            <p>
+              Failed to get configured registry from
+              <code>.npmrc</code>
+              . Falling back to default registry.
+            </p>
+          ));
+          logger.warn("[EXTENSIONS]: failed to get configured registry from .npmrc", result.error);
+        }
+
+        // fallthrough
+        default:
+        case "default":
+          return defaultExtensionRegistryUrl;
+      }
+    };
+  },
+});
+
+export default getBaseRegistryUrlInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/get-message-from-error/get-message-from-error.ts b/packages/core/src/renderer/components/+extensions/get-message-from-error/get-message-from-error.ts
new file mode 100644
index 0000000000..ecbb4f9145
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/get-message-from-error/get-message-from-error.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 { hasTypedProperty, isDefined } from "../../../utils";
+
+export function getMessageFromError(error: unknown): string {
+  if (!error || typeof error !== "object") {
+    return "an error has occurred";
+  }
+
+  if (error instanceof Error) {
+    return error.message;
+  }
+
+  if (hasTypedProperty(error, "err", isDefined)) {
+    return String(error.err);
+  }
+
+  const rawMessage = String(error);
+
+  if (rawMessage === String({})) {
+    return "an error has occurred";
+  }
+
+  return rawMessage;
+}
diff --git a/packages/core/src/renderer/components/+extensions/index.ts b/packages/core/src/renderer/components/+extensions/index.ts
new file mode 100644
index 0000000000..b92d3ff0c5
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./extensions";
diff --git a/packages/core/src/renderer/components/+extensions/install-extension-from-input.injectable.tsx b/packages/core/src/renderer/components/+extensions/install-extension-from-input.injectable.tsx
new file mode 100644
index 0000000000..3f9e5b0949
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/install-extension-from-input.injectable.tsx
@@ -0,0 +1,97 @@
+/**
+ * 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 { ExtendableDisposer } from "../../../common/utils";
+import { InputValidators } from "../input";
+import { getMessageFromError } from "./get-message-from-error/get-message-from-error";
+import { getInjectable } from "@ogre-tools/injectable";
+import attemptInstallInjectable from "./attempt-install/attempt-install.injectable";
+import attemptInstallByInfoInjectable from "./attempt-install-by-info.injectable";
+import extensionInstallationStateStoreInjectable from "../../../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import readFileNotifyInjectable from "./read-file-notify/read-file-notify.injectable";
+import getBasenameOfPathInjectable from "../../../common/path/get-basename.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import downloadBinaryInjectable from "../../../common/fetch/download-binary.injectable";
+import { withTimeout } from "../../../common/fetch/timeout-controller";
+
+export type InstallExtensionFromInput = (input: string) => Promise<void>;
+
+const installExtensionFromInputInjectable = getInjectable({
+  id: "install-extension-from-input",
+
+  instantiate: (di): InstallExtensionFromInput => {
+    const attemptInstall = di.inject(attemptInstallInjectable);
+    const attemptInstallByInfo = di.inject(attemptInstallByInfoInjectable);
+    const extensionInstallationStateStore = di.inject(extensionInstallationStateStoreInjectable);
+    const readFileNotify = di.inject(readFileNotifyInjectable);
+    const getBasenameOfPath = di.inject(getBasenameOfPathInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const logger = di.inject(loggerInjectable);
+    const downloadBinary = di.inject(downloadBinaryInjectable);
+
+    return async (input) => {
+      let disposer: ExtendableDisposer | undefined = undefined;
+
+      try {
+        // fixme: improve error messages for non-tar-file URLs
+        if (InputValidators.isUrl.validate(input)) {
+          // install via url
+          disposer = extensionInstallationStateStore.startPreInstall();
+          const { signal } = withTimeout(10 * 60 * 1000);
+          const result = await downloadBinary(input, { signal });
+
+          if (!result.callWasSuccessful) {
+            showErrorNotification(`Failed to download extension: ${result.error}`);
+
+            return disposer();
+          }
+
+          const fileName = getBasenameOfPath(input);
+
+          return await attemptInstall({ fileName, data: result.response }, disposer);
+        }
+
+        try {
+          await InputValidators.isPath.validate(input);
+
+          // install from system path
+          const fileName = getBasenameOfPath(input);
+          const data = await readFileNotify(input);
+
+          if (!data) {
+            return;
+          }
+
+          return await attemptInstall({ fileName, data });
+        } catch (error) {
+          const extNameCaptures = InputValidators.isExtensionNameInstallRegex.captures(input);
+
+          if (extNameCaptures) {
+            const { name, version } = extNameCaptures;
+
+            return await attemptInstallByInfo({ name, version });
+          }
+        }
+
+        throw new Error(`Unknown format of input: ${input}`);
+      } catch (error) {
+        const message = getMessageFromError(error);
+
+        logger.info(`[EXTENSION-INSTALL]: installation has failed: ${message}`, { error, installPath: input });
+        showErrorNotification((
+          <p>
+            {"Installation has failed: "}
+            <b>{message}</b>
+          </p>
+        ));
+      } finally {
+        disposer?.();
+      }
+    };
+  },
+});
+
+export default installExtensionFromInputInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/install-from-select-file-dialog.injectable.ts b/packages/core/src/renderer/components/+extensions/install-from-select-file-dialog.injectable.ts
new file mode 100644
index 0000000000..1f10f9625c
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/install-from-select-file-dialog.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 { supportedExtensionFormats } from "./supported-extension-formats";
+import attemptInstallsInjectable from "./attempt-installs.injectable";
+import directoryForDownloadsInjectable from "../../../common/app-paths/directory-for-downloads/directory-for-downloads.injectable";
+import openPathPickingDialogInjectable from "../../../features/path-picking-dialog/renderer/pick-paths.injectable";
+
+export type InstallFromSelectFileDialog = () => Promise<void>;
+
+const installFromSelectFileDialogInjectable = getInjectable({
+  id: "install-from-select-file-dialog",
+
+  instantiate: (di): InstallFromSelectFileDialog => {
+    const attemptInstalls = di.inject(attemptInstallsInjectable);
+    const directoryForDownloads = di.inject(directoryForDownloadsInjectable);
+    const openPathPickingDialog = di.inject(openPathPickingDialogInjectable);
+
+    return () => openPathPickingDialog({
+      defaultPath: directoryForDownloads,
+      properties: ["openFile", "multiSelections"],
+      message: `Select extensions to install (formats: ${supportedExtensionFormats.join(", ")}), `,
+      buttonLabel: "Use configuration",
+      filters: [{ name: "tarball", extensions: supportedExtensionFormats }],
+      onPick: attemptInstalls,
+    });
+  },
+});
+
+export default installFromSelectFileDialogInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/install-on-drop.injectable.ts b/packages/core/src/renderer/components/+extensions/install-on-drop.injectable.ts
new file mode 100644
index 0000000000..e1779eb223
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/install-on-drop.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 loggerInjectable from "../../../common/logger.injectable";
+import attemptInstallsInjectable from "./attempt-installs.injectable";
+
+export type InstallOnDrop = (files: File[]) => Promise<void>;
+
+const installOnDropInjectable = getInjectable({
+  id: "install-on-drop",
+
+  instantiate: (di): InstallOnDrop => {
+    const attemptInstalls = di.inject(attemptInstallsInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return (files) => {
+      logger.info("Install from D&D");
+
+      return attemptInstalls(files.map(({ path }) => path));
+    };
+  },
+});
+
+export default installOnDropInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/install.module.scss b/packages/core/src/renderer/components/+extensions/install.module.scss
new file mode 100644
index 0000000000..62060970ec
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/install.module.scss
@@ -0,0 +1,29 @@
+/**
+ * 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/packages/core/src/renderer/components/+extensions/install.tsx b/packages/core/src/renderer/components/+extensions/install.tsx
new file mode 100644
index 0000000000..7572063796
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/install.tsx
@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./install.module.scss";
+import React from "react";
+import { prevDefault } from "../../utils";
+import { Button } from "../button";
+import { Icon } from "../icon";
+import { observer } from "mobx-react";
+import { Input, InputValidators } from "../input";
+import { SubTitle } from "../layout/sub-title";
+import { TooltipPosition } from "../tooltip";
+import type { ExtensionInstallationStateStore } from "../../../extensions/extension-installation-state-store/extension-installation-state-store";
+import extensionInstallationStateStoreInjectable from "../../../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { unionInputValidatorsAsync } from "../input/input_validators";
+
+export interface InstallProps {
+  installPath: string;
+  supportedFormats: string[];
+  onChange: (path: string) => void;
+  installFromInput: () => void;
+  installFromSelectFileDialog: () => void;
+}
+
+interface Dependencies {
+  extensionInstallationStateStore: ExtensionInstallationStateStore;
+}
+
+const installInputValidator = unionInputValidatorsAsync(
+  {
+    message: "Invalid URL, absolute path, or extension name",
+  },
+  InputValidators.isUrl,
+  InputValidators.isExtensionNameInstall,
+  InputValidators.isPath,
+);
+
+const NonInjectedInstall: React.FC<Dependencies & InstallProps> = ({
+  installPath,
+  supportedFormats,
+  onChange,
+  installFromInput,
+  installFromSelectFileDialog,
+  extensionInstallationStateStore,
+}) => (
+  <section>
+    <SubTitle
+      title={`Name or file path or URL to an extension package (${supportedFormats.join(
+        ", ",
+      )})`}
+    />
+    <div className={styles.inputs}>
+      <div>
+        <Input
+          theme="round-black"
+          disabled={extensionInstallationStateStore.anyPreInstallingOrInstalling}
+          placeholder={"Name or file path or URL"}
+          showErrorsAsTooltip={{ preferredPositions: TooltipPosition.BOTTOM }}
+          validators={installPath ? installInputValidator : undefined}
+          value={installPath}
+          onChange={onChange}
+          onSubmit={installFromInput}
+          iconRight={(
+            <Icon
+              className={styles.icon}
+              smallest
+              material="folder_open"
+              onClick={prevDefault(installFromSelectFileDialog)}
+              tooltip="Browse"
+            />
+          )}
+        />
+      </div>
+      <div>
+        <Button
+          className={styles.button}
+          primary
+          label="Install"
+          disabled={
+            extensionInstallationStateStore.anyPreInstallingOrInstalling
+          }
+          waiting={extensionInstallationStateStore.anyPreInstallingOrInstalling}
+          onClick={installFromInput}
+        />
+      </div>
+    </div>
+    <small className={styles.proTip}>
+      <b>Pro-Tip</b>
+      : you can drag and drop a tarball file to this area
+    </small>
+  </section>
+);
+
+export const Install = withInjectables<Dependencies, InstallProps>(
+  observer(NonInjectedInstall),
+  {
+    getProps: (di, props) => ({
+      extensionInstallationStateStore: di.inject(
+        extensionInstallationStateStoreInjectable,
+      ),
+
+      ...props,
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/+extensions/installed-extensions.module.scss b/packages/core/src/renderer/components/+extensions/installed-extensions.module.scss
new file mode 100644
index 0000000000..b685f029fe
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/installed-extensions.module.scss
@@ -0,0 +1,29 @@
+.extensionName {
+  @apply font-bold;
+  color: var(--textColorAccent);
+}
+
+.extensionDescription {
+  @apply mt-1;
+}
+
+.enabled {
+  color: var(--colorOk);
+}
+
+.invalid {
+  color: var(--colorWarning);
+}
+
+.title {
+  margin-bottom: 0!important;
+}
+
+.noItemsIcon {
+  @apply opacity-10;
+  --size: 180px;
+}
+
+.frozenRow {
+  @apply opacity-30 pointer-events-none;
+}
diff --git a/packages/core/src/renderer/components/+extensions/installed-extensions.tsx b/packages/core/src/renderer/components/+extensions/installed-extensions.tsx
new file mode 100644
index 0000000000..60579ca3ec
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/installed-extensions.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 styles from "./installed-extensions.module.scss";
+import React, { useMemo } from "react";
+import type {
+  ExtensionDiscovery,
+  InstalledExtension,
+} from "../../../extensions/extension-discovery/extension-discovery";
+import { Icon } from "../icon";
+import { List } from "../list/list";
+import { MenuActions, MenuItem } from "../menu";
+import { Spinner } from "../spinner";
+import { cssNames } from "../../utils";
+import { observer } from "mobx-react";
+import type { Row } from "react-table";
+import type { LensExtensionId } from "../../../extensions/lens-extension";
+import extensionDiscoveryInjectable
+  from "../../../extensions/extension-discovery/extension-discovery.injectable";
+
+import { withInjectables } from "@ogre-tools/injectable-react";
+import extensionInstallationStateStoreInjectable
+  from "../../../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import type { ExtensionInstallationStateStore } from "../../../extensions/extension-installation-state-store/extension-installation-state-store";
+
+export interface InstalledExtensionsProps {
+  extensions: InstalledExtension[];
+  enable: (id: LensExtensionId) => void;
+  disable: (id: LensExtensionId) => void;
+  uninstall: (extension: InstalledExtension) => void;
+}
+
+interface Dependencies {
+  extensionDiscovery: ExtensionDiscovery;
+  extensionInstallationStateStore: ExtensionInstallationStateStore;
+}
+
+function getStatus(extension: InstalledExtension) {
+  if (!extension.isCompatible) {
+    return "Incompatible";
+  }
+
+  return extension.isEnabled ? "Enabled" : "Disabled";
+}
+
+const NonInjectedInstalledExtensions = observer(({ extensionDiscovery, extensionInstallationStateStore, extensions, uninstall, enable, disable }: Dependencies & InstalledExtensionsProps) => {
+  const columns = useMemo(
+    () => [
+      {
+        Header: "Name",
+        accessor: "extension",
+        width: 200,
+        sortType: (rowA: Row, rowB: Row) => { // Custom sorting for extension name
+          const nameA = extensions[rowA.index].manifest.name;
+          const nameB = extensions[rowB.index].manifest.name;
+
+          if (nameA > nameB) return -1;
+          if (nameB > nameA) return 1;
+
+          return 0;
+        },
+      },
+      {
+        Header: "Version",
+        accessor: "version",
+      },
+      {
+        Header: "Status",
+        accessor: "status",
+      },
+      {
+        Header: "",
+        accessor: "actions",
+        disableSortBy: true,
+        width: 20,
+        className: "actions",
+      },
+    ], [],
+  );
+
+  const data = useMemo(
+    () => extensions.map(extension => {
+      const { id, isEnabled, isCompatible, manifest } = extension;
+      const { name, description, version } = manifest;
+      const isUninstalling = extensionInstallationStateStore.isExtensionUninstalling(id);
+
+      return {
+        extension: (
+          <div className={"flex items-start"}>
+            <div>
+              <div className={styles.extensionName}>{name}</div>
+              <div className={styles.extensionDescription}>{description}</div>
+            </div>
+          </div>
+        ),
+        version,
+        status: (
+          <div className={cssNames({ [styles.enabled]: isEnabled, [styles.invalid]: !isCompatible })}>
+            {getStatus(extension)}
+          </div>
+        ),
+        actions: (
+          <MenuActions
+            id={`menu-actions-for-installed-extensions-for-${id}`}
+            usePortal
+            toolbar={false}>
+            {isCompatible && (
+              <>
+                {isEnabled ? (
+                  <MenuItem
+                    disabled={isUninstalling}
+                    onClick={() => disable(id)}
+                  >
+                    <Icon material="unpublished" />
+                    <span className="title" aria-disabled={isUninstalling}>Disable</span>
+                  </MenuItem>
+                ) : (
+                  <MenuItem
+                    disabled={isUninstalling}
+                    onClick={() => enable(id)}
+                  >
+                    <Icon material="check_circle" />
+                    <span className="title" aria-disabled={isUninstalling}>Enable</span>
+                  </MenuItem>
+                )}
+              </>
+            )}
+
+            <MenuItem
+              disabled={isUninstalling}
+              onClick={() => uninstall(extension)}
+            >
+              <Icon material="delete" />
+              <span className="title" aria-disabled={isUninstalling}>Uninstall</span>
+            </MenuItem>
+          </MenuActions>
+        ),
+      };
+    }), [extensions, extensionInstallationStateStore.anyUninstalling],
+  );
+
+  if (!extensionDiscovery.isLoaded) {
+    return <div><Spinner center /></div>;
+  }
+
+  if (extensions.length == 0) {
+    return (
+      <div className="flex column h-full items-center justify-center">
+        <Icon material="extension" className={styles.noItemsIcon}/>
+        <h3 className="font-medium text-3xl mt-5 mb-2">
+          There are no extensions installed.
+        </h3>
+        <p>Please use the form above to install or drag a tarball file here.</p>
+      </div>
+    );
+  }
+
+  return (
+    <section data-testid="extensions-table">
+      <List
+        title={<h2 className={styles.title}>Installed extensions</h2>}
+        columns={columns}
+        data={data}
+        items={extensions}
+        filters={[
+          (extension) => extension.manifest.name,
+          (extension) => getStatus(extension),
+          (extension) => extension.manifest.version,
+        ]}
+      />
+    </section>
+  );
+});
+
+export const InstalledExtensions = withInjectables<Dependencies, InstalledExtensionsProps>(NonInjectedInstalledExtensions, {
+  getProps: (di, props) => ({
+    extensionDiscovery: di.inject(extensionDiscoveryInjectable),
+    extensionInstallationStateStore: di.inject(extensionInstallationStateStoreInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/+extensions/notice.module.scss b/packages/core/src/renderer/components/+extensions/notice.module.scss
new file mode 100644
index 0000000000..2f1963b663
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/notice.module.scss
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.notice {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--unit) * 2);
+  background-color: var(--inputControlBackground);
+  border: 1px solid var(--boxShadow);
+  color: var(--textColorTertiary);
+  border-radius: 4px;
+  padding: calc(var(--padding) * 2);
+}
diff --git a/packages/core/src/renderer/components/+extensions/notice.tsx b/packages/core/src/renderer/components/+extensions/notice.tsx
new file mode 100644
index 0000000000..6626a2233a
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/notice.tsx
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./notice.module.scss";
+import type { DOMAttributes } from "react";
+import React from "react";
+import { cssNames } from "../../utils";
+
+export interface NoticeProps extends DOMAttributes<any> {
+  className?: string;
+}
+
+export function Notice(props: NoticeProps) {
+  return (
+    <div className={cssNames(styles.notice, props.className)}>
+      {props.children}
+    </div>
+  );
+}
diff --git a/packages/core/src/renderer/components/+extensions/read-file-notify/read-file-notify.injectable.ts b/packages/core/src/renderer/components/+extensions/read-file-notify/read-file-notify.injectable.ts
new file mode 100644
index 0000000000..d907314b33
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/read-file-notify/read-file-notify.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 { getMessageFromError } from "../get-message-from-error/get-message-from-error";
+import { getInjectable } from "@ogre-tools/injectable";
+import showErrorNotificationInjectable from "../../notifications/show-error-notification.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+import readFileBufferInjectable from "../../../../common/fs/read-file-buffer.injectable";
+
+export type ReadFileNotify = (filePath: string, showError?: boolean) => Promise<Buffer | null>;
+
+const readFileNotifyInjectable = getInjectable({
+  id: "read-file-notify",
+  instantiate: (di): ReadFileNotify => {
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const logger = di.inject(loggerInjectable);
+    const readFileBuffer = di.inject(readFileBufferInjectable);
+
+    return async (filePath, showError = true) => {
+      try {
+        return await readFileBuffer(filePath);
+      } catch (error) {
+        if (showError) {
+          const message = getMessageFromError(error);
+
+          logger.info(`[EXTENSION-INSTALL]: preloading ${filePath} has failed: ${message}`, { error });
+          showErrorNotification(`Error while reading "${filePath}": ${message}`);
+        }
+      }
+
+      return null;
+    };
+  },
+});
+
+export default readFileNotifyInjectable;
+
diff --git a/packages/core/src/renderer/components/+extensions/supported-extension-formats.ts b/packages/core/src/renderer/components/+extensions/supported-extension-formats.ts
new file mode 100644
index 0000000000..9c4745e8c0
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/supported-extension-formats.ts
@@ -0,0 +1,5 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export const supportedExtensionFormats = ["tar", "tgz"];
diff --git a/packages/core/src/renderer/components/+extensions/uninstall-extension.injectable.tsx b/packages/core/src/renderer/components/+extensions/uninstall-extension.injectable.tsx
new file mode 100644
index 0000000000..fa7cf89fb8
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/uninstall-extension.injectable.tsx
@@ -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 extensionLoaderInjectable from "../../../extensions/extension-loader/extension-loader.injectable";
+import extensionInstallationStateStoreInjectable from "../../../extensions/extension-installation-state-store/extension-installation-state-store.injectable";
+import extensionDiscoveryInjectable from "../../../extensions/extension-discovery/extension-discovery.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import type { LensExtensionId } from "../../../extensions/lens-extension";
+import { extensionDisplayName } from "../../../extensions/lens-extension";
+import React from "react";
+import { when } from "mobx";
+import { getMessageFromError } from "./get-message-from-error/get-message-from-error";
+import showSuccessNotificationInjectable from "../notifications/show-success-notification.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+
+const uninstallExtensionInjectable = getInjectable({
+  id: "uninstall-extension",
+
+  instantiate: (di) => {
+    const extensionLoader = di.inject(extensionLoaderInjectable);
+    const extensionDiscovery = di.inject(extensionDiscoveryInjectable);
+    const extensionInstallationStateStore = di.inject(extensionInstallationStateStoreInjectable);
+    const logger = di.inject(loggerInjectable);
+    const showSuccessNotification = di.inject(showSuccessNotificationInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+
+    return async (extensionId: LensExtensionId): Promise<boolean> => {
+      const ext = extensionLoader.getExtension(extensionId);
+
+      if (!ext) {
+        logger.debug(`[EXTENSIONS]: cannot uninstall ${extensionId}, was not installed`);
+
+        return true;
+      }
+
+      const { manifest } = ext;
+      const displayName = extensionDisplayName(manifest.name, manifest.version);
+
+      try {
+        logger.debug(`[EXTENSIONS]: trying to uninstall ${extensionId}`);
+        extensionInstallationStateStore.setUninstalling(extensionId);
+
+        await extensionDiscovery.uninstallExtension(extensionId);
+
+        // wait for the ExtensionLoader to actually uninstall the extension
+        await when(() => !extensionLoader.userExtensions.has(extensionId));
+
+        showSuccessNotification(
+          <p>
+            {"Extension "}
+            <b>{displayName}</b>
+            {" successfully uninstalled!"}
+          </p>,
+        );
+
+        return true;
+      } catch (error) {
+        const message = getMessageFromError(error);
+
+        logger.info(
+          `[EXTENSION-UNINSTALL]: uninstalling ${displayName} has failed: ${error}`,
+          { error },
+        );
+        showErrorNotification(
+          <p>
+            {"Uninstalling extension "}
+            <b>{displayName}</b>
+            {" has failed: "}
+            <em>{message}</em>
+          </p>,
+        );
+
+        return false;
+      } finally {
+      // Remove uninstall state on uninstall failure
+        extensionInstallationStateStore.clearUninstalling(extensionId);
+      }
+    };
+  },
+});
+
+export default uninstallExtensionInjectable;
diff --git a/packages/core/src/renderer/components/+extensions/user-extensions/user-extensions.injectable.ts b/packages/core/src/renderer/components/+extensions/user-extensions/user-extensions.injectable.ts
new file mode 100644
index 0000000000..63d5c7a5fc
--- /dev/null
+++ b/packages/core/src/renderer/components/+extensions/user-extensions/user-extensions.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 { computed } from "mobx";
+import extensionLoaderInjectable from "../../../../extensions/extension-loader/extension-loader.injectable";
+
+const userExtensionsInjectable = getInjectable({
+  id: "user-extensions",
+
+  instantiate: (di) => {
+    const extensionLoader = di.inject(extensionLoaderInjectable);
+
+    return computed(() => [...extensionLoader.userExtensions.values()]);
+  },
+});
+
+export default userExtensionsInjectable;
diff --git a/packages/core/src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.injectable.ts b/packages/core/src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.injectable.ts
new file mode 100644
index 0000000000..8aa61a74da
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import helmChartDetailsVersionSelectionInjectable from "./versions/helm-chart-details-version-selection.injectable";
+import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api";
+import requestHelmChartReadmeInjectable from "../../../../common/k8s-api/endpoints/helm-charts.api/request-readme.injectable";
+
+const readmeOfSelectedHelmChartInjectable = getInjectable({
+  id: "readme-of-selected-helm-chart",
+
+  instantiate: (di, chart: HelmChart) => {
+    const selection = di.inject(
+      helmChartDetailsVersionSelectionInjectable,
+      chart,
+    );
+    const requestHelmChartReadme = di.inject(requestHelmChartReadmeInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: async () => {
+        const chartVersion = selection.value.get();
+
+        if (!chartVersion) {
+          return "";
+        }
+
+        const result = await requestHelmChartReadme(
+          chartVersion.getRepository(),
+          chartVersion.getName(),
+          chartVersion.getVersion(),
+        );
+
+        return result.callWasSuccessful ? result.response : "";
+      },
+
+      valueWhenPending: "",
+    });
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, chart: HelmChart) => chart.getId(),
+  }),
+});
+
+export default readmeOfSelectedHelmChartInjectable;
diff --git a/packages/core/src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.injectable.ts b/packages/core/src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.injectable.ts
new file mode 100644
index 0000000000..ad7ca9b983
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api";
+import requestHelmChartVersionsInjectable from "../../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+
+const versionsOfSelectedHelmChartInjectable = getInjectable({
+  id: "versions-of-selected-helm-chart",
+
+  instantiate: (di, chart: HelmChart) => {
+    const requestHelmChartVersions = di.inject(
+      requestHelmChartVersionsInjectable,
+    );
+
+    return asyncComputed({
+      getValueFromObservedPromise: async () =>
+        await requestHelmChartVersions(chart.getRepository(), chart.getName()),
+
+      valueWhenPending: [],
+    });
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, chart: HelmChart) => chart.getId(),
+  }),
+});
+
+export default versionsOfSelectedHelmChartInjectable;
diff --git a/packages/core/src/renderer/components/+helm-charts/details/versions/helm-chart-details-version-selection.injectable.ts b/packages/core/src/renderer/components/+helm-charts/details/versions/helm-chart-details-version-selection.injectable.ts
new file mode 100644
index 0000000000..b3be751b00
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+helm-charts/helm-chart-details.scss b/packages/core/src/renderer/components/+helm-charts/helm-chart-details.scss
new file mode 100644
index 0000000000..b82512dff4
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-chart-details.scss
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.HelmChartDetails {
+  .intro-logo {
+    margin-right: $margin * 2;
+    background: var(--helmLogoBackground);
+    border-radius: $radius;
+    max-width: 150px;
+    max-height: 100px;
+    padding: $padding;
+    box-sizing: content-box;
+  }
+
+  div.intro-logo {
+    width: 100px;
+  }
+
+  .Select__option {
+    span.deprecated {
+      text-decoration: line-through;
+    }
+  }
+
+  .intro-contents {
+    .description {
+      font-weight: bold;
+      color: var(--textColorAccent);
+      padding-bottom: $padding;
+
+      .Button {
+        padding-left: $padding * 3;
+        padding-right: $padding * 3;
+        margin-left: $margin * 2;
+        align-self: flex-start;
+      }
+    }
+
+    .version {
+      .Select {
+        min-width: 80px;
+        white-space: nowrap;
+      }
+
+      .Icon {
+        margin-right: $margin;
+      }
+    }
+
+    .maintainers {
+      a {
+        display: inline-block;
+        margin-right: $margin;
+      }
+    }
+
+    .DrawerItem {
+      align-items: center;
+    }
+  }
+
+  .chart-description {
+    margin-top: $margin * 2;
+  }
+}
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-chart-details.tsx b/packages/core/src/renderer/components/+helm-charts/helm-chart-details.tsx
new file mode 100644
index 0000000000..cf2b781e66
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-chart-details.tsx
@@ -0,0 +1,187 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./helm-chart-details.scss";
+
+import React, { Component } from "react";
+import type { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.api";
+import { observer } from "mobx-react";
+import { Drawer, DrawerItem } from "../drawer";
+import { autoBind, stopPropagation } from "../../utils";
+import { MarkdownViewer } from "../markdown-viewer";
+import { Spinner } from "../spinner";
+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 { 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 {
+  hideDetails(): void;
+  chart: HelmChart;
+}
+
+const LargeTooltip = withStyles({
+  tooltip: {
+    fontSize: "var(--font-size-small)",
+  },
+})(Tooltip);
+
+interface Dependencies {
+  createInstallChartTab: (helmChart: HelmChart) => void;
+  versions: IAsyncComputed<HelmChart[]>;
+  readme: IAsyncComputed<string>;
+  versionSelection: HelmChartDetailsVersionSelection;
+}
+
+@observer
+class NonInjectedHelmChartDetails extends Component<HelmChartDetailsProps & Dependencies> {
+  constructor(props: HelmChartDetailsProps & Dependencies) {
+    super(props);
+    autoBind(this);
+  }
+
+  get chart() {
+    return this.props.chart;
+  }
+
+  install() {
+    const chart = this.props.versionSelection.value.get();
+
+    assert(chart);
+
+    this.props.createInstallChartTab(chart);
+    this.props.hideDetails();
+  }
+
+  renderIntroduction(selectedChart: HelmChart) {
+    const testId = selectedChart.getFullName("-");
+
+    return (
+      <div className="introduction flex align-flex-start">
+        <HelmChartIcon
+          chart={selectedChart}
+          className="intro-logo"
+        />
+        <div className="intro-contents box grow">
+          <div className="description flex align-center justify-space-between" data-testid="selected-chart-description">
+            {selectedChart.getDescription()}
+            <Button
+              primary
+              label="Install"
+              onClick={this.install}
+              data-testid={`install-chart-for-${testId}`}
+            />
+          </div>
+          <DrawerItem
+            name="Version"
+            className="version"
+            onClick={stopPropagation}
+          >
+            <Select
+              id={`helm-chart-version-selector-${testId}`}
+              themeName="outlined"
+              menuPortalTarget={null}
+              options={this.props.versionSelection.options.get()}
+              formatOptionLabel={({ value: chart }) => (
+                chart.deprecated
+                  ? (
+                    <LargeTooltip title="Deprecated" placement="left">
+                      <span className="deprecated">{chart.version}</span>
+                    </LargeTooltip>
+                  )
+                  : chart.version
+              )}
+              isOptionDisabled={({ value: chart }) => chart.deprecated}
+              value={this.props.versionSelection.value.get()}
+              onChange={this.props.versionSelection.onChange}
+            />
+          </DrawerItem>
+          <DrawerItem name="Home">
+            <a
+              href={selectedChart.getHome()}
+              target="_blank"
+              rel="noreferrer"
+            >
+              {selectedChart.getHome()}
+            </a>
+          </DrawerItem>
+          <DrawerItem name="Maintainers" className="maintainers">
+            {selectedChart.getMaintainers()
+              .map(({ name, email }) => (
+                <li key={name}>{`${name}<${email}>`}</li>
+              ))}
+          </DrawerItem>
+          {selectedChart.getKeywords().length > 0 && (
+            <DrawerItem name="Keywords" labelsOnly>
+              {selectedChart.getKeywords().map(key => <Badge key={key} label={key} />)}
+            </DrawerItem>
+          )}
+        </div>
+      </div>
+    );
+  }
+
+  renderReadme() {
+    return (
+      <div className="chart-description" data-testid="helmchart-readme">
+        <MarkdownViewer markdown={this.props.readme.value.get()} />
+      </div>
+    );
+  }
+
+  renderContent() {
+    const readmeIsLoading = this.props.readme.pending.get();
+    const versionsAreLoading = this.props.versions.pending.get();
+
+    if (!this.chart || versionsAreLoading) {
+      return <Spinner center data-testid="spinner-for-chart-details" />;
+    }
+
+    return (
+      <div className="box grow">
+        {this.renderIntroduction(this.chart)}
+
+        {readmeIsLoading ? (
+          <Spinner center data-testid="spinner-for-chart-readme" />
+        ) : (
+          this.renderReadme()
+        )}
+      </div>
+    );
+  }
+
+  render() {
+    return (
+      <Drawer
+        className="HelmChartDetails"
+        usePortal={true}
+        open={!!this.chart}
+        title={this.chart ? `Chart: ${this.chart.getFullName()}` : ""}
+        onClose={this.props.hideDetails}
+      >
+        {this.renderContent()}
+      </Drawer>
+    );
+  }
+}
+
+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/packages/core/src/renderer/components/+helm-charts/helm-charts-route-component.injectable.ts b/packages/core/src/renderer/components/+helm-charts/helm-charts-route-component.injectable.ts
new file mode 100644
index 0000000000..6cee1b1d42
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts-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 { HelmCharts } from "./helm-charts";
+import helmChartsRouteInjectable from "../../../common/front-end-routing/routes/cluster/helm/charts/helm-charts-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const helmChartsRouteComponentInjectable = getInjectable({
+  id: "helm-charts-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(helmChartsRouteInjectable),
+    Component: HelmCharts,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default helmChartsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-charts-route-parameters.injectable.ts b/packages/core/src/renderer/components/+helm-charts/helm-charts-route-parameters.injectable.ts
new file mode 100644
index 0000000000..cc800ff7f3
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts-route-parameters.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 routePathParametersInjectable from "../../routes/route-path-parameters.injectable";
+import helmChartsRouteInjectable from "../../../common/front-end-routing/routes/cluster/helm/charts/helm-charts-route.injectable";
+
+const helmChartsRouteParametersInjectable = getInjectable({
+  id: "helm-charts-route-parameters",
+
+  instantiate: (di) => {
+    const route = di.inject(helmChartsRouteInjectable);
+    const pathParameters = di.inject(routePathParametersInjectable, route);
+
+    return {
+      chartName: computed(() => pathParameters.get().chartName),
+      repo: computed(() => pathParameters.get().repo),
+    };
+  },
+});
+
+export default helmChartsRouteParametersInjectable;
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-charts-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+helm-charts/helm-charts-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..a03b255797
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts-sidebar-items.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import helmChartsRouteInjectable from "../../../common/front-end-routing/routes/cluster/helm/charts/helm-charts-route.injectable";
+import { helmSidebarItemId } from "../+helm/helm-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToHelmChartsInjectable from "../../../common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable";
+
+const helmChartsSidebarItemsInjectable = getInjectable({
+  id: "helm-charts-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(helmChartsRouteInjectable);
+    const navigateToHelmCharts = di.inject(navigateToHelmChartsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "charts",
+        parentId: helmSidebarItemId,
+        title: "Charts",
+        onClick: navigateToHelmCharts,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 10,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default helmChartsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-charts.scss b/packages/core/src/renderer/components/+helm-charts/helm-charts.scss
new file mode 100644
index 0000000000..97a1d37f8f
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts.scss
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.HelmCharts {
+  .SearchInput {
+    width: 70%;
+    margin: auto;
+
+    > label {
+      padding: $padding $padding * 2;
+    }
+  }
+
+  .TableCell {
+    text-overflow: ellipsis;
+
+    &.name {
+      flex-grow: 1.3;
+    }
+
+    &.icon {
+      $iconSize: $unit * 3.5;
+
+      padding: 0;
+      display: flex;
+      flex-grow: 0;
+      flex-basis: $iconSize;
+
+      figure {
+        width: $iconSize;
+        height: $iconSize;
+        margin: auto;
+
+        svg {
+          padding: 1px;
+        }
+
+        img {
+          object-fit: contain;
+          width: inherit;
+          height: inherit;
+          visibility: hidden;
+          border-radius: inherit;
+
+          &.visible {
+            visibility: visible;
+          }
+        }
+      }
+    }
+
+    &.description {
+      flex-grow: 2.5;
+    }
+
+    &.repository {
+      &.stable {
+        color: var(--helmStableRepo);
+      }
+
+      &.incubator {
+        color: var(--helmIncubatorRepo);
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-charts.tsx b/packages/core/src/renderer/components/+helm-charts/helm-charts.tsx
new file mode 100644
index 0000000000..a8367aac23
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts.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 "./helm-charts.scss";
+
+import React, { Component } from "react";
+import { observer } from "mobx-react";
+import type { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.api";
+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";
+import { noop } from "lodash";
+
+enum columnId {
+  name = "name",
+  description = "description",
+  version = "version",
+  appVersion = "app-version",
+  repo = "repo",
+}
+
+interface Dependencies {
+  routeParameters: {
+    chartName: IComputedValue<string>;
+    repo: IComputedValue<string>;
+  };
+  navigateToHelmCharts: NavigateToHelmCharts;
+  charts: IAsyncComputed<HelmChart[]>;
+  selectedChart: IComputedValue<HelmChart | undefined>;
+}
+
+@observer
+class NonInjectedHelmCharts extends Component<Dependencies> {
+  onDetails = (chart: HelmChart) => {
+    if (chart === this.props.selectedChart.get()) {
+      this.hideDetails();
+    } else {
+      this.showDetails(chart);
+    }
+  };
+
+  showDetails = (chart: HelmChart | null) => {
+    if (!chart) {
+      this.props.navigateToHelmCharts();
+    }
+    else {
+      this.props.navigateToHelmCharts({
+        chartName: chart.getName(),
+        repo: chart.getRepository(),
+      });
+    }
+  };
+
+  hideDetails = () => {
+    this.showDetails(null);
+  };
+
+  render() {
+    const { charts } = this.props;
+    const selectedChart = this.props.selectedChart.get();
+
+    return (
+      <SiblingsInTabLayout>
+        <div data-testid="page-for-helm-charts" style={{ display: "none" }}/>
+
+        <ItemListLayout<HelmChart, false>
+          isConfigurable
+          tableId="helm_charts"
+          className="HelmCharts"
+          store={{
+            get isLoaded() {
+              return !charts.pending.get();
+            },
+            failedLoading: false,
+            getTotalCount: () => charts.value.get().length,
+            isSelected: (item) => item === selectedChart,
+            toggleSelection: noop,
+            isSelectedAll: () => false,
+            toggleSelectionAll: () => false,
+            pickOnlySelected: () => [],
+            removeSelectedItems: async () => {},
+          }}
+          preloadStores={false}
+          getItems={() => this.props.charts.value.get()}
+          isSelectable={false}
+          sortingCallbacks={{
+            [columnId.name]: chart => chart.getName(),
+            [columnId.repo]: chart => chart.getRepository(),
+          }}
+          searchFilters={[
+            chart => chart.getName(),
+            chart => chart.getVersion(),
+            chart => chart.getAppVersion(),
+            chart => chart.getKeywords(),
+          ]}
+          customizeHeader={({ searchProps }) => ({
+            searchProps: {
+              ...searchProps,
+              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 },
+            { title: "Description", className: "description", id: columnId.description },
+            { title: "Version", className: "version", id: columnId.version },
+            { title: "App Version", className: "app-version", id: columnId.appVersion },
+            { title: "Repository", className: "repository", sortBy: columnId.repo, id: columnId.repo },
+          ]}
+          renderTableContents={chart => [
+            <figure key="image">
+              <HelmChartIcon chart={chart} />
+            </figure>,
+            chart.getName(),
+            chart.getDescription(),
+            chart.getVersion(),
+            chart.getAppVersion(),
+            { title: chart.getRepository(), className: chart.getRepository().toLowerCase() },
+            { className: "menu" },
+          ]}
+          detailsItem={selectedChart}
+          onDetails={this.onDetails}
+        />
+        {selectedChart && (
+          <HelmChartDetails
+            chart={selectedChart}
+            hideDetails={this.hideDetails}
+          />
+        )}
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const HelmCharts = withInjectables<Dependencies>(NonInjectedHelmCharts, {
+  getProps: (di) => ({
+    routeParameters: di.inject(helmChartsRouteParametersInjectable),
+    navigateToHelmCharts: di.inject(navigateToHelmChartsInjectable),
+    charts: di.inject(helmChartsInjectable),
+    selectedChart: di.inject(selectedHelmChartInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-charts/helm-charts.injectable.ts b/packages/core/src/renderer/components/+helm-charts/helm-charts/helm-charts.injectable.ts
new file mode 100644
index 0000000000..70c900dc7b
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts/helm-charts.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 { asyncComputed } from "@ogre-tools/injectable-react";
+import requestHelmChartsInjectable from "../../../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+
+const helmChartsInjectable = getInjectable({
+  id: "helm-charts",
+
+  instantiate: (di) => {
+    const requestHelmCharts = di.inject(requestHelmChartsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: requestHelmCharts,
+      valueWhenPending: [],
+    });
+  },
+});
+
+export default helmChartsInjectable;
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-charts/request-versions-of-chart-for-release.injectable.ts b/packages/core/src/renderer/components/+helm-charts/helm-charts/request-versions-of-chart-for-release.injectable.ts
new file mode 100644
index 0000000000..b49d94fb10
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts/request-versions-of-chart-for-release.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 type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api";
+import requestHelmChartVersionsInjectable from "../../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import type { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import { sortBySemverVersion } from "../../../utils";
+import type { HelmChartVersion } from "./versions";
+
+/**
+ * @param release The release to try and figure out what chart versions match for
+ * @param charts The list of possible helm charts that `release` could be of
+ */
+export type RequestVersionsOfHelmChart = (release: HelmRelease, charts: HelmChart[]) => Promise<HelmChartVersion[]>;
+
+const requestVersionsOfHelmChartInjectable = getInjectable({
+  id: "request-versions-of-helm-chart-for-helm-release-from-list-of-charts",
+  instantiate: (di): RequestVersionsOfHelmChart => {
+    const requestHelmChartVersions = di.inject(requestHelmChartVersionsInjectable);
+
+    return async (release, charts) => {
+      const rawVersions = await Promise.all((
+        charts
+          .filter(chart => chart.getName() === release.getChart())
+          .map(chart => chart.getRepository())
+          .map(repo => requestHelmChartVersions(repo, release.getChart()))
+      ));
+
+      return sortBySemverVersion(rawVersions.flat());
+    };
+  },
+});
+
+export default requestVersionsOfHelmChartInjectable;
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-charts/request-versions.injectable.ts b/packages/core/src/renderer/components/+helm-charts/helm-charts/request-versions.injectable.ts
new file mode 100644
index 0000000000..1dbe685617
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts/request-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 requestHelmChartsInjectable from "../../../../common/k8s-api/endpoints/helm-charts.api/request-charts.injectable";
+import type { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import requestVersionsOfHelmChartInjectable from "./request-versions-of-chart-for-release.injectable";
+import type { HelmChartVersion } from "./versions";
+
+export type RequestVersionsOfHelmChartFor = (release: HelmRelease) => Promise<HelmChartVersion[]>;
+
+const requestVersionsOfHelmChartForInjectable = getInjectable({
+  id: "request-versions-of-helm-chart-for",
+  instantiate: (di): RequestVersionsOfHelmChartFor => {
+    const requestHelmCharts = di.inject(requestHelmChartsInjectable);
+    const requestVersionsOfHelmChart = di.inject(requestVersionsOfHelmChartInjectable);
+
+    return async (release) => {
+      const charts = await requestHelmCharts();
+
+      return requestVersionsOfHelmChart(release, charts);
+    };
+  },
+});
+
+export default requestVersionsOfHelmChartForInjectable;
+
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-charts/selected-helm-chart.injectable.ts b/packages/core/src/renderer/components/+helm-charts/helm-charts/selected-helm-chart.injectable.ts
new file mode 100644
index 0000000000..47777fb783
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+helm-charts/helm-charts/versions.injectable.ts b/packages/core/src/renderer/components/+helm-charts/helm-charts/versions.injectable.ts
new file mode 100644
index 0000000000..867052b854
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts/versions.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { when } from "mobx";
+import type { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import helmChartsInjectable from "./helm-charts.injectable";
+import requestVersionsOfHelmChartInjectable from "./request-versions-of-chart-for-release.injectable";
+
+const helmChartVersionsInjectable = getInjectable({
+  id: "helm-chart-versions-loader",
+
+  instantiate: (di, release) => {
+    const helmCharts = di.inject(helmChartsInjectable);
+    const requestVersionsOfHelmChart = di.inject(requestVersionsOfHelmChartInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: async () => {
+        await when(() => !helmCharts.pending.get());
+
+        return requestVersionsOfHelmChart(release, helmCharts.value.get());
+      },
+    });
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, release: HelmRelease) => release.getName(),
+  }),
+});
+
+export default helmChartVersionsInjectable;
diff --git a/packages/core/src/renderer/components/+helm-charts/helm-charts/versions.ts b/packages/core/src/renderer/components/+helm-charts/helm-charts/versions.ts
new file mode 100644
index 0000000000..950a6931cb
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/helm-charts/versions.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * A type for the possible versions that a helm release was made from
+ */
+export interface HelmChartVersion {
+  repo: string;
+  version: string;
+}
diff --git a/packages/core/src/renderer/components/+helm-charts/icon.tsx b/packages/core/src/renderer/components/+helm-charts/icon.tsx
new file mode 100644
index 0000000000..78d5be7ed3
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+helm-charts/index.ts b/packages/core/src/renderer/components/+helm-charts/index.ts
new file mode 100644
index 0000000000..c82c1e3bff
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-charts/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./helm-charts";
diff --git a/packages/core/src/renderer/components/+helm-releases/create-release/create-release.injectable.ts b/packages/core/src/renderer/components/+helm-releases/create-release/create-release.injectable.ts
new file mode 100644
index 0000000000..515895abec
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/create-release/create-release.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 releasesInjectable from "../releases.injectable";
+import type { RequestCreateHelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api/request-create.injectable";
+import requestCreateHelmReleaseInjectable from "../../../../common/k8s-api/endpoints/helm-releases.api/request-create.injectable";
+
+const createReleaseInjectable = getInjectable({
+  id: "create-release",
+
+  instantiate: (di): RequestCreateHelmRelease => {
+    const releases = di.inject(releasesInjectable);
+    const callForCreateRelease = di.inject(requestCreateHelmReleaseInjectable);
+
+    return async (payload) => {
+      const release = await callForCreateRelease(payload);
+
+      releases.invalidate();
+
+      return release;
+    };
+  },
+});
+
+export default createReleaseInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/delete-release/delete-release.injectable.ts b/packages/core/src/renderer/components/+helm-releases/delete-release/delete-release.injectable.ts
new file mode 100644
index 0000000000..f84416b01a
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/delete-release/delete-release.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 { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import requestDeleteHelmReleaseInjectable from "../../../../common/k8s-api/endpoints/helm-releases.api/request-delete.injectable";
+import releasesInjectable from "../releases.injectable";
+
+const deleteReleaseInjectable = getInjectable({
+  id: "delete-release",
+
+  instantiate: (di) => {
+    const releases = di.inject(releasesInjectable);
+    const requestDeleteHelmRelease = di.inject(requestDeleteHelmReleaseInjectable);
+
+    return async (release: HelmRelease) => {
+      await requestDeleteHelmRelease(release.getName(), release.getNs());
+
+      releases.invalidate();
+    };
+  },
+});
+
+export default deleteReleaseInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/dialog/dialog.scss b/packages/core/src/renderer/components/+helm-releases/dialog/dialog.scss
new file mode 100644
index 0000000000..99f74d487f
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/dialog/dialog.scss
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ReleaseRollbackDialog {
+  .WizardStep {
+    text-align: center;
+
+    .step-content {
+      padding: var(--wizard-spacing);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+helm-releases/dialog/dialog.tsx b/packages/core/src/renderer/components/+helm-releases/dialog/dialog.tsx
new file mode 100644
index 0000000000..1fa6370cbc
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/dialog/dialog.tsx
@@ -0,0 +1,150 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./dialog.scss";
+
+import React from "react";
+import type { IObservableValue } from "mobx";
+import { computed, observable, runInAction } from "mobx";
+import { observer } from "mobx-react";
+import type { DialogProps } from "../../dialog";
+import { Dialog } from "../../dialog";
+import { Wizard, WizardStep } from "../../wizard";
+import type { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import { Select } from "../../select";
+import orderBy from "lodash/orderBy";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import releaseRollbackDialogStateInjectable from "./state.injectable";
+import type { RollbackRelease } from "../rollback-release/rollback-release.injectable";
+import rollbackReleaseInjectable from "../rollback-release/rollback-release.injectable";
+import type { HelmReleaseRevision, RequestHelmReleaseHistory } from "../../../../common/k8s-api/endpoints/helm-releases.api/request-history.injectable";
+import requestHelmReleaseHistoryInjectable from "../../../../common/k8s-api/endpoints/helm-releases.api/request-history.injectable";
+import type { ShowCheckedErrorNotification } from "../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../notifications/show-checked-error.injectable";
+
+export interface ReleaseRollbackDialogProps extends DialogProps {
+}
+
+interface Dependencies {
+  rollbackRelease: RollbackRelease;
+  state: IObservableValue<HelmRelease | undefined>;
+  requestHelmReleaseHistory: RequestHelmReleaseHistory;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedReleaseRollbackDialog extends React.Component<ReleaseRollbackDialogProps & Dependencies> {
+  readonly isLoading = observable.box(false);
+  readonly revision = observable.box<HelmReleaseRevision | undefined>();
+  readonly revisions = observable.array<HelmReleaseRevision>();
+  readonly revisionOptions = computed(() => (
+    this.revisions.map(revision => ({
+      value: revision,
+      label: `${revision.revision} - ${revision.chart} - ${revision.app_version}, updated: ${new Date(revision.updated).toLocaleString()}`,
+    }))
+  ));
+
+  close = () => {
+    this.props.state.set(undefined);
+  };
+
+  onOpen = async (release: HelmRelease) => {
+    this.isLoading.set(true);
+
+    const releases = await this.props.requestHelmReleaseHistory(release.getName(), release.getNs());
+
+    runInAction(() => {
+      this.revisions.replace(orderBy(releases, "revision", "desc"));
+      this.revision.set(this.revisions[0]);
+      this.isLoading.set(false);
+    });
+  };
+
+  rollback = async (release: HelmRelease) => {
+    const revision = this.revision.get();
+
+    if (!revision) {
+      return;
+    }
+
+    try {
+      await this.props.rollbackRelease(release.getName(), release.getNs(), revision.revision);
+      this.close();
+    } catch (err) {
+      this.props.showCheckedErrorNotification(err, "Unknown error occured while rolling back release");
+    }
+  };
+
+  renderRevisionContent() {
+    const revision = this.revision.get();
+
+    if (!revision) {
+      return <p>No revisions to rollback.</p>;
+    }
+
+    return (
+      <div className="flex gaps align-center">
+        <b>Revision</b>
+        <Select
+          id="revision-input"
+          themeName="light"
+          value={revision}
+          options={this.revisionOptions.get()}
+          onChange={option => this.revision.set(option?.value)}
+        />
+      </div>
+    );
+  }
+
+  renderContent(release: HelmRelease) {
+    return (
+      <Wizard
+        header={(
+          <h5>
+            Rollback
+            <b>{release.getName()}</b>
+          </h5>
+        )}
+        done={this.close}
+      >
+        <WizardStep
+          scrollable={false}
+          nextLabel="Rollback"
+          next={() => this.rollback(release)}
+          loading={this.isLoading.get()}
+        >
+          {this.renderRevisionContent()}
+        </WizardStep>
+      </Wizard>
+    );
+  }
+
+  render() {
+    const { state, ...dialogProps } = this.props;
+    const release = state.get();
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className="ReleaseRollbackDialog"
+        isOpen={Boolean(release)}
+        onOpen={release ? (() => this.onOpen(release)) : undefined}
+        close={this.close}
+      >
+        {release && this.renderContent(release)}
+      </Dialog>
+    );
+  }
+}
+
+export const ReleaseRollbackDialog = withInjectables<Dependencies, ReleaseRollbackDialogProps>(NonInjectedReleaseRollbackDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    rollbackRelease: di.inject(rollbackReleaseInjectable),
+    state: di.inject(releaseRollbackDialogStateInjectable),
+    requestHelmReleaseHistory: di.inject(requestHelmReleaseHistoryInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+helm-releases/dialog/open.injectable.ts b/packages/core/src/renderer/components/+helm-releases/dialog/open.injectable.ts
new file mode 100644
index 0000000000..da1ec2106d
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/dialog/open.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 { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import releaseRollbackDialogStateInjectable from "./state.injectable";
+
+export type OpenHelmReleaseRollbackDialog = (release: HelmRelease) => void;
+
+const openHelmReleaseRollbackDialogInjectable = getInjectable({
+  id: "open-helm-release-dialog",
+  instantiate: (di): OpenHelmReleaseRollbackDialog => {
+    const state = di.inject(releaseRollbackDialogStateInjectable);
+
+    return release => state.set(release);
+  },
+});
+
+export default openHelmReleaseRollbackDialogInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/dialog/state.injectable.ts b/packages/core/src/renderer/components/+helm-releases/dialog/state.injectable.ts
new file mode 100644
index 0000000000..4551eab915
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/dialog/state.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 { observable } from "mobx";
+import type { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+
+const releaseRollbackDialogStateInjectable = getInjectable({
+  id: "release-rollback-dialog-state",
+  instantiate: () => observable.box<HelmRelease | undefined>(undefined),
+});
+
+export default releaseRollbackDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/helm-releases-route-component.injectable.ts b/packages/core/src/renderer/components/+helm-releases/helm-releases-route-component.injectable.ts
new file mode 100644
index 0000000000..8e08c2c093
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/helm-releases-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 { HelmReleases } from "./releases";
+import helmReleasesRouteInjectable from "../../../common/front-end-routing/routes/cluster/helm/releases/helm-releases-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const helmReleasesRouteComponentInjectable = getInjectable({
+  id: "helm-releases-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(helmReleasesRouteInjectable),
+    Component: HelmReleases,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default helmReleasesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/helm-releases-route-parameters.injectable.ts b/packages/core/src/renderer/components/+helm-releases/helm-releases-route-parameters.injectable.ts
new file mode 100644
index 0000000000..e8f637621f
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/helm-releases-route-parameters.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 helmReleasesRouteInjectable from "../../../common/front-end-routing/routes/cluster/helm/releases/helm-releases-route.injectable";
+import routePathParametersInjectable from "../../routes/route-path-parameters.injectable";
+
+const helmReleasesRouteParametersInjectable = getInjectable({
+  id: "helm-releases-route-parameters",
+
+  instantiate: (di) => {
+    const route = di.inject(helmReleasesRouteInjectable);
+    const pathParameters = di.inject(routePathParametersInjectable, route);
+
+    return {
+      namespace: computed(() => pathParameters.get().namespace),
+      name: computed(() => pathParameters.get().name),
+    };
+  },
+});
+
+export default helmReleasesRouteParametersInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/helm-releases-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+helm-releases/helm-releases-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..99cbbba0e2
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/helm-releases-sidebar-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 helmReleasesRouteInjectable from "../../../common/front-end-routing/routes/cluster/helm/releases/helm-releases-route.injectable";
+import { helmSidebarItemId } from "../+helm/helm-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToHelmReleasesInjectable from "../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+
+const helmReleasesSidebarItemsInjectable = getInjectable({
+  id: "helm-releases-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(helmReleasesRouteInjectable);
+    const navigateToHelmReleases = di.inject(navigateToHelmReleasesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "releases",
+        parentId: helmSidebarItemId,
+        title: "Releases",
+        onClick: navigateToHelmReleases,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 20,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default helmReleasesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/index.ts b/packages/core/src/renderer/components/+helm-releases/index.ts
new file mode 100644
index 0000000000..559d81462d
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./releases";
diff --git a/packages/core/src/renderer/components/+helm-releases/release-details/release-details-cluster-frame-child-component.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/+helm-releases/release-details/release-details-content.tsx b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-content.tsx
new file mode 100644
index 0000000000..02e3255304
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-content.tsx
@@ -0,0 +1,191 @@
+/**
+ * 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 { DrawerItem, DrawerTitle } from "../../drawer";
+import { 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 { 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 loadingError = model.loadingError.get();
+
+  if (loadingError) {
+    return (
+      <div data-testid="helm-release-detail-error">
+        Failed to load release:
+        {" "}
+        {loadingError}
+      </div>
+    );
+  }
+
+
+  return (
+    <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>
+  );
+});
+
+export const ReleaseDetailsContent = withInjectables<Dependencies, ReleaseDetailsContentProps>(NonInjectedReleaseDetailsContent, {
+  getPlaceholder: () => <Spinner center data-testid="helm-release-detail-content-spinner" />,
+
+  getProps: async (di, props) => ({
+    model: await 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>}
+      </TableHead>
+
+      {resources.map(
+        ({ detailsUrl, name, namespace, uid }) => (
+          <TableRow key={uid}>
+            <TableCell className="name">
+              {detailsUrl ? <Link to={detailsUrl}>{name}</Link> : name}
+            </TableCell>
+
+            {isNamespaced && (
+              <TableCell className="namespace">{namespace}</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/packages/core/src/renderer/components/+helm-releases/release-details/release-details-drawer-toolbar.tsx b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-drawer-toolbar.tsx
new file mode 100644
index 0000000000..cb7d5009ec
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-drawer-toolbar.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 "./release-details.scss";
+
+import React from "react";
+
+import { observer } from "mobx-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { TargetHelmRelease } from "./target-helm-release.injectable";
+import navigateToHelmReleasesInjectable from "../../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+import type { ReleaseDetailsModel } from "./release-details-model/release-details-model.injectable";
+import releaseDetailsModelInjectable from "./release-details-model/release-details-model.injectable";
+import { HelmReleaseMenu } from "../release-menu";
+
+interface ReleaseDetailsDrawerProps {
+  targetRelease: TargetHelmRelease;
+}
+
+interface Dependencies {
+  model: ReleaseDetailsModel;
+  navigateToHelmReleases: () => void;
+}
+
+const NonInjectedReleaseDetailsDrawerToolbar = observer(({
+  model,
+  navigateToHelmReleases,
+}: Dependencies & ReleaseDetailsDrawerProps) => (
+  model.loadingError.get()
+    ? null
+    : (
+      <HelmReleaseMenu
+        release={model.release}
+        toolbar
+        hideDetails={navigateToHelmReleases}
+      />
+    )
+));
+
+export const ReleaseDetailsDrawerToolbar = withInjectables<
+  Dependencies,
+  ReleaseDetailsDrawerProps
+>(NonInjectedReleaseDetailsDrawerToolbar, {
+  getPlaceholder: () => <></>,
+
+  getProps: async (di, props) => ({
+    model: await di.inject(releaseDetailsModelInjectable, props.targetRelease),
+    navigateToHelmReleases: di.inject(navigateToHelmReleasesInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/+helm-releases/release-details/release-details-drawer.tsx b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-drawer.tsx
new file mode 100644
index 0000000000..67676ce337
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-drawer.tsx
@@ -0,0 +1,58 @@
+/**
+ * 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 { Drawer } from "../../drawer";
+import { cssNames } from "../../../utils";
+import { observer } from "mobx-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { TargetHelmRelease } from "./target-helm-release.injectable";
+import type { ActiveThemeType } from "../../../themes/active-type.injectable";
+import activeThemeTypeInjectable from "../../../themes/active-type.injectable";
+import { ReleaseDetailsContent } from "./release-details-content";
+import navigateToHelmReleasesInjectable from "../../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+import { ReleaseDetailsDrawerToolbar } from "./release-details-drawer-toolbar";
+
+interface ReleaseDetailsDrawerProps {
+  targetRelease: TargetHelmRelease;
+}
+
+interface Dependencies {
+  activeThemeType: ActiveThemeType;
+  closeDrawer: () => void;
+}
+
+const NonInjectedReleaseDetailsDrawer = observer(({
+  activeThemeType,
+  closeDrawer,
+  targetRelease,
+}: Dependencies & ReleaseDetailsDrawerProps) => (
+  <Drawer
+    className={cssNames("ReleaseDetails", activeThemeType.get())}
+    usePortal={true}
+    open={true}
+    title={targetRelease.name}
+    onClose={closeDrawer}
+    testIdForClose="close-helm-release-detail"
+    toolbar={<ReleaseDetailsDrawerToolbar targetRelease={targetRelease} />}
+    data-testid={`helm-release-details-for-${targetRelease.namespace}/${targetRelease.name}`}
+  >
+    <ReleaseDetailsContent targetRelease={targetRelease} />
+  </Drawer>
+));
+
+export const ReleaseDetailsDrawer = withInjectables<
+  Dependencies,
+  ReleaseDetailsDrawerProps
+>(NonInjectedReleaseDetailsDrawer, {
+  getProps: (di, props) => ({
+    activeThemeType: di.inject(activeThemeTypeInjectable),
+    closeDrawer: di.inject(navigateToHelmReleasesInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/+helm-releases/release-details/release-details-model/get-resource-details-url.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/+helm-releases/release-details/release-details-model/release-details-model.injectable.tsx b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-model/release-details-model.injectable.tsx
new file mode 100644
index 0000000000..80df7a323c
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-model/release-details-model.injectable.tsx
@@ -0,0 +1,292 @@
+/**
+ * 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 { RequestDetailedHelmRelease, DetailedHelmRelease } from "./request-detailed-helm-release.injectable";
+import requestDetailedHelmReleaseInjectable from "./request-detailed-helm-release.injectable";
+import type { LensTheme } from "../../../../themes/lens-theme";
+import type { RequestHelmReleaseConfiguration } from "../../../../../common/k8s-api/endpoints/helm-releases.api/request-configuration.injectable";
+import requestHelmReleaseConfigurationInjectable from "../../../../../common/k8s-api/endpoints/helm-releases.api/request-configuration.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 { RequestHelmReleaseUpdate } from "../../../../../common/k8s-api/endpoints/helm-releases.api/request-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 activeThemeInjectable from "../../../../themes/active.injectable";
+import type { ToHelmRelease } from "../../to-helm-release.injectable";
+import toHelmReleaseInjectable from "../../to-helm-release.injectable";
+
+const releaseDetailsModelInjectable = getInjectable({
+  id: "release-details-model",
+
+  instantiate: async (di, targetRelease: TargetHelmRelease) => {
+    const model = new ReleaseDetailsModel({
+      requestDetailedHelmRelease: di.inject(requestDetailedHelmReleaseInjectable),
+      targetRelease,
+      activeTheme: di.inject(activeThemeInjectable),
+      requestHelmReleaseConfiguration: di.inject(requestHelmReleaseConfigurationInjectable),
+      getResourceDetailsUrl: di.inject(getResourceDetailsUrlInjectable),
+      updateRelease: di.inject(updateReleaseInjectable),
+      showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+      showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+      createUpgradeChartTab: di.inject(createUpgradeChartTabInjectable),
+      navigateToHelmReleases: di.inject(navigateToHelmReleasesInjectable),
+      toHelmRelease: di.inject(toHelmReleaseInjectable),
+    });
+
+    await model.load();
+
+    return model;
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, release: TargetHelmRelease) => `${release.namespace}/${release.name}`,
+  }),
+});
+
+export default releaseDetailsModelInjectable;
+
+export interface OnlyUserSuppliedValuesAreShownToggle {
+  readonly value: IObservableValue<boolean>;
+  toggle: () => Promise<void>;
+}
+
+export interface ConfigurationInput {
+  readonly nonSavedValue: IObservableValue<string>;
+  readonly isLoading: IObservableValue<boolean>;
+  readonly isSaving: IObservableValue<boolean>;
+  onChange: (value: string) => void;
+  save: () => Promise<void>;
+}
+
+interface Dependencies {
+  readonly targetRelease: TargetHelmRelease;
+  readonly activeTheme: IComputedValue<LensTheme>;
+  requestDetailedHelmRelease: RequestDetailedHelmRelease;
+  requestHelmReleaseConfiguration: RequestHelmReleaseConfiguration;
+  getResourceDetailsUrl: GetResourceDetailsUrl;
+  updateRelease: RequestHelmReleaseUpdate;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+  showSuccessNotification: ShowNotification;
+  createUpgradeChartTab: (release: HelmRelease) => string;
+  navigateToHelmReleases: NavigateToHelmReleases;
+  toHelmRelease: ToHelmRelease;
+}
+
+export class ReleaseDetailsModel {
+  readonly id = `${this.dependencies.targetRelease.namespace}/${this.dependencies.targetRelease.name}`;
+
+  constructor(protected readonly dependencies: Dependencies) {}
+
+  private readonly detailedRelease = observable.box<DetailedHelmRelease | undefined>();
+
+  readonly loadingError = observable.box<string>();
+
+  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.callWasSuccessful) {
+        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 () => {
+    const { name, namespace } = this.dependencies.targetRelease;
+
+    const result = await this.dependencies.requestDetailedHelmRelease(
+      name,
+      namespace,
+    );
+
+    if (!result.callWasSuccessful) {
+      runInAction(() => {
+        this.loadingError.set(result.error);
+      });
+
+      return;
+    }
+
+    runInAction(() => {
+      this.detailedRelease.set(result.response);
+    });
+
+    await this.loadConfiguration();
+  };
+
+  private loadConfiguration = async () => {
+    runInAction(() => {
+      this.configuration.isLoading.set(true);
+    });
+
+    const { name, namespace } = this.release;
+
+    const configuration =
+      await this.dependencies.requestHelmReleaseConfiguration(
+        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 this.dependencies.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.dependencies.navigateToHelmReleases();
+  };
+}
+
+export interface MinimalResourceGroup {
+  kind: string;
+  isNamespaced: boolean;
+  resources: MinimalResource[];
+}
+
+export interface MinimalResource {
+  uid: string | undefined;
+  name: string;
+  namespace: string | undefined;
+  detailsUrl: string | undefined;
+}
+
+const toMinimalResourceFor =
+  (getResourceDetailsUrl: GetResourceDetailsUrl, kind: string) =>
+    (resource: KubeJsonApiData): MinimalResource => {
+      const { name, namespace, uid } = resource.metadata;
+
+      return {
+        uid,
+        name,
+        namespace,
+        detailsUrl: getResourceDetailsUrl(
+          kind,
+          resource.apiVersion,
+          namespace,
+          name,
+        ),
+      };
+    };
diff --git a/packages/core/src/renderer/components/+helm-releases/release-details/release-details-model/request-detailed-helm-release.injectable.ts b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-model/request-detailed-helm-release.injectable.ts
new file mode 100644
index 0000000000..aa5a2e9121
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-details/release-details-model/request-detailed-helm-release.injectable.ts
@@ -0,0 +1,51 @@
+/**
+ * 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 requestHelmReleasesInjectable from "../../../../../common/k8s-api/endpoints/helm-releases.api/request-releases.injectable";
+import type { HelmReleaseDetails } from "../../../../../common/k8s-api/endpoints/helm-releases.api/request-details.injectable";
+import requestHelmReleaseDetailsInjectable from "../../../../../common/k8s-api/endpoints/helm-releases.api/request-details.injectable";
+import type { AsyncResult } from "../../../../../common/utils/async-result";
+
+export interface DetailedHelmRelease {
+  release: HelmReleaseDto;
+  details?: HelmReleaseDetails;
+}
+
+export type RequestDetailedHelmRelease = (
+  name: string,
+  namespace: string
+) => Promise<AsyncResult<DetailedHelmRelease>>;
+
+const requestDetailedHelmReleaseInjectable = getInjectable({
+  id: "request-detailed-helm-release",
+
+  instantiate: (di): RequestDetailedHelmRelease => {
+    const requestHelmReleases = di.inject(requestHelmReleasesInjectable);
+    const requestHelmReleaseDetails = di.inject(requestHelmReleaseDetailsInjectable);
+
+    return async (name, namespace) => {
+      const [releases, details] = await Promise.all([
+        requestHelmReleases(namespace),
+        requestHelmReleaseDetails(name, namespace),
+      ]);
+
+      const release = releases.find(
+        (rel) => rel.name === name && rel.namespace === namespace,
+      );
+
+      if (!release) {
+        return {
+          callWasSuccessful: false,
+          error: `Release ${name} didn't exist in ${namespace} namespace.`,
+        };
+      }
+
+      return { callWasSuccessful: true, response: { release, details }};
+    };
+  },
+});
+
+export default requestDetailedHelmReleaseInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/release-details/release-details.scss b/packages/core/src/renderer/components/+helm-releases/release-details/release-details.scss
new file mode 100644
index 0000000000..c061b7d782
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-details/release-details.scss
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../release.mixins";
+
+.ReleaseDetails {
+  .DrawerItem {
+    align-items: center;
+  }
+
+  .loading-error {
+    color: red;
+    text-align: center;
+  }
+
+  .status {
+    @include release-status-bgs;
+  }
+
+  .chart {
+    .upgrade {
+      min-width: 150px;
+    }
+  }
+
+  .resources {
+    .SubTitle {
+      text-transform: none;
+      padding-left: 0;
+    }
+
+    .Table {
+      margin-bottom: $margin * 4;
+      border: 1px solid var(--drawerSubtitleBackground);
+      border-radius: $radius;
+      overflow: auto;
+
+      .TableHead {
+        border-bottom: none;
+
+        .TableCell {
+          background-color: var(--drawerSubtitleBackground);
+          word-break: unset;
+        }
+      }
+
+      .TableCell {
+        text-overflow: unset;
+        word-break: break-word;
+
+        &.name {
+          flex-grow: 3;
+        }
+
+        &.namespace {
+          flex-grow: 1;
+        }
+
+        &.age {
+          flex-basis: 100px;
+          flex-grow: 0;
+          flex-shrink: 0;
+        }
+      }
+    }
+  }
+
+  .notes {
+    white-space: pre-line;
+    font-family: var(--font-monospace);
+    font-size: small;
+  }
+
+  .values + .Button {
+    align-self: flex-start;
+  }
+}
diff --git a/packages/core/src/renderer/components/+helm-releases/release-details/release-details.tsx b/packages/core/src/renderer/components/+helm-releases/release-details/release-details.tsx
new file mode 100644
index 0000000000..53fc2adc35
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-details/release-details.tsx
@@ -0,0 +1,39 @@
+/**
+ * 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 { observer } from "mobx-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+
+import type { IComputedValue } from "mobx";
+import type { TargetHelmRelease } from "./target-helm-release.injectable";
+import targetHelmReleaseInjectable from "./target-helm-release.injectable";
+import { ReleaseDetailsDrawer } from "./release-details-drawer";
+
+interface Dependencies {
+  targetRelease: IComputedValue<
+    TargetHelmRelease | undefined
+  >;
+}
+
+const NonInjectedReleaseDetails = observer(
+  ({ targetRelease }: Dependencies) => {
+    const release = targetRelease.get();
+
+    return release ? <ReleaseDetailsDrawer targetRelease={release} /> : null;
+  },
+);
+
+export const ReleaseDetails = withInjectables<Dependencies>(
+  NonInjectedReleaseDetails,
+  {
+    getProps: (di) => ({
+      targetRelease: di.inject(targetHelmReleaseInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/+helm-releases/release-details/target-helm-release.injectable.ts b/packages/core/src/renderer/components/+helm-releases/release-details/target-helm-release.injectable.ts
new file mode 100644
index 0000000000..809ed1ab5a
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-details/target-helm-release.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 helmReleasesRouteParametersInjectable from "../helm-releases-route-parameters.injectable";
+
+export interface TargetHelmRelease { name: string; namespace: string }
+
+const targetHelmReleaseInjectable = getInjectable({
+  id: "target-helm-release",
+
+  instantiate: (di) => {
+    const routeParameters = di.inject(helmReleasesRouteParametersInjectable);
+
+    return computed((): TargetHelmRelease | undefined => {
+      const name = routeParameters.name.get();
+      const namespace = routeParameters.namespace.get();
+
+      return name && namespace ? { name, namespace } : undefined;
+    });
+  },
+});
+
+export default targetHelmReleaseInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/release-menu.tsx b/packages/core/src/renderer/components/+helm-releases/release-menu.tsx
new file mode 100644
index 0000000000..694dd69b3c
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-menu.tsx
@@ -0,0 +1,114 @@
+/**
+ * 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 { HelmRelease } from "../../../common/k8s-api/endpoints/helm-releases.api";
+import { cssNames } from "../../utils";
+import type { MenuActionsProps } from "../menu/menu-actions";
+import { MenuActions } from "../menu/menu-actions";
+import { MenuItem } from "../menu";
+import { Icon } from "../icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import createUpgradeChartTabInjectable from "../dock/upgrade-chart/create-upgrade-chart-tab.injectable";
+import deleteReleaseInjectable from "./delete-release/delete-release.injectable";
+import type { OpenHelmReleaseRollbackDialog } from "./dialog/open.injectable";
+import openHelmReleaseRollbackDialogInjectable from "./dialog/open.injectable";
+
+export interface HelmReleaseMenuProps extends MenuActionsProps {
+  release: HelmRelease;
+  hideDetails?(): void;
+}
+
+interface Dependencies {
+  deleteRelease: (release: HelmRelease) => Promise<any>;
+  createUpgradeChartTab: (release: HelmRelease) => void;
+  openRollbackDialog: OpenHelmReleaseRollbackDialog;
+}
+
+class NonInjectedHelmReleaseMenu extends React.Component<HelmReleaseMenuProps & Dependencies> {
+  remove = () => {
+    return this.props.deleteRelease(this.props.release);
+  };
+
+  upgrade = () => {
+    const { release, hideDetails } = this.props;
+
+    this.props.createUpgradeChartTab(release);
+    hideDetails?.();
+  };
+
+  rollback = () => {
+    this.props.openRollbackDialog(this.props.release);
+  };
+
+  renderContent() {
+    const { release, toolbar } = this.props;
+
+    if (!release) return null;
+    const hasRollback = release && release.getRevision() > 1;
+
+    return (
+      <>
+        {hasRollback && (
+          <MenuItem onClick={this.rollback}>
+            <Icon
+              material="history"
+              interactive={toolbar}
+              tooltip="Rollback"
+            />
+            <span className="title">Rollback</span>
+          </MenuItem>
+        )}
+        <MenuItem
+          onClick={this.upgrade}
+          data-testid={`upgrade-chart-menu-item-for-${release.getId()}`}
+        >
+          <Icon
+            material="refresh"
+            interactive={toolbar}
+            tooltip="Upgrade"
+          />
+          <span className="title">Upgrade</span>
+        </MenuItem>
+      </>
+    );
+  }
+
+  render() {
+    const { className, release, ...menuProps } = this.props;
+
+    return (
+      <MenuActions
+        id={`menu-actions-for-release-menu-for-${release.getId()}`}
+        triggerIcon={{
+          material: "more_vert",
+          "data-testid": `menu-actions-icon-for-release-menu-for-${release.getId()}`,
+        }}
+        {...menuProps}
+        className={cssNames("HelmReleaseMenu", className)}
+        removeAction={this.remove}
+        removeConfirmationMessage={() => (
+          <p>
+            Remove Helm Release
+            {" "}
+            <b>{release.name}</b>
+            ?
+          </p>
+        )}
+      >
+        {this.renderContent()}
+      </MenuActions>
+    );
+  }
+}
+
+export const HelmReleaseMenu = withInjectables<Dependencies, HelmReleaseMenuProps>(NonInjectedHelmReleaseMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    deleteRelease: di.inject(deleteReleaseInjectable),
+    createUpgradeChartTab: di.inject(createUpgradeChartTabInjectable),
+    openRollbackDialog: di.inject(openHelmReleaseRollbackDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+helm-releases/release-secrets.injectable.ts b/packages/core/src/renderer/components/+helm-releases/release-secrets.injectable.ts
new file mode 100644
index 0000000000..87fda2f181
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release-secrets.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 { computed, onBecomeObserved, onBecomeUnobserved } from "mobx";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import secretStoreInjectable from "../+config-secrets/store.injectable";
+
+const releaseSecretsInjectable = getInjectable({
+  id: "release-secrets",
+
+  instantiate: (di) => {
+    const subscribeStores = di.inject(subscribeStoresInjectable);
+    const secretStore = di.inject(secretStoreInjectable);
+
+    const releaseSecrets = computed(() =>
+      secretStore.contextItems.filter((secret) =>
+        secret.type.startsWith("helm.sh/release"),
+      ),
+    );
+
+    let unsubscribe: () => void;
+
+    onBecomeObserved(releaseSecrets, () => {
+      unsubscribe = subscribeStores([secretStore]);
+    });
+
+    onBecomeUnobserved(releaseSecrets, () => {
+      unsubscribe?.();
+    });
+
+    return releaseSecrets;
+  },
+});
+
+export default releaseSecretsInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/release.mixins.scss b/packages/core/src/renderer/components/+helm-releases/release.mixins.scss
new file mode 100644
index 0000000000..d7e5f49d5a
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/release.mixins.scss
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+$release-status-color-list: (
+  deployed: var(--colorSuccess),
+  failed: var(--colorError),
+  deleting: var(--colorWarning),
+  pendingInstall: var(--colorInfo),
+  pendingUpgrade: var(--colorInfo),
+  pendingRollback: var(--colorInfo),
+);
+
+@mixin release-status-bgs {
+  @each $status, $color in $release-status-color-list {
+    &.#{$status} {
+      color: white;
+      background: $color;
+    }
+  }
+}
+
+@mixin release-status-colors {
+  @each $status, $color in $release-status-color-list {
+    &.#{$status} {
+      color: $color;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+helm-releases/releases.injectable.ts b/packages/core/src/renderer/components/+helm-releases/releases.injectable.ts
new file mode 100644
index 0000000000..7f4d2d286b
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/releases.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import releaseSecretsInjectable from "./release-secrets.injectable";
+import requestHelmReleasesInjectable from "../../../common/k8s-api/endpoints/helm-releases.api/request-releases.injectable";
+import toHelmReleaseInjectable from "./to-helm-release.injectable";
+
+const releasesInjectable = getInjectable({
+  id: "releases",
+
+  instantiate: (di) => {
+    const clusterContext = di.inject(clusterFrameContextForNamespacedResourcesInjectable);
+    const releaseSecrets = di.inject(releaseSecretsInjectable);
+    const requestHelmReleases = di.inject(requestHelmReleasesInjectable);
+    const toHelmRelease = di.inject(toHelmReleaseInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: async () => {
+        void releaseSecrets.get();
+
+        const releaseArrays = await (clusterContext.hasSelectedAll
+          ? requestHelmReleases()
+          : Promise.all(
+            clusterContext.contextNamespaces.map((namespace) =>
+              requestHelmReleases(namespace),
+            ),
+          ));
+
+        return releaseArrays.flat().map(toHelmRelease);
+      },
+
+      valueWhenPending: [],
+    });
+  },
+});
+
+
+export default releasesInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/releases.scss b/packages/core/src/renderer/components/+helm-releases/releases.scss
new file mode 100644
index 0000000000..04955a60eb
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/releases.scss
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "release.mixins";
+
+.HelmReleases {
+  .TableCell {
+    &.status {
+      @include release-status-colors;
+    }
+
+    &.version {
+      > .Icon {
+        margin-left: $margin;
+
+        &.new-version {
+          color: var(--colorInfo);
+        }
+      }
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+helm-releases/releases.tsx b/packages/core/src/renderer/components/+helm-releases/releases.tsx
new file mode 100644
index 0000000000..5714c92fd1
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/releases.tsx
@@ -0,0 +1,232 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "../item-object-list/item-list-layout.scss";
+import "./releases.scss";
+
+import React, { Component } from "react";
+import type { HelmRelease } from "../../../common/k8s-api/endpoints/helm-releases.api";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { ItemListStore } from "../item-object-list";
+import { ItemListLayout } from "../item-object-list";
+import { NamespaceSelectFilter } from "../+namespaces/namespace-select-filter";
+import { kebabCase } from "lodash/fp";
+import { HelmReleaseMenu } from "./release-menu";
+import { ReleaseRollbackDialog } from "./dialog/dialog";
+import removableReleasesInjectable from "./removable-releases.injectable";
+import type { RemovableHelmRelease } from "./removable-releases";
+import type { IComputedValue } from "mobx";
+import releasesInjectable from "./releases.injectable";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import helmReleasesRouteParametersInjectable from "./helm-releases-route-parameters.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 { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  revision = "revision",
+  chart = "chart",
+  version = "version",
+  appVersion = "app-version",
+  status = "status",
+  updated = "update",
+}
+
+interface Dependencies {
+  releases: IComputedValue<RemovableHelmRelease[]>;
+  releasesArePending: IComputedValue<boolean>;
+  namespace: IComputedValue<string>;
+  navigateToHelmReleases: NavigateToHelmReleases;
+  filterByNamespace: FilterByNamespace;
+}
+
+class NonInjectedHelmReleases extends Component<Dependencies> {
+  // TODO: This side-effect in mount must go.
+  componentDidMount() {
+    const namespace = this.props.namespace.get();
+
+    if (namespace) {
+      this.props.filterByNamespace(namespace);
+    }
+  }
+
+  onDetails = (item: HelmRelease) => {
+    this.showDetails(item);
+  };
+
+  showDetails = (item: HelmRelease) => {
+    this.props.navigateToHelmReleases({
+      name: item.getName(),
+      namespace: item.getNs(),
+    });
+  };
+
+  hideDetails = () => {
+    this.props.navigateToHelmReleases();
+  };
+
+  renderRemoveDialogMessage(selectedItems: HelmRelease[]) {
+    const releaseNames = selectedItems.map(item => item.getName()).join(", ");
+
+    return (
+      <div>
+        <>
+          Remove
+          {" "}
+          <b>{releaseNames}</b>
+          ?
+        </>
+        <p className="warning">
+          Note: StatefulSet Volumes won&apos;t be deleted automatically
+        </p>
+      </div>
+    );
+  }
+
+  render() {
+    const releases = this.props.releases;
+    const releasesArePending = this.props.releasesArePending;
+
+    // TODO: Implement ItemListLayout without stateful stores
+    const legacyReleaseStore: ItemListStore<RemovableHelmRelease, false> = {
+      get isLoaded() {
+        return !releasesArePending.get();
+      },
+
+      failedLoading: false,
+
+      getTotalCount: () => releases.get().length,
+
+      toggleSelection: (release) => release.toggle(),
+
+      isSelectedAll: (releases) => (
+        releases.length > 0
+        && releases.every((release) => release.isSelected)
+      ),
+
+      toggleSelectionAll: (releases) => {
+        let selected = false;
+
+        if (!legacyReleaseStore.isSelectedAll(releases)) {
+          selected = true;
+        }
+
+        for (const release of releases) {
+          if (release.isSelected !== selected) {
+            release.toggle();
+          }
+        }
+      },
+
+      isSelected: (release) => release.isSelected,
+
+      removeSelectedItems: async () => {
+        await Promise.all(
+          releases.get()
+            .filter((release) => release.isSelected)
+            .map(release => release.delete()),
+        );
+      },
+
+      pickOnlySelected: (releases) => releases.filter(release => release.isSelected),
+    };
+
+    return (
+      <SiblingsInTabLayout>
+        <ItemListLayout<RemovableHelmRelease, false>
+          store={legacyReleaseStore}
+          getItems={() => releases.get()}
+          preloadStores={false}
+          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(),
+            [columnId.revision]: release => release.getRevision(),
+            [columnId.chart]: release => release.getChart(),
+            [columnId.status]: release => release.getStatus(),
+            [columnId.updated]: release => release.getUpdated(false, false),
+          }}
+          searchFilters={[
+            release => release.getName(),
+            release => release.getNs(),
+            release => release.getChart(),
+            release => release.getStatus(),
+            release => release.getVersion(),
+          ]}
+          customizeHeader={({ filters, searchProps, ...headerPlaceholders }) => ({
+            filters: (
+              <>
+                {filters}
+                <NamespaceSelectFilter id="namespace-select-filter" />
+              </>
+            ),
+            searchProps: {
+              ...searchProps,
+              placeholder: "Search Releases...",
+            },
+            ...headerPlaceholders,
+          })}
+          renderHeaderTitle="Releases"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Chart", className: "chart", sortBy: columnId.chart, id: columnId.chart },
+            { title: "Revision", className: "revision", sortBy: columnId.revision, id: columnId.revision },
+            { title: "Version", className: "version", id: columnId.version },
+            { title: "App Version", className: "app-version", id: columnId.appVersion },
+            { title: "Status", className: "status", sortBy: columnId.status, id: columnId.status },
+            { title: "Updated", className: "updated", sortBy: columnId.updated, id: columnId.updated },
+          ]}
+          renderTableContents={release => [
+            release.getName(),
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(release.getNs()))}
+            >
+              {release.getNs()}
+            </a>,
+            release.getChart(),
+            release.getRevision(),
+            release.getVersion(),
+            release.appVersion,
+            { title: release.getStatus(), className: kebabCase(release.getStatus()) },
+            release.getUpdated(),
+          ]}
+          renderItemMenu={release => (
+            <HelmReleaseMenu
+              release={release}
+              removeConfirmationMessage={this.renderRemoveDialogMessage([release])}
+            />
+          )}
+          customizeRemoveDialog={selectedItems => ({
+            message: this.renderRemoveDialogMessage(selectedItems),
+          })}
+          onDetails={this.onDetails}
+          spinnerTestId="helm-releases-spinner"
+        />
+
+        <ReleaseRollbackDialog/>
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const HelmReleases = withInjectables<Dependencies>(NonInjectedHelmReleases, {
+  getProps: (di) => ({
+    releases: di.inject(removableReleasesInjectable),
+    releasesArePending: di.inject(releasesInjectable).pending,
+    navigateToHelmReleases: di.inject(navigateToHelmReleasesInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    ...di.inject(helmReleasesRouteParametersInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+helm-releases/removable-releases.injectable.ts b/packages/core/src/renderer/components/+helm-releases/removable-releases.injectable.ts
new file mode 100644
index 0000000000..5170bd3da3
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/removable-releases.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 { observable } from "mobx";
+import releasesInjectable from "./releases.injectable";
+import deleteReleaseInjectable from "./delete-release/delete-release.injectable";
+import { removableReleases } from "./removable-releases";
+
+const removableReleasesInjectable = getInjectable({
+  id: "removable-releases",
+
+  instantiate: (di) =>
+    removableReleases({
+      releases: di.inject(releasesInjectable),
+      deleteRelease: di.inject(deleteReleaseInjectable),
+      releaseSelectionStatus: observable.map<string, boolean>(),
+    }),
+});
+
+export default removableReleasesInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/removable-releases.ts b/packages/core/src/renderer/components/+helm-releases/removable-releases.ts
new file mode 100644
index 0000000000..0b5692a7d1
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/removable-releases.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 type { IAsyncComputed } from "@ogre-tools/injectable-react";
+import type { ObservableMap } from "mobx";
+import { computed } from "mobx";
+import type { HelmRelease } from "../../../common/k8s-api/endpoints/helm-releases.api";
+
+interface Dependencies {
+  releases: IAsyncComputed<HelmRelease[]>;
+  releaseSelectionStatus: ObservableMap<string, boolean>;
+  deleteRelease: (release: HelmRelease) => Promise<any>;
+}
+
+export interface RemovableHelmRelease extends HelmRelease {
+  toggle: () => void;
+  isSelected: boolean;
+  delete: () => Promise<void>;
+}
+
+export const removableReleases = ({
+  releases,
+  releaseSelectionStatus,
+  deleteRelease,
+}: Dependencies) => {
+  const isSelected = (release: HelmRelease) =>
+    releaseSelectionStatus.get(release.getId()) || false;
+
+  return computed(() =>
+    releases.value.get().map(
+      (release): RemovableHelmRelease => ({
+        ...release,
+
+        toggle: () => {
+          releaseSelectionStatus.set(release.getId(), !isSelected(release));
+        },
+
+        get isSelected() {
+          return isSelected(release);
+        },
+
+        delete: async () => {
+          await deleteRelease(release);
+        },
+      }),
+    ),
+  );
+};
diff --git a/packages/core/src/renderer/components/+helm-releases/rollback-release/rollback-release.injectable.ts b/packages/core/src/renderer/components/+helm-releases/rollback-release/rollback-release.injectable.ts
new file mode 100644
index 0000000000..fabac39316
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/rollback-release/rollback-release.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 requestHelmReleaseRollbackInjectable from "../../../../common/k8s-api/endpoints/helm-releases.api/request-rollback.injectable";
+import releasesInjectable from "../releases.injectable";
+
+export type RollbackRelease = (name: string, namespace: string, revision: number) => Promise<void>;
+
+const rollbackReleaseInjectable = getInjectable({
+  id: "rollback-release",
+
+  instantiate: (di): RollbackRelease => {
+    const releases = di.inject(releasesInjectable);
+    const requestHelmReleaseRollback = di.inject(requestHelmReleaseRollbackInjectable);
+
+    return async (name, namespace, revision) => {
+      await requestHelmReleaseRollback(name, namespace, revision);
+
+      releases.invalidate();
+    };
+  },
+});
+
+export default rollbackReleaseInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/to-helm-release.injectable.ts b/packages/core/src/renderer/components/+helm-releases/to-helm-release.injectable.ts
new file mode 100644
index 0000000000..d8b27625e6
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/to-helm-release.injectable.ts
@@ -0,0 +1,90 @@
+/**
+ * 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 { capitalize } from "lodash";
+import { when } from "mobx";
+import helmChartVersionsInjectable from "../+helm-charts/helm-charts/versions.injectable";
+import type { HelmRelease, HelmReleaseDto } from "../../../common/k8s-api/endpoints/helm-releases.api";
+import { getMillisecondsFromUnixEpoch } from "../../../common/utils/date/get-current-date-time";
+import { formatDuration } from "../../utils";
+
+export type ToHelmRelease = (release: HelmReleaseDto) => HelmRelease;
+
+const toHelmReleaseInjectable = getInjectable({
+  id: "to-helm-release",
+  instantiate: (di): ToHelmRelease => {
+    const helmChartVersions = (release: HelmRelease) => di.inject(helmChartVersionsInjectable, release);
+
+    return (release) => ({
+      ...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 = getMillisecondsFromUnixEpoch() - 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 versionsComputed = helmChartVersions(this);
+        const version = this.getVersion();
+
+        await when(() => !versionsComputed.pending.get());
+
+        return versionsComputed.value
+          .get()
+          .find((chartVersion) => chartVersion.version === version)?.repo
+          ?? "";
+      },
+    });
+  },
+});
+
+export default toHelmReleaseInjectable;
diff --git a/packages/core/src/renderer/components/+helm-releases/update-release/update-release.injectable.ts b/packages/core/src/renderer/components/+helm-releases/update-release/update-release.injectable.ts
new file mode 100644
index 0000000000..309c19444b
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm-releases/update-release/update-release.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 releasesInjectable from "../releases.injectable";
+import type { RequestHelmReleaseUpdate } from "../../../../common/k8s-api/endpoints/helm-releases.api/request-update.injectable";
+import requestHelmReleaseUpdateInjectable from "../../../../common/k8s-api/endpoints/helm-releases.api/request-update.injectable";
+
+const updateReleaseInjectable = getInjectable({
+  id: "update-release",
+
+  instantiate: (di): RequestHelmReleaseUpdate => {
+    const releases = di.inject(releasesInjectable);
+    const requestHelmReleaseUpdate = di.inject(requestHelmReleaseUpdateInjectable);
+
+    return async (
+      name,
+      namespace,
+      payload,
+    ) => {
+      const result = await requestHelmReleaseUpdate(name, namespace, payload);
+
+      releases.invalidate();
+
+      return result;
+    };
+  },
+});
+
+export default updateReleaseInjectable;
diff --git a/packages/core/src/renderer/components/+helm/helm-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+helm/helm-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..c7085b382a
--- /dev/null
+++ b/packages/core/src/renderer/components/+helm/helm-sidebar-items.injectable.tsx
@@ -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 React from "react";
+import type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { Icon } from "../icon";
+import { noop } from "lodash/fp";
+
+export const helmSidebarItemId = "helm";
+
+const helmSidebarItemsInjectable = getInjectable({
+  id: "helm-sidebar-items",
+
+  instantiate: () =>
+    computed((): SidebarItemRegistration[] => [
+      {
+        id: helmSidebarItemId,
+        parentId: null,
+        getIcon: () => <Icon svg="helm" />,
+        title: "Helm",
+        onClick: noop,
+        orderNumber: 90,
+      },
+    ]),
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default helmSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap b/packages/core/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap
new file mode 100644
index 0000000000..335cc1d159
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap
@@ -0,0 +1,1698 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<NamespaceSelectFilter /> once the subscribe resolves 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-13cymwt-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-1jqq78o-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              All namespaces
+            </div>
+            <div
+              class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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 /> once the subscribe resolves 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-13cymwt-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-1jqq78o-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              All namespaces
+            </div>
+            <div
+              class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-1no2yl0-MenuPortal"
+  >
+    <div
+      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-1nmdiq5-menu"
+      id="react-select-namespace-select-filter-listbox"
+    >
+      <div
+        class="Select__menu-list Select__menu-list--is-multi css-1n6sfyn-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-d7l1ni-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-tr4s17-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-tr4s17-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-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-tr4s17-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-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-tr4s17-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-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-tr4s17-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-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
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-tr4s17-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-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-tr4s17-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-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-tr4s17-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-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-tr4s17-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-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-tr4s17-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-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-tr4s17-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-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-tr4s17-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-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-tr4s17-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-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>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<NamespaceSelectFilter /> once the subscribe resolves 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-13cymwt-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-1jqq78o-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              Namespace: test-2
+            </div>
+            <div
+              class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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 /> once the subscribe resolves 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-13cymwt-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-1jqq78o-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              Namespace: test-2
+            </div>
+            <div
+              class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-1no2yl0-MenuPortal"
+  >
+    <div
+      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-1nmdiq5-menu"
+      id="react-select-namespace-select-filter-listbox"
+    >
+      <div
+        class="Select__menu-list Select__menu-list--is-multi css-1n6sfyn-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-d7l1ni-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-tr4s17-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-10wo9uf-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-10wo9uf-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-10
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-11
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-12
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-13
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-3
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-4
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-5
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-6
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-7
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-8
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-9
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<NamespaceSelectFilter /> once the subscribe resolves 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-13cymwt-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-1jqq78o-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              Namespace: test-1
+            </div>
+            <div
+              class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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 /> once the subscribe resolves 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-13cymwt-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-1jqq78o-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              Namespaces: test-1, test-3
+            </div>
+            <div
+              class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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-1no2yl0-MenuPortal"
+  >
+    <div
+      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-1nmdiq5-menu"
+      id="react-select-namespace-select-filter-listbox"
+    >
+      <div
+        class="Select__menu-list Select__menu-list--is-multi css-1n6sfyn-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-d7l1ni-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-tr4s17-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-10wo9uf-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-10
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-11
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-12
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-13
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-2
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-tr4s17-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-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-10wo9uf-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-4
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-5
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-6
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-7
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-8
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-10wo9uf-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-9
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/packages/core/src/renderer/components/+namespaces/add-dialog/dialog.scss b/packages/core/src/renderer/components/+namespaces/add-dialog/dialog.scss
new file mode 100644
index 0000000000..0216e90410
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/add-dialog/dialog.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.AddNamespaceDialog {
+}
diff --git a/packages/core/src/renderer/components/+namespaces/add-dialog/dialog.tsx b/packages/core/src/renderer/components/+namespaces/add-dialog/dialog.tsx
new file mode 100644
index 0000000000..6f85253ce9
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/add-dialog/dialog.tsx
@@ -0,0 +1,119 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./dialog.scss";
+
+import React from "react";
+import type { IObservableValue } from "mobx";
+import { action, observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import type { DialogProps } from "../../dialog";
+import { Dialog } from "../../dialog";
+import { Wizard, WizardStep } from "../../wizard";
+import type { Namespace } from "../../../../common/k8s-api/endpoints";
+import { Input } from "../../input";
+import { systemName } from "../../input/input_validators";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import namespaceStoreInjectable from "../store.injectable";
+import addNamespaceDialogStateInjectable
+  from "./state.injectable";
+import type { NamespaceStore } from "../store";
+import { autoBind } from "../../../utils";
+import type { ShowCheckedErrorNotification } from "../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../notifications/show-checked-error.injectable";
+
+export interface AddNamespaceDialogProps extends DialogProps {
+  onSuccess?(ns: Namespace): void;
+  onError?(error: unknown): void;
+}
+
+interface Dependencies {
+  namespaceStore: NamespaceStore;
+  state: IObservableValue<boolean>;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedAddNamespaceDialog extends React.Component<AddNamespaceDialogProps & Dependencies> {
+  @observable namespace = "";
+
+  constructor(props: AddNamespaceDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  @action
+  close() {
+    this.props.state.set(false);
+  }
+
+  @action
+  reset() {
+    this.namespace = "";
+  }
+
+  async addNamespace() {
+    const { namespace } = this;
+    const { onSuccess, onError, namespaceStore } = this.props;
+
+    try {
+      const created = await namespaceStore.create({ name: namespace });
+
+      onSuccess?.(created);
+      this.close();
+    } catch (err) {
+      this.props.showCheckedErrorNotification(err, "Unknown error occured while creating the namespace");
+      onError?.(err);
+    }
+  }
+
+  render() {
+    const { state, namespaceStore, ...dialogProps } = this.props;
+    const { namespace } = this;
+    const isOpen = state.get();
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className="AddNamespaceDialog"
+        isOpen={isOpen}
+        onClose={this.reset}
+        close={this.close}
+      >
+        <Wizard
+          header={<h5>Create Namespace</h5>}
+          done={this.close}
+        >
+          <WizardStep
+            contentClass="flex gaps column"
+            nextLabel="Create"
+            next={this.addNamespace}
+          >
+            <Input
+              required
+              autoFocus
+              iconLeft="layers"
+              placeholder="Namespace"
+              trim
+              validators={systemName}
+              value={namespace}
+              onChange={v => this.namespace = v.toLowerCase()}
+            />
+          </WizardStep>
+        </Wizard>
+      </Dialog>
+    );
+  }
+}
+
+export const AddNamespaceDialog = withInjectables<Dependencies, AddNamespaceDialogProps>(NonInjectedAddNamespaceDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    namespaceStore: di.inject(namespaceStoreInjectable),
+    state: di.inject(addNamespaceDialogStateInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+namespaces/add-dialog/open.injectable.ts b/packages/core/src/renderer/components/+namespaces/add-dialog/open.injectable.ts
new file mode 100644
index 0000000000..7c88cd6660
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/add-dialog/open.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 { action } from "mobx";
+import addNamespaceDialogStateInjectable from "./state.injectable";
+
+const openAddNamepaceDialogInjectable = getInjectable({
+  id: "open-add-namepace-dialog",
+  instantiate: (di) => {
+    const state = di.inject(addNamespaceDialogStateInjectable);
+
+    return action(() => {
+      state.set(true);
+    });
+  },
+});
+
+export default openAddNamepaceDialogInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/add-dialog/state.injectable.ts b/packages/core/src/renderer/components/+namespaces/add-dialog/state.injectable.ts
new file mode 100644
index 0000000000..043b7db3bb
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/add-dialog/state.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 { observable } from "mobx";
+
+const addNamespaceDialogStateInjectable = getInjectable({
+  id: "add-namespace-dialog-state",
+  instantiate: () => observable.box(false),
+});
+
+export default addNamespaceDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/index.ts b/packages/core/src/renderer/components/+namespaces/index.ts
new file mode 100644
index 0000000000..5542f4ebdb
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/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 "./namespace-details";
+export * from "./add-dialog/dialog";
diff --git a/packages/core/src/renderer/components/+namespaces/metrics-details-component.injectable.tsx b/packages/core/src/renderer/components/+namespaces/metrics-details-component.injectable.tsx
new file mode 100644
index 0000000000..026aace4f5
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/metrics-details-component.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import type { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { PodCharts, podMetricTabs } from "../+workloads-pods/pod-charts";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { Namespace } from "../../../common/k8s-api/endpoints";
+import type { PodMetricInNamespaceData } from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-in-namespace.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import namespaceMetricsInjectable from "./metrics.injectable";
+
+interface Dependencies {
+  metrics: IAsyncComputed<PodMetricInNamespaceData>;
+}
+
+const NonInjectedNamespaceMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<Namespace> & Dependencies) => (
+  <ResourceMetrics
+    tabs={podMetricTabs}
+    object={object}
+    metrics={metrics}
+  >
+    <PodCharts />
+  </ResourceMetrics>
+);
+
+const NamespaceMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<Namespace>>(NonInjectedNamespaceMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(namespaceMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const namespaceMetricsDetailsComponentInjectable = getInjectable({
+  id: "namespace-metrics-details-component",
+  instantiate: (di) => ({
+    Component: NamespaceMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.Namespace),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default namespaceMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/metrics.injectable.ts b/packages/core/src/renderer/components/+namespaces/metrics.injectable.ts
new file mode 100644
index 0000000000..98bf94883f
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { Namespace } from "../../../common/k8s-api/endpoints";
+import requestPodMetricsInNamespaceInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-in-namespace.injectable";
+
+const namespaceMetricsInjectable = getInjectable({
+  id: "namespace-metrics",
+  instantiate: (di, namespace) => {
+    const requestPodMetricsInNamespace = di.inject(requestPodMetricsInNamespaceInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: async () => {
+        now(60 * 1000); // Update every minute
+
+        return requestPodMetricsInNamespace(namespace.getName());
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, namespace: Namespace) => namespace.getId(),
+  }),
+});
+
+export default namespaceMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/namespace-details.scss b/packages/core/src/renderer/components/+namespaces/namespace-details.scss
new file mode 100644
index 0000000000..eb2f94bce4
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-details.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.NamespaceDetails {
+  .status {
+    @include namespaceStatus;
+  }
+
+  .quotas {
+    .value a {
+      margin-right: $margin;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+namespaces/namespace-details.tsx b/packages/core/src/renderer/components/+namespaces/namespace-details.tsx
new file mode 100644
index 0000000000..33712e9b2b
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-details.tsx
@@ -0,0 +1,121 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./namespace-details.scss";
+
+import React from "react";
+import { computed, makeObservable } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { DrawerItem } from "../drawer";
+import { cssNames } from "../../utils";
+import { Namespace } from "../../../common/k8s-api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { Link } from "react-router-dom";
+import { Spinner } from "../spinner";
+import { withInjectables } from "@ogre-tools/injectable-react";
+
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import type { ResourceQuotaStore } from "../+config-resource-quotas/store";
+import type { LimitRangeStore } from "../+config-limit-ranges/store";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+import limitRangeStoreInjectable from "../+config-limit-ranges/store.injectable";
+import resourceQuotaStoreInjectable from "../+config-resource-quotas/store.injectable";
+import type { Logger } from "../../../common/logger";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface NamespaceDetailsProps extends KubeObjectDetailsProps<Namespace> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  getDetailsUrl: GetDetailsUrl;
+  resourceQuotaStore: ResourceQuotaStore;
+  limitRangeStore: LimitRangeStore;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedNamespaceDetails extends React.Component<NamespaceDetailsProps & Dependencies> {
+  constructor(props: NamespaceDetailsProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.resourceQuotaStore,
+        this.props.limitRangeStore,
+      ]),
+    ]);
+  }
+
+  @computed get quotas() {
+    const namespace = this.props.object.getName();
+
+    return this.props.resourceQuotaStore.getAllByNs(namespace);
+  }
+
+  @computed get limitranges() {
+    const namespace = this.props.object.getName();
+
+    return this.props.limitRangeStore.getAllByNs(namespace);
+  }
+
+  render() {
+    const { object: namespace, resourceQuotaStore, getDetailsUrl, limitRangeStore } = this.props;
+
+    if (!namespace) {
+      return null;
+    }
+
+    if (!(namespace instanceof Namespace)) {
+      this.props.logger.error("[NamespaceDetails]: passed object that is not an instanceof Namespace", namespace);
+
+      return null;
+    }
+
+    const status = namespace.getStatus();
+
+    return (
+      <div className="NamespaceDetails">
+        <DrawerItem name="Status">
+          <span className={cssNames("status", status.toLowerCase())}>{status}</span>
+        </DrawerItem>
+
+        <DrawerItem name="Resource Quotas" className="quotas flex align-center">
+          {!this.quotas && resourceQuotaStore.isLoading && <Spinner/>}
+          {this.quotas.map(quota => quota.selfLink && (
+            <Link key={quota.getId()} to={getDetailsUrl(quota.selfLink)}>
+              {quota.getName()}
+            </Link>
+          ))}
+        </DrawerItem>
+        <DrawerItem name="Limit Ranges">
+          {!this.limitranges && limitRangeStore.isLoading && <Spinner/>}
+          {this.limitranges.map(limitrange => limitrange.selfLink && (
+            <Link key={limitrange.getId()} to={getDetailsUrl(limitrange.selfLink)}>
+              {limitrange.getName()}
+            </Link>
+          ))}
+        </DrawerItem>
+      </div>
+    );
+  }
+}
+
+export const NamespaceDetails = withInjectables<Dependencies, NamespaceDetailsProps>(NonInjectedNamespaceDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    limitRangeStore: di.inject(limitRangeStoreInjectable),
+    resourceQuotaStore: di.inject(resourceQuotaStoreInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/filter-by-namespace.injectable.ts b/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/filter-by-namespace.injectable.ts
new file mode 100644
index 0000000000..fff1c37202
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/filter-by-namespace.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 namespaceStoreInjectable from "../store.injectable";
+
+export type FilterByNamespace = (namespace: string) => void;
+
+const filterByNamespaceInjectable = getInjectable({
+  id: "filter-by-namespace",
+  instantiate: (di): FilterByNamespace => {
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+
+    return (namespace) => namespaceStore.selectSingle(namespace);
+  },
+});
+
+export default filterByNamespaceInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/is-selection-key.injectable.ts b/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/is-selection-key.injectable.ts
new file mode 100644
index 0000000000..3562b8a166
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.injectable.ts b/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.injectable.ts
new file mode 100644
index 0000000000..5578767cf1
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.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 { 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) => namespaceSelectFilterModelFor({
+    namespaceStore: di.inject(namespaceStoreInjectable),
+    isMultiSelectionKey: di.inject(isMultiSelectionKeyInjectable),
+  }),
+});
+
+export default namespaceSelectFilterModelInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.tsx b/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.tsx
new file mode 100644
index 0000000000..a3d850cdcd
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.tsx
@@ -0,0 +1,181 @@
+/**
+ * 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 { IComputedValue } from "mobx";
+import { observable, action, computed, comparer } from "mobx";
+import type { NamespaceStore } from "../store";
+import type { ActionMeta, MultiValue } from "react-select";
+import { Icon } from "../../icon";
+import type { SelectOption } from "../../select";
+import { observableCrate } from "../../../utils";
+import type { IsMultiSelectionKey } from "./is-selection-key.injectable";
+
+interface Dependencies {
+  namespaceStore: NamespaceStore;
+  isMultiSelectionKey: IsMultiSelectionKey;
+}
+
+export const selectAllNamespaces = Symbol("all-namespaces-selected");
+
+export type SelectAllNamespaces = typeof selectAllNamespaces;
+export type NamespaceSelectFilterOption = SelectOption<string | SelectAllNamespaces>;
+
+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;
+}
+
+enum SelectMenuState {
+  Close = "close",
+  Open = "open",
+}
+
+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/packages/core/src/renderer/components/+namespaces/namespace-select-filter.scss b/packages/core/src/renderer/components/+namespaces/namespace-select-filter.scss
new file mode 100644
index 0000000000..f227976b46
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-select-filter.scss
@@ -0,0 +1,78 @@
+@include theme-light {
+  .NamespaceSelectFilter {
+    --gradientColor: white;
+  }
+}
+
+.NamespaceSelectFilterParent {
+  max-width: 300px;
+}
+
+.NamespaceSelectFilter {
+  --gradientColor: var(--select-menu-bgc);
+
+  .Select {
+    &__placeholder {
+      white-space: nowrap;
+      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;
+      }
+    }
+
+    &__value-container {
+      position: relative;
+
+      &::before, &::after {
+        content: ' ';
+        position: absolute;
+        z-index: 20;
+        display: block;
+        width: 8px;
+        height: var(--font-size);
+      }
+
+      &::before {
+        left: 0;
+        background: linear-gradient(to right, var(--gradientColor) 0px, transparent);
+      }
+
+      &::after {
+        right: 0;
+        background: linear-gradient(to left, var(--gradientColor) 0px, transparent);
+      }
+    }
+  }
+}
+
+.NamespaceSelectFilterMenu {
+  right: 0;
+
+  .Select {
+    &__menu-list {
+      max-width: 400px;
+    }
+
+    &__option {
+      white-space: normal;
+      word-break: break-all;
+      padding: 4px 8px;
+      border-radius: 3px;
+
+      &--is-selected:not(&--is-focused) {
+        background: transparent;
+      }
+    }
+  }
+
+  .Icon {
+    margin-right: $margin * 0.5;
+  }
+}
diff --git a/packages/core/src/renderer/components/+namespaces/namespace-select-filter.test.tsx b/packages/core/src/renderer/components/+namespaces/namespace-select-filter.test.tsx
new file mode 100644
index 0000000000..14751c13dd
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-select-filter.test.tsx
@@ -0,0 +1,301 @@
+/**
+ * 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 { DiContainer } from "@ogre-tools/injectable";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import React from "react";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import type { Fetch } from "../../../common/fetch/fetch.injectable";
+import fetchInjectable from "../../../common/fetch/fetch.injectable";
+import { Namespace } from "../../../common/k8s-api/endpoints";
+import { createMockResponseFromString } from "../../../test-utils/mock-responses";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../cluster/create-cluster.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import type { Disposer } from "../../utils";
+import { disposer } from "../../utils";
+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 fetchMock: AsyncFnMock<Fetch>;
+  let result: RenderResult;
+  let cleanup: Disposer;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+    di.unoverride(subscribeStoresInjectable);
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    fetchMock = asyncFn();
+    di.override(fetchInjectable, () => fetchMock);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    namespaceStore = di.inject(namespaceStoreInjectable);
+
+    const subscribeStores = di.inject(subscribeStoresInjectable);
+
+    cleanup = disposer(subscribeStores([namespaceStore]));
+
+    const render = renderFor(di);
+
+    result = render((
+      <NamespaceSelectFilter id="namespace-select-filter" />
+    ));
+  });
+
+  afterEach(() => {
+    cleanup();
+  });
+
+  describe("once the subscribe resolves", () => {
+    beforeEach(async () => {
+      await fetchMock.resolveSpecific([
+        "https://127.0.0.1:12345/api-kube/api/v1/namespaces",
+      ], createMockResponseFromString("https://127.0.0.1:12345/api-kube/api/v1/namespaces", JSON.stringify({
+        apiVersion: "v1",
+        kind: "NamespaceList",
+        metadata: {},
+        items: [
+          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"),
+        ],
+      })));
+    });
+
+    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.previousSibling).not.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/packages/core/src/renderer/components/+namespaces/namespace-select-filter.tsx b/packages/core/src/renderer/components/+namespaces/namespace-select-filter.tsx
new file mode 100644
index 0000000000..de1c2a8cd6
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-select-filter.tsx
@@ -0,0 +1,95 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./namespace-select-filter.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { PlaceholderProps } from "react-select";
+import { components } from "react-select";
+import type { NamespaceStore } from "./store";
+import { Select } from "../select";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { NamespaceSelectFilterModel, NamespaceSelectFilterOption, SelectAllNamespaces } from "./namespace-select-filter-model/namespace-select-filter-model";
+import namespaceSelectFilterModelInjectable from "./namespace-select-filter-model/namespace-select-filter-model.injectable";
+import namespaceStoreInjectable from "./store.injectable";
+
+interface NamespaceSelectFilterProps {
+  id: string;
+}
+
+interface Dependencies {
+  model: NamespaceSelectFilterModel;
+}
+
+const NonInjectedNamespaceSelectFilter = observer(({ model, id }: Dependencies & NamespaceSelectFilterProps) => (
+  <div
+    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.menu.isOpen.get()}
+      components={{ Placeholder }}
+      closeMenuOnSelect={false}
+      controlShouldRenderValue={false}
+      onChange={model.onChange}
+      onBlur={model.reset}
+      formatOptionLabel={model.formatOptionLabel}
+      options={model.options.get()}
+      className="NamespaceSelect NamespaceSelectFilter"
+      menuClass="NamespaceSelectFilterMenu"
+      isOptionSelected={model.isOptionSelected}
+      hideSelectedOptions={false}
+    />
+  </div>
+));
+
+export const NamespaceSelectFilter = withInjectables<Dependencies, NamespaceSelectFilterProps>(NonInjectedNamespaceSelectFilter, {
+  getProps: (di, props) => ({
+    model: di.inject(namespaceSelectFilterModelInjectable),
+    ...props,
+  }),
+});
+
+export interface CustomPlaceholderProps extends PlaceholderProps<NamespaceSelectFilterOption, true> {}
+
+interface PlaceholderDependencies {
+  namespaceStore: NamespaceStore;
+}
+
+const NonInjectedPlaceholder = observer(({ namespaceStore, ...props }: CustomPlaceholderProps & PlaceholderDependencies) => {
+  const getPlaceholder = () => {
+    const namespaces = namespaceStore.contextNamespaces;
+
+    if (namespaceStore.areAllSelectedImplicitly || namespaces.length === 0) {
+      return "All namespaces";
+    }
+
+    const prefix = namespaces.length === 1
+      ? "Namespace"
+      : "Namespaces";
+
+    return `${prefix}: ${namespaces.join(", ")}`;
+  };
+
+  return (
+    <components.Placeholder {...props}>
+      {getPlaceholder()}
+    </components.Placeholder>
+  );
+});
+
+const Placeholder = withInjectables<PlaceholderDependencies, CustomPlaceholderProps>( NonInjectedPlaceholder, {
+  getProps: (di, props) => ({
+    namespaceStore: di.inject(namespaceStoreInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/+namespaces/namespace-select.scss b/packages/core/src/renderer/components/+namespaces/namespace-select.scss
new file mode 100644
index 0000000000..e87c558a32
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-select.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@mixin namespaceSelectCommon {
+  .Icon {
+    margin-right: $margin * 0.5;
+  }
+}
+
+.NamespaceSelect {
+  @include namespaceSelectCommon;
+}
+
+.NamespaceSelectMenu {
+  @include namespaceSelectCommon;
+}
diff --git a/packages/core/src/renderer/components/+namespaces/namespace-select.tsx b/packages/core/src/renderer/components/+namespaces/namespace-select.tsx
new file mode 100644
index 0000000000..6c50f3f921
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespace-select.tsx
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./namespace-select.scss";
+
+import React, { useEffect, useState } from "react";
+import { computed } from "mobx";
+import { observer } from "mobx-react";
+import type { SelectProps } from "../select";
+import { Select } from "../select";
+import { cssNames } from "../../utils";
+import { Icon } from "../icon";
+import type { NamespaceStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import namespaceStoreInjectable from "./store.injectable";
+
+export type NamespaceSelectSort = (left: string, right: string) => number;
+
+export interface NamespaceSelectProps<IsMulti extends boolean> extends Omit<SelectProps<string, { value: string; label: string }, IsMulti>, "options" | "value"> {
+  showIcons?: boolean;
+  sort?: NamespaceSelectSort;
+  value: string | null | undefined;
+}
+
+interface Dependencies {
+  namespaceStore: NamespaceStore;
+}
+
+function getOptions(namespaceStore: NamespaceStore, sort: NamespaceSelectSort | undefined) {
+  return computed(() => {
+    const baseOptions = namespaceStore.items.map(ns => ns.getName());
+
+    if (sort) {
+      baseOptions.sort(sort);
+    }
+
+    return baseOptions.map(namespace => ({
+      value: namespace,
+      label: namespace,
+    }));
+  });
+}
+
+const NonInjectedNamespaceSelect = observer(({
+  namespaceStore,
+  showIcons,
+  formatOptionLabel,
+  sort,
+  className,
+  ...selectProps
+}: Dependencies & NamespaceSelectProps<boolean>) => {
+  const [baseOptions, setBaseOptions] = useState(getOptions(namespaceStore, sort));
+
+  useEffect(() => setBaseOptions(getOptions(namespaceStore, sort)), [sort]);
+
+  return (
+    <Select
+      className={cssNames("NamespaceSelect", className)}
+      menuClass="NamespaceSelectMenu"
+      formatOptionLabel={showIcons
+        ? ({ value }) => (
+          <>
+            <Icon small material="layers" />
+            {value}
+          </>
+        )
+        : undefined
+      }
+      options={baseOptions.get()}
+      {...selectProps}
+    />
+  );
+});
+
+const InjectedNamespaceSelect = withInjectables<Dependencies, NamespaceSelectProps<boolean>>(NonInjectedNamespaceSelect, {
+  getProps: (di, props) => ({
+    ...props,
+    namespaceStore: di.inject(namespaceStoreInjectable),
+  }),
+});
+
+export function NamespaceSelect<IsMulti extends boolean = false>(props: NamespaceSelectProps<IsMulti>): JSX.Element {
+  return <InjectedNamespaceSelect {...(props as unknown as NamespaceSelectProps<boolean>)} />;
+}
diff --git a/packages/core/src/renderer/components/+namespaces/namespaces-mixins.scss b/packages/core/src/renderer/components/+namespaces/namespaces-mixins.scss
new file mode 100644
index 0000000000..8909da6662
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespaces-mixins.scss
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+@mixin namespaceStatus {
+  &.active {
+    color: var(--colorOk);
+  }
+  &.terminating {
+    color: var(--colorError);
+  }
+}
diff --git a/packages/core/src/renderer/components/+namespaces/namespaces-route-component.injectable.ts b/packages/core/src/renderer/components/+namespaces/namespaces-route-component.injectable.ts
new file mode 100644
index 0000000000..3965510f1d
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespaces-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 { NamespacesRoute } from "./route";
+import namespacesRouteInjectable from "../../../common/front-end-routing/routes/cluster/namespaces/namespaces-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const namespacesRouteComponentInjectable = getInjectable({
+  id: "namespaces-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(namespacesRouteInjectable),
+    Component: NamespacesRoute,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default namespacesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/namespaces-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+namespaces/namespaces-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..0a17b16fbd
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespaces-sidebar-items.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { Icon } from "../icon";
+import React from "react";
+import namespacesRouteInjectable from "../../../common/front-end-routing/routes/cluster/namespaces/namespaces-route.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToNamespacesInjectable from "../../../common/front-end-routing/routes/cluster/namespaces/navigate-to-namespaces.injectable";
+
+const namespacesSidebarItemsInjectable = getInjectable({
+  id: "namespaces",
+
+  instantiate: (di) => {
+    const route = di.inject(namespacesRouteInjectable);
+    const navigateToNamespaces = di.inject(navigateToNamespacesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed((): SidebarItemRegistration[] => [
+      {
+        id: "namespaces",
+        parentId: null,
+        getIcon: () => <Icon material="layers" />,
+        title: "Namespaces",
+        onClick: navigateToNamespaces,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 70,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default namespacesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/namespaces.scss b/packages/core/src/renderer/components/+namespaces/namespaces.scss
new file mode 100644
index 0000000000..8636d2f5ad
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/namespaces.scss
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Namespaces {
+  .TableCell {
+    &.name {
+      flex: 2;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.labels {
+      flex: 4;
+      @include table-cell-labels-offsets;
+    }
+
+    &.status {
+      @include namespaceStatus;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+namespaces/route.tsx b/packages/core/src/renderer/components/+namespaces/route.tsx
new file mode 100644
index 0000000000..7efbfb738e
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/route.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 "./namespaces.scss";
+
+import React from "react";
+import { AddNamespaceDialog } from "./add-dialog/dialog";
+import { TabLayout } from "../layout/tab-layout-2";
+import { Badge } from "../badge";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import type { NamespaceStore } from "./store";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import namespaceStoreInjectable from "./store.injectable";
+import { KubeObjectAge } from "../kube-object/age";
+import openAddNamepaceDialogInjectable from "./add-dialog/open.injectable";
+
+enum columnId {
+  name = "name",
+  labels = "labels",
+  age = "age",
+  status = "status",
+}
+
+interface Dependencies {
+  namespaceStore: NamespaceStore;
+  openAddNamespaceDialog: () => void;
+}
+
+const NonInjectedNamespacesRoute = ({ namespaceStore, openAddNamespaceDialog }: Dependencies) => (
+  <TabLayout>
+    <KubeObjectListLayout
+      isConfigurable
+      tableId="namespaces"
+      className="Namespaces"
+      store={namespaceStore}
+      sortingCallbacks={{
+        [columnId.name]: namespace => namespace.getName(),
+        [columnId.labels]: namespace => namespace.getLabels(),
+        [columnId.age]: namespace => -namespace.getCreationTimestamp(),
+        [columnId.status]: namespace => namespace.getStatus(),
+      }}
+      searchFilters={[
+        namespace => namespace.getSearchFields(),
+        namespace => namespace.getStatus(),
+      ]}
+      renderHeaderTitle="Namespaces"
+      renderTableHeader={[
+        { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+        { className: "warning", showWithColumn: columnId.name },
+        { title: "Labels", className: "labels scrollable", sortBy: columnId.labels, id: columnId.labels },
+        { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+        { title: "Status", className: "status", sortBy: columnId.status, id: columnId.status },
+      ]}
+      renderTableContents={namespace => [
+        namespace.getName(),
+        <KubeObjectStatusIcon key="icon" object={namespace} />,
+        namespace.getLabels().map(label => (
+          <Badge
+            scrollable
+            key={label}
+            label={label}
+          />
+        )),
+        <KubeObjectAge key="age" object={namespace} />,
+        { title: namespace.getStatus(), className: namespace.getStatus().toLowerCase() },
+      ]}
+      addRemoveButtons={{
+        addTooltip: "Add Namespace",
+        onAdd: openAddNamespaceDialog,
+      }}
+    />
+    <AddNamespaceDialog/>
+  </TabLayout>
+);
+
+
+export const NamespacesRoute = withInjectables<Dependencies>(NonInjectedNamespacesRoute, {
+  getProps: (di) => ({
+    namespaceStore: di.inject(namespaceStoreInjectable),
+    openAddNamespaceDialog: di.inject(openAddNamepaceDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+namespaces/store.injectable.ts b/packages/core/src/renderer/components/+namespaces/store.injectable.ts
new file mode 100644
index 0000000000..50164e6626
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/store.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 { NamespaceStore } from "./store";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import createStorageInjectable from "../../utils/create-storage/create-storage.injectable";
+import namespaceApiInjectable from "../../../common/k8s-api/endpoints/namespace.api.injectable";
+import assert from "assert";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import clusterConfiguredAccessibleNamespacesInjectable from "../../cluster/accessible-namespaces.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const namespaceStoreInjectable = getInjectable({
+  id: "namespace-store",
+
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "namespaceStore is only available in certain environments");
+
+    const createStorage = di.inject(createStorageInjectable);
+    const api = di.inject(namespaceApiInjectable);
+
+    return new NamespaceStore({
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      storage: createStorage<string[] | undefined>("selected_namespaces", undefined),
+      clusterConfiguredAccessibleNamespaces: di.inject(clusterConfiguredAccessibleNamespacesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default namespaceStoreInjectable;
diff --git a/packages/core/src/renderer/components/+namespaces/store.ts b/packages/core/src/renderer/components/+namespaces/store.ts
new file mode 100644
index 0000000000..78f836e807
--- /dev/null
+++ b/packages/core/src/renderer/components/+namespaces/store.ts
@@ -0,0 +1,223 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { IComputedValue, IReactionDisposer } from "mobx";
+import { action, comparer, computed, makeObservable, reaction } from "mobx";
+import type { StorageLayer } from "../../utils";
+import { autoBind, noop, toggle } from "../../utils";
+import type { KubeObjectStoreDependencies, KubeObjectStoreLoadingParams } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import type { NamespaceApi } from "../../../common/k8s-api/endpoints/namespace.api";
+import { Namespace } from "../../../common/k8s-api/endpoints/namespace.api";
+
+interface Dependencies extends KubeObjectStoreDependencies {
+  readonly storage: StorageLayer<string[] | undefined>;
+  readonly clusterConfiguredAccessibleNamespaces: IComputedValue<string[]>;
+}
+
+export class NamespaceStore extends KubeObjectStore<Namespace, NamespaceApi> {
+  constructor(protected readonly dependencies: Dependencies, api: NamespaceApi) {
+    super(dependencies, api);
+    makeObservable(this);
+    autoBind(this);
+
+    // initialize allowed namespaces
+    const { allowedNamespaces } = this;
+    const selectedNamespaces = this.dependencies.storage.get(); // raw namespaces, undefined on first load
+
+    // return previously saved namespaces from local-storage (if any)
+    if (Array.isArray(selectedNamespaces)) {
+      this.selectNamespaces(selectedNamespaces.filter(namespace => allowedNamespaces.includes(namespace)));
+    } else if (allowedNamespaces.includes("default")) {
+      this.selectNamespaces(["default"]);
+    } else if (allowedNamespaces.length) {
+      this.selectNamespaces([allowedNamespaces[0]]);
+    } else {
+      this.selectNamespaces([]);
+    }
+  }
+
+  public onContextChange(callback: (namespaces: string[]) => void, opts: { fireImmediately?: boolean } = {}): IReactionDisposer {
+    return reaction(() => Array.from(this.contextNamespaces), callback, {
+      fireImmediately: opts.fireImmediately,
+      equals: comparer.shallow,
+    });
+  }
+
+  /**
+   * @private
+   * The current value (list of namespaces names) in the storage layer
+   */
+  @computed private get selectedNamespaces() {
+    return this.dependencies.storage.get() ?? [];
+  }
+
+  @computed get allowedNamespaces(): string[] {
+    return this.items.map(item => item.getName());
+  }
+
+  /**
+   * The list of selected namespace names (for filtering)
+   */
+  @computed get contextNamespaces() {
+    if (!this.selectedNamespaces.length) {
+      return this.allowedNamespaces; // show all namespaces when nothing selected
+    }
+
+    return this.selectedNamespaces;
+  }
+
+  /**
+   * The set of select namespace names (for filtering)
+   */
+  @computed get selectedNames(): Set<string> {
+    return new Set(this.contextNamespaces);
+  }
+
+  /**
+   * Is true when the the set of namespace names selected is implicitly all
+   *
+   * Namely, this will be true if the user has deselected all namespaces from
+   * the filter or if the user has clicked the "All Namespaces" option
+   */
+  @computed get areAllSelectedImplicitly(): boolean {
+    return this.selectedNamespaces.length === 0;
+  }
+
+  subscribe() {
+    const clusterConfiguredAccessibleNamespaces = this.dependencies.clusterConfiguredAccessibleNamespaces.get();
+
+    /**
+     * if user has given static list of namespaces let's not start watches
+     * because watch adds stuff that's not wanted or will just fail
+     */
+    if (clusterConfiguredAccessibleNamespaces.length > 0) {
+      return noop;
+    }
+
+    return super.subscribe();
+  }
+
+  protected async loadItems(params: KubeObjectStoreLoadingParams): Promise<Namespace[]> {
+    const clusterConfiguredAccessibleNamespaces = this.dependencies.clusterConfiguredAccessibleNamespaces.get();
+
+    if (clusterConfiguredAccessibleNamespaces.length > 0) {
+      return clusterConfiguredAccessibleNamespaces.map(getDummyNamespace);
+    }
+
+    return super.loadItems(params);
+  }
+
+  @action selectNamespaces = (namespace: string | string[]) => {
+    const namespaces = Array.from(new Set([namespace].flat()));
+
+    this.dependencies.storage.set(namespaces);
+  };
+
+  @action
+  clearSelected(namespaces?: string | string[]) {
+    if (namespaces) {
+      const resettingNamespaces = [namespaces].flat();
+      const newNamespaces = this.dependencies.storage.get()?.filter(ns => !resettingNamespaces.includes(ns));
+
+      this.dependencies.storage.set(newNamespaces);
+    } else {
+      this.dependencies.storage.reset();
+    }
+  }
+
+  /**
+   * Checks if namespace names are selected for filtering
+   * @param namespaces One or several names of namespaces to check if they are selected
+   * @returns `true` if all the provided names are selected
+   */
+  hasContext(namespaces: string | string[]): boolean {
+    return [namespaces]
+      .flat()
+      .every(namespace => this.selectedNames.has(namespace));
+  }
+
+  /**
+   * Is `true` if all available namespaces are selected, otherwise `false`
+   */
+  @computed get hasAllContexts(): boolean {
+    return this.contextNamespaces.length === this.allowedNamespaces.length;
+  }
+
+  /**
+   * Acts like `toggleSingle` but can work on several at a time
+   * @param namespaces One or many names of namespaces to select
+   */
+  @action
+  toggleContext(namespaces: string | string[]) {
+    const nextState = new Set(this.contextNamespaces);
+
+    for (const namespace of [namespaces].flat()) {
+      toggle(nextState, namespace);
+    }
+
+    this.dependencies.storage.set([...nextState]);
+  }
+
+  /**
+   * Toggles the selection state of `namespace`. Namely, if it was previously
+   * specifically or implicitly selected then after this call it will be
+   * explicitly deselected.
+   * @param namespace The name of a namespace
+   */
+  toggleSingle(namespace: string) {
+    const nextState = new Set(this.contextNamespaces);
+
+    toggle(nextState, namespace);
+    this.dependencies.storage.set([...nextState]);
+  }
+
+  /**
+   * Makes the given namespace the sole selected namespace
+   */
+  selectSingle(namespace: string) {
+    this.dependencies.storage.set([namespace]);
+  }
+
+  /**
+   * Selects all available namespaces.
+   *
+   * Note: If new namespaces appear in the future those will be selected too
+   */
+  selectAll() {
+    this.selectNamespaces([]);
+  }
+
+  /**
+   * This function selects all namespaces implicitly.
+   *
+   * NOTE: does not toggle any namespaces
+   * @param selectAll NOT USED
+   * @deprecated Use `NamespaceStore.selectAll` instead.
+   */
+  toggleAll(selectAll?: boolean) {
+    void selectAll;
+    this.selectAll();
+  }
+
+  @action
+  async remove(item: Namespace) {
+    await super.remove(item);
+    this.clearSelected(item.getName());
+  }
+}
+
+export function getDummyNamespace(name: string) {
+  return new Namespace({
+    kind: Namespace.kind,
+    apiVersion: "v1",
+    metadata: {
+      name,
+      uid: "",
+      resourceVersion: "",
+      selfLink: `/api/v1/namespaces/${name}`,
+    },
+  });
+}
diff --git a/packages/core/src/renderer/components/+network-endpoints/endpoint-details.scss b/packages/core/src/renderer/components/+network-endpoints/endpoint-details.scss
new file mode 100644
index 0000000000..5927b95f6b
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/endpoint-details.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.EndpointDetails {
+}
diff --git a/packages/core/src/renderer/components/+network-endpoints/endpoint-details.tsx b/packages/core/src/renderer/components/+network-endpoints/endpoint-details.tsx
new file mode 100644
index 0000000000..6e806683e8
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/endpoint-details.tsx
@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./endpoint-details.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { DrawerTitle } from "../drawer";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { Endpoints } from "../../../common/k8s-api/endpoints";
+import { EndpointSubsetList } from "./endpoint-subset-list";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface EndpointsDetailsProps extends KubeObjectDetailsProps<Endpoints> {
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedEndpointsDetails extends React.Component<EndpointsDetailsProps & Dependencies> {
+  render() {
+    const { object: endpoint } = this.props;
+
+    if (!endpoint) {
+      return null;
+    }
+
+    if (!(endpoint instanceof Endpoints)) {
+      this.props.logger.error("[EndpointDetails]: passed object that is not an instanceof Endpoint", endpoint);
+
+      return null;
+    }
+
+    return (
+      <div className="EndpointDetails">
+        <DrawerTitle>Subsets</DrawerTitle>
+        {
+          endpoint.getEndpointSubsets().map((subset) => (
+            <EndpointSubsetList
+              key={subset.toString()}
+              subset={subset}
+              endpoint={endpoint}
+            />
+          ))
+        }
+      </div>
+    );
+  }
+}
+
+export const EndpointsDetails = withInjectables<Dependencies, EndpointsDetailsProps>(NonInjectedEndpointsDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-endpoints/endpoint-subset-list.scss b/packages/core/src/renderer/components/+network-endpoints/endpoint-subset-list.scss
new file mode 100644
index 0000000000..6c4f7281cd
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/endpoint-subset-list.scss
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.EndpointSubsetList {
+  .title {
+    margin-top: $margin * 2;
+    margin-bottom: $margin;
+    font-weight: bold;
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-endpoints/endpoint-subset-list.tsx b/packages/core/src/renderer/components/+network-endpoints/endpoint-subset-list.tsx
new file mode 100644
index 0000000000..700f1fdbf8
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/endpoint-subset-list.tsx
@@ -0,0 +1,184 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./endpoint-subset-list.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { EndpointSubset, Endpoints, EndpointAddress } from "../../../common/k8s-api/endpoints";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import type { ApiManager } from "../../../common/k8s-api/api-manager";
+import { Link } from "react-router-dom";
+import { autoBind } from "../../../common/utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+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";
+
+export interface EndpointSubsetListProps {
+  subset: Required<EndpointSubset>;
+  endpoint: Endpoints;
+}
+
+interface Dependencies {
+  apiManager: ApiManager;
+  getDetailsUrl: GetDetailsUrl;
+}
+
+@observer
+class NonInjectedEndpointSubsetList extends React.Component<EndpointSubsetListProps & Dependencies> {
+  constructor(props: EndpointSubsetListProps & Dependencies) {
+    super(props);
+    autoBind(this);
+  }
+
+  getAddressTableRow(ip: string) {
+    const address = this.props.subset.addresses.find(address => address.ip == ip);
+
+    return this.renderAddressTableRow(address);
+  }
+
+  getNotReadyAddressTableRow(ip: string) {
+    const address = this.props.subset.notReadyAddresses.find(address => address.ip == ip);
+
+    return this.renderAddressTableRow(address);
+  }
+
+  renderAddressTable(addresses: EndpointAddress[], virtual: boolean) {
+    return (
+      <div>
+        <div className="title flex gaps">Addresses</div>
+        <Table
+          items={addresses}
+          selectable={false}
+          virtual={virtual}
+          scrollable={false}
+          getTableRow={this.getAddressTableRow}
+          className="box grow"
+        >
+          <TableHead>
+            <TableCell className="ip">IP</TableCell>
+            <TableCell className="name">Hostname</TableCell>
+            <TableCell className="target">Target</TableCell>
+          </TableHead>
+          {
+            !virtual && addresses.map(address => this.getAddressTableRow(address.ip))
+          }
+        </Table>
+      </div>
+    );
+  }
+
+  renderAddressTableRow(address: EndpointAddress | undefined) {
+    if (!address) {
+      return undefined;
+    }
+
+    const { endpoint, getDetailsUrl, apiManager } = this.props;
+
+    return (
+      <TableRow
+        key={address.ip}
+        nowrap
+      >
+        <TableCell className="ip">{address.ip}</TableCell>
+        <TableCell className="name">{address.hostname}</TableCell>
+        <TableCell className="target">
+          { address.targetRef && (
+            <Link to={getDetailsUrl(apiManager.lookupApiLink(address.targetRef, endpoint))}>
+              {address.targetRef.name}
+            </Link>
+          )}
+        </TableCell>
+      </TableRow>
+    );
+  }
+
+  render() {
+    const { subset: { addresses, ports, notReadyAddresses }} = this.props;
+    const addressesVirtual = addresses.length > 100;
+    const notReadyAddressesVirtual = notReadyAddresses.length > 100;
+
+    return(
+      <div className="EndpointSubsetList flex column">
+        {addresses.length > 0 && (
+          <div>
+            <div className="title flex gaps">Addresses</div>
+            <Table
+              items={addresses}
+              selectable={false}
+              virtual={addressesVirtual}
+              scrollable={false}
+              getTableRow={this.getAddressTableRow}
+              className="box grow"
+            >
+              <TableHead>
+                <TableCell className="ip">IP</TableCell>
+                <TableCell className="host">Hostname</TableCell>
+                <TableCell className="target">Target</TableCell>
+              </TableHead>
+              { !addressesVirtual && addresses.map(address => this.getAddressTableRow(address.ip)) }
+            </Table>
+          </div>
+        )}
+
+        {notReadyAddresses.length > 0 && (
+          <div>
+            <div className="title flex gaps">Not Ready Addresses</div>
+            <Table
+              items={notReadyAddresses}
+              selectable
+              virtual={notReadyAddressesVirtual}
+              scrollable={false}
+              getTableRow={this.getNotReadyAddressTableRow}
+              className="box grow"
+            >
+              <TableHead>
+                <TableCell className="ip">IP</TableCell>
+                <TableCell className="host">Hostname</TableCell>
+                <TableCell className="target">Target</TableCell>
+              </TableHead>
+              { !notReadyAddressesVirtual && notReadyAddresses.map(address => this.getNotReadyAddressTableRow(address.ip)) }
+            </Table>
+          </div>
+        )}
+
+        <div className="title flex gaps">Ports</div>
+        <Table
+          selectable={false}
+          virtual={false}
+          scrollable={false}
+          className="box grow"
+        >
+          <TableHead>
+            <TableCell className="port">Port</TableCell>
+            <TableCell className="name">Name</TableCell>
+            <TableCell className="protocol">Protocol</TableCell>
+          </TableHead>
+          {
+            ports.map(port => (
+              <TableRow
+                key={port.port}
+                nowrap
+              >
+                <TableCell className="name">{port.port}</TableCell>
+                <TableCell className="name">{port.name}</TableCell>
+                <TableCell className="node">{port.protocol}</TableCell>
+              </TableRow>
+            ))
+          }
+        </Table>
+      </div>
+    );
+  }
+}
+
+export const EndpointSubsetList = withInjectables<Dependencies, EndpointSubsetListProps>(NonInjectedEndpointSubsetList, {
+  getProps: (di, props) => ({
+    ...props,
+    apiManager: di.inject(apiManagerInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-endpoints/endpoints-route-component.injectable.ts b/packages/core/src/renderer/components/+network-endpoints/endpoints-route-component.injectable.ts
new file mode 100644
index 0000000000..0236e2be80
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/endpoints-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 { Endpoints } from "./endpoints";
+import endpointsRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/endpoints/endpoints-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const endpointsRouteComponentInjectable = getInjectable({
+  id: "endpoints-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(endpointsRouteInjectable),
+    Component: Endpoints,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default endpointsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+network-endpoints/endpoints-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+network-endpoints/endpoints-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..2f8c3adefb
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/endpoints-sidebar-items.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import endpointsRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/endpoints/endpoints-route.injectable";
+import { networkSidebarItemId } from "../+network/network-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToEndpointsInjectable from "../../../common/front-end-routing/routes/cluster/network/endpoints/navigate-to-endpoints.injectable";
+
+const endpointsSidebarItemsInjectable = getInjectable({
+  id: "endpoints-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(endpointsRouteInjectable);
+    const navigateToEndpoints = di.inject(navigateToEndpointsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "endpoints",
+        parentId: networkSidebarItemId,
+        title: "Endpoints",
+        onClick: navigateToEndpoints,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 20,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default endpointsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+network-endpoints/endpoints.scss b/packages/core/src/renderer/components/+network-endpoints/endpoints.scss
new file mode 100644
index 0000000000..a79d36ff17
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/endpoints.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Endpoints {
+  .TableCell {
+    &.endpoints {
+      flex-grow: 5.0;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-endpoints/endpoints.tsx b/packages/core/src/renderer/components/+network-endpoints/endpoints.tsx
new file mode 100644
index 0000000000..4358906a67
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/endpoints.tsx
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./endpoints.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import { prevDefault } from "../../utils";
+import type { EndpointsStore } from "./store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import endpointsStoreInjectable from "./store.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  endpoints = "endpoints",
+  age = "age",
+}
+
+interface Dependencies {
+  endpointsStore: EndpointsStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedEndpoints extends React.Component<Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="network_endpoints"
+          className="Endpoints"
+          store={this.props.endpointsStore}
+          sortingCallbacks={{
+            [columnId.name]: endpoint => endpoint.getName(),
+            [columnId.namespace]: endpoint => endpoint.getNs(),
+            [columnId.age]: endpoint => -endpoint.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            endpoint => endpoint.getSearchFields(),
+          ]}
+          renderHeaderTitle="Endpoints"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Endpoints", className: "endpoints", id: columnId.endpoints },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={endpoint => [
+            endpoint.getName(),
+            <KubeObjectStatusIcon key="icon" object={endpoint} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(endpoint.getNs()))}
+            >
+              {endpoint.getNs()}
+            </a>,
+            endpoint.toString(),
+            <KubeObjectAge key="age" object={endpoint} />,
+          ]}
+          tableProps={{
+            customRowHeights: (item, lineHeight, paddings) => {
+              const lines = item.getEndpointSubsets().length || 1;
+
+              return lines * lineHeight + paddings;
+            },
+          }}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const Endpoints = withInjectables<Dependencies>(NonInjectedEndpoints, {
+  getProps: (di, props) => ({
+    ...props,
+    endpointsStore: di.inject(endpointsStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-endpoints/index.ts b/packages/core/src/renderer/components/+network-endpoints/index.ts
new file mode 100644
index 0000000000..888f0a6d1d
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/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 "./endpoints";
+export * from "./endpoint-details";
diff --git a/packages/core/src/renderer/components/+network-endpoints/store.injectable.ts b/packages/core/src/renderer/components/+network-endpoints/store.injectable.ts
new file mode 100644
index 0000000000..d376b039a0
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import endpointsApiInjectable from "../../../common/k8s-api/endpoints/endpoint.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { EndpointsStore } from "./store";
+
+const endpointsStoreInjectable = getInjectable({
+  id: "endpoints-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "endpointsStore is only available in certain environments");
+
+    const api = di.inject(endpointsApiInjectable);
+
+    return new EndpointsStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default endpointsStoreInjectable;
diff --git a/packages/core/src/renderer/components/+network-endpoints/store.ts b/packages/core/src/renderer/components/+network-endpoints/store.ts
new file mode 100644
index 0000000000..5cd9e1033e
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-endpoints/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 { Endpoints, EndpointsApi, EndpointsData } from "../../../common/k8s-api/endpoints/endpoint.api";
+
+export class EndpointsStore extends KubeObjectStore<Endpoints, EndpointsApi, EndpointsData> {
+}
diff --git a/packages/core/src/renderer/components/+network-ingresses/index.ts b/packages/core/src/renderer/components/+network-ingresses/index.ts
new file mode 100644
index 0000000000..2b58e1f4d6
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/index.ts
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./ingresses";
+export * from "./ingress-details";
+export * from "./ingress-classes";
+export * from "./ingress-class-details";
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-charts.tsx b/packages/core/src/renderer/components/+network-ingresses/ingress-charts.tsx
new file mode 100644
index 0000000000..cc8d02ee76
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-charts.tsx
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React, { useContext } from "react";
+import { observer } from "mobx-react";
+import type { ChartDataSets } from "../chart";
+import { BarChart } from "../chart";
+import { normalizeMetrics, isMetricsEmpty } from "../../../common/k8s-api/endpoints/metrics.api";
+import { NoMetrics } from "../resource-metrics/no-metrics";
+import { ResourceMetricsContext } from "../resource-metrics";
+import { type MetricsTab, metricTabOptions } from "../chart/options";
+
+export const IngressCharts = observer(() => {
+  const { metrics, tab, object } = useContext(ResourceMetricsContext) ?? {};
+
+  if (!metrics || !object || !tab) return null;
+  if (isMetricsEmpty(metrics)) return <NoMetrics/>;
+
+  const id = object.getId();
+  const values = Object.values(metrics)
+    .map(normalizeMetrics)
+    .map(({ data }) => data.result[0].values);
+  const [
+    bytesSentSuccess,
+    bytesSentFailure,
+    requestDurationSeconds,
+    responseDurationSeconds,
+  ] = values;
+
+  const datasets: Partial<Record<MetricsTab, ChartDataSets[]>> = {
+    Network: [
+      {
+        id: `${id}-bytesSentSuccess`,
+        label: `Bytes sent, status 2xx`,
+        tooltip: `Bytes sent by Ingress controller with successful status`,
+        borderColor: "#46cd9e",
+        data: bytesSentSuccess.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-bytesSentFailure`,
+        label: `Bytes sent, status 5xx`,
+        tooltip: `Bytes sent by Ingress controller with error status`,
+        borderColor: "#cd465a",
+        data: bytesSentFailure.map(([x, y]) => ({ x, y })),
+      },
+    ],
+    Duration: [
+      {
+        id: `${id}-requestDurationSeconds`,
+        label: `Request`,
+        tooltip: `Request duration in seconds`,
+        borderColor: "#48b18d",
+        data: requestDurationSeconds.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-responseDurationSeconds`,
+        label: `Response`,
+        tooltip: `Response duration in seconds`,
+        borderColor: "#73ba3c",
+        data: responseDurationSeconds.map(([x, y]) => ({ x, y })),
+      },
+    ],
+  };
+
+  return (
+    <BarChart
+      name={`${object.getName()}-metric-${tab}`}
+      options={metricTabOptions[tab]}
+      data={{ datasets: datasets[tab] }}
+    />
+  );
+});
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-class-details.module.scss b/packages/core/src/renderer/components/+network-ingresses/ingress-class-details.module.scss
new file mode 100644
index 0000000000..5c2cfdf174
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-class-details.module.scss
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.IngressClassDetails {
+  --titles-color: var(--textColorSecondary);
+}
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-class-details.tsx b/packages/core/src/renderer/components/+network-ingresses/ingress-class-details.tsx
new file mode 100644
index 0000000000..2577f9e6b5
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-class-details.tsx
@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./ingress-class-details.module.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import type { IngressClass } from "../../../common/k8s-api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { Badge } from "../badge";
+
+export interface IngressClassDetailsProps extends KubeObjectDetailsProps<IngressClass> {
+}
+
+@observer
+class NonInjectedIngressDetails extends React.Component<IngressClassDetailsProps> {
+  renderParameters() {
+    const { object: ingressClass } = this.props;
+
+    if (!ingressClass.spec.parameters) return;
+
+    return (
+      <>
+        <DrawerTitle>Parameters</DrawerTitle>
+        <DrawerItem name="Name">
+          {ingressClass.getCtrlName()}
+        </DrawerItem>
+        <DrawerItem name="Namespace">
+          {ingressClass.getCtrlNs()}
+        </DrawerItem>
+        <DrawerItem name="Scope">
+          {ingressClass.getCtrlScope()}
+        </DrawerItem>
+        <DrawerItem name="Kind">
+          {ingressClass.getCtrlKind()}
+        </DrawerItem>
+        <DrawerItem name="API Group">
+          {ingressClass.getCtrlApiGroup()}
+        </DrawerItem>
+      </>
+    );
+  }
+
+  render() {
+    const { object: ingressClass } = this.props;
+
+    return (
+      <div className={styles.IngressClassDetails}>
+        <DrawerItem name="Controller">
+          <Badge label={ingressClass.getController()} />
+        </DrawerItem>
+        {this.renderParameters()}
+      </div>
+    );
+  }
+}
+
+export const IngressClassDetails = withInjectables<{}, IngressClassDetailsProps>(NonInjectedIngressDetails, {
+  getProps: (di, props) => (props),
+});
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-class-menu.injectable.tsx b/packages/core/src/renderer/components/+network-ingresses/ingress-class-menu.injectable.tsx
new file mode 100644
index 0000000000..17b0db705e
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-class-menu.injectable.tsx
@@ -0,0 +1,83 @@
+/**
+ * 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 { withInjectables } from "@ogre-tools/injectable-react";
+import { computed } from "mobx";
+import type {
+  KubeObjectMenuItemComponent,
+  KubeObjectMenuItem,
+} from "../kube-object-menu/kube-object-menu-item-injection-token";
+import {
+  kubeObjectMenuItemInjectionToken,
+} from "../kube-object-menu/kube-object-menu-item-injection-token";
+import { ingressClassSetDefaultInjectable } from "./ingress-class-set-default.injectable";
+import { MenuItem } from "../menu";
+import type { IngressClass } from "../../../common/k8s-api/endpoints/ingress-class.api";
+import type { KubeObjectMenuProps } from "../kube-object-menu";
+import { Icon } from "../icon";
+import hideDetailsInjectable from "../kube-detail-params/hide-details.injectable";
+
+export interface IngressClassMenuProps extends KubeObjectMenuProps<IngressClass> {
+}
+
+export interface Dependencies {
+  setDefault: (item: IngressClass) => void;
+  hideDetails: () => void;
+}
+
+export function NonInjectedIngressClassMenu(
+  {
+    object,
+    toolbar,
+    setDefault,
+    hideDetails,
+  }: IngressClassMenuProps & Dependencies) {
+
+  function markItemAsDefaultIngressClass() {
+    setDefault(object);
+    hideDetails();
+  }
+
+  return (
+    <>
+      <MenuItem onClick={markItemAsDefaultIngressClass}>
+        <Icon
+          material="star"
+          tooltip="Set as default"
+          interactive={toolbar} />
+        <span className="title">Set as default</span>
+      </MenuItem>
+    </>
+  );
+}
+
+export const IngressClassMenu = withInjectables<Dependencies, IngressClassMenuProps>(NonInjectedIngressClassMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    setDefault: di.inject(ingressClassSetDefaultInjectable),
+    hideDetails: di.inject(hideDetailsInjectable),
+  }),
+});
+
+
+const ingressClassMenuInjectable = getInjectable({
+  id: "ingress-class-kube-object-menu",
+
+  instantiate(): KubeObjectMenuItem {
+    return {
+      kind: "IngressClass",
+      apiVersions: ["networking.k8s.io/v1"],
+      Component: IngressClassMenu as KubeObjectMenuItemComponent,
+      enabled: computed(() => true),
+      orderNumber: 30,
+    };
+  },
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+export default ingressClassMenuInjectable;
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-class-route-component.injectable.ts b/packages/core/src/renderer/components/+network-ingresses/ingress-class-route-component.injectable.ts
new file mode 100644
index 0000000000..fd7a5fbc9c
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-class-route-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 {
+  routeSpecificComponentInjectionToken,
+} from "../../routes/route-specific-component-injection-token";
+import ingressClassesesRouteInjectable
+  from "../../../common/front-end-routing/routes/cluster/network/ingress-class/ingress-classeses-route.injectable";
+import { IngressClasses } from "./ingress-classes";
+
+const ingressClassesRouteComponentInjectable = getInjectable({
+  id: "ingress-classes-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(ingressClassesesRouteInjectable),
+    Component: IngressClasses,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default ingressClassesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-class-set-default.injectable.ts b/packages/core/src/renderer/components/+network-ingresses/ingress-class-set-default.injectable.ts
new file mode 100644
index 0000000000..c40ffd872f
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-class-set-default.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, lifecycleEnum } from "@ogre-tools/injectable";
+import type { IngressClass } from "../../../common/k8s-api/endpoints/ingress-class.api";
+import ingressClassApiInjectable
+  from "../../../common/k8s-api/endpoints/ingress-class.api.injectable";
+import ingressClassStoreInjectable from "./ingress-class-store.injectable";
+
+export const ingressClassSetDefaultInjectable = getInjectable({
+  id: "ingressClassSetDefaultInjectable",
+
+  instantiate(di) {
+    const api = di.inject(ingressClassApiInjectable);
+    const store = di.inject(ingressClassStoreInjectable);
+
+    return async (currentItem: IngressClass) => {
+      const defaultIngressClassesUpdate = store.items
+        .filter((item: IngressClass) => item.isDefault && currentItem !== item)
+        .map(item => api.setAsDefault({ name: item.getName() }, false));
+
+      await Promise.all(defaultIngressClassesUpdate);
+      await api.setAsDefault({ name: currentItem.getName() });
+    };
+  },
+
+  lifecycle: lifecycleEnum.singleton,
+});
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-class-store.injectable.ts b/packages/core/src/renderer/components/+network-ingresses/ingress-class-store.injectable.ts
new file mode 100644
index 0000000000..9379b4ff59
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-class-store.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 assert from "assert";
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import ingressClassApiInjectable from "../../../common/k8s-api/endpoints/ingress-class.api.injectable";
+import { IngressClassStore } from "./ingress-class-store";
+
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const ingressClassStoreInjectable = getInjectable({
+  id: "ingress-class-store",
+
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "ingressClassStore is only available in certain environments");
+
+    const api = di.inject(ingressClassApiInjectable);
+
+    return new IngressClassStore({
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default ingressClassStoreInjectable;
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-class-store.ts b/packages/core/src/renderer/components/+network-ingresses/ingress-class-store.ts
new file mode 100644
index 0000000000..1467a9427a
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-class-store.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 { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import type { IngressClass, IngressClassApi } from "../../../common/k8s-api/endpoints/ingress-class.api";
+
+export class IngressClassStore extends KubeObjectStore<IngressClass, IngressClassApi> {
+}
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-classes.module.scss b/packages/core/src/renderer/components/+network-ingresses/ingress-classes.module.scss
new file mode 100644
index 0000000000..3756468ef8
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-classes.module.scss
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.IngressClasses {
+  :global(.TableCell) {
+    &.is_default {
+      :global(.Checkbox) {
+        align-items: flex-start;
+      }
+    }
+
+    &.name {
+    }
+
+    &.namespace {
+    }
+
+    &.controller {
+    }
+
+    &.apiGroup {
+    }
+
+    &.scope {
+    }
+
+    &.kind {
+    }
+  }
+
+  :global(.Icon) {
+    &.set_default_icon {
+      filter: brightness(.75);
+
+      &:hover {
+        filter: brightness(1.5);
+      }
+    }
+  }
+
+}
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-classes.tsx b/packages/core/src/renderer/components/+network-ingresses/ingress-classes.tsx
new file mode 100644
index 0000000000..7b7fe8c0de
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-classes.tsx
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./ingress-classes.module.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IngressClassStore } from "./ingress-class-store";
+import ingressClassStoreInjectable from "./ingress-class-store.injectable";
+import type { IngressClass } from "../../../common/k8s-api/endpoints/ingress-class.api";
+import { cssNames } from "../../utils";
+import { Icon } from "../icon";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  controller = "controller",
+  apiGroup = "apiGroup",
+  scope = "scope", // "Namespace" | "Cluster"
+  kind = "kind", // "ClusterIngressParameter" | "IngressParameter"
+}
+
+interface Dependencies {
+  store: IngressClassStore;
+}
+
+const NonInjectedIngressClasses = observer((props: Dependencies) => {
+  const {
+    store,
+  } = props;
+
+  return (
+    <SiblingsInTabLayout>
+      <KubeObjectListLayout
+        isConfigurable
+        tableId="network_ingress_classess"
+        className={styles.IngressClasses}
+        store={store}
+        sortingCallbacks={{
+          [columnId.name]: (resource: IngressClass) => resource.getCtrlName(),
+          [columnId.namespace]: (resource: IngressClass) => resource.getCtrlNs(),
+          [columnId.controller]: (resource: IngressClass) => resource.getController(),
+          [columnId.apiGroup]: (resource: IngressClass) => resource.getCtrlApiGroup(),
+          [columnId.scope]: (resource: IngressClass) => resource.getCtrlScope(),
+          [columnId.kind]: (resource: IngressClass) => resource.getCtrlKind(),
+        }}
+        searchFilters={[
+          (resource: IngressClass) => resource.getSearchFields(),
+          (resource: IngressClass) => resource.getController(),
+          (resource: IngressClass) => resource.getCtrlApiGroup(),
+          (resource: IngressClass) => resource.getCtrlScope(),
+          (resource: IngressClass) => resource.getCtrlKind(),
+        ]}
+        renderHeaderTitle="Ingress Classes"
+        renderTableHeader={[
+          { title: "Name", className: styles.name, sortBy: columnId.name, id: columnId.name },
+          {
+            title: "Namespace",
+            className: styles.namespace,
+            sortBy: columnId.namespace,
+            id: columnId.namespace,
+          },
+          {
+            title: "Controller",
+            className: styles.controller,
+            sortBy: columnId.controller,
+            id: columnId.controller,
+          },
+          {
+            title: "API Group",
+            className: styles.apiGroup,
+            sortBy: columnId.apiGroup,
+            id: columnId.apiGroup,
+          },
+          { title: "Scope", className: styles.scope, sortBy: columnId.scope, id: columnId.scope },
+          { title: "Kind", className: styles.kind, sortBy: columnId.kind, id: columnId.kind },
+        ]}
+        renderTableContents={(ingressClass: IngressClass) => [
+          <div key={ingressClass.getId()} className={cssNames(styles.name)}>
+            {ingressClass.getName()}
+            {" "}
+            {ingressClass.isDefault && (
+              <Icon
+                small
+                material="star"
+                tooltip="Is default class for ingresses (when not specified)"
+                className={styles.set_default_icon}
+              />
+            )}
+          </div>,
+          ingressClass.getCtrlNs(),
+          ingressClass.getController(),
+          ingressClass.getCtrlApiGroup(),
+          ingressClass.getCtrlScope(),
+          ingressClass.getCtrlKind(),
+        ]}
+      />
+    </SiblingsInTabLayout>
+  );
+});
+
+export const IngressClasses = withInjectables<Dependencies>(NonInjectedIngressClasses, {
+  getProps: (di, props) => ({
+    ...props,
+    store: di.inject(ingressClassStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-details.scss b/packages/core/src/renderer/components/+network-ingresses/ingress-details.scss
new file mode 100644
index 0000000000..b91a2acd40
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-details.scss
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.IngressDetails {
+  --titles-color: var(--textColorSecondary);
+
+  .rules {
+    margin-bottom: $margin * 2
+  }
+
+  .host-title {
+    color: var(--titles-color);
+    font-weight: bold;
+    margin-top: $margin * 2;
+    margin-bottom: $margin;
+  }
+
+  .Table {
+    margin-left: -$margin;
+    margin-right: -$margin;
+
+    .TableHead {
+      color: var(--titles-color);
+    }
+
+    .path {
+      &:empty:after {
+        content: '\2014';
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-details.tsx b/packages/core/src/renderer/components/+network-ingresses/ingress-details.tsx
new file mode 100644
index 0000000000..d49d1e49a5
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-details.tsx
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./ingress-details.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import type { ILoadBalancerIngress } from "../../../common/k8s-api/endpoints";
+import { Ingress } from "../../../common/k8s-api/endpoints";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { computeRuleDeclarations } from "../../../common/k8s-api/endpoints/ingress.api";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface IngressDetailsProps extends KubeObjectDetailsProps<Ingress> {
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedIngressDetails extends React.Component<IngressDetailsProps & Dependencies> {
+  renderPaths(ingress: Ingress) {
+    return ingress.getRules()
+      .map((rule, index) => (
+        <div className="rules" key={index}>
+          {rule.host && (
+            <div className="host-title">
+              {`Host: ${rule.host}`}
+            </div>
+          )}
+          {rule.http && (
+            <Table className="paths">
+              <TableHead>
+                <TableCell className="path">Path</TableCell>
+                <TableCell className="link">Link</TableCell>
+                <TableCell className="backends">Backends</TableCell>
+              </TableHead>
+              {
+                computeRuleDeclarations(ingress, rule)
+                  .map(({ displayAsLink, service, url, pathname }) => (
+                    <TableRow key={index}>
+                      <TableCell className="path">{pathname}</TableCell>
+                      <TableCell className="link">
+                        {
+                          displayAsLink
+                            ? (
+                              <a
+                                href={url}
+                                rel="noreferrer"
+                                target="_blank"
+                              >
+                                {url}
+                              </a>
+                            )
+                            : url
+                        }
+                      </TableCell>
+                      <TableCell className="backends">{service}</TableCell>
+                    </TableRow>
+                  ))
+              }
+            </Table>
+          )}
+        </div>
+      ));
+  }
+
+  renderIngressPoints(ingressPoints: ILoadBalancerIngress[]) {
+    if (!ingressPoints || ingressPoints.length === 0) return null;
+
+    return (
+      <div>
+        <Table className="ingress-points">
+          <TableHead>
+            <TableCell className="name">Hostname</TableCell>
+            <TableCell className="ingresspoints">IP</TableCell>
+          </TableHead>
+          {
+            ingressPoints.map(({ hostname, ip }, index) => (
+              <TableRow key={index}>
+                <TableCell className="name">{hostname ? hostname : "-"}</TableCell>
+                <TableCell className="ingresspoints">{ip ? ip : "-"}</TableCell>
+              </TableRow>
+            ))
+          }
+        </Table>
+      </div>
+    );
+  }
+
+  render() {
+    const { object: ingress, logger } = this.props;
+
+    if (!ingress) {
+      return null;
+    }
+
+    if (!(ingress instanceof Ingress)) {
+      logger.error("[IngressDetails]: passed object that is not an instanceof Ingress", ingress);
+
+      return null;
+    }
+
+    const port = ingress.getServiceNamePort();
+
+    return (
+      <div className="IngressDetails">
+        <DrawerItem name="Ports">
+          {ingress.getPorts()}
+        </DrawerItem>
+        {ingress.spec.tls && (
+          <DrawerItem name="TLS">
+            {ingress.spec.tls.map((tls, index) => <p key={index}>{tls.secretName}</p>)}
+          </DrawerItem>
+        )}
+        {port && (
+          <DrawerItem name="Service">
+            {`${port.serviceName}:${port.servicePort}`}
+          </DrawerItem>
+        )}
+        <DrawerTitle>Rules</DrawerTitle>
+        {this.renderPaths(ingress)}
+
+        <DrawerTitle>Load-Balancer Ingress Points</DrawerTitle>
+        {this.renderIngressPoints(ingress.status?.loadBalancer?.ingress ?? [])}
+      </div>
+    );
+  }
+}
+
+export const IngressDetails = withInjectables<Dependencies, IngressDetailsProps>(NonInjectedIngressDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-store.injectable.ts b/packages/core/src/renderer/components/+network-ingresses/ingress-store.injectable.ts
new file mode 100644
index 0000000000..8f5f1e6e39
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import ingressApiInjectable from "../../../common/k8s-api/endpoints/ingress.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { IngressStore } from "./ingress-store";
+
+const ingressStoreInjectable = getInjectable({
+  id: "ingress-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "ingressStore is only available in certain environments");
+
+    const api = di.inject(ingressApiInjectable);
+
+    return new IngressStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default ingressStoreInjectable;
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingress-store.ts b/packages/core/src/renderer/components/+network-ingresses/ingress-store.ts
new file mode 100644
index 0000000000..ef86befb72
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingress-store.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 type { Ingress, IngressApi } from "../../../common/k8s-api/endpoints";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+
+export class IngressStore extends KubeObjectStore<Ingress, IngressApi> {
+}
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingresses-route-component.injectable.ts b/packages/core/src/renderer/components/+network-ingresses/ingresses-route-component.injectable.ts
new file mode 100644
index 0000000000..17a015ad42
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingresses-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 { Ingresses } from "./ingresses";
+import ingressesRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/ingresses/ingresses-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const ingressesRouteComponentInjectable = getInjectable({
+  id: "ingresses-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(ingressesRouteInjectable),
+    Component: Ingresses,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default ingressesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingresses-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+network-ingresses/ingresses-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..146447aaba
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingresses-sidebar-items.injectable.tsx
@@ -0,0 +1,56 @@
+/**
+ * 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 ingressesRouteInjectable
+  from "../../../common/front-end-routing/routes/cluster/network/ingresses/ingresses-route.injectable";
+import type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { networkSidebarItemId } from "../+network/network-sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToIngressesInjectable
+  from "../../../common/front-end-routing/routes/cluster/network/ingresses/navigate-to-ingresses.injectable";
+import ingressClassesesRouteInjectable
+  from "../../../common/front-end-routing/routes/cluster/network/ingress-class/ingress-classeses-route.injectable";
+import navigateToIngressClassesInjectable
+  from "../../../common/front-end-routing/routes/cluster/network/ingress-class/navigate-to-ingress-classes.injectable";
+
+const ingressesSidebarItemsInjectable = getInjectable({
+  id: "ingresses-sidebar-items",
+
+  instantiate: (di): IComputedValue<SidebarItemRegistration[]> => {
+    const ingressRoute = di.inject(ingressesRouteInjectable);
+    const ingressClassRoute = di.inject(ingressClassesesRouteInjectable);
+
+    return computed(() => [
+      {
+        id: "ingresses",
+        parentId: networkSidebarItemId,
+        title: "Ingresses",
+        onClick: di.inject(navigateToIngressesInjectable),
+        isActive: di.inject(routeIsActiveInjectable, ingressRoute),
+        isVisible: ingressRoute.isEnabled,
+        orderNumber: 30,
+      },
+      {
+        id: "ingressclasses",
+        parentId: networkSidebarItemId,
+        title: "Ingress Classes",
+        onClick: di.inject(navigateToIngressClassesInjectable),
+        isActive: di.inject(routeIsActiveInjectable, ingressClassRoute),
+        isVisible: ingressClassRoute.isEnabled,
+        orderNumber: 31,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default ingressesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingresses.scss b/packages/core/src/renderer/components/+network-ingresses/ingresses.scss
new file mode 100644
index 0000000000..fdf0bda6b8
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingresses.scss
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Ingresses {
+  .TableCell {
+    &.checkbox .Checkbox {
+      align-items: flex-start;
+    }
+
+    &.rules {
+      flex-grow: 3.0;
+      overflow-x: scroll;
+      text-overflow: unset;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+
+      .ingressRule {
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .ingressRule + .ingressRule {
+        margin-top: 6px;
+      }
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-ingresses/ingresses.tsx b/packages/core/src/renderer/components/+network-ingresses/ingresses.tsx
new file mode 100644
index 0000000000..e8c8745926
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/ingresses.tsx
@@ -0,0 +1,117 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./ingresses.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import { computeRouteDeclarations } from "../../../common/k8s-api/endpoints";
+import { prevDefault } from "../../utils";
+import type { IngressStore } from "./ingress-store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import ingressStoreInjectable from "./ingress-store.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  loadBalancers ="load-balancers",
+  rules = "rules",
+  age = "age",
+}
+
+interface Dependencies {
+  ingressStore: IngressStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+const NonInjectedIngresses = observer((props: Dependencies) => {
+  const {
+    ingressStore,
+    filterByNamespace,
+  } = props;
+
+  return (
+    <SiblingsInTabLayout>
+      <KubeObjectListLayout
+        isConfigurable
+        tableId="network_ingresses"
+        className="Ingresses"
+        store={ ingressStore }
+        sortingCallbacks={ {
+          [columnId.name]: ingress => ingress.getName(),
+          [columnId.namespace]: ingress => ingress.getNs(),
+          [columnId.age]: ingress => -ingress.getCreationTimestamp(),
+        } }
+        searchFilters={ [
+          ingress => ingress.getSearchFields(),
+          ingress => ingress.getPorts(),
+        ] }
+        renderHeaderTitle="Ingresses"
+        renderTableHeader={ [
+          { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+          { className: "warning", showWithColumn: columnId.name },
+          { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+          { title: "LoadBalancers", className: "loadbalancers", id: columnId.loadBalancers },
+          { title: "Rules", className: "rules", id: columnId.rules },
+          { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+        ] }
+        renderTableContents={ ingress => [
+          ingress.getName(),
+          <KubeObjectStatusIcon key="icon" object={ ingress } />,
+          <a
+            key="namespace"
+            className="filterNamespace"
+            onClick={prevDefault(() => filterByNamespace(ingress.getNs()))}
+          >
+            {ingress.getNs()}
+          </a>,
+          ingress.getLoadBalancers().map(lb => <p key={ lb }>{ lb }</p>),
+          computeRouteDeclarations(ingress).map(decl => (
+            decl.displayAsLink
+              ? (
+                <div key={ decl.url } className="ingressRule">
+                  <a
+                    href={ decl.url }
+                    rel="noreferrer"
+                    target="_blank"
+                    onClick={ e => e.stopPropagation() }
+                  >
+                    { decl.url }
+                  </a>
+                  { ` ⇢ ${decl.service}` }
+                </div>
+              )
+              : (
+                <div key={ decl.url } className="ingressRule">
+                  { `${decl.url} ⇢ ${decl.service}` }
+                </div>
+              )
+          )),
+          <KubeObjectAge key="age" object={ ingress } />,
+        ] }
+        tableProps={ {
+          customRowHeights: (item, lineHeight, paddings) => {
+            const lines = item.getRoutes().length || 1;
+
+            return lines * lineHeight + paddings;
+          },
+        } } />
+    </SiblingsInTabLayout>
+  );
+});
+
+export const Ingresses = withInjectables<Dependencies>(NonInjectedIngresses, {
+  getProps: (di, props) => ({
+    ...props,
+    ingressStore: di.inject(ingressStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-ingresses/metrics-details-component.injectable.tsx b/packages/core/src/renderer/components/+network-ingresses/metrics-details-component.injectable.tsx
new file mode 100644
index 0000000000..62d8569ee5
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/metrics-details-component.injectable.tsx
@@ -0,0 +1,56 @@
+/**
+ * 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 { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { Ingress } from "../../../common/k8s-api/endpoints";
+import type { IngressMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-ingress-metrics.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import { IngressCharts } from "./ingress-charts";
+import ingressMetricsInjectable from "./metrics.injectable";
+
+interface Dependencies {
+  metrics: IAsyncComputed<IngressMetricData>;
+}
+
+const NonInjectedIngressMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<Ingress> & Dependencies) => (
+  <ResourceMetrics
+    tabs={[
+      "Network",
+      "Duration",
+    ]}
+    object={object}
+    metrics={metrics}
+  >
+    <IngressCharts />
+  </ResourceMetrics>
+);
+
+const IngressMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<Ingress>>(NonInjectedIngressMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(ingressMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const ingressMetricsDetailsComponentInjectable = getInjectable({
+  id: "ingress-metrics-details-component",
+  instantiate: (di) => ({
+    Component: IngressMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.Ingress),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default ingressMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+network-ingresses/metrics.injectable.ts b/packages/core/src/renderer/components/+network-ingresses/metrics.injectable.ts
new file mode 100644
index 0000000000..602f5088b4
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-ingresses/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { Ingress } from "../../../common/k8s-api/endpoints";
+import requestIngressMetricsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-ingress-metrics.injectable";
+
+const ingressMetricsInjectable = getInjectable({
+  id: "ingress-metrics",
+  instantiate: (di, ingress) => {
+    const requestIngressMetrics = di.inject(requestIngressMetricsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: async () => {
+        now(60 * 1000); // Update every minute
+
+        return requestIngressMetrics(ingress.getName(), ingress.getNs());
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, ingress: Ingress) => ingress.getId(),
+  }),
+});
+
+export default ingressMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+network-policies/__tests__/network-policy-details.test.tsx b/packages/core/src/renderer/components/+network-policies/__tests__/network-policy-details.test.tsx
new file mode 100644
index 0000000000..e25bebc0c2
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/__tests__/network-policy-details.test.tsx
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { findByTestId, findByText } from "@testing-library/react";
+import { NetworkPolicy } from "../../../../common/k8s-api/endpoints";
+import { NetworkPolicyDetails } from "../network-policy-details";
+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,
+      spec: {} as never,
+      apiVersion: "networking.k8s.io/v1",
+      kind: "NetworkPolicy",
+    });
+    const { container } = render(<NetworkPolicyDetails object={policy} />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("should render egress nodeSelector", async () => {
+    const policy = new NetworkPolicy({
+      metadata: {} as never,
+      spec: {
+        egress: [{
+          to: [{
+            namespaceSelector: {
+              matchLabels: {
+                foo: "bar",
+              },
+            },
+          }],
+        }],
+        podSelector: {},
+      },
+      apiVersion: "networking.k8s.io/v1",
+      kind: "NetworkPolicy",
+    });
+    const { container } = render(<NetworkPolicyDetails object={policy} />);
+
+    expect(await findByTestId(container, "egress-0")).toBeInstanceOf(HTMLElement);
+    expect(await findByText(container, "foo: bar")).toBeInstanceOf(HTMLElement);
+  });
+
+  it("should not crash if egress nodeSelector doesn't have matchLabels", async () => {
+    const policy = new NetworkPolicy({
+      metadata: {} as never,
+      spec: {
+        egress: [{
+          to: [{
+            namespaceSelector: {},
+          }],
+        }],
+        podSelector: {},
+      },
+      apiVersion: "networking.k8s.io/v1",
+      kind: "NetworkPolicy",
+    });
+    const { container } = render(<NetworkPolicyDetails object={policy} />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+});
diff --git a/packages/core/src/renderer/components/+network-policies/index.ts b/packages/core/src/renderer/components/+network-policies/index.ts
new file mode 100644
index 0000000000..2e33a9440b
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/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 "./network-policies";
+export * from "./network-policy-details";
diff --git a/packages/core/src/renderer/components/+network-policies/network-policies-route-component.injectable.ts b/packages/core/src/renderer/components/+network-policies/network-policies-route-component.injectable.ts
new file mode 100644
index 0000000000..94d124d94a
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/network-policies-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 { NetworkPolicies } from "./network-policies";
+import networkPoliciesRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/network-policies/network-policies-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const networkPoliciesRouteComponentInjectable = getInjectable({
+  id: "network-policies-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(networkPoliciesRouteInjectable),
+    Component: NetworkPolicies,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default networkPoliciesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+network-policies/network-policies-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+network-policies/network-policies-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..6c6df9506d
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/network-policies-sidebar-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 networkPoliciesRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/network-policies/network-policies-route.injectable";
+import { networkSidebarItemId } from "../+network/network-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToNetworkPoliciesInjectable from "../../../common/front-end-routing/routes/cluster/network/network-policies/navigate-to-network-policies.injectable";
+
+const networkPoliciesSidebarItemsInjectable = getInjectable({
+  id: "network-policies-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(networkPoliciesRouteInjectable);
+    const navigateToNetworkPolicies = di.inject(navigateToNetworkPoliciesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "network-policies",
+        parentId: networkSidebarItemId,
+        title: "Network Policies",
+        onClick: navigateToNetworkPolicies,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 40,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default networkPoliciesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+network-policies/network-policies.scss b/packages/core/src/renderer/components/+network-policies/network-policies.scss
new file mode 100644
index 0000000000..d9170a4cb4
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/network-policies.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.NetworkPolicies {
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-policies/network-policies.tsx b/packages/core/src/renderer/components/+network-policies/network-policies.tsx
new file mode 100644
index 0000000000..a4aeac21f7
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/network-policies.tsx
@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./network-policies.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { NetworkPolicyStore } from "./store";
+import { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import networkPolicyStoreInjectable from "./store.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  types = "types",
+  age = "age",
+}
+
+interface Dependencies {
+  networkPolicyStore: NetworkPolicyStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedNetworkPolicies extends React.Component<Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="network_policies"
+          className="NetworkPolicies"
+          store={this.props.networkPolicyStore}
+          sortingCallbacks={{
+            [columnId.name]: networkPolicy => networkPolicy.getName(),
+            [columnId.namespace]: networkPolicy => networkPolicy.getNs(),
+            [columnId.age]: networkPolicy => -networkPolicy.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            networkPolicy => networkPolicy.getSearchFields(),
+          ]}
+          renderHeaderTitle="Network Policies"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Policy Types", className: "type", id: columnId.types },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={networkPolicy => [
+            networkPolicy.getName(),
+            <KubeObjectStatusIcon key="icon" object={networkPolicy} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(networkPolicy.getNs()))}
+            >
+              {networkPolicy.getNs()}
+            </a>,
+            networkPolicy.getTypes().join(", "),
+            <KubeObjectAge key="age" object={networkPolicy} />,
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const NetworkPolicies = withInjectables<Dependencies>(NonInjectedNetworkPolicies, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    networkPolicyStore: di.inject(networkPolicyStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-policies/network-policy-details.module.scss b/packages/core/src/renderer/components/+network-policies/network-policy-details.module.scss
new file mode 100644
index 0000000000..b8333c5e45
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/network-policy-details.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.
+ */
+
+.NetworkPolicyDetails {
+  .networkPolicyPeerTitle {
+    text-transform: none
+  }
+
+  .networkPolicyPeer {
+    &:not(:last-of-type) {
+      padding-bottom: 16px;
+    }
+  }
+
+  ul.policySelectorList {
+    list-style: disc;
+  }
+
+  .policySelectorList ul {
+    list-style: circle;
+    list-style-position: inside;
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-policies/network-policy-details.tsx b/packages/core/src/renderer/components/+network-policies/network-policy-details.tsx
new file mode 100644
index 0000000000..08b03e7186
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/network-policy-details.tsx
@@ -0,0 +1,219 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./network-policy-details.module.scss";
+
+import React from "react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import type { IPolicyIpBlock, NetworkPolicyPeer, NetworkPolicyPort } from "../../../common/k8s-api/endpoints/network-policy.api";
+import { NetworkPolicy } from "../../../common/k8s-api/endpoints/network-policy.api";
+import { Badge } from "../badge";
+import { SubTitle } from "../layout/sub-title";
+import { observer } from "mobx-react";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type { Logger } from "../../../common/logger";
+import type { LabelMatchExpression, LabelSelector } from "../../../common/k8s-api/kube-object";
+import { isEmpty } from "lodash";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface NetworkPolicyDetailsProps extends KubeObjectDetailsProps<NetworkPolicy> {
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedNetworkPolicyDetails extends React.Component<NetworkPolicyDetailsProps & Dependencies> {
+  renderIPolicyIpBlock(ipBlock: IPolicyIpBlock | undefined) {
+    if (!ipBlock) {
+      return null;
+    }
+
+    const { cidr, except = [] } = ipBlock;
+
+    if (!cidr) {
+      return null;
+    }
+
+    const items = [`cidr: ${cidr}`];
+
+    if (except.length > 0) {
+      items.push(`except: ${except.join(", ")}`);
+    }
+
+    return (
+      <DrawerItem name="ipBlock">
+        {items.join(", ")}
+      </DrawerItem>
+    );
+  }
+
+  renderMatchLabels(matchLabels: Record<string, string | undefined> | undefined) {
+    if (!matchLabels) {
+      return null;
+    }
+
+    return Object.entries(matchLabels)
+      .map(([key, value]) => (
+        <li key={key}>
+          {`${key}: ${value}`}
+        </li>
+      ));
+  }
+
+  renderMatchExpressions(matchExpressions: LabelMatchExpression[] | undefined) {
+    if (!matchExpressions) {
+      return null;
+    }
+
+    return matchExpressions.map(expr => {
+      switch (expr.operator) {
+        case "DoesNotExist":
+        case "Exists":
+          return (
+            <li key={expr.key}>
+              {`${expr.key} (${expr.operator})`}
+            </li>
+          );
+        case "In":
+        case "NotIn":
+          return (
+            <li key={expr.key}>
+              {`${expr.key} (${expr.operator})`}
+              <ul>
+                {expr.values.map((value, index) => <li key={index}>{value}</li>)}
+              </ul>
+            </li>
+          );
+      }
+    });
+  }
+
+  renderIPolicySelector(name: string, selector: LabelSelector | undefined) {
+    if (!selector) {
+      return null;
+    }
+
+    const { matchLabels, matchExpressions } = selector;
+
+    return (
+      <DrawerItem name={name}>
+        <ul className={styles.policySelectorList}>
+          {this.renderMatchLabels(matchLabels)}
+          {this.renderMatchExpressions(matchExpressions)}
+          {
+            (isEmpty(matchLabels) && isEmpty(matchExpressions)) && (
+              <li>(empty)</li>
+            )
+          }
+        </ul>
+      </DrawerItem>
+    );
+  }
+
+  renderNetworkPolicyPeers(name: string, peers: NetworkPolicyPeer[] | undefined) {
+    if (!peers) {
+      return null;
+    }
+
+    return (
+      <>
+        <SubTitle className={styles.networkPolicyPeerTitle} title={name}/>
+        {
+          peers.map((peer, index) => (
+            <div key={index} className={styles.networkPolicyPeer}>
+              {this.renderIPolicyIpBlock(peer.ipBlock)}
+              {this.renderIPolicySelector("namespaceSelector", peer.namespaceSelector)}
+              {this.renderIPolicySelector("podSelector", peer.podSelector)}
+            </div>
+          ))
+        }
+      </>
+    );
+  }
+
+  renderNetworkPolicyPorts(ports: NetworkPolicyPort[] | undefined) {
+    if (!ports) {
+      return null;
+    }
+
+    return (
+      <DrawerItem name="Ports">
+        <ul>
+          {ports.map(({ protocol = "TCP", port = "<all>", endPort }, index) => (
+            <li key={index}>
+              {protocol}
+              :
+              {port}
+              {typeof endPort === "number" && `:${endPort}`}
+            </li>
+          ))}
+        </ul>
+      </DrawerItem>
+    );
+  }
+
+  render() {
+    const { object: policy } = this.props;
+
+    if (!policy) {
+      return null;
+    }
+
+    if (!(policy instanceof NetworkPolicy)) {
+      this.props.logger.error("[NetworkPolicyDetails]: passed object that is not an instanceof NetworkPolicy", policy);
+
+      return null;
+    }
+
+    const { ingress, egress } = policy.spec;
+    const selector = policy.getMatchLabels();
+
+    return (
+      <div className={styles.NetworkPolicyDetails}>
+        <DrawerItem name="Pod Selector" labelsOnly={selector.length > 0}>
+          {
+            selector.length > 0
+              ? policy.getMatchLabels().map(label => <Badge key={label} label={label}/>)
+              : `(empty) (Allowing the specific traffic to all pods in this namespace)`
+          }
+        </DrawerItem>
+
+        {ingress && (
+          <>
+            <DrawerTitle>Ingress</DrawerTitle>
+            {ingress.map((ingress, i) => (
+              <div key={i} data-testid={`ingress-${i}`}>
+                {this.renderNetworkPolicyPorts(ingress.ports)}
+                {this.renderNetworkPolicyPeers("From", ingress.from)}
+              </div>
+            ))}
+          </>
+        )}
+
+        {egress && (
+          <>
+            <DrawerTitle>Egress</DrawerTitle>
+            {egress.map((egress, i) => (
+              <div key={i} data-testid={`egress-${i}`}>
+                {this.renderNetworkPolicyPorts(egress.ports)}
+                {this.renderNetworkPolicyPeers("To", egress.to)}
+              </div>
+            ))}
+          </>
+        )}
+      </div>
+    );
+  }
+}
+
+export const NetworkPolicyDetails = withInjectables<Dependencies, NetworkPolicyDetailsProps>(NonInjectedNetworkPolicyDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-policies/store.injectable.ts b/packages/core/src/renderer/components/+network-policies/store.injectable.ts
new file mode 100644
index 0000000000..b17c0918d9
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import networkPolicyApiInjectable from "../../../common/k8s-api/endpoints/network-policy.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { NetworkPolicyStore } from "./store";
+
+const networkPolicyStoreInjectable = getInjectable({
+  id: "network-policy-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "networkPolicyStore is only available in certain environments");
+
+    const api = di.inject(networkPolicyApiInjectable);
+
+    return new NetworkPolicyStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default networkPolicyStoreInjectable;
diff --git a/packages/core/src/renderer/components/+network-policies/store.ts b/packages/core/src/renderer/components/+network-policies/store.ts
new file mode 100644
index 0000000000..b5fcf27db9
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-policies/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 { NetworkPolicy, NetworkPolicyApi } from "../../../common/k8s-api/endpoints/network-policy.api";
+
+export class NetworkPolicyStore extends KubeObjectStore<NetworkPolicy, NetworkPolicyApi> {
+}
diff --git a/packages/core/src/renderer/components/+network-port-forwards/index.ts b/packages/core/src/renderer/components/+network-port-forwards/index.ts
new file mode 100644
index 0000000000..a516468ef8
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-port-forwards/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./port-forwards";
diff --git a/packages/core/src/renderer/components/+network-port-forwards/port-forward-details.scss b/packages/core/src/renderer/components/+network-port-forwards/port-forward-details.scss
new file mode 100644
index 0000000000..566be37858
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-port-forwards/port-forward-details.scss
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PortForwardDetails {
+  .SubTitle {
+    text-transform: none
+  }
+
+  .status {
+    @include port-forward-status-colors;
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-port-forwards/port-forward-details.tsx b/packages/core/src/renderer/components/+network-port-forwards/port-forward-details.tsx
new file mode 100644
index 0000000000..ba59ad7c10
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-port-forwards/port-forward-details.tsx
@@ -0,0 +1,124 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./port-forward-details.scss";
+
+import React from "react";
+import { Link } from "react-router-dom";
+import type { PortForwardItem } from "../../port-forward";
+import { portForwardAddress } from "../../port-forward";
+import { Drawer, DrawerItem } from "../drawer";
+import { cssNames } from "../../utils";
+import type { PodApi, ServiceApi } from "../../../common/k8s-api/endpoints";
+import { PortForwardMenu } from "./port-forward-menu";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import serviceApiInjectable from "../../../common/k8s-api/endpoints/service.api.injectable";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+import podApiInjectable from "../../../common/k8s-api/endpoints/pod.api.injectable";
+
+export interface PortForwardDetailsProps {
+  portForward: PortForwardItem;
+  hideDetails(): void;
+}
+
+interface Dependencies {
+  serviceApi: ServiceApi;
+  getDetailsUrl: GetDetailsUrl;
+  podApi: PodApi;
+}
+
+class NonInjectedPortForwardDetails extends React.Component<PortForwardDetailsProps & Dependencies> {
+  renderResourceName() {
+    const {
+      portForward,
+      serviceApi,
+      podApi,
+      getDetailsUrl,
+    } = this.props;
+    const name = portForward.getName();
+    const api = {
+      "service": serviceApi,
+      "pod": podApi,
+    }[portForward.kind];
+
+    if (!api) {
+      return (
+        <span>{name}</span>
+      );
+    }
+
+    return (
+      <Link to={getDetailsUrl(api.formatUrlForNotListing({ name, namespace: portForward.getNs() }))}>
+        {name}
+      </Link>
+    );
+  }
+
+  renderContent() {
+    const { portForward } = this.props;
+
+    if (!portForward) return null;
+
+    return (
+      <div>
+        <DrawerItem name="Resource Name">
+          {this.renderResourceName()}
+        </DrawerItem>
+        <DrawerItem name="Namespace">
+          {portForward.getNs()}
+        </DrawerItem>
+        <DrawerItem name="Kind">
+          {portForward.getKind()}
+        </DrawerItem>
+        <DrawerItem name="Pod Port">
+          {portForward.getPort()}
+        </DrawerItem>
+        <DrawerItem name="Local Port">
+          {portForward.getForwardPort()}
+        </DrawerItem>
+        <DrawerItem name="Protocol">
+          {portForward.getProtocol()}
+        </DrawerItem>
+        <DrawerItem name="Status">
+          <span className={cssNames("status", portForward.getStatus().toLowerCase())}>{portForward.getStatus()}</span>
+        </DrawerItem>
+      </div>
+    );
+  }
+
+  render() {
+    const { hideDetails, portForward } = this.props;
+    const toolbar = (
+      <PortForwardMenu
+        portForward={portForward}
+        toolbar
+        hideDetails={hideDetails}
+      />
+    );
+
+    return (
+      <Drawer
+        className="PortForwardDetails"
+        usePortal={true}
+        open={!!portForward}
+        title={`Port Forward: ${portForwardAddress(portForward)}`}
+        onClose={hideDetails}
+        toolbar={toolbar}
+      >
+        {this.renderContent()}
+      </Drawer>
+    );
+  }
+}
+
+export const PortForwardDetails = withInjectables<Dependencies, PortForwardDetailsProps>(NonInjectedPortForwardDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    serviceApi: di.inject(serviceApiInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    podApi: di.inject(podApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-port-forwards/port-forward-menu.tsx b/packages/core/src/renderer/components/+network-port-forwards/port-forward-menu.tsx
new file mode 100644
index 0000000000..5fe46e1994
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-port-forwards/port-forward-menu.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 React from "react";
+import { autoBind, cssNames } from "../../utils";
+import type { PortForwardItem, PortForwardStore } from "../../port-forward";
+import type { MenuActionsProps } from "../menu/menu-actions";
+import { MenuActions } from "../menu/menu-actions";
+import { MenuItem } from "../menu";
+import { Icon } from "../icon";
+import type { ShowNotification } 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";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+
+export interface PortForwardMenuProps extends MenuActionsProps {
+  portForward: PortForwardItem;
+  hideDetails?(): void;
+}
+
+interface Dependencies {
+  portForwardStore: PortForwardStore;
+  openPortForwardDialog: (item: PortForwardItem) => void;
+  openPortForward: OpenPortForward;
+  showErrorNotification: ShowNotification;
+}
+
+class NonInjectedPortForwardMenu<Props extends PortForwardMenuProps & Dependencies> extends React.Component<Props> {
+  constructor(props: Props) {
+    super(props);
+    autoBind(this);
+  }
+
+  remove() {
+    const { portForward, showErrorNotification } = this.props;
+
+    try {
+      this.portForwardStore.remove(portForward);
+    } catch (error) {
+      showErrorNotification(`Error occurred stopping the port-forward from port ${portForward.forwardPort}. The port-forward may still be active.`);
+    }
+  }
+
+  get portForwardStore() {
+    return this.props.portForwardStore;
+  }
+
+  private startPortForwarding = async () => {
+    const { portForward, showErrorNotification } = this.props;
+
+    const pf = await this.portForwardStore.start(portForward);
+
+    if (pf.status === "Disabled") {
+      const { name, kind, forwardPort } = portForward;
+
+      showErrorNotification(`Error occurred starting port-forward, the local port ${forwardPort} may not be available or the ${kind} ${name} may not be reachable`);
+    }
+  };
+
+  renderStartStopMenuItem() {
+    const { portForward, toolbar } = this.props;
+
+    if (portForward.status === "Active") {
+      return (
+        <MenuItem onClick={() => this.portForwardStore.stop(portForward)}>
+          <Icon
+            material="stop"
+            tooltip="Stop port-forward"
+            interactive={toolbar}
+          />
+          <span className="title">Stop</span>
+        </MenuItem>
+      );
+    }
+
+    return (
+      <MenuItem onClick={this.startPortForwarding}>
+        <Icon
+          material="play_arrow"
+          tooltip="Start port-forward"
+          interactive={toolbar}
+        />
+        <span className="title">Start</span>
+      </MenuItem>
+    );
+  }
+
+  renderContent() {
+    const { portForward, toolbar } = this.props;
+
+    if (!portForward) return null;
+
+    return (
+      <>
+        { portForward.status === "Active" && (
+          <MenuItem onClick={() => this.props.openPortForward(portForward)}>
+            <Icon
+              material="open_in_browser"
+              interactive={toolbar}
+              tooltip="Open in browser"
+            />
+            <span className="title">Open</span>
+          </MenuItem>
+        )}
+        <MenuItem onClick={() => this.props.openPortForwardDialog(portForward)}>
+          <Icon
+            material="edit"
+            tooltip="Change port or protocol"
+            interactive={toolbar}
+          />
+          <span className="title">Edit</span>
+        </MenuItem>
+        {this.renderStartStopMenuItem()}
+      </>
+    );
+  }
+
+  render() {
+    const { className, ...menuProps } = this.props;
+
+    return (
+      <MenuActions
+        id={`menu-actions-for-port-forward-menu-for-${this.props.portForward.getId()}`}
+        {...menuProps}
+        className={cssNames("PortForwardMenu", className)}
+        removeAction={this.remove}
+      >
+        {this.renderContent()}
+      </MenuActions>
+    );
+  }
+}
+
+export const PortForwardMenu = withInjectables<Dependencies, PortForwardMenuProps>(NonInjectedPortForwardMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    portForwardStore: di.inject(portForwardStoreInjectable),
+    openPortForwardDialog: di.inject(portForwardDialogModelInjectable).open,
+    openPortForward: di.inject(openPortForwardInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-port-forwards/port-forwards-route-component.injectable.ts b/packages/core/src/renderer/components/+network-port-forwards/port-forwards-route-component.injectable.ts
new file mode 100644
index 0000000000..01c5b3254f
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-port-forwards/port-forwards-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 { PortForwards } from "./port-forwards";
+import portForwardsRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const portForwardsRouteComponentInjectable = getInjectable({
+  id: "port-forwards-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(portForwardsRouteInjectable),
+    Component: PortForwards,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default portForwardsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+network-port-forwards/port-forwards-route-parameters.injectable.ts b/packages/core/src/renderer/components/+network-port-forwards/port-forwards-route-parameters.injectable.ts
new file mode 100644
index 0000000000..7b56a14ab3
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-port-forwards/port-forwards-route-parameters.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 { computed } from "mobx";
+import routePathParametersInjectable from "../../routes/route-path-parameters.injectable";
+import portForwardsRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.injectable";
+
+const portForwardsRouteParametersInjectable = getInjectable({
+  id: "port-forwards-route-parameters",
+
+  instantiate: (di) => {
+    const route = di.inject(portForwardsRouteInjectable);
+    const pathParameters = di.inject(routePathParametersInjectable, route);
+
+    return {
+      forwardport: computed(() => pathParameters.get().forwardport),
+    };
+  },
+});
+
+export default portForwardsRouteParametersInjectable;
diff --git a/packages/core/src/renderer/components/+network-port-forwards/port-forwards-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+network-port-forwards/port-forwards-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..271a697faf
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-port-forwards/port-forwards-sidebar-items.injectable.tsx
@@ -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 portForwardsRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.injectable";
+import { networkSidebarItemId } from "../+network/network-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToPortForwardsInjectable from "../../../common/front-end-routing/routes/cluster/network/port-forwards/navigate-to-port-forwards.injectable";
+
+const portForwardsSidebarItemsInjectable = getInjectable({
+  id: "port-forwards-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(portForwardsRouteInjectable);
+    const navigateToPortForwards = di.inject(navigateToPortForwardsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "port-forwards",
+        parentId: networkSidebarItemId,
+
+        title: "Port Forwarding",
+        onClick: navigateToPortForwards,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 50,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default portForwardsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+network-port-forwards/port-forwards.scss b/packages/core/src/renderer/components/+network-port-forwards/port-forwards.scss
new file mode 100644
index 0000000000..ede9873736
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-port-forwards/port-forwards.scss
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PortForwards {
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.status {
+      @include port-forward-status-colors;
+      flex: 0.6;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-port-forwards/port-forwards.tsx b/packages/core/src/renderer/components/+network-port-forwards/port-forwards.tsx
new file mode 100644
index 0000000000..8010bf9545
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-port-forwards/port-forwards.tsx
@@ -0,0 +1,179 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./port-forwards.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { ItemListLayout } from "../item-object-list/list-layout";
+import type { PortForwardItem, PortForwardStore } from "../../port-forward";
+import { PortForwardMenu } from "./port-forward-menu";
+import { PortForwardDetails } from "./port-forward-details";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import portForwardStoreInjectable from "../../port-forward/port-forward-store/port-forward-store.injectable";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import type { IComputedValue } from "mobx";
+import { computed, makeObservable } from "mobx";
+import portForwardsRouteParametersInjectable from "./port-forwards-route-parameters.injectable";
+import type { NavigateToPortForwards } from "../../../common/front-end-routing/routes/cluster/network/port-forwards/navigate-to-port-forwards.injectable";
+import navigateToPortForwardsInjectable from "../../../common/front-end-routing/routes/cluster/network/port-forwards/navigate-to-port-forwards.injectable";
+import { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  kind = "kind",
+  port = "port",
+  forwardPort = "forwardPort",
+  protocol = "protocol",
+  status = "status",
+}
+
+interface Dependencies {
+  portForwardStore: PortForwardStore;
+  forwardport: IComputedValue<string>;
+  navigateToPortForwards: NavigateToPortForwards;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedPortForwards extends React.Component<Dependencies> {
+  constructor(props: Dependencies) {
+    super(props);
+
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+
+    disposeOnUnmount(this, [
+      this.props.portForwardStore.watch(),
+    ]);
+  }
+
+  @computed
+  get selectedPortForward() {
+    const forwardport = this.props.forwardport.get();
+
+    if (!forwardport) {
+      return undefined;
+    }
+
+    return this.props.portForwardStore.getById(forwardport);
+  }
+
+  onDetails = (item: PortForwardItem) => {
+    if (item === this.selectedPortForward) {
+      this.hideDetails();
+    } else {
+      this.showDetails(item);
+    }
+  };
+
+  showDetails = (item: PortForwardItem) => {
+    this.props.navigateToPortForwards({
+      forwardport: item.getId(),
+    });
+  };
+
+  hideDetails = () => {
+    this.props.navigateToPortForwards();
+  };
+
+  renderRemoveDialogMessage(selectedItems: PortForwardItem[]) {
+    const forwardPorts = selectedItems.map(item => item.getForwardPort()).join(", ");
+
+    return (
+      <div>
+        <>
+          {"Stop forwarding from "}
+          <b>{forwardPorts}</b>
+          ?
+        </>
+      </div>
+    );
+  }
+
+
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <ItemListLayout
+          isConfigurable
+          tableId="port_forwards"
+          className="PortForwards"
+          store={this.props.portForwardStore}
+          getItems={() => this.props.portForwardStore.items}
+          sortingCallbacks={{
+            [columnId.name]: item => item.getName(),
+            [columnId.namespace]: item => item.getNs(),
+            [columnId.kind]: item => item.getKind(),
+            [columnId.port]: item => item.getPort(),
+            [columnId.forwardPort]: item => item.getForwardPort(),
+            [columnId.protocol]: item => item.getProtocol(),
+            [columnId.status]: item => item.getStatus(),
+          }}
+          searchFilters={[
+            item => item.getSearchFields(),
+          ]}
+          renderHeaderTitle="Port Forwarding"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Kind", className: "kind", sortBy: columnId.kind, id: columnId.kind },
+            { title: "Pod Port", className: "port", sortBy: columnId.port, id: columnId.port },
+            { title: "Local Port", className: "forwardPort", sortBy: columnId.forwardPort, id: columnId.forwardPort },
+            { title: "Protocol", className: "protocol", sortBy: columnId.protocol, id: columnId.protocol },
+            { title: "Status", className: "status", sortBy: columnId.status, id: columnId.status },
+          ]}
+          renderTableContents={item => [
+            item.getName(),
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(item.getNs()))}
+            >
+              {item.getNs()}
+            </a>,
+            item.getKind(),
+            item.getPort(),
+            item.getForwardPort(),
+            item.getProtocol(),
+            { title: item.getStatus(), className: item.getStatus().toLowerCase() },
+          ]}
+          renderItemMenu={pf => (
+            <PortForwardMenu
+              portForward={pf}
+              removeConfirmationMessage={this.renderRemoveDialogMessage([pf])}
+            />
+          )}
+          customizeRemoveDialog={selectedItems => ({
+            message: this.renderRemoveDialogMessage(selectedItems),
+          })}
+          detailsItem={this.selectedPortForward}
+          onDetails={this.onDetails}
+        />
+        {this.selectedPortForward && (
+          <PortForwardDetails
+            portForward={this.selectedPortForward}
+            hideDetails={this.hideDetails}
+          />
+        )}
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const PortForwards = withInjectables<Dependencies>(NonInjectedPortForwards, {
+  getProps: (di) => ({
+    portForwardStore: di.inject(portForwardStoreInjectable),
+    ...di.inject(portForwardsRouteParametersInjectable),
+    navigateToPortForwards: di.inject(navigateToPortForwardsInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+network-services/index.ts b/packages/core/src/renderer/components/+network-services/index.ts
new file mode 100644
index 0000000000..f539eb45e4
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/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 "./services";
+export * from "./service-details";
diff --git a/packages/core/src/renderer/components/+network-services/service-details-endpoint.tsx b/packages/core/src/renderer/components/+network-services/service-details-endpoint.tsx
new file mode 100644
index 0000000000..f7dec5077a
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/service-details-endpoint.tsx
@@ -0,0 +1,73 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observer } from "mobx-react";
+import React from "react";
+import { Table, TableHead, TableCell, TableRow } from "../table";
+import { prevDefault } from "../../utils";
+import type { Logger } from "../../../common/logger";
+import { Endpoints } from "../../../common/k8s-api/endpoints";
+import type { ShowDetails } from "../kube-detail-params/show-details.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+import showDetailsInjectable from "../kube-detail-params/show-details.injectable";
+
+export interface ServiceDetailsEndpointProps {
+  endpoints: Endpoints;
+}
+
+interface Dependencies {
+  logger: Logger;
+  showDetails: ShowDetails;
+}
+
+@observer
+class NonInjectedServiceDetailsEndpoint extends React.Component<ServiceDetailsEndpointProps & Dependencies> {
+  render() {
+    const { endpoints } = this.props;
+
+    if (!endpoints) {
+      return null;
+    }
+
+    if (!(endpoints instanceof Endpoints)) {
+      this.props.logger.error("[ServiceDetailsEndpoint]: passed object that is not an instanceof Endpoints", endpoints);
+
+      return null;
+    }
+
+    return (
+      <div className="EndpointList flex column">
+        <Table
+          selectable
+          virtual={false}
+          scrollable={false}
+          className="box grow"
+        >
+          <TableHead>
+            <TableCell className="name" >Name</TableCell>
+            <TableCell className="endpoints">Endpoints</TableCell>
+          </TableHead>
+          <TableRow
+            key={endpoints.getId()}
+            nowrap
+            onClick={prevDefault(() => this.props.showDetails(endpoints.selfLink, false))}
+          >
+            <TableCell className="name">{endpoints.getName()}</TableCell>
+            <TableCell className="endpoints">{ endpoints.toString()}</TableCell>
+          </TableRow>
+        </Table>
+      </div>
+    );
+  }
+}
+
+export const ServiceDetailsEndpoint = withInjectables<Dependencies, ServiceDetailsEndpointProps>(NonInjectedServiceDetailsEndpoint, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-services/service-details.scss b/packages/core/src/renderer/components/+network-services/service-details.scss
new file mode 100644
index 0000000000..494005116e
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/service-details.scss
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ServicesDetails {
+    .EndpointList{
+        .TableCell {
+          &.endpoints {
+            flex-grow: 3;
+          }
+        }
+      }
+}
diff --git a/packages/core/src/renderer/components/+network-services/service-details.tsx b/packages/core/src/renderer/components/+network-services/service-details.tsx
new file mode 100644
index 0000000000..a9d5e8a93c
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/service-details.tsx
@@ -0,0 +1,162 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./service-details.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { Badge } from "../badge";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { Service } from "../../../common/k8s-api/endpoints";
+import { ServicePortComponent } from "./service-port-component";
+import type { EndpointsStore } from "../+network-endpoints/store";
+import { ServiceDetailsEndpoint } from "./service-details-endpoint";
+import type { PortForwardStore } from "../../port-forward";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import portForwardStoreInjectable from "../../port-forward/port-forward-store/port-forward-store.injectable";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import endpointsStoreInjectable from "../+network-endpoints/store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface ServiceDetailsProps extends KubeObjectDetailsProps<Service> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  portForwardStore: PortForwardStore;
+  endpointsStore: EndpointsStore;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedServiceDetails extends React.Component<ServiceDetailsProps & Dependencies> {
+  componentDidMount() {
+    const {
+      object: service,
+      subscribeStores,
+      endpointsStore,
+      portForwardStore,
+    } = this.props;
+
+    disposeOnUnmount(this, [
+      subscribeStores([
+        endpointsStore,
+      ], {
+        namespaces: [service.getNs()],
+      }),
+      portForwardStore.watch(),
+    ]);
+  }
+
+  render() {
+    const { object: service, endpointsStore } = this.props;
+
+    if (!service) {
+      return null;
+    }
+
+    if (!(service instanceof Service)) {
+      this.props.logger.error("[ServiceDetails]: passed object that is not an instanceof Service", service);
+
+      return null;
+    }
+
+    const { spec } = service;
+    const endpoints = endpointsStore.getByName(service.getName(), service.getNs());
+    const externalIps = service.getExternalIps();
+
+    if (externalIps.length === 0 && spec?.externalName) {
+      externalIps.push(spec.externalName);
+    }
+
+    return (
+      <div className="ServicesDetails">
+        <DrawerItem name="Selector" labelsOnly>
+          {service.getSelector().map(selector => <Badge key={selector} label={selector}/>)}
+        </DrawerItem>
+
+        <DrawerItem name="Type">
+          {spec.type}
+        </DrawerItem>
+
+        <DrawerItem name="Session Affinity">
+          {spec.sessionAffinity}
+        </DrawerItem>
+
+        <DrawerTitle>Connection</DrawerTitle>
+
+        <DrawerItem name="Cluster IP">
+          {spec.clusterIP}
+        </DrawerItem>
+
+        <DrawerItem
+          name="Cluster IPs"
+          hidden={!service.getClusterIps().length}
+          labelsOnly
+        >
+          {
+            service.getClusterIps().map(label => (
+              <Badge key={label} label={label}/>
+            ))
+          }
+        </DrawerItem>
+
+        <DrawerItem name="IP families" hidden={!service.getIpFamilies().length}>
+          {service.getIpFamilies().join(", ")}
+        </DrawerItem>
+
+        <DrawerItem name="IP family policy" hidden={!service.getIpFamilyPolicy()}>
+          {service.getIpFamilyPolicy()}
+        </DrawerItem>
+
+        {externalIps.length > 0 && (
+          <DrawerItem name="External IPs">
+            {externalIps.map(ip => <div key={ip}>{ip}</div>)}
+          </DrawerItem>
+        )}
+
+        <DrawerItem name="Ports">
+          <div>
+            {
+              service.getPorts().map((port) => (
+                <ServicePortComponent
+                  service={service}
+                  port={port}
+                  key={port.toString()}
+                />
+              ))
+            }
+          </div>
+        </DrawerItem>
+
+        {spec.type === "LoadBalancer" && spec.loadBalancerIP && (
+          <DrawerItem name="Load Balancer IP">
+            {spec.loadBalancerIP}
+          </DrawerItem>
+        )}
+
+        {endpoints && (
+          <>
+            <DrawerTitle>Endpoint</DrawerTitle>
+            <ServiceDetailsEndpoint endpoints={endpoints}/>
+          </>
+        )}
+      </div>
+    );
+  }
+}
+
+export const ServiceDetails = withInjectables<Dependencies, ServiceDetailsProps>(NonInjectedServiceDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    portForwardStore: di.inject(portForwardStoreInjectable),
+    endpointsStore: di.inject(endpointsStoreInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-services/service-port-component.scss b/packages/core/src/renderer/components/+network-services/service-port-component.scss
new file mode 100644
index 0000000000..b9edf48557
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/service-port-component.scss
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ServicePortComponent {
+  &.waiting {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  &:not(:last-child) {
+    margin-bottom: $margin;
+  }
+
+  span {
+    cursor: pointer;
+    color: var(--primary);
+    text-decoration: underline;
+    padding-right: 1em;
+  }
+
+  .portInput {
+    display: inline-block !important;
+    width: 70px;
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-services/service-port-component.tsx b/packages/core/src/renderer/components/+network-services/service-port-component.tsx
new file mode 100644
index 0000000000..b81ef1350d
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/service-port-component.tsx
@@ -0,0 +1,215 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./service-port-component.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { Service, ServicePort } from "../../../common/k8s-api/endpoints";
+import { action, makeObservable, observable, reaction } from "mobx";
+import { cssNames } from "../../utils";
+import type { ShowNotification } from "../notifications";
+import { Button } from "../button";
+import type { ForwardedPort, PortForwardStore } 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";
+import portForwardDialogModelInjectable from "../../port-forward/port-forward-dialog-model/port-forward-dialog-model.injectable";
+import type { 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";
+import loggerInjectable from "../../../common/logger.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+
+export interface ServicePortComponentProps {
+  service: Service;
+  port: ServicePort;
+}
+
+interface Dependencies {
+  portForwardStore: PortForwardStore;
+  logger: Logger;
+  openPortForwardDialog: (item: ForwardedPort, options: { openInBrowser: boolean; onClose: () => void }) => void;
+  aboutPortForwarding: () => void;
+  notifyErrorPortForwarding: (message: string) => void;
+  openPortForward: OpenPortForward;
+  showErrorNotification: ShowNotification;
+}
+
+@observer
+class NonInjectedServicePortComponent extends React.Component<ServicePortComponentProps & Dependencies> {
+  @observable waiting = false;
+  @observable forwardPort = 0;
+  @observable isPortForwarded = false;
+  @observable isActive = false;
+
+  constructor(props: ServicePortComponentProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+    this.checkExistingPortForwarding();
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      reaction(() => this.props.service, () => this.checkExistingPortForwarding()),
+    ]);
+  }
+
+  get portForwardStore() {
+    return this.props.portForwardStore;
+  }
+
+  @action
+  async checkExistingPortForwarding() {
+    const { service, port } = this.props;
+    let portForward: ForwardedPort | undefined;
+
+    try {
+      portForward = await this.portForwardStore.getPortForward({
+        kind: "service",
+        name: service.getName(),
+        namespace: service.getNs(),
+        port: port.port,
+        forwardPort: this.forwardPort,
+      });
+    } catch (error) {
+      this.isPortForwarded = false;
+      this.isActive = false;
+
+      return;
+    }
+
+    if (!portForward) {
+      return;
+    }
+
+    this.forwardPort = portForward.forwardPort;
+    this.isPortForwarded = true;
+    this.isActive = portForward.status === "Active";
+  }
+
+  @action
+  async portForward() {
+    const { service, port, openPortForward } = this.props;
+    let portForward: ForwardedPort = {
+      kind: "service",
+      name: service.getName(),
+      namespace: service.getNs(),
+      port: port.port,
+      forwardPort: this.forwardPort,
+      protocol: predictProtocol(port.name),
+      status: "Active",
+    };
+
+    this.waiting = true;
+
+    try {
+      // determine how many port-forwards already exist
+      const { length } = this.portForwardStore.getPortForwards();
+
+      if (!this.isPortForwarded) {
+        portForward = await this.portForwardStore.add(portForward);
+      } else if (!this.isActive) {
+        portForward = await this.portForwardStore.start(portForward);
+      }
+
+      this.forwardPort = portForward.forwardPort;
+
+      if (portForward.status === "Active") {
+        openPortForward(portForward);
+
+        // if this is the first port-forward show the about notification
+        if (!length) {
+          this.props.aboutPortForwarding();
+        }
+      } else {
+        this.props.notifyErrorPortForwarding(`Error occurred starting port-forward, the local port may not be available or the ${portForward.kind} ${portForward.name} may not be reachable`);
+      }
+    } catch (error) {
+      this.props.logger.error("[SERVICE-PORT-COMPONENT]:", error, portForward);
+    } finally {
+      this.checkExistingPortForwarding();
+      this.waiting = false;
+    }
+  }
+
+  @action
+  async stopPortForward() {
+    const { service, port, showErrorNotification } = this.props;
+    const portForward: ForwardedPort = {
+      kind: "service",
+      name: service.getName(),
+      namespace: service.getNs(),
+      port: port.port,
+      forwardPort: this.forwardPort,
+    };
+
+    this.waiting = true;
+
+    try {
+      await this.portForwardStore.remove(portForward);
+    } catch (error) {
+      showErrorNotification(`Error occurred stopping the port-forward from port ${portForward.forwardPort}.`);
+    } finally {
+      this.checkExistingPortForwarding();
+      this.forwardPort = 0;
+      this.waiting = false;
+    }
+  }
+
+  render() {
+    const { port, service } = this.props;
+
+    const portForwardAction = action(async () => {
+      if (this.isPortForwarded) {
+        await this.stopPortForward();
+      } else {
+        const portForward: ForwardedPort = {
+          kind: "service",
+          name: service.getName(),
+          namespace: service.getNs(),
+          port: port.port,
+          forwardPort: this.forwardPort,
+          protocol: predictProtocol(port.name),
+        };
+
+        this.props.openPortForwardDialog(portForward, { openInBrowser: true, onClose: () => this.checkExistingPortForwarding() });
+      }
+    });
+
+    return (
+      <div className={cssNames("ServicePortComponent", { waiting: this.waiting })}>
+        <span title="Open in a browser" onClick={() => this.portForward()}>
+          {port.toString()}
+        </span>
+        <Button primary onClick={portForwardAction}>
+          {" "}
+          {this.isPortForwarded ? (this.isActive ? "Stop/Remove" : "Remove") : "Forward..."}
+          {" "}
+        </Button>
+        {this.waiting && (
+          <Spinner />
+        )}
+      </div>
+    );
+  }
+}
+
+export const ServicePortComponent = withInjectables<Dependencies, ServicePortComponentProps>(NonInjectedServicePortComponent, {
+  getProps: (di, props) => ({
+    ...props,
+    portForwardStore: di.inject(portForwardStoreInjectable),
+    openPortForwardDialog: di.inject(portForwardDialogModelInjectable).open,
+    aboutPortForwarding: di.inject(aboutPortForwardingInjectable),
+    notifyErrorPortForwarding: di.inject(notifyErrorPortForwardingInjectable),
+    openPortForward: di.inject(openPortForwardInjectable),
+    logger: di.inject(loggerInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+network-services/services-route-component.injectable.ts b/packages/core/src/renderer/components/+network-services/services-route-component.injectable.ts
new file mode 100644
index 0000000000..c16b724e0a
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/services-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 { Services } from "./services";
+import servicesRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/services/services-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const servicesRouteComponentInjectable = getInjectable({
+  id: "services-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(servicesRouteInjectable),
+    Component: Services,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default servicesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+network-services/services-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+network-services/services-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..c4e8d93a99
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/services-sidebar-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 servicesRouteInjectable from "../../../common/front-end-routing/routes/cluster/network/services/services-route.injectable";
+import { networkSidebarItemId } from "../+network/network-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToServicesInjectable from "../../../common/front-end-routing/routes/cluster/network/services/navigate-to-services.injectable";
+
+const servicesSidebarItemsInjectable = getInjectable({
+  id: "services-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(servicesRouteInjectable);
+    const navigateToServices = di.inject(navigateToServicesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "services",
+        parentId: networkSidebarItemId,
+        title: "Services",
+        onClick: navigateToServices,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 10,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default servicesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+network-services/services.scss b/packages/core/src/renderer/components/+network-services/services.scss
new file mode 100644
index 0000000000..5136582cf0
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/services.scss
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Services {
+  .TableCell {
+    &.type {
+      flex: 0.6;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.age {
+      flex: 0.4;
+    }
+
+    &.selector {
+      @include table-cell-labels-offsets;
+    }
+
+    &.status {
+      @include service-status-colors;
+      flex: 0.6;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+network-services/services.tsx b/packages/core/src/renderer/components/+network-services/services.tsx
new file mode 100644
index 0000000000..17295b0af8
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/services.tsx
@@ -0,0 +1,122 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./services.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { Badge } from "../badge";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import { prevDefault } from "../../utils";
+import type { ServiceStore } from "./store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import type { Service } from "../../../common/k8s-api/endpoints";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import serviceStoreInjectable from "./store.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  selector = "selector",
+  ports = "port",
+  clusterIp = "cluster-ip",
+  externalIp = "external-ip",
+  age = "age",
+  type = "type",
+  status = "status",
+}
+
+const formatExternalIps = (service: Service) => {
+  const externalIps = service.getExternalIps();
+
+  if (externalIps.length > 0) {
+    return externalIps.join(", ");
+  }
+
+  if (service.spec?.externalName) {
+    return service.spec.externalName;
+  }
+
+  return "-";
+};
+
+interface Dependencies {
+  serviceStore: ServiceStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedServices extends React.Component<Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="network_services"
+          className="Services"
+          store={this.props.serviceStore}
+          sortingCallbacks={{
+            [columnId.name]: service => service.getName(),
+            [columnId.namespace]: service => service.getNs(),
+            [columnId.selector]: service => service.getSelector(),
+            [columnId.ports]: service => (service.spec.ports || []).map(({ port }) => port)[0],
+            [columnId.clusterIp]: service => service.getClusterIp(),
+            [columnId.type]: service => service.getType(),
+            [columnId.age]: service => -service.getCreationTimestamp(),
+            [columnId.status]: service => service.getStatus(),
+          }}
+          searchFilters={[
+            service => service.getSearchFields(),
+            service => service.getSelector().join(" "),
+            service => service.getPorts().join(" "),
+          ]}
+          renderHeaderTitle="Services"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Type", className: "type", sortBy: columnId.type, id: columnId.type },
+            { title: "Cluster IP", className: "clusterIp", sortBy: columnId.clusterIp, id: columnId.clusterIp },
+            { title: "Ports", className: "ports", sortBy: columnId.ports, id: columnId.ports },
+            { title: "External IP", className: "externalIp", id: columnId.externalIp },
+            { title: "Selector", className: "selector", sortBy: columnId.selector, id: columnId.selector },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+            { title: "Status", className: "status", sortBy: columnId.status, id: columnId.status },
+          ]}
+          renderTableContents={service => [
+            service.getName(),
+            <KubeObjectStatusIcon key="icon" object={ service } />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={ prevDefault(() => this.props.filterByNamespace(service.getNs())) }
+            >
+              { service.getNs() }
+            </a>,
+            service.getType(),
+            service.getClusterIp(),
+            service.getPorts().join(", "),
+            formatExternalIps(service),
+            service.getSelector().map(label => <Badge key={ label } label={ label } />),
+            <KubeObjectAge key="age" object={ service } />,
+            { title: service.getStatus(), className: service.getStatus().toLowerCase() },
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const Services = withInjectables<Dependencies>(NonInjectedServices, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    serviceStore: di.inject(serviceStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+network-services/store.injectable.ts b/packages/core/src/renderer/components/+network-services/store.injectable.ts
new file mode 100644
index 0000000000..d705ca0d46
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import serviceApiInjectable from "../../../common/k8s-api/endpoints/service.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { ServiceStore } from "./store";
+
+const serviceStoreInjectable = getInjectable({
+  id: "service-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "serviceStore is only available in certain environments");
+
+    const api = di.inject(serviceApiInjectable);
+
+    return new ServiceStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default serviceStoreInjectable;
diff --git a/packages/core/src/renderer/components/+network-services/store.ts b/packages/core/src/renderer/components/+network-services/store.ts
new file mode 100644
index 0000000000..3e67e8b338
--- /dev/null
+++ b/packages/core/src/renderer/components/+network-services/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 { Service, ServiceApi } from "../../../common/k8s-api/endpoints/service.api";
+
+export class ServiceStore extends KubeObjectStore<Service, ServiceApi> {
+}
diff --git a/packages/core/src/renderer/components/+network/network-mixins.scss b/packages/core/src/renderer/components/+network/network-mixins.scss
new file mode 100644
index 0000000000..e303a4719a
--- /dev/null
+++ b/packages/core/src/renderer/components/+network/network-mixins.scss
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+$service-status-color-list: (
+  active: var(--colorOk),
+  pending: var(--colorWarning)
+);
+
+@mixin service-status-colors {
+  @each $status, $color in $service-status-color-list {
+    &.#{$status} {
+      color: $color;
+    }
+  }
+}
+
+$port-forward-status-color-list: (
+  active: var(--colorOk),
+  disabled: var(--colorSoftError)
+);
+
+@mixin port-forward-status-colors {
+  @each $status, $color in $port-forward-status-color-list {
+    &.#{$status} {
+      color: $color;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+network/network-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+network/network-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..bb6f107d9d
--- /dev/null
+++ b/packages/core/src/renderer/components/+network/network-sidebar-items.injectable.tsx
@@ -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 type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { Icon } from "../icon";
+import React from "react";
+import { noop } from "lodash/fp";
+
+export const networkSidebarItemId = "network";
+
+const networkSidebarItemsInjectable = getInjectable({
+  id: "network-sidebar-items",
+
+  instantiate: () =>
+    computed((): SidebarItemRegistration[] => [
+      {
+        id: networkSidebarItemId,
+        parentId: null,
+        getIcon: () => <Icon material="device_hub" />,
+        title: "Network",
+        onClick: noop,
+        orderNumber: 50,
+      },
+    ]),
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default networkSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+nodes/details-resources.scss b/packages/core/src/renderer/components/+nodes/details-resources.scss
new file mode 100644
index 0000000000..d79cbb4ada
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/details-resources.scss
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.NodeDetailsResources {
+  .Table {
+    margin: 0 (-$margin * 3);
+  }
+
+  .TableCell {
+    &:first-child {
+      margin-left: $margin;
+    }
+
+    &:last-child {
+      margin-right: $margin;
+    }
+
+    &.pods {
+      flex-grow: 0.5;
+    }
+
+    &.memory {
+      flex-grow: 0.5;
+    }
+
+    &.cpu {
+      flex-grow:0.5;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+nodes/details-resources.tsx b/packages/core/src/renderer/components/+nodes/details-resources.tsx
new file mode 100644
index 0000000000..b8cb2663a1
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/details-resources.tsx
@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./details-resources.scss";
+
+import { Table } from "../table/table";
+import { TableHead } from "../table/table-head";
+import { TableRow } from "../table/table-row";
+import React from "react";
+import type { Node } from "../../../common/k8s-api/endpoints";
+import { TableCell } from "../table/table-cell";
+
+export interface NodeDetailsResourcesProps {
+  node: Node;
+  type: "allocatable" | "capacity";
+}
+
+function toMi(resource: string | undefined) {
+  if (resource?.endsWith("Ki")) {
+    return `${(parseInt(resource) / 1024).toFixed(1)}Mi`;
+  }
+
+  return resource;
+}
+
+export function NodeDetailsResources({ type, node: { status = {}}}: NodeDetailsResourcesProps) {
+  const resourceStatus = status[type];
+
+  if (!resourceStatus) {
+    return null;
+  }
+
+  return (
+    <div className="NodeDetailsResources flex column">
+      <Table
+        selectable
+        scrollable={false}
+      >
+        <TableHead sticky={false}>
+          <TableCell className="cpu">CPU</TableCell>
+          <TableCell className="memory">Memory</TableCell>
+          <TableCell className="ephemeral-storage">Ephemeral Storage</TableCell>
+          <TableCell className="hugepages-1Gi">Hugepages-1Gi</TableCell>
+          <TableCell className="hugepages-2Mi">Hugepages-2Mi</TableCell>
+          <TableCell className="pods">Pods</TableCell>
+        </TableHead>
+        <TableRow>
+          <TableCell className="cpu">{resourceStatus.cpu}</TableCell>
+          <TableCell className="memory">{toMi(resourceStatus.memory)}</TableCell>
+          <TableCell
+            className="ephemeral-storage"
+          >
+            {toMi(resourceStatus["ephemeral-storage"])}
+          </TableCell>
+          <TableCell className="hugepages-1Gi">{resourceStatus["hugepages-1Gi"]}</TableCell>
+          <TableCell className="hugepages-2Mi">{resourceStatus["hugepages-2Mi"]}</TableCell>
+          <TableCell className="pods">{resourceStatus.pods}</TableCell>
+        </TableRow>
+      </Table>
+    </div>
+  );
+}
diff --git a/packages/core/src/renderer/components/+nodes/details.scss b/packages/core/src/renderer/components/+nodes/details.scss
new file mode 100644
index 0000000000..b9c9aa4a91
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/details.scss
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.NodeDetails {
+  --status-ready-bg: var(--colorOk);
+  --status-default-bg: var(--colorError);
+
+  .conditions {
+    @include node-status-bgs;
+  }
+}
diff --git a/packages/core/src/renderer/components/+nodes/details.tsx b/packages/core/src/renderer/components/+nodes/details.tsx
new file mode 100644
index 0000000000..622f9f1b69
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/details.tsx
@@ -0,0 +1,164 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./details.scss";
+
+import React from "react";
+import upperFirst from "lodash/upperFirst";
+import kebabCase from "lodash/kebabCase";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { DrawerItem, DrawerItemLabels } from "../drawer";
+import { Badge } from "../badge";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { formatNodeTaint, Node } from "../../../common/k8s-api/endpoints";
+import { PodDetailsList } from "../+workloads-pods/pod-details-list";
+import { NodeDetailsResources } from "./details-resources";
+import { DrawerTitle } from "../drawer/drawer-title";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import type { PodStore } from "../+workloads-pods/store";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import loadPodsFromAllNamespacesInjectable from "../+workloads-pods/load-pods-from-all-namespaces.injectable";
+
+export interface NodeDetailsProps extends KubeObjectDetailsProps<Node> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  podStore: PodStore;
+  logger: Logger;
+  loadPodsFromAllNamespaces: () => void;
+}
+
+@observer
+class NonInjectedNodeDetails extends React.Component<NodeDetailsProps & Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.podStore,
+      ]),
+    ]);
+
+    this.props.loadPodsFromAllNamespaces();
+  }
+
+  render() {
+    const { object: node, podStore, logger } = this.props;
+
+    if (!node) {
+      return null;
+    }
+
+    if (!(node instanceof Node)) {
+      logger.error("[NodeDetails]: passed object that is not an instanceof Node", node);
+
+      return null;
+    }
+
+    const { nodeInfo, addresses } = node.status ?? {};
+    const conditions = node.getActiveConditions();
+    const taints = node.getTaints();
+    const childPods = podStore.getPodsByNode(node.getName());
+
+    return (
+      <div className="NodeDetails">
+        {addresses && (
+          <DrawerItem name="Addresses">
+            {
+              addresses.map(({ type, address }) => (
+                <p key={type}>
+                  {`${type}: ${address}`}
+                </p>
+              ))
+            }
+          </DrawerItem>
+        )}
+        {nodeInfo && (
+          <>
+            <DrawerItem name="OS">
+              {`${nodeInfo.operatingSystem} (${nodeInfo.architecture})`}
+            </DrawerItem>
+            <DrawerItem name="OS Image">
+              {nodeInfo.osImage}
+            </DrawerItem>
+            <DrawerItem name="Kernel version">
+              {nodeInfo.kernelVersion}
+            </DrawerItem>
+            <DrawerItem name="Container runtime">
+              {nodeInfo.containerRuntimeVersion}
+            </DrawerItem>
+            <DrawerItem name="Kubelet version">
+              {nodeInfo.kubeletVersion}
+            </DrawerItem>
+          </>
+        )}
+        <DrawerItemLabels
+          name="Labels"
+          labels={node.getLabels()}
+        />
+        <DrawerItemLabels
+          name="Annotations"
+          labels={node.getAnnotations()}
+        />
+        {taints.length > 0 && (
+          <DrawerItem name="Taints" labelsOnly>
+            {taints.map(taint => <Badge key={taint.key} label={formatNodeTaint(taint)} />)}
+          </DrawerItem>
+        )}
+        {conditions && (
+          <DrawerItem
+            name="Conditions"
+            className="conditions"
+            labelsOnly
+          >
+            {conditions.map(condition => (
+              <Badge
+                key={condition.type}
+                label={condition.type}
+                className={kebabCase(condition.type)}
+                tooltip={{
+                  formatters: {
+                    tableView: true,
+                  },
+                  children: Object.entries(condition)
+                    .map(([key, value]) => (
+                      <div key={key} className="flex gaps align-center">
+                        <div className="name">{upperFirst(key)}</div>
+                        <div className="value">{value}</div>
+                      </div>
+                    )),
+                }}
+              />
+            ))}
+          </DrawerItem>
+        )}
+        <DrawerTitle>Capacity</DrawerTitle>
+        <NodeDetailsResources node={node} type="capacity"/>
+        <DrawerTitle>Allocatable</DrawerTitle>
+        <NodeDetailsResources node={node} type="allocatable"/>
+        <PodDetailsList
+          pods={childPods}
+          owner={node}
+          maxCpu={node.getCpuCapacity()}
+          maxMemory={node.getMemoryCapacity()}
+        />
+      </div>
+    );
+  }
+}
+
+export const NodeDetails = withInjectables<Dependencies, NodeDetailsProps>(NonInjectedNodeDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    podStore: di.inject(podStoreInjectable),
+    logger: di.inject(loggerInjectable),
+    loadPodsFromAllNamespaces: di.inject(loadPodsFromAllNamespacesInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+nodes/metrics-details-component.injectable.tsx b/packages/core/src/renderer/components/+nodes/metrics-details-component.injectable.tsx
new file mode 100644
index 0000000000..9a8d593d74
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/metrics-details-component.injectable.tsx
@@ -0,0 +1,58 @@
+/**
+ * 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 { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { Node } from "../../../common/k8s-api/endpoints";
+import type { ClusterMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-cluster-metrics-by-node-names.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import nodeMetricsInjectable from "./metrics.injectable";
+import { NodeCharts } from "./node-charts";
+
+interface Dependencies {
+  metrics: IAsyncComputed<ClusterMetricData>;
+}
+
+const NonInjectedNodeMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<Node> & Dependencies) => (
+  <ResourceMetrics
+    tabs={[
+      "CPU",
+      "Memory",
+      "Disk",
+      "Pods",
+    ]}
+    object={object}
+    metrics={metrics}
+  >
+    <NodeCharts />
+  </ResourceMetrics>
+);
+
+const NodeMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<Node>>(NonInjectedNodeMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(nodeMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const nodeMetricsDetailsComponentInjectable = getInjectable({
+  id: "node-metrics-details-component",
+  instantiate: (di) => ({
+    Component: NodeMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.Node),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default nodeMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+nodes/metrics.injectable.ts b/packages/core/src/renderer/components/+nodes/metrics.injectable.ts
new file mode 100644
index 0000000000..988ca84e9e
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { Node } from "../../../common/k8s-api/endpoints";
+import requestClusterMetricsByNodeNamesInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-cluster-metrics-by-node-names.injectable";
+
+const nodeMetricsInjectable = getInjectable({
+  id: "node-metrics",
+  instantiate: (di, node) => {
+    const requestClusterMetricsByNodeNames = di.inject(requestClusterMetricsByNodeNamesInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: () => {
+        now(60 * 1000);
+
+        return requestClusterMetricsByNodeNames([node.getName()]);
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, node: Node) => node.getId(),
+  }),
+});
+
+export default nodeMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+nodes/node-charts.tsx b/packages/core/src/renderer/components/+nodes/node-charts.tsx
new file mode 100644
index 0000000000..4468b8400e
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/node-charts.tsx
@@ -0,0 +1,168 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React, { useContext } from "react";
+import type { ChartDataSets } from "../chart";
+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 { observer } from "mobx-react";
+import { mapValues } from "lodash";
+import { type MetricsTab, metricTabOptions } from "../chart/options";
+import type { LensTheme } from "../../themes/lens-theme";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
+
+export interface NodeChartsProps {}
+
+interface Dependencies {
+  activeTheme: IComputedValue<LensTheme>;
+}
+
+const NonInjectedNodeCharts = observer(({
+  activeTheme,
+}: Dependencies & NodeChartsProps) => {
+  const { metrics, tab, object } = useContext(ResourceMetricsContext) ?? {};
+
+  if (!metrics || !object || !tab) return null;
+  if (isMetricsEmpty(metrics)) return <NoMetrics/>;
+
+  const id = object.getId();
+  const { chartCapacityColor } = activeTheme.get().colors;
+  const {
+    memoryUsage,
+    workloadMemoryUsage,
+    memoryRequests,
+    memoryCapacity,
+    memoryAllocatableCapacity,
+    cpuUsage,
+    cpuRequests,
+    cpuCapacity,
+    cpuAllocatableCapacity,
+    podUsage,
+    podCapacity,
+    fsSize,
+    fsUsage,
+  } = mapValues(metrics, metric => normalizeMetrics(metric).data.result[0].values);
+
+  const datasets: Partial<Record<MetricsTab, ChartDataSets[]>> = {
+    CPU: [
+      {
+        id: `${id}-cpuUsage`,
+        label: `Usage`,
+        tooltip: `CPU cores usage`,
+        borderColor: "#3D90CE",
+        data: cpuUsage.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-cpuRequests`,
+        label: `Requests`,
+        tooltip: `CPU requests`,
+        borderColor: "#30b24d",
+        data: cpuRequests.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-cpuAllocatableCapacity`,
+        label: `Allocatable Capacity`,
+        tooltip: `CPU allocatable capacity`,
+        borderColor: "#032b4d",
+        data: cpuAllocatableCapacity.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-cpuCapacity`,
+        label: `Capacity`,
+        tooltip: `CPU capacity`,
+        borderColor: chartCapacityColor,
+        data: cpuCapacity.map(([x, y]) => ({ x, y })),
+      },
+    ],
+    Memory: [
+      {
+        id: `${id}-memoryUsage`,
+        label: `Usage`,
+        tooltip: `Memory usage`,
+        borderColor: "#c93dce",
+        data: memoryUsage.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-workloadMemoryUsage`,
+        label: `Workload Memory Usage`,
+        tooltip: `Workload memory usage`,
+        borderColor: "#9cd3ce",
+        data: workloadMemoryUsage.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: "memoryRequests",
+        label: `Requests`,
+        tooltip: `Memory requests`,
+        borderColor: "#30b24d",
+        data: memoryRequests.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-memoryAllocatableCapacity`,
+        label: `Allocatable Capacity`,
+        tooltip: `Memory allocatable capacity`,
+        borderColor: "#032b4d",
+        data: memoryAllocatableCapacity.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-memoryCapacity`,
+        label: `Capacity`,
+        tooltip: `Memory capacity`,
+        borderColor: chartCapacityColor,
+        data: memoryCapacity.map(([x, y]) => ({ x, y })),
+      },
+    ],
+    Disk: [
+      {
+        id: `${id}-fsUsage`,
+        label: `Usage`,
+        tooltip: `Node filesystem usage in bytes`,
+        borderColor: "#ffc63d",
+        data: fsUsage.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-fsSize`,
+        label: `Size`,
+        tooltip: `Node filesystem size in bytes`,
+        borderColor: chartCapacityColor,
+        data: fsSize.map(([x, y]) => ({ x, y })),
+      },
+    ],
+    Pods: [
+      {
+        id: `${id}-podUsage`,
+        label: `Usage`,
+        tooltip: `Number of running Pods`,
+        borderColor: "#30b24d",
+        data: podUsage.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-podCapacity`,
+        label: `Capacity`,
+        tooltip: `Node Pods capacity`,
+        borderColor: chartCapacityColor,
+        data: podCapacity.map(([x, y]) => ({ x, y })),
+      },
+    ],
+  };
+
+  return (
+    <BarChart
+      name={`${object.getName()}-metric-${tab}`}
+      options={metricTabOptions[tab]}
+      data={{ datasets: datasets[tab] }}
+    />
+  );
+});
+
+export const NodeCharts = withInjectables<Dependencies, NodeChartsProps>(NonInjectedNodeCharts, {
+  getProps: (di, props) => ({
+    ...props,
+    activeTheme: di.inject(activeThemeInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+nodes/nodes-mixins.scss b/packages/core/src/renderer/components/+nodes/nodes-mixins.scss
new file mode 100644
index 0000000000..f7ecdedd72
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/nodes-mixins.scss
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+$node-status-color-list: (
+  out-of-disk: #ce3933,
+  network-unavailable: #812727,
+  memory-pressure: #901995,
+  disk-pressure: #CC8D00,
+  pid-pressure: #068DBF,
+  ready: #4caf50,
+  scheduling-disabled: #ff9800,
+  invalid-license: #ce3933,
+  cordoned: var(--colorWarning)
+);
+
+@mixin node-status-bgs {
+  @each $status, $color in $node-status-color-list {
+    .#{$status} {
+      background: $color;
+      color: white;
+    }
+  }
+}
+
+@mixin node-status-colors {
+  @each $status, $color in $node-status-color-list {
+    &.#{$status} {
+      color: $color;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+nodes/nodes-route-component.injectable.ts b/packages/core/src/renderer/components/+nodes/nodes-route-component.injectable.ts
new file mode 100644
index 0000000000..4db966406d
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/nodes-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 { NodesRoute } from "./route";
+import nodesRouteInjectable from "../../../common/front-end-routing/routes/cluster/nodes/nodes-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const nodesRouteComponentInjectable = getInjectable({
+  id: "nodes-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(nodesRouteInjectable),
+    Component: NodesRoute,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default nodesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+nodes/nodes-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+nodes/nodes-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..580ebd3c90
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/nodes-sidebar-items.injectable.tsx
@@ -0,0 +1,44 @@
+/**
+ * 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 type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { Icon } from "../icon";
+import React from "react";
+
+import nodesRouteInjectable from "../../../common/front-end-routing/routes/cluster/nodes/nodes-route.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToNodesInjectable from "../../../common/front-end-routing/routes/cluster/nodes/navigate-to-nodes.injectable";
+
+const nodesSidebarItemsInjectable = getInjectable({
+  id: "nodes-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(nodesRouteInjectable);
+    const navigateToNodes = di.inject(navigateToNodesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed((): SidebarItemRegistration[] => [
+      {
+        id: "nodes",
+        parentId: null,
+        getIcon: () => <Icon svg="nodes" />,
+        title: "Nodes",
+        onClick: navigateToNodes,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 20,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default nodesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+nodes/nodes.scss b/packages/core/src/renderer/components/+nodes/nodes.scss
new file mode 100644
index 0000000000..74adf66e3d
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/nodes.scss
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "nodes-mixins";
+
+.Nodes {
+  .TableCell {
+    &.name {
+      flex: 2;
+      text-overflow: ellipsis;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.cpu {
+      flex: 1.0;
+      align-self: center;
+
+      .LineProgress {
+        color: var(--blue);
+      }
+    }
+
+    &.memory {
+      flex: 1.0;
+      align-self: center;
+
+      .LineProgress {
+        color: var(--magenta);
+      }
+    }
+
+    &.disk {
+      flex: 1.0;
+      align-self: center;
+
+      .LineProgress {
+        color: var(--golden);
+      }
+    }
+
+    &.taints {
+      flex: 0.6;
+    }
+
+    &.conditions {
+      flex: 1.7;
+
+      .condition {
+        display: inline-block;
+        margin-right: $margin;
+
+        @include node-status-colors;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+nodes/route.tsx b/packages/core/src/renderer/components/+nodes/route.tsx
new file mode 100644
index 0000000000..a868dda39b
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/route.tsx
@@ -0,0 +1,275 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./nodes.scss";
+import React from "react";
+import { observer } from "mobx-react";
+import { cssNames, interval } from "../../utils";
+import { TabLayout } from "../layout/tab-layout-2";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import type { Node } from "../../../common/k8s-api/endpoints/node.api";
+import { formatNodeTaint } from "../../../common/k8s-api/endpoints/node.api";
+import { LineProgress } from "../line-progress";
+import { bytesToUnits } from "../../../common/utils/convertMemory";
+import { Tooltip, TooltipPosition } from "../tooltip";
+import kebabCase from "lodash/kebabCase";
+import upperFirst from "lodash/upperFirst";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { Badge } from "../badge/badge";
+import { makeObservable, observable } from "mobx";
+import { KubeObjectAge } from "../kube-object/age";
+import type { NodeMetricData, RequestAllNodeMetrics } from "../../../common/k8s-api/endpoints/metrics.api/request-metrics-for-all-nodes.injectable";
+import type { NodeStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import nodeStoreInjectable from "./store.injectable";
+import requestAllNodeMetricsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-metrics-for-all-nodes.injectable";
+import eventStoreInjectable from "../+events/store.injectable";
+import type { EventStore } from "../+events/store";
+
+enum columnId {
+  name = "name",
+  cpu = "cpu",
+  memory = "memory",
+  disk = "disk",
+  conditions = "condition",
+  taints = "taints",
+  roles = "roles",
+  age = "age",
+  version = "version",
+  status = "status",
+}
+
+type MetricsTooltipFormatter = (metrics: [number, number]) => string;
+
+interface UsageArgs {
+  node: Node;
+  title: string;
+  metricNames: [keyof NodeMetricData, keyof NodeMetricData];
+  formatters: MetricsTooltipFormatter[];
+}
+
+interface Dependencies {
+  requestAllNodeMetrics: RequestAllNodeMetrics;
+  nodeStore: NodeStore;
+  eventStore: EventStore;
+}
+
+@observer
+class NonInjectedNodesRoute extends React.Component<Dependencies> {
+  @observable metrics: NodeMetricData | null = null;
+
+  private metricsWatcher = interval(30, async () => this.metrics = await this.props.requestAllNodeMetrics());
+
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  async componentDidMount() {
+    this.metricsWatcher.start(true);
+  }
+
+  componentWillUnmount() {
+    this.metricsWatcher.stop();
+  }
+
+  getLastMetricValues(node: Node, metricNames: (keyof NodeMetricData)[]): number[] {
+    if (!this.metrics) {
+      return [];
+    }
+
+    const nodeName = node.getName();
+
+    return metricNames.map(metricName => {
+      try {
+        const metric = this.metrics?.[metricName];
+        const result = metric?.data.result.find(({ metric: { node, instance, kubernetes_node }}) => (
+          nodeName === node
+          || nodeName === instance
+          || nodeName === kubernetes_node
+        ));
+
+        return result ? parseFloat(result.values.slice(-1)[0][1]) : 0;
+      } catch (e) {
+        return 0;
+      }
+    });
+  }
+
+  private renderUsage({ node, title, metricNames, formatters }: UsageArgs) {
+    const metrics = this.getLastMetricValues(node, metricNames);
+
+    if (!metrics || metrics.length < 2) {
+      return <LineProgress value={0}/>;
+    }
+
+    const [usage, capacity] = metrics;
+
+    return (
+      <LineProgress
+        max={capacity}
+        value={usage}
+        tooltip={{
+          preferredPositions: TooltipPosition.BOTTOM,
+          children: `${title}: ${formatters.map(formatter => formatter([usage, capacity])).join(", ")}`,
+        }}
+      />
+    );
+  }
+
+  renderCpuUsage(node: Node) {
+    return this.renderUsage({
+      node,
+      title: "CPU",
+      metricNames: ["cpuUsage", "cpuCapacity"],
+      formatters: [
+        ([usage, capacity]) => `${(usage * 100 / capacity).toFixed(2)}%`,
+        ([, cap]) => `cores: ${cap}`,
+      ],
+    });
+  }
+
+  renderMemoryUsage(node: Node) {
+    return this.renderUsage({
+      node,
+      title: "Memory",
+      metricNames: ["workloadMemoryUsage", "memoryAllocatableCapacity"],
+      formatters: [
+        ([usage, capacity]) => `${(usage * 100 / capacity).toFixed(2)}%`,
+        ([usage]) => bytesToUnits(usage, { precision: 3 }),
+      ],
+    });
+  }
+
+  renderDiskUsage(node: Node) {
+    return this.renderUsage({
+      node,
+      title: "Disk",
+      metricNames: ["fsUsage", "fsSize"],
+      formatters: [
+        ([usage, capacity]) => `${(usage * 100 / capacity).toFixed(2)}%`,
+        ([usage]) => bytesToUnits(usage, { precision: 3 }),
+      ],
+    });
+  }
+
+  renderConditions(node: Node) {
+    if (!node.status?.conditions) {
+      return null;
+    }
+
+    return node.getActiveConditions().map(condition => {
+      const { type } = condition;
+      const tooltipId = `node-${node.getName()}-condition-${type}`;
+
+      return (
+        <div
+          key={type}
+          id={tooltipId}
+          className={cssNames("condition", kebabCase(type))}
+        >
+          {type}
+          <Tooltip targetId={tooltipId} formatters={{ tableView: true }}>
+            {Object.entries(condition).map(([key, value]) => (
+              <div key={key} className="flex gaps align-center">
+                <div className="name">{upperFirst(key)}</div>
+                <div className="value">{value}</div>
+              </div>
+            ),
+            )}
+          </Tooltip>
+        </div>
+      );
+    });
+  }
+
+  render() {
+    const { nodeStore, eventStore } = this.props;
+
+    return (
+      <TabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="nodes"
+          className="Nodes"
+          store={nodeStore}
+          isReady={nodeStore.isLoaded}
+          dependentStores={[eventStore]}
+          isSelectable={false}
+          sortingCallbacks={{
+            [columnId.name]: node => node.getName(),
+            [columnId.cpu]: node => this.getLastMetricValues(node, ["cpuUsage"]),
+            [columnId.memory]: node => this.getLastMetricValues(node, ["memoryUsage"]),
+            [columnId.disk]: node => this.getLastMetricValues(node, ["fsUsage"]),
+            [columnId.conditions]: node => node.getNodeConditionText(),
+            [columnId.taints]: node => node.getTaints().length,
+            [columnId.roles]: node => node.getRoleLabels(),
+            [columnId.age]: node => -node.getCreationTimestamp(),
+            [columnId.version]: node => node.getKubeletVersion(),
+          }}
+          searchFilters={[
+            node => node.getSearchFields(),
+            node => node.getRoleLabels(),
+            node => node.getKubeletVersion(),
+            node => node.getNodeConditionText(),
+          ]}
+          renderHeaderTitle="Nodes"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "CPU", className: "cpu", sortBy: columnId.cpu, id: columnId.cpu },
+            { title: "Memory", className: "memory", sortBy: columnId.memory, id: columnId.memory },
+            { title: "Disk", className: "disk", sortBy: columnId.disk, id: columnId.disk },
+            { title: "Taints", className: "taints", sortBy: columnId.taints, id: columnId.taints },
+            { title: "Roles", className: "roles", sortBy: columnId.roles, id: columnId.roles },
+            { title: "Version", className: "version", sortBy: columnId.version, id: columnId.version },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+            { title: "Conditions", className: "conditions", sortBy: columnId.conditions, id: columnId.conditions },
+          ]}
+          renderTableContents={node => {
+            const tooltipId = `node-taints-${node.getId()}`;
+            const taints = node.getTaints();
+
+            return [
+              <Badge
+                flat
+                key="name"
+                label={node.getName()}
+                tooltip={node.getName()}
+              />,
+              <KubeObjectStatusIcon key="icon" object={node} />,
+              this.renderCpuUsage(node),
+              this.renderMemoryUsage(node),
+              this.renderDiskUsage(node),
+              <>
+                <span id={tooltipId}>{taints.length}</span>
+                <Tooltip
+                  targetId={tooltipId}
+                  tooltipOnParentHover={true}
+                  style={{ whiteSpace: "pre-line" }}
+                >
+                  {taints.map(formatNodeTaint).join("\n")}
+                </Tooltip>
+              </>,
+              node.getRoleLabels(),
+              node.getKubeletVersion(),
+              <KubeObjectAge key="age" object={node} />,
+              this.renderConditions(node),
+            ];
+          }}
+        />
+      </TabLayout>
+    );
+  }
+}
+
+export const NodesRoute = withInjectables<Dependencies>(NonInjectedNodesRoute, {
+  getProps: (di, props) => ({
+    ...props,
+    nodeStore: di.inject(nodeStoreInjectable),
+    eventStore: di.inject(eventStoreInjectable),
+    requestAllNodeMetrics: di.inject(requestAllNodeMetricsInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+nodes/store.injectable.ts b/packages/core/src/renderer/components/+nodes/store.injectable.ts
new file mode 100644
index 0000000000..a397db07e1
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import nodeApiInjectable from "../../../common/k8s-api/endpoints/node.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { NodeStore } from "./store";
+
+const nodeStoreInjectable = getInjectable({
+  id: "node-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "nodeStore is only available in certain environments");
+
+    const api = di.inject(nodeApiInjectable);
+
+    return new NodeStore({
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default nodeStoreInjectable;
diff --git a/packages/core/src/renderer/components/+nodes/store.ts b/packages/core/src/renderer/components/+nodes/store.ts
new file mode 100644
index 0000000000..87fafa9256
--- /dev/null
+++ b/packages/core/src/renderer/components/+nodes/store.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 { sum } from "lodash";
+import { computed, makeObservable } from "mobx";
+
+import type { Node, NodeApi } from "../../../common/k8s-api/endpoints";
+import type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import { autoBind } from "../../utils";
+
+export class NodeStore extends KubeObjectStore<Node, NodeApi> {
+  constructor(dependencies: KubeObjectStoreDependencies, api: NodeApi, opts?: KubeObjectStoreOptions) {
+    super(dependencies, api, opts);
+
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  @computed get masterNodes() {
+    return this.items.filter(node => node.isMasterNode());
+  }
+
+  @computed get workerNodes() {
+    return this.items.filter(node => !node.isMasterNode());
+  }
+
+  getWarningsCount(): number {
+    return sum(this.items.map((node) => node.getWarningConditions().length));
+  }
+}
diff --git a/packages/core/src/renderer/components/+pod-security-policies/index.ts b/packages/core/src/renderer/components/+pod-security-policies/index.ts
new file mode 100644
index 0000000000..1a384b409c
--- /dev/null
+++ b/packages/core/src/renderer/components/+pod-security-policies/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 "./pod-security-policies";
+export * from "./pod-security-policy-details";
diff --git a/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies-route-component.injectable.ts b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies-route-component.injectable.ts
new file mode 100644
index 0000000000..58b607e6d8
--- /dev/null
+++ b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies-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 { PodSecurityPolicies } from "./pod-security-policies";
+import podSecurityPoliciesRouteInjectable from "../../../common/front-end-routing/routes/cluster/user-management/pod-security-policies/pod-security-policies-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const podSecurityPoliciesRouteComponentInjectable = getInjectable({
+  id: "pod-security-policies-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(podSecurityPoliciesRouteInjectable),
+    Component: PodSecurityPolicies,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default podSecurityPoliciesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..711ee8cef4
--- /dev/null
+++ b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies-sidebar-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 podSecurityPoliciesRouteInjectable from "../../../common/front-end-routing/routes/cluster/user-management/pod-security-policies/pod-security-policies-route.injectable";
+import { userManagementSidebarItemId } from "../+user-management/user-management-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToPodSecurityPoliciesInjectable from "../../../common/front-end-routing/routes/cluster/user-management/pod-security-policies/navigate-to-pod-security-policies.injectable";
+
+const podSecurityPoliciesSidebarItemsInjectable = getInjectable({
+  id: "pod-security-policies-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(podSecurityPoliciesRouteInjectable);
+    const navigateToPodSecurityPolicies = di.inject(navigateToPodSecurityPoliciesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "pod-security-policies",
+        parentId: userManagementSidebarItemId,
+        title: "Pod Security Policies",
+        onClick: navigateToPodSecurityPolicies,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 60,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default podSecurityPoliciesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies.scss b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies.scss
new file mode 100644
index 0000000000..1dd1373d27
--- /dev/null
+++ b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodSecurityPolicies {
+  .Table {
+    .TableCell {
+      &.volumes {
+        flex-grow: 2;
+      }
+
+      &.warning {
+        @include table-cell-warning;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies.tsx b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies.tsx
new file mode 100644
index 0000000000..d39a41e360
--- /dev/null
+++ b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policies.tsx
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-security-policies.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { PodSecurityPolicyStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import podSecurityPolicyStoreInjectable from "./store.injectable";
+
+enum columnId {
+  name = "name",
+  volumes = "volumes",
+  privileged = "privileged",
+  age = "age",
+}
+
+interface Dependencies {
+  podSecurityPolicyStore: PodSecurityPolicyStore;
+}
+
+@observer
+class NonInjectedPodSecurityPolicies extends React.Component<Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="access_pod_security_policies"
+          className="PodSecurityPolicies"
+          store={this.props.podSecurityPolicyStore}
+          sortingCallbacks={{
+            [columnId.name]: podSecurityPolicy => podSecurityPolicy.getName(),
+            [columnId.volumes]: podSecurityPolicy => podSecurityPolicy.getVolumes(),
+            [columnId.privileged]: podSecurityPolicy => +podSecurityPolicy.isPrivileged(),
+            [columnId.age]: podSecurityPolicy => -podSecurityPolicy.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            podSecurityPolicy => podSecurityPolicy.getSearchFields(),
+            podSecurityPolicy => podSecurityPolicy.getVolumes(),
+            podSecurityPolicy => Object.values(podSecurityPolicy.getRules()),
+          ]}
+          renderHeaderTitle="Pod Security Policies"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Privileged", className: "privileged", sortBy: columnId.privileged, id: columnId.privileged },
+            { title: "Volumes", className: "volumes", sortBy: columnId.volumes, id: columnId.volumes },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={podSecurityPolicy => [
+            podSecurityPolicy.getName(),
+            <KubeObjectStatusIcon key="icon" object={podSecurityPolicy} />,
+            podSecurityPolicy.isPrivileged() ? "Yes" : "No",
+            podSecurityPolicy.getVolumes().join(", "),
+            <KubeObjectAge key="age" object={podSecurityPolicy} />,
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const PodSecurityPolicies = withInjectables<Dependencies>(NonInjectedPodSecurityPolicies, {
+  getProps: (di, props) => ({
+    ...props,
+    podSecurityPolicyStore: di.inject(podSecurityPolicyStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+pod-security-policies/pod-security-policy-details.scss b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policy-details.scss
new file mode 100644
index 0000000000..8ae40dba2b
--- /dev/null
+++ b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policy-details.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodSecurityPolicyDetails {
+}
diff --git a/packages/core/src/renderer/components/+pod-security-policies/pod-security-policy-details.tsx b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policy-details.tsx
new file mode 100644
index 0000000000..d30ae17898
--- /dev/null
+++ b/packages/core/src/renderer/components/+pod-security-policies/pod-security-policy-details.tsx
@@ -0,0 +1,240 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-security-policy-details.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { PodSecurityPolicy } from "../../../common/k8s-api/endpoints";
+import { Badge } from "../badge";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface PodSecurityPolicyDetailsProps extends KubeObjectDetailsProps<PodSecurityPolicy> {
+}
+
+interface RuleGroup {
+  rule: string;
+  ranges?: {
+    max: number;
+    min: number;
+  }[];
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedPodSecurityPolicyDetails extends React.Component<PodSecurityPolicyDetailsProps & Dependencies> {
+  renderRuleGroup(title: React.ReactNode, group: RuleGroup | undefined) {
+    if (!group) return null;
+    const { rule, ranges } = group;
+
+    return (
+      <>
+        <DrawerTitle>{title}</DrawerTitle>
+        <DrawerItem name="Rule">
+          {rule}
+        </DrawerItem>
+        {ranges && (
+          <DrawerItem name="Ranges (Min-Max)" labelsOnly>
+            {ranges.map(({ min, max }, index) => (
+              <Badge
+                key={index}
+                label={`${min} - ${max}`}
+              />
+            ))}
+          </DrawerItem>
+        )}
+      </>
+    );
+  }
+
+  render() {
+    const { object: psp } = this.props;
+
+    if (!psp) {
+      return null;
+    }
+
+    if (!(psp instanceof PodSecurityPolicy)) {
+      this.props.logger.error("[PodSecurityPolicyDetails]: passed object that is not an instanceof PodSecurityPolicy", psp);
+
+      return null;
+    }
+
+    const {
+      allowedHostPaths, allowedCapabilities, allowedCSIDrivers, allowedFlexVolumes, allowedProcMountTypes,
+      allowedUnsafeSysctls, allowPrivilegeEscalation, defaultAddCapabilities, forbiddenSysctls, fsGroup,
+      hostIPC, hostNetwork, hostPID, hostPorts, privileged, readOnlyRootFilesystem, requiredDropCapabilities,
+      runAsGroup, runAsUser, runtimeClass, seLinux, supplementalGroups, volumes,
+    } = psp.spec;
+
+    return (
+      <div className="PodSecurityPolicyDetails">
+        {allowedCapabilities && (
+          <DrawerItem name="Allowed Capabilities">
+            {allowedCapabilities.join(", ")}
+          </DrawerItem>
+        )}
+
+        {volumes && (
+          <DrawerItem name="Volumes">
+            {volumes.join(", ")}
+          </DrawerItem>
+        )}
+
+        {allowedCSIDrivers && (
+          <DrawerItem name="Allowed CSI Drivers">
+            {allowedCSIDrivers.map(({ name }) => name).join(", ")}
+          </DrawerItem>
+        )}
+
+        {allowedFlexVolumes && (
+          <DrawerItem name="Allowed Flex Volumes">
+            {allowedFlexVolumes.map(({ driver }) => driver).join(", ")}
+          </DrawerItem>
+        )}
+
+        {allowedProcMountTypes && (
+          <DrawerItem name="Allowed Proc Mount Types">
+            {allowedProcMountTypes.join(", ")}
+          </DrawerItem>
+        )}
+
+        {allowedUnsafeSysctls && (
+          <DrawerItem name="Allowed Unsafe Sysctls">
+            {allowedUnsafeSysctls.join(", ")}
+          </DrawerItem>
+        )}
+
+        {forbiddenSysctls && (
+          <DrawerItem name="Forbidden Sysctls">
+            {forbiddenSysctls.join(", ")}
+          </DrawerItem>
+        )}
+
+        <DrawerItem name="Allow Privilege Escalation">
+          {allowPrivilegeEscalation ? "Yes" : "No"}
+        </DrawerItem>
+
+        <DrawerItem name="Privileged">
+          {privileged ? "Yes" : "No"}
+        </DrawerItem>
+
+        <DrawerItem name="Read-only Root Filesystem">
+          {readOnlyRootFilesystem ? "Yes" : "No"}
+        </DrawerItem>
+
+        {defaultAddCapabilities && (
+          <DrawerItem name="Default Add Capabilities">
+            {defaultAddCapabilities.join(", ")}
+          </DrawerItem>
+        )}
+
+        {requiredDropCapabilities && (
+          <DrawerItem name="Required Drop Capabilities">
+            {requiredDropCapabilities.join(", ")}
+          </DrawerItem>
+        )}
+
+        <DrawerItem name="Host IPC">
+          {hostIPC ? "Yes" : "No"}
+        </DrawerItem>
+
+        <DrawerItem name="Host Network">
+          {hostNetwork ? "Yes" : "No"}
+        </DrawerItem>
+
+        <DrawerItem name="Host PID">
+          {hostPID ? "Yes" : "No"}
+        </DrawerItem>
+
+        {hostPorts && (
+          <DrawerItem name="Host Ports (Min-Max)" labelsOnly>
+            {hostPorts.map(({ min, max }, index) => {
+              return <Badge key={index} label={`${min} - ${max}`}/>;
+            })}
+          </DrawerItem>
+        )}
+
+        {allowedHostPaths && (
+          <>
+            <DrawerTitle>Allowed Host Paths</DrawerTitle>
+            <Table>
+              <TableHead>
+                <TableCell>Path Prefix</TableCell>
+                <TableCell>Read-only</TableCell>
+              </TableHead>
+              {
+                allowedHostPaths.map(({ pathPrefix, readOnly }, index) => (
+                  <TableRow key={index}>
+                    <TableCell>{pathPrefix}</TableCell>
+                    <TableCell>{readOnly ? "Yes" : "No"}</TableCell>
+                  </TableRow>
+                ))
+              }
+            </Table>
+          </>
+        )}
+
+        {fsGroup && this.renderRuleGroup("Fs Group", fsGroup)}
+        {runAsGroup && this.renderRuleGroup("Run As Group", runAsGroup)}
+        {runAsUser && this.renderRuleGroup("Run As User", runAsUser)}
+        {supplementalGroups && this.renderRuleGroup("Supplemental Groups", supplementalGroups)}
+
+        {runtimeClass && (
+          <>
+            <DrawerTitle>Runtime Class</DrawerTitle>
+            <DrawerItem name="Allowed Runtime Class Names">
+              {runtimeClass.allowedRuntimeClassNames?.join(", ") || "-"}
+            </DrawerItem>
+            <DrawerItem name="Default Runtime Class Name">
+              {runtimeClass.defaultRuntimeClassName || "-"}
+            </DrawerItem>
+          </>
+        )}
+
+        {seLinux && (
+          <>
+            <DrawerTitle>Se Linux</DrawerTitle>
+            <DrawerItem name="Rule">
+              {seLinux.rule}
+            </DrawerItem>
+            {seLinux.seLinuxOptions && (
+              <>
+                <DrawerItem name="Level">
+                  {seLinux.seLinuxOptions.level}
+                </DrawerItem>
+                <DrawerItem name="Role">
+                  {seLinux.seLinuxOptions.role}
+                </DrawerItem>
+                <DrawerItem name="Type">
+                  {seLinux.seLinuxOptions.type}
+                </DrawerItem>
+                <DrawerItem name="User">
+                  {seLinux.seLinuxOptions.user}
+                </DrawerItem>
+              </>
+            )}
+          </>
+        )}
+
+      </div>
+    );
+  }
+}
+
+export const PodSecurityPolicyDetails = withInjectables<Dependencies, PodSecurityPolicyDetailsProps>(NonInjectedPodSecurityPolicyDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+pod-security-policies/store.injectable.ts b/packages/core/src/renderer/components/+pod-security-policies/store.injectable.ts
new file mode 100644
index 0000000000..2e27ad466a
--- /dev/null
+++ b/packages/core/src/renderer/components/+pod-security-policies/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import podSecurityPolicyApiInjectable from "../../../common/k8s-api/endpoints/pod-security-policy.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { PodSecurityPolicyStore } from "./store";
+
+const podSecurityPolicyStoreInjectable = getInjectable({
+  id: "pod-security-policy-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "podSecurityPolicyStore is only available in certain environments");
+
+    const api = di.inject(podSecurityPolicyApiInjectable);
+
+    return new PodSecurityPolicyStore({
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default podSecurityPolicyStoreInjectable;
diff --git a/packages/core/src/renderer/components/+pod-security-policies/store.ts b/packages/core/src/renderer/components/+pod-security-policies/store.ts
new file mode 100644
index 0000000000..ac9ff49b70
--- /dev/null
+++ b/packages/core/src/renderer/components/+pod-security-policies/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 type { PodSecurityPolicy, PodSecurityPolicyApi } from "../../../common/k8s-api/endpoints";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+
+export class PodSecurityPolicyStore extends KubeObjectStore<PodSecurityPolicy, PodSecurityPolicyApi> {
+}
diff --git a/packages/core/src/renderer/components/+storage-classes/index.ts b/packages/core/src/renderer/components/+storage-classes/index.ts
new file mode 100644
index 0000000000..787cde942d
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-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 "./storage-classes";
+export * from "./storage-class-details";
diff --git a/packages/core/src/renderer/components/+storage-classes/storage-class-details.scss b/packages/core/src/renderer/components/+storage-classes/storage-class-details.scss
new file mode 100644
index 0000000000..7c4d258312
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-classes/storage-class-details.scss
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.StorageClassDetails {
+
+}
diff --git a/packages/core/src/renderer/components/+storage-classes/storage-class-details.tsx b/packages/core/src/renderer/components/+storage-classes/storage-class-details.tsx
new file mode 100644
index 0000000000..14f76cda32
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-classes/storage-class-details.tsx
@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./storage-class-details.scss";
+
+import React from "react";
+import startCase from "lodash/startCase";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { Badge } from "../badge";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { StorageClass } from "../../../common/k8s-api/endpoints";
+import type { StorageClassStore } from "./store";
+import { VolumeDetailsList } from "../+storage-volumes/volume-details-list";
+import type { PersistentVolumeStore } from "../+storage-volumes/store";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import storageClassStoreInjectable from "./store.injectable";
+import persistentVolumeStoreInjectable from "../+storage-volumes/store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface StorageClassDetailsProps extends KubeObjectDetailsProps<StorageClass> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  storageClassStore: StorageClassStore;
+  persistentVolumeStore: PersistentVolumeStore;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedStorageClassDetails extends React.Component<StorageClassDetailsProps & Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.persistentVolumeStore,
+      ]),
+    ]);
+  }
+
+  render() {
+    const { object: storageClass, storageClassStore } = this.props;
+
+    if (!storageClass) {
+      return null;
+    }
+
+    if (!(storageClass instanceof StorageClass)) {
+      this.props.logger.error("[StorageClassDetails]: passed object that is not an instanceof StorageClass", storageClass);
+
+      return null;
+    }
+
+    const persistentVolumes = storageClassStore.getPersistentVolumes(storageClass);
+    const { provisioner, parameters, mountOptions } = storageClass;
+
+    return (
+      <div className="StorageClassDetails">
+        {provisioner && (
+          <DrawerItem name="Provisioner" labelsOnly>
+            <Badge label={provisioner}/>
+          </DrawerItem>
+        )}
+        <DrawerItem name="Volume Binding Mode">
+          {storageClass.getVolumeBindingMode()}
+        </DrawerItem>
+        <DrawerItem name="Reclaim Policy">
+          {storageClass.getReclaimPolicy()}
+        </DrawerItem>
+
+        {mountOptions && (
+          <DrawerItem name="Mount Options">
+            {mountOptions.join(", ")}
+          </DrawerItem>
+        )}
+        {parameters && (
+          <>
+            <DrawerTitle>Parameters</DrawerTitle>
+            {
+              Object.entries(parameters).map(([name, value]) => (
+                <DrawerItem key={name + value} name={startCase(name)}>
+                  {value}
+                </DrawerItem>
+              ))
+            }
+          </>
+        )}
+        <VolumeDetailsList persistentVolumes={persistentVolumes}/>
+      </div>
+    );
+  }
+}
+
+export const StorageClassDetails = withInjectables<Dependencies, StorageClassDetailsProps>(NonInjectedStorageClassDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    storageClassStore: di.inject(storageClassStoreInjectable),
+    persistentVolumeStore: di.inject(persistentVolumeStoreInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+storage-classes/storage-classes-route-component.injectable.ts b/packages/core/src/renderer/components/+storage-classes/storage-classes-route-component.injectable.ts
new file mode 100644
index 0000000000..c935983d78
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-classes/storage-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 { StorageClasses } from "./storage-classes";
+import storageClassesRouteInjectable from "../../../common/front-end-routing/routes/cluster/storage/storage-classes/storage-classes-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const storageClassesRouteComponentInjectable = getInjectable({
+  id: "storage-classes-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(storageClassesRouteInjectable),
+    Component: StorageClasses,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default storageClassesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+storage-classes/storage-classes-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+storage-classes/storage-classes-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..e09d20897e
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-classes/storage-classes-sidebar-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 storageClassesRouteInjectable from "../../../common/front-end-routing/routes/cluster/storage/storage-classes/storage-classes-route.injectable";
+import { storageSidebarItemId } from "../+storage/storage-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToStorageClassesInjectable from "../../../common/front-end-routing/routes/cluster/storage/storage-classes/navigate-to-storage-classes.injectable";
+
+const storageClassesSidebarItemsInjectable = getInjectable({
+  id: "storage-classes-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(storageClassesRouteInjectable);
+    const navigateToStorageClasses = di.inject(navigateToStorageClassesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "storage-classes",
+        parentId: storageSidebarItemId,
+        title: "Storage Classes",
+        onClick: navigateToStorageClasses,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 30,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default storageClassesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+storage-classes/storage-classes.scss b/packages/core/src/renderer/components/+storage-classes/storage-classes.scss
new file mode 100644
index 0000000000..c806b371f9
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-classes/storage-classes.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.StorageClasses {
+  .TableCell {
+    &.is-default {
+      flex: .5;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+storage-classes/storage-classes.tsx b/packages/core/src/renderer/components/+storage-classes/storage-classes.tsx
new file mode 100644
index 0000000000..9e7c6eeafa
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-classes/storage-classes.tsx
@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./storage-classes.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { StorageClassStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import storageClassStoreInjectable from "./store.injectable";
+
+enum columnId {
+  name = "name",
+  age = "age",
+  provisioner = "provision",
+  default = "default",
+  reclaimPolicy = "reclaim",
+}
+
+interface Dependencies {
+  storageClassStore: StorageClassStore;
+}
+
+@observer
+class NonInjectedStorageClasses extends React.Component<Dependencies> {
+  render() {
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="storage_classes"
+          className="StorageClasses"
+          store={this.props.storageClassStore}
+          sortingCallbacks={{
+            [columnId.name]: storageClass => storageClass.getName(),
+            [columnId.age]: storageClass => -storageClass.getCreationTimestamp(),
+            [columnId.provisioner]: storageClass => storageClass.provisioner,
+            [columnId.reclaimPolicy]: storageClass => storageClass.reclaimPolicy,
+          }}
+          searchFilters={[
+            storageClass => storageClass.getSearchFields(),
+            storageClass => storageClass.provisioner,
+          ]}
+          renderHeaderTitle="Storage Classes"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Provisioner", className: "provisioner", sortBy: columnId.provisioner, id: columnId.provisioner },
+            { title: "Reclaim Policy", className: "reclaim-policy", sortBy: columnId.reclaimPolicy, id: columnId.reclaimPolicy },
+            { title: "Default", className: "is-default", id: columnId.default },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={storageClass => [
+            storageClass.getName(),
+            <KubeObjectStatusIcon key="icon" object={storageClass} />,
+            storageClass.provisioner,
+            storageClass.getReclaimPolicy(),
+            storageClass.isDefault() ? "Yes" : null,
+            <KubeObjectAge key="age" object={storageClass} />,
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const StorageClasses = withInjectables<Dependencies>(NonInjectedStorageClasses, {
+  getProps: (di, props) => ({
+    ...props,
+    storageClassStore: di.inject(storageClassStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+storage-classes/store.injectable.ts b/packages/core/src/renderer/components/+storage-classes/store.injectable.ts
new file mode 100644
index 0000000000..0ae16b0a92
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-classes/store.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 assert from "assert";
+import getPersistentVolumesByStorageClassInjectable from "../+storage-volumes/get-persisten-volumes-by-storage-class.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import storageClassApiInjectable from "../../../common/k8s-api/endpoints/storage-class.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { StorageClassStore } from "./store";
+
+const storageClassStoreInjectable = getInjectable({
+  id: "storage-class-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "storageClassStore is only available in certain environments");
+
+    const api = di.inject(storageClassApiInjectable);
+
+    return new StorageClassStore({
+      getPersistentVolumesByStorageClass: di.inject(getPersistentVolumesByStorageClassInjectable),
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default storageClassStoreInjectable;
diff --git a/packages/core/src/renderer/components/+storage-classes/store.ts b/packages/core/src/renderer/components/+storage-classes/store.ts
new file mode 100644
index 0000000000..8c01c145b3
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-classes/store.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 type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import type { StorageClass, StorageClassApi, StorageClassData } from "../../../common/k8s-api/endpoints/storage-class.api";
+import type { GetPersistentVolumesByStorageClass } from "../+storage-volumes/get-persisten-volumes-by-storage-class.injectable";
+
+export interface StorageClassStoreDependencies extends KubeObjectStoreDependencies {
+  getPersistentVolumesByStorageClass: GetPersistentVolumesByStorageClass;
+}
+
+export class StorageClassStore extends KubeObjectStore<StorageClass, StorageClassApi, StorageClassData> {
+  constructor(
+    protected readonly dependencies: StorageClassStoreDependencies,
+    api: StorageClassApi,
+    opts?: KubeObjectStoreOptions,
+  ) {
+    super(dependencies, api, opts);
+  }
+
+  getPersistentVolumes(storageClass: StorageClass) {
+    return this.dependencies.getPersistentVolumesByStorageClass(storageClass);
+  }
+}
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/index.ts b/packages/core/src/renderer/components/+storage-volume-claims/index.ts
new file mode 100644
index 0000000000..6d8b8c02aa
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/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 "./volume-claims";
+export * from "./volume-claim-details";
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/metrics-details-component.injectable.tsx b/packages/core/src/renderer/components/+storage-volume-claims/metrics-details-component.injectable.tsx
new file mode 100644
index 0000000000..b9edddf157
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/metrics-details-component.injectable.tsx
@@ -0,0 +1,55 @@
+/**
+ * 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 { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { PersistentVolumeClaim } from "../../../common/k8s-api/endpoints";
+import type { PersistentVolumeClaimMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-persistent-volume-claim-metrics.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import persistentVolumeClaimMetricsInjectable from "./metrics.injectable";
+import { VolumeClaimDiskChart } from "./volume-claim-disk-chart";
+
+interface Dependencies {
+  metrics: IAsyncComputed<PersistentVolumeClaimMetricData>;
+}
+
+const NonInjectedPersistentVolumeClaimMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<PersistentVolumeClaim> & Dependencies) => (
+  <ResourceMetrics
+    tabs={[
+      "Disk",
+    ]}
+    object={object}
+    metrics={metrics}
+  >
+    <VolumeClaimDiskChart />
+  </ResourceMetrics>
+);
+
+const PersistentVolumeClaimMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<PersistentVolumeClaim>>(NonInjectedPersistentVolumeClaimMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(persistentVolumeClaimMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const persistentVolumeClaimMetricsDetailsComponentInjectable = getInjectable({
+  id: "persistent-volume-claim-metrics-details-component",
+  instantiate: (di) => ({
+    Component: PersistentVolumeClaimMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.VolumeClaim),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default persistentVolumeClaimMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/metrics.injectable.ts b/packages/core/src/renderer/components/+storage-volume-claims/metrics.injectable.ts
new file mode 100644
index 0000000000..a39e13ce00
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { PersistentVolumeClaim } from "../../../common/k8s-api/endpoints";
+import requestPersistentVolumeClaimMetricsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-persistent-volume-claim-metrics.injectable";
+
+const persistentVolumeClaimMetricsInjectable = getInjectable({
+  id: "persistent-volume-claim-metrics",
+  instantiate: (di, persistentVolumeClaim) => {
+    const requestPersistentVolumeClaimMetrics = di.inject(requestPersistentVolumeClaimMetricsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: () => {
+        now(60 * 1000); // update every minute
+
+        return requestPersistentVolumeClaimMetrics(persistentVolumeClaim);
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, persistentVolumeClaim: PersistentVolumeClaim) => persistentVolumeClaim.getId(),
+  }),
+});
+
+export default persistentVolumeClaimMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/persistent-volume-claims-route-component.injectable.ts b/packages/core/src/renderer/components/+storage-volume-claims/persistent-volume-claims-route-component.injectable.ts
new file mode 100644
index 0000000000..2c5cef3fcb
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/persistent-volume-claims-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 { PersistentVolumeClaims } from "./volume-claims";
+import persistentVolumeClaimsRouteInjectable from "../../../common/front-end-routing/routes/cluster/storage/persistent-volume-claims/persistent-volume-claims-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const persistentVolumeClaimsRouteComponentInjectable = getInjectable({
+  id: "persistent-volume-claims-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(persistentVolumeClaimsRouteInjectable),
+    Component: PersistentVolumeClaims,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default persistentVolumeClaimsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/persistent-volume-claims-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+storage-volume-claims/persistent-volume-claims-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..a3b6742347
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/persistent-volume-claims-sidebar-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 persistentVolumeClaimsRouteInjectable from "../../../common/front-end-routing/routes/cluster/storage/persistent-volume-claims/persistent-volume-claims-route.injectable";
+import { storageSidebarItemId } from "../+storage/storage-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToPersistentVolumeClaimsInjectable from "../../../common/front-end-routing/routes/cluster/storage/persistent-volume-claims/navigate-to-persistent-volume-claims.injectable";
+
+const persistentVolumeClaimsSidebarItemsInjectable = getInjectable({
+  id: "persistent-volume-claims-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(persistentVolumeClaimsRouteInjectable);
+    const navigateToPersistentVolumeClaims = di.inject(navigateToPersistentVolumeClaimsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "persistent-volume-claims",
+        parentId: storageSidebarItemId,
+        title: "Persistent Volume Claims",
+        onClick: navigateToPersistentVolumeClaims,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 10,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default persistentVolumeClaimsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/store.injectable.ts b/packages/core/src/renderer/components/+storage-volume-claims/store.injectable.ts
new file mode 100644
index 0000000000..ef9b4629fa
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import persistentVolumeClaimApiInjectable from "../../../common/k8s-api/endpoints/persistent-volume-claim.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { PersistentVolumeClaimStore } from "./store";
+
+const persistentVolumeClaimStoreInjectable = getInjectable({
+  id: "persistent-volume-claim-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "persistentVolumeClaimStore is only available in certain environments");
+
+    const api = di.inject(persistentVolumeClaimApiInjectable);
+
+    return new PersistentVolumeClaimStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default persistentVolumeClaimStoreInjectable;
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/store.ts b/packages/core/src/renderer/components/+storage-volume-claims/store.ts
new file mode 100644
index 0000000000..2063573558
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/store.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 type { PersistentVolumeClaim, PersistentVolumeClaimApi } from "../../../common/k8s-api/endpoints";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+
+export class PersistentVolumeClaimStore extends KubeObjectStore<PersistentVolumeClaim, PersistentVolumeClaimApi> {
+}
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/volume-claim-details.scss b/packages/core/src/renderer/components/+storage-volume-claims/volume-claim-details.scss
new file mode 100644
index 0000000000..01a0639ecb
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/volume-claim-details.scss
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PersistentVolumeClaimDetails {
+  .pods {
+    a {
+      padding-right: $padding;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/volume-claim-details.tsx b/packages/core/src/renderer/components/+storage-volume-claims/volume-claim-details.tsx
new file mode 100644
index 0000000000..954bad9bc5
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/volume-claim-details.tsx
@@ -0,0 +1,114 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./volume-claim-details.scss";
+
+import React, { Fragment } from "react";
+import { observer } from "mobx-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { Badge } from "../badge";
+import { Link } from "react-router-dom";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type { StorageClassApi } from "../../../common/k8s-api/endpoints";
+import { PersistentVolumeClaim } from "../../../common/k8s-api/endpoints";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import type { PodStore } from "../+workloads-pods/store";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import { stopPropagation } from "../../../renderer/utils";
+import storageClassApiInjectable from "../../../common/k8s-api/endpoints/storage-class.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface PersistentVolumeClaimDetailsProps extends KubeObjectDetailsProps<PersistentVolumeClaim> {
+}
+
+interface Dependencies {
+  getDetailsUrl: GetDetailsUrl;
+  podStore: PodStore;
+  storageClassApi: StorageClassApi;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedPersistentVolumeClaimDetails extends React.Component<PersistentVolumeClaimDetailsProps & Dependencies> {
+  render() {
+    const { object: volumeClaim, podStore, getDetailsUrl, storageClassApi, logger } = this.props;
+
+    if (!volumeClaim) {
+      return null;
+    }
+
+    if (!(volumeClaim instanceof PersistentVolumeClaim)) {
+      logger.error("[PersistentVolumeClaimDetails]: passed object that is not an instanceof PersistentVolumeClaim", volumeClaim);
+
+      return null;
+    }
+
+    const { storageClassName, accessModes } = volumeClaim.spec;
+    const pods = volumeClaim.getPods(podStore.items);
+
+    const storageClassDetailsUrl = getDetailsUrl(storageClassApi.formatUrlForNotListing({
+      name: storageClassName,
+    }));
+
+    return (
+      <div className="PersistentVolumeClaimDetails">
+        <DrawerItem name="Access Modes">
+          {accessModes?.join(", ")}
+        </DrawerItem>
+        <DrawerItem name="Storage Class Name">
+          <Link
+            key="link"
+            to={storageClassDetailsUrl}
+            onClick={stopPropagation}
+          >
+            {storageClassName}
+          </Link>
+        </DrawerItem>
+        <DrawerItem name="Storage">
+          {volumeClaim.getStorage()}
+        </DrawerItem>
+        <DrawerItem name="Pods" className="pods">
+          {pods.map(pod => (
+            <Link key={pod.getId()} to={getDetailsUrl(pod.selfLink)}>
+              {pod.getName()}
+            </Link>
+          ))}
+        </DrawerItem>
+        <DrawerItem name="Status">
+          {volumeClaim.getStatus()}
+        </DrawerItem>
+
+        <DrawerTitle>Selector</DrawerTitle>
+
+        <DrawerItem name="Match Labels" labelsOnly>
+          {volumeClaim.getMatchLabels().map(label => <Badge key={label} label={label} />)}
+        </DrawerItem>
+
+        <DrawerItem name="Match Expressions">
+          {volumeClaim.getMatchExpressions().map(({ key, operator, values }, i) => (
+            <Fragment key={i}>
+              <DrawerItem name="Key">{key}</DrawerItem>
+              <DrawerItem name="Operator">{operator}</DrawerItem>
+              <DrawerItem name="Values">{values?.join(", ")}</DrawerItem>
+            </Fragment>
+          ))}
+        </DrawerItem>
+      </div>
+    );
+  }
+}
+
+export const PersistentVolumeClaimDetails = withInjectables<Dependencies, PersistentVolumeClaimDetailsProps>(NonInjectedPersistentVolumeClaimDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    podStore: di.inject(podStoreInjectable),
+    storageClassApi: di.inject(storageClassApiInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/volume-claim-disk-chart.tsx b/packages/core/src/renderer/components/+storage-volume-claims/volume-claim-disk-chart.tsx
new file mode 100644
index 0000000000..6d2f059ddc
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/volume-claim-disk-chart.tsx
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React, { useContext } from "react";
+import { observer } from "mobx-react";
+import type { ChartDataSets } from "../chart";
+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 { LensTheme } from "../../themes/lens-theme";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
+
+export interface VolumeClaimDiskChartProps {}
+
+interface Dependencies {
+  activeTheme: IComputedValue<LensTheme>;
+}
+
+const NonInjectedVolumeClaimDiskChart = observer(({
+  activeTheme,
+}: Dependencies & VolumeClaimDiskChartProps) => {
+  const { metrics, tab, object } = useContext(ResourceMetricsContext) ?? {};
+
+  if (!metrics || !object || !tab) return null;
+  if (isMetricsEmpty(metrics)) return <NoMetrics/>;
+
+  const id = object.getId();
+  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;
+
+  const datasets: ChartDataSets[] = [
+    {
+      id: `${id}-diskUsage`,
+      label: `Usage`,
+      tooltip: `Volume disk usage`,
+      borderColor: "#ffc63d",
+      data: usage.map(([x, y]) => ({ x, y })),
+    },
+    {
+      id: `${id}-diskCapacity`,
+      label: `Capacity`,
+      tooltip: `Volume disk capacity`,
+      borderColor: chartCapacityColor,
+      data: capacity.map(([x, y]) => ({ x, y })),
+    },
+  ];
+
+  return (
+    <BarChart
+      className="VolumeClaimDiskChart flex box grow column"
+      name={`pvc-${object.getName()}-disk`}
+      timeLabelStep={10}
+      options={memoryOptions}
+      data={{ datasets }}
+    />
+  );
+});
+
+export const VolumeClaimDiskChart = withInjectables<Dependencies, VolumeClaimDiskChartProps>(NonInjectedVolumeClaimDiskChart, {
+  getProps: (di, props) => ({
+    ...props,
+    activeTheme: di.inject(activeThemeInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/volume-claims.scss b/packages/core/src/renderer/components/+storage-volume-claims/volume-claims.scss
new file mode 100644
index 0000000000..ac476c595c
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/volume-claims.scss
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../+storage/storage-mixins";
+
+.PersistentVolumeClaims {
+  .TableCell {
+    &.name {
+      flex-grow: 3;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.storage {
+      flex: 0.6;
+    }
+
+    &.storageClass {
+      flex-grow: 1.5;
+    }
+
+    &.pods {
+      flex-grow: 2;
+
+      a {
+        padding-right: $padding;
+      }
+    }
+
+    &.status {
+      @include pvc-status-colors;
+    }
+
+    &.age {
+      flex: 0.4;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+storage-volume-claims/volume-claims.tsx b/packages/core/src/renderer/components/+storage-volume-claims/volume-claims.tsx
new file mode 100644
index 0000000000..31ebee4bc4
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volume-claims/volume-claims.tsx
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./volume-claims.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { Link } from "react-router-dom";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { unitsToBytes } from "../../../common/utils/convertMemory";
+import { prevDefault, stopPropagation } from "../../utils";
+import type { StorageClassApi } from "../../../common/k8s-api/endpoints";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { PersistentVolumeClaimStore } from "./store";
+import type { PodStore } from "../+workloads-pods/store";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+import persistentVolumeClaimStoreInjectable from "./store.injectable";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import storageClassApiInjectable from "../../../common/k8s-api/endpoints/storage-class.api.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  pods = "pods",
+  size = "size",
+  storageClass = "storage-class",
+  status = "status",
+  age = "age",
+}
+
+interface Dependencies {
+  persistentVolumeClaimStore: PersistentVolumeClaimStore;
+  storageClassApi: StorageClassApi;
+  podStore: PodStore;
+  getDetailsUrl: GetDetailsUrl;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedPersistentVolumeClaims extends React.Component<Dependencies> {
+  render() {
+    const {
+      persistentVolumeClaimStore,
+      filterByNamespace,
+      getDetailsUrl,
+      podStore,
+      storageClassApi,
+    } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="storage_volume_claims"
+          className="PersistentVolumeClaims"
+          store={persistentVolumeClaimStore}
+          dependentStores={[podStore]}
+          sortingCallbacks={{
+            [columnId.name]: pvc => pvc.getName(),
+            [columnId.namespace]: pvc => pvc.getNs(),
+            [columnId.pods]: pvc => pvc.getPods(podStore.items).map(pod => pod.getName()),
+            [columnId.status]: pvc => pvc.getStatus(),
+            [columnId.size]: pvc => unitsToBytes(pvc.getStorage()),
+            [columnId.storageClass]: pvc => pvc.spec.storageClassName,
+            [columnId.age]: pvc => -pvc.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            pvc => pvc.getSearchFields(),
+            pvc => pvc.getPods(podStore.items).map(pod => pod.getName()),
+          ]}
+          renderHeaderTitle="Persistent Volume Claims"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Storage class", className: "storageClass", sortBy: columnId.storageClass, id: columnId.storageClass },
+            { title: "Size", className: "size", sortBy: columnId.size, id: columnId.size },
+            { title: "Pods", className: "pods", sortBy: columnId.pods, id: columnId.pods },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+            { title: "Status", className: "status", sortBy: columnId.status, id: columnId.status },
+          ]}
+          renderTableContents={pvc => {
+            const pods = pvc.getPods(podStore.items);
+            const { storageClassName } = pvc.spec;
+            const storageClassDetailsUrl = getDetailsUrl(storageClassApi.formatUrlForNotListing({
+              name: storageClassName,
+            }));
+
+            return [
+              pvc.getName(),
+              <KubeObjectStatusIcon key="icon" object={pvc} />,
+              <a
+                key="namespace"
+                className="filterNamespace"
+                onClick={prevDefault(() => filterByNamespace(pvc.getNs()))}
+              >
+                {pvc.getNs()}
+              </a>,
+              <Link
+                key="link"
+                to={storageClassDetailsUrl}
+                onClick={stopPropagation}
+              >
+                {storageClassName}
+              </Link>,
+              pvc.getStorage(),
+              pods.map(pod => (
+                <Link
+                  key={pod.getId()}
+                  to={getDetailsUrl(pod.selfLink)}
+                  onClick={stopPropagation}
+                >
+                  {pod.getName()}
+                </Link>
+              )),
+              <KubeObjectAge key="age" object={pvc} />,
+              { title: pvc.getStatus(), className: pvc.getStatus().toLowerCase() },
+            ];
+          }}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const PersistentVolumeClaims = withInjectables<Dependencies>(NonInjectedPersistentVolumeClaims, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    persistentVolumeClaimStore: di.inject(persistentVolumeClaimStoreInjectable),
+    podStore: di.inject(podStoreInjectable),
+    storageClassApi: di.inject(storageClassApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+storage-volumes/get-persisten-volumes-by-storage-class.injectable.ts b/packages/core/src/renderer/components/+storage-volumes/get-persisten-volumes-by-storage-class.injectable.ts
new file mode 100644
index 0000000000..5882dfb0c7
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/get-persisten-volumes-by-storage-class.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 type { PersistentVolume, StorageClass } from "../../../common/k8s-api/endpoints";
+import persistentVolumeStoreInjectable from "./store.injectable";
+
+export type GetPersistentVolumesByStorageClass = (obj: StorageClass) => PersistentVolume[];
+
+const getPersistentVolumesByStorageClassInjectable = getInjectable({
+  id: "get-persistent-volumes-by-storage-class",
+  instantiate: (di): GetPersistentVolumesByStorageClass => {
+    const store = di.inject(persistentVolumeStoreInjectable);
+
+    return (obj) => store.getByStorageClass(obj);
+  },
+});
+
+export default getPersistentVolumesByStorageClassInjectable;
diff --git a/packages/core/src/renderer/components/+storage-volumes/index.ts b/packages/core/src/renderer/components/+storage-volumes/index.ts
new file mode 100644
index 0000000000..7ca88aa2c1
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/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 "./volumes";
+export * from "./volume-details";
diff --git a/packages/core/src/renderer/components/+storage-volumes/persistent-volumes-route-component.injectable.ts b/packages/core/src/renderer/components/+storage-volumes/persistent-volumes-route-component.injectable.ts
new file mode 100644
index 0000000000..4ef6443384
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/persistent-volumes-route-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 { PersistentVolumes } from "./volumes";
+
+import persistentVolumesRouteInjectable from "../../../common/front-end-routing/routes/cluster/storage/persistent-volumes/persistent-volumes-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const persistentVolumesRouteComponentInjectable = getInjectable({
+  id: "persistent-volumes-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(persistentVolumesRouteInjectable),
+    Component: PersistentVolumes,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default persistentVolumesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+storage-volumes/persistent-volumes-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+storage-volumes/persistent-volumes-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..950882383d
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/persistent-volumes-sidebar-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 persistentVolumesRouteInjectable from "../../../common/front-end-routing/routes/cluster/storage/persistent-volumes/persistent-volumes-route.injectable";
+import { storageSidebarItemId } from "../+storage/storage-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToPersistentVolumesInjectable from "../../../common/front-end-routing/routes/cluster/storage/persistent-volumes/navigate-to-persistent-volumes.injectable";
+
+const persistentVolumesSidebarItemsInjectable = getInjectable({
+  id: "persistent-volumes-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(persistentVolumesRouteInjectable);
+    const navigateToPersistentVolumes = di.inject(navigateToPersistentVolumesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "persistent-volumes",
+        parentId: storageSidebarItemId,
+        title: "Persistent Volumes",
+        onClick: navigateToPersistentVolumes,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 20,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default persistentVolumesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+storage-volumes/store.injectable.ts b/packages/core/src/renderer/components/+storage-volumes/store.injectable.ts
new file mode 100644
index 0000000000..1432c0ed6c
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import persistentVolumeApiInjectable from "../../../common/k8s-api/endpoints/persistent-volume.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { PersistentVolumeStore } from "./store";
+
+const persistentVolumeStoreInjectable = getInjectable({
+  id: "persistent-volume-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "persistentVolumeStore is only available in certain environments");
+
+    const api = di.inject(persistentVolumeApiInjectable);
+
+    return new PersistentVolumeStore({
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default persistentVolumeStoreInjectable;
diff --git a/packages/core/src/renderer/components/+storage-volumes/store.ts b/packages/core/src/renderer/components/+storage-volumes/store.ts
new file mode 100644
index 0000000000..f09dd17e69
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/store.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 { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import type { PersistentVolume, PersistentVolumeApi } from "../../../common/k8s-api/endpoints/persistent-volume.api";
+import type { StorageClass } from "../../../common/k8s-api/endpoints/storage-class.api";
+
+export class PersistentVolumeStore extends KubeObjectStore<PersistentVolume, PersistentVolumeApi> {
+  getByStorageClass(storageClass: StorageClass): PersistentVolume[] {
+    const storageClassName = storageClass.getName();
+
+    return this.items
+      .filter(volume => volume.getStorageClassName() === storageClassName);
+  }
+}
diff --git a/packages/core/src/renderer/components/+storage-volumes/volume-details-list.scss b/packages/core/src/renderer/components/+storage-volumes/volume-details-list.scss
new file mode 100644
index 0000000000..939432b9d0
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/volume-details-list.scss
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../+storage/storage-mixins";
+
+.VolumeDetailsList {
+  position: relative;
+
+  .Table {
+    margin: 0 (-$margin * 3);
+
+    &.virtual {
+      height: 500px;  // applicable for 100+ items
+    }
+  }
+
+  .TableCell {
+    &:first-child {
+      margin-left: $margin;
+    }
+
+    &:last-child {
+      margin-right: $margin;
+    }
+
+    &.name {
+      flex-grow: 2;
+    }
+
+    &.status {
+      @include pv-status-colors;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+storage-volumes/volume-details-list.tsx b/packages/core/src/renderer/components/+storage-volumes/volume-details-list.tsx
new file mode 100644
index 0000000000..ebc471a933
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/volume-details-list.tsx
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./volume-details-list.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { PersistentVolume } from "../../../common/k8s-api/endpoints/persistent-volume.api";
+import { TableRow } from "../table/table-row";
+import { cssNames, prevDefault } from "../../utils";
+import { TableCell } from "../table/table-cell";
+import { Spinner } from "../spinner/spinner";
+import { DrawerTitle } from "../drawer/drawer-title";
+import { Table } from "../table/table";
+import { TableHead } from "../table/table-head";
+import kebabCase from "lodash/kebabCase";
+import type { PersistentVolumeStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import persistentVolumeStoreInjectable from "./store.injectable";
+import type { ShowDetails } from "../kube-detail-params/show-details.injectable";
+import showDetailsInjectable from "../kube-detail-params/show-details.injectable";
+
+export interface VolumeDetailsListProps {
+  persistentVolumes: PersistentVolume[];
+}
+
+enum sortBy {
+  name = "name",
+  status = "status",
+  capacity = "capacity",
+}
+
+interface Dependencies {
+  persistentVolumeStore: PersistentVolumeStore;
+  showDetails: ShowDetails;
+}
+
+@observer
+class NonInjectedVolumeDetailsList extends React.Component<VolumeDetailsListProps & Dependencies> {
+  private sortingCallbacks = {
+    [sortBy.name]: (volume: PersistentVolume) => volume.getName(),
+    [sortBy.capacity]: (volume: PersistentVolume) => volume.getCapacity(),
+    [sortBy.status]: (volume: PersistentVolume) => volume.getStatus(),
+  };
+
+  getTableRow = (uid: string) => {
+    const { persistentVolumes, showDetails } = this.props;
+    const volume = persistentVolumes.find(volume => volume.getId() === uid);
+
+    if (!volume) {
+      return undefined;
+    }
+
+    return (
+      <TableRow
+        key={volume.getId()}
+        sortItem={volume}
+        nowrap
+        onClick={prevDefault(() => showDetails(volume.selfLink, false))}
+      >
+        <TableCell className="name">{volume.getName()}</TableCell>
+        <TableCell className="capacity">{volume.getCapacity()}</TableCell>
+        <TableCell className={cssNames("status", kebabCase(volume.getStatus()))}>{volume.getStatus()}</TableCell>
+      </TableRow>
+    );
+  };
+
+  render() {
+    const { persistentVolumes, persistentVolumeStore } = this.props;
+    const virtual = persistentVolumes.length > 100;
+
+    if (!persistentVolumes.length) {
+      return !persistentVolumeStore.isLoaded && <Spinner center/>;
+    }
+
+    return (
+      <div className="VolumeDetailsList flex column">
+        <DrawerTitle>Persistent Volumes</DrawerTitle>
+        <Table
+          tableId="storage_volume_details_list"
+          items={persistentVolumes}
+          selectable
+          virtual={virtual}
+          sortable={this.sortingCallbacks}
+          sortByDefault={{ sortBy: sortBy.name, orderBy: "desc" }}
+          sortSyncWithUrl={false}
+          getTableRow={this.getTableRow}
+          className="box grow"
+        >
+          <TableHead>
+            <TableCell className="name" sortBy={sortBy.name}>Name</TableCell>
+            <TableCell className="capacity" sortBy={sortBy.capacity}>Capacity</TableCell>
+            <TableCell className="status" sortBy={sortBy.status}>Status</TableCell>
+          </TableHead>
+          {
+            !virtual && persistentVolumes.map(volume => this.getTableRow(volume.getId()))
+          }
+        </Table>
+      </div>
+    );
+  }
+}
+
+export const VolumeDetailsList = withInjectables<Dependencies, VolumeDetailsListProps>(NonInjectedVolumeDetailsList, {
+  getProps: (di, props) => ({
+    ...props,
+    persistentVolumeStore: di.inject(persistentVolumeStoreInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+storage-volumes/volume-details.scss b/packages/core/src/renderer/components/+storage-volumes/volume-details.scss
new file mode 100644
index 0000000000..c637cf0a12
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/volume-details.scss
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PersistentVolumeDetails {
+
+}
diff --git a/packages/core/src/renderer/components/+storage-volumes/volume-details.tsx b/packages/core/src/renderer/components/+storage-volumes/volume-details.tsx
new file mode 100644
index 0000000000..93b3a40195
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/volume-details.tsx
@@ -0,0 +1,152 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import startCase from "lodash/startCase";
+import "./volume-details.scss";
+
+import React from "react";
+import { Link } from "react-router-dom";
+import { observer } from "mobx-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { Badge } from "../badge";
+import type { PersistentVolumeClaimApi, StorageClassApi } from "../../../common/k8s-api/endpoints";
+import { PersistentVolume } from "../../../common/k8s-api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type { Logger } from "../../../common/logger";
+import { stopPropagation } from "../../../renderer/utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+import persistentVolumeClaimApiInjectable from "../../../common/k8s-api/endpoints/persistent-volume-claim.api.injectable";
+import storageClassApiInjectable from "../../../common/k8s-api/endpoints/storage-class.api.injectable";
+
+export interface PersistentVolumeDetailsProps extends KubeObjectDetailsProps<PersistentVolume> {
+}
+
+interface Dependencies {
+  logger: Logger;
+  getDetailsUrl: GetDetailsUrl;
+  storageClassApi: StorageClassApi;
+  persistentVolumeClaimApi: PersistentVolumeClaimApi;
+}
+
+@observer
+class NonInjectedPersistentVolumeDetails extends React.Component<PersistentVolumeDetailsProps & Dependencies> {
+  render() {
+    const {
+      object: volume,
+      storageClassApi,
+      getDetailsUrl,
+      logger,
+      persistentVolumeClaimApi,
+    } = this.props;
+
+    if (!volume) {
+      return null;
+    }
+
+    if (!(volume instanceof PersistentVolume)) {
+      logger.error("[PersistentVolumeDetails]: passed object that is not an instanceof PersistentVolume", volume);
+
+      return null;
+    }
+
+    const { accessModes, capacity, persistentVolumeReclaimPolicy, storageClassName, claimRef, flexVolume, mountOptions, nfs } = volume.spec;
+
+    const storageClassDetailsUrl = getDetailsUrl(storageClassApi.formatUrlForNotListing({
+      name: storageClassName,
+    }));
+
+    return (
+      <div className="PersistentVolumeDetails">
+        <DrawerItem name="Capacity">
+          {capacity?.storage}
+        </DrawerItem>
+
+        {mountOptions && (
+          <DrawerItem name="Mount Options">
+            {mountOptions.join(", ")}
+          </DrawerItem>
+        )}
+
+        <DrawerItem name="Access Modes">
+          {accessModes?.join(", ")}
+        </DrawerItem>
+        <DrawerItem name="Reclaim Policy">
+          {persistentVolumeReclaimPolicy}
+        </DrawerItem>
+        <DrawerItem name="Storage Class Name">
+          <Link
+            key="link"
+            to={storageClassDetailsUrl}
+            onClick={stopPropagation}
+          >
+            {storageClassName}
+          </Link>
+        </DrawerItem>
+        <DrawerItem name="Status" labelsOnly>
+          <Badge label={volume.getStatus()} />
+        </DrawerItem>
+
+        {nfs && (
+          <>
+            <DrawerTitle>Network File System</DrawerTitle>
+            {
+              Object.entries(nfs).map(([name, value]) => (
+                <DrawerItem key={name} name={startCase(name)}>
+                  {value}
+                </DrawerItem>
+              ))
+            }
+          </>
+        )}
+
+        {flexVolume && (
+          <>
+            <DrawerTitle>FlexVolume</DrawerTitle>
+            <DrawerItem name="Driver">
+              {flexVolume.driver}
+            </DrawerItem>
+            {
+              Object.entries(flexVolume.options ?? {}).map(([name, value]) => (
+                <DrawerItem key={name} name={startCase(name)}>
+                  {value}
+                </DrawerItem>
+              ))
+            }
+          </>
+        )}
+
+        {claimRef && (
+          <>
+            <DrawerTitle>Claim</DrawerTitle>
+            <DrawerItem name="Type">
+              {claimRef.kind}
+            </DrawerItem>
+            <DrawerItem name="Name">
+              <Link to={getDetailsUrl(persistentVolumeClaimApi.formatUrlForNotListing(claimRef))}>
+                {claimRef.name}
+              </Link>
+            </DrawerItem>
+            <DrawerItem name="Namespace">
+              {claimRef.namespace}
+            </DrawerItem>
+          </>
+        )}
+      </div>
+    );
+  }
+}
+
+export const PersistentVolumeDetails = withInjectables<Dependencies, PersistentVolumeDetailsProps>(NonInjectedPersistentVolumeDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    persistentVolumeClaimApi: di.inject(persistentVolumeClaimApiInjectable),
+    storageClassApi: di.inject(storageClassApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+storage-volumes/volumes.scss b/packages/core/src/renderer/components/+storage-volumes/volumes.scss
new file mode 100644
index 0000000000..50bb12eb61
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/volumes.scss
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../+storage/storage-mixins";
+
+.PersistentVolumes {
+  .TableCell {
+    &.name {
+      flex-grow: 3;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.storage {
+      flex: 0.6;
+    }
+
+    &.storageClass {
+      flex-grow: 1.5;
+    }
+
+    &.capacity {
+      flex: 0.6;
+    }
+
+    &.claim {
+      flex-grow: 3;
+    }
+
+    &.status {
+      @include pv-status-colors;
+    }
+
+    &.age {
+      flex: 0.4;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+storage-volumes/volumes.tsx b/packages/core/src/renderer/components/+storage-volumes/volumes.tsx
new file mode 100644
index 0000000000..ac3bf08e5a
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage-volumes/volumes.tsx
@@ -0,0 +1,119 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./volumes.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { Link } from "react-router-dom";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { stopPropagation } from "../../utils";
+import type { PersistentVolumeClaimApi, StorageClassApi } from "../../../common/k8s-api/endpoints";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { PersistentVolumeStore } from "./store";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+import persistentVolumeClaimApiInjectable from "../../../common/k8s-api/endpoints/persistent-volume-claim.api.injectable";
+import persistentVolumeStoreInjectable from "./store.injectable";
+import storageClassApiInjectable from "../../../common/k8s-api/endpoints/storage-class.api.injectable";
+
+enum columnId {
+  name = "name",
+  storageClass = "storage-class",
+  capacity = "capacity",
+  claim = "claim",
+  status = "status",
+  age = "age",
+}
+
+interface Dependencies {
+  storageClassApi: StorageClassApi;
+  persistentVolumeStore: PersistentVolumeStore;
+  persistentVolumeClaimApi: PersistentVolumeClaimApi;
+  getDetailsUrl: GetDetailsUrl;
+}
+
+@observer
+class NonInjectedPersistentVolumes extends React.Component<Dependencies> {
+  render() {
+    const {
+      getDetailsUrl,
+      persistentVolumeStore,
+      storageClassApi,
+      persistentVolumeClaimApi,
+    } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="storage_volumes"
+          className="PersistentVolumes"
+          store={persistentVolumeStore}
+          sortingCallbacks={{
+            [columnId.name]: volume => volume.getName(),
+            [columnId.storageClass]: volume => volume.getStorageClass(),
+            [columnId.capacity]: volume => volume.getCapacity(true),
+            [columnId.status]: volume => volume.getStatus(),
+            [columnId.age]: volume => -volume.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            volume => volume.getSearchFields(),
+            volume => volume.getClaimRefName(),
+          ]}
+          renderHeaderTitle="Persistent Volumes"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Storage Class", className: "storageClass", sortBy: columnId.storageClass, id: columnId.storageClass },
+            { title: "Capacity", className: "capacity", sortBy: columnId.capacity, id: columnId.capacity },
+            { title: "Claim", className: "claim", id: columnId.claim },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+            { title: "Status", className: "status", sortBy: columnId.status, id: columnId.status },
+          ]}
+          renderTableContents={volume => {
+            const { claimRef, storageClassName } = volume.spec;
+            const storageClassDetailsUrl = getDetailsUrl(storageClassApi.formatUrlForNotListing({
+              name: storageClassName,
+            }));
+
+            return [
+              volume.getName(),
+              <KubeObjectStatusIcon key="icon" object={volume} />,
+              <Link
+                key="link"
+                to={storageClassDetailsUrl}
+                onClick={stopPropagation}
+              >
+                {storageClassName}
+              </Link>,
+              volume.getCapacity(),
+              claimRef && (
+                <Link to={getDetailsUrl(persistentVolumeClaimApi.formatUrlForNotListing(claimRef))} onClick={stopPropagation}>
+                  {claimRef.name}
+                </Link>
+              ),
+              <KubeObjectAge key="age" object={volume} />,
+              { title: volume.getStatus(), className: volume.getStatus().toLowerCase() },
+            ];
+          }}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const PersistentVolumes = withInjectables<Dependencies>(NonInjectedPersistentVolumes, {
+  getProps: (di, props) => ({
+    ...props,
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    persistentVolumeClaimApi: di.inject(persistentVolumeClaimApiInjectable),
+    persistentVolumeStore: di.inject(persistentVolumeStoreInjectable),
+    storageClassApi: di.inject(storageClassApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+storage/storage-mixins.scss b/packages/core/src/renderer/components/+storage/storage-mixins.scss
new file mode 100644
index 0000000000..fb3ce2c800
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage/storage-mixins.scss
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// PersistentVolumes
+$pv-bound: var(--colorOk);
+$pv-available: var(--colorSuccess);
+$pv-released: var(--colorWarning);
+$pv-failed: var(--colorError);
+
+// PersistentVolumeClaims
+$pvc-bound: var(--colorOk);
+$pvc-pending: var(--colorWarning);
+$pvc-lost: var(--colorError);
+
+// PersistentVolume Statuses
+$pv-status-color-list: (
+  bound: $pv-bound,
+  available: $pv-available,
+  released: $pv-released,
+  failed: $pv-failed
+);
+
+$pvc-status-color-list: (
+  bound: $pvc-bound,
+  pending: $pvc-pending,
+  lost: $pvc-lost
+);
+
+@mixin pv-status-colors {
+  @each $condition, $color in $pv-status-color-list {
+    &.#{$condition} {
+      color: $color;
+    }
+  }
+}
+
+@mixin pvc-status-colors {
+  @each $condition, $color in $pvc-status-color-list {
+    &.#{$condition} {
+      color: $color;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+storage/storage-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+storage/storage-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..fe243ba729
--- /dev/null
+++ b/packages/core/src/renderer/components/+storage/storage-sidebar-items.injectable.tsx
@@ -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 type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { Icon } from "../icon";
+import React from "react";
+import { noop } from "lodash/fp";
+
+export const storageSidebarItemId = "storage";
+
+const storageSidebarItemsInjectable = getInjectable({
+  id: "storage-sidebar-items",
+
+  instantiate: () =>
+    computed((): SidebarItemRegistration[] => [
+      {
+        id: storageSidebarItemId,
+        parentId: null,
+        getIcon: () => <Icon material="storage" />,
+        title: "Storage",
+        onClick: noop,
+        orderNumber: 60,
+      },
+    ]),
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default storageSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/__tests__/dialog.test.tsx b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/__tests__/dialog.test.tsx
new file mode 100644
index 0000000000..36d0cce310
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/__tests__/dialog.test.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 React from "react";
+import { ClusterRoleBindingDialog } from "../dialog/view";
+import { ClusterRole } from "../../../../../common/k8s-api/endpoints";
+import userEvent from "@testing-library/user-event";
+import { getDiForUnitTesting } from "../../../../getDiForUnitTesting";
+import type { DiRender } from "../../../test-utils/renderFor";
+import { renderFor } from "../../../test-utils/renderFor";
+import clusterRoleStoreInjectable from "../../+cluster-roles/store.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../../../stores-apis-can-be-created.injectable";
+import directoryForUserDataInjectable from "../../../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForKubeConfigsInjectable from "../../../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import hostedClusterInjectable from "../../../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../../../cluster/create-cluster.injectable";
+import type { CloseClusterRoleBindingDialog } from "../dialog/close.injectable";
+import closeClusterRoleBindingDialogInjectable from "../dialog/close.injectable";
+import type { OpenClusterRoleBindingDialog } from "../dialog/open.injectable";
+import openClusterRoleBindingDialogInjectable from "../dialog/open.injectable";
+
+describe("ClusterRoleBindingDialog tests", () => {
+  let render: DiRender;
+  let closeClusterRoleBindingDialog: CloseClusterRoleBindingDialog;
+  let openClusterRoleBindingDialog: OpenClusterRoleBindingDialog;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    closeClusterRoleBindingDialog = di.inject(closeClusterRoleBindingDialogInjectable);
+    openClusterRoleBindingDialog = di.inject(openClusterRoleBindingDialogInjectable);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    render = renderFor(di);
+
+    const store = di.inject(clusterRoleStoreInjectable);
+
+    store.items.replace([
+      new ClusterRole({
+        apiVersion: "rbac.authorization.k8s.io/v1",
+        kind: "ClusterRole",
+        metadata: {
+          name: "foobar",
+          resourceVersion: "1",
+          uid: "1",
+          selfLink: "/apis/rbac.authorization.k8s.io/v1/clusterroles/foobar",
+        },
+      }),
+    ]);
+  });
+
+  afterEach(() => {
+    closeClusterRoleBindingDialog();
+    jest.resetAllMocks();
+  });
+
+  it("should render without any errors", () => {
+    const { container } = render(<ClusterRoleBindingDialog />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("clusterrole select should be searchable", async () => {
+    openClusterRoleBindingDialog();
+    const res = render(<ClusterRoleBindingDialog />);
+
+    userEvent.keyboard("a");
+    await res.findAllByText("foobar");
+  });
+});
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/cluster-role-bindings-route-component.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/cluster-role-bindings-route-component.injectable.ts
new file mode 100644
index 0000000000..47de616795
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/cluster-role-bindings-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 { ClusterRoleBindings } from "./view";
+import clusterRoleBindingsRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/cluster-role-bindings/cluster-role-bindings-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../../routes/route-specific-component-injection-token";
+
+const clusterRoleBindingsRouteComponentInjectable = getInjectable({
+  id: "cluster-role-bindings-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(clusterRoleBindingsRouteInjectable),
+    Component: ClusterRoleBindings,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default clusterRoleBindingsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/cluster-role-bindings-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/cluster-role-bindings-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..bb4ed2a928
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/cluster-role-bindings-sidebar-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 clusterRoleBindingsRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/cluster-role-bindings/cluster-role-bindings-route.injectable";
+import { userManagementSidebarItemId } from "../user-management-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../../routes/route-is-active.injectable";
+import navigateToClusterRoleBindingsInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/cluster-role-bindings/navigate-to-cluster-role-bindings.injectable";
+
+const clusterRoleBindingsSidebarItemsInjectable = getInjectable({
+  id: "cluster-role-bindings-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(clusterRoleBindingsRouteInjectable);
+    const navigateToClusterRoleBindings = di.inject(navigateToClusterRoleBindingsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "cluster-role-bindings",
+        parentId: userManagementSidebarItemId,
+        title: "Cluster Role Bindings",
+        onClick: navigateToClusterRoleBindings,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 40,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default clusterRoleBindingsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/details.scss b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/details.scss
new file mode 100644
index 0000000000..c6bb25c67c
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/details.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ClusterRoleBindingDetails {
+}
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/details.tsx b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/details.tsx
new file mode 100644
index 0000000000..87de375bed
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/details.tsx
@@ -0,0 +1,145 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./details.scss";
+
+import { reaction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import React from "react";
+
+import type { ClusterRoleBinding } from "../../../../common/k8s-api/endpoints";
+import { autoBind, ObservableHashSet, prevDefault } from "../../../utils";
+import { AddRemoveButtons } from "../../add-remove-buttons";
+import { DrawerTitle } from "../../drawer";
+import type { KubeObjectDetailsProps } from "../../kube-object-details";
+import { Table, TableCell, TableHead, TableRow } from "../../table";
+import { hashSubject } from "../hashers";
+import type { OpenConfirmDialog } from "../../confirm-dialog/open.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import openConfirmDialogInjectable from "../../confirm-dialog/open.injectable";
+import type { ClusterRoleBindingStore } from "./store";
+import type { OpenClusterRoleBindingDialog } from "./dialog/open.injectable";
+import openClusterRoleBindingDialogInjectable from "./dialog/open.injectable";
+import clusterRoleBindingStoreInjectable from "./store.injectable";
+
+export interface ClusterRoleBindingDetailsProps extends KubeObjectDetailsProps<ClusterRoleBinding> {
+}
+
+interface Dependencies {
+  openConfirmDialog: OpenConfirmDialog;
+  openClusterRoleBindingDialog: OpenClusterRoleBindingDialog;
+  clusterRoleBindingStore: ClusterRoleBindingStore;
+}
+
+@observer
+class NonInjectedClusterRoleBindingDetails extends React.Component<ClusterRoleBindingDetailsProps & Dependencies> {
+  selectedSubjects = new ObservableHashSet([], hashSubject);
+
+  constructor(props: ClusterRoleBindingDetailsProps & Dependencies) {
+    super(props);
+    autoBind(this);
+  }
+
+  async componentDidMount() {
+    disposeOnUnmount(this, [
+      reaction(() => this.props.object, () => {
+        this.selectedSubjects.clear();
+      }),
+    ]);
+  }
+
+  removeSelectedSubjects() {
+    const { object: clusterRoleBinding, openConfirmDialog, clusterRoleBindingStore } = this.props;
+    const { selectedSubjects } = this;
+
+    openConfirmDialog({
+      ok: () => clusterRoleBindingStore.removeSubjects(clusterRoleBinding, selectedSubjects),
+      labelOk: `Remove`,
+      message: (
+        <p>
+          Remove selected bindings for
+          <b>{clusterRoleBinding.getName()}</b>
+          ?
+        </p>
+      ),
+    });
+  }
+
+  render() {
+    const { selectedSubjects } = this;
+    const { object: clusterRoleBinding, openClusterRoleBindingDialog } = this.props;
+
+    if (!clusterRoleBinding) {
+      return null;
+    }
+    const { roleRef } = clusterRoleBinding;
+    const subjects = clusterRoleBinding.getSubjects();
+
+    return (
+      <div className="ClusterRoleBindingDetails">
+        <DrawerTitle>Reference</DrawerTitle>
+        <Table>
+          <TableHead>
+            <TableCell>Kind</TableCell>
+            <TableCell>Name</TableCell>
+            <TableCell>API Group</TableCell>
+          </TableHead>
+          <TableRow>
+            <TableCell>{roleRef.kind}</TableCell>
+            <TableCell>{roleRef.name}</TableCell>
+            <TableCell>{roleRef.apiGroup}</TableCell>
+          </TableRow>
+        </Table>
+
+        <DrawerTitle>Bindings</DrawerTitle>
+        {subjects.length > 0 && (
+          <Table selectable className="bindings box grow">
+            <TableHead>
+              <TableCell checkbox />
+              <TableCell className="type">Type</TableCell>
+              <TableCell className="binding">Name</TableCell>
+              <TableCell className="ns">Namespace</TableCell>
+            </TableHead>
+            {
+              subjects.map((subject, i) => {
+                const { kind, name, namespace } = subject;
+                const isSelected = selectedSubjects.has(subject);
+
+                return (
+                  <TableRow
+                    key={i}
+                    selected={isSelected}
+                    onClick={prevDefault(() => this.selectedSubjects.toggle(subject))}
+                  >
+                    <TableCell checkbox isChecked={isSelected} />
+                    <TableCell className="type">{kind}</TableCell>
+                    <TableCell className="binding">{name}</TableCell>
+                    <TableCell className="ns">{namespace || "-"}</TableCell>
+                  </TableRow>
+                );
+              })
+            }
+          </Table>
+        )}
+
+        <AddRemoveButtons
+          onAdd={() => openClusterRoleBindingDialog(clusterRoleBinding)}
+          onRemove={selectedSubjects.size ? this.removeSelectedSubjects : undefined}
+          addTooltip={`Add bindings to ${roleRef.name}`}
+          removeTooltip={`Remove selected bindings from ${roleRef.name}`}
+        />
+      </div>
+    );
+  }
+}
+
+export const ClusterRoleBindingDetails = withInjectables<Dependencies, ClusterRoleBindingDetailsProps>(NonInjectedClusterRoleBindingDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    openConfirmDialog: di.inject(openConfirmDialogInjectable),
+    openClusterRoleBindingDialog: di.inject(openClusterRoleBindingDialogInjectable),
+    clusterRoleBindingStore: di.inject(clusterRoleBindingStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/close.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/close.injectable.ts
new file mode 100644
index 0000000000..32971c37d7
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/close.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 { action } from "mobx";
+import editClusterRoleBindingNameStateInjectable from "./edit-name-state.injectable";
+import clusterRoleBindingDialogStateInjectable from "./state.injectable";
+
+export type CloseClusterRoleBindingDialog = () => void;
+
+const closeClusterRoleBindingDialogInjectable = getInjectable({
+  id: "close-cluster-role-binding-dialog",
+  instantiate: (di): CloseClusterRoleBindingDialog => {
+    const state = di.inject(clusterRoleBindingDialogStateInjectable);
+    const editNameState = di.inject(editClusterRoleBindingNameStateInjectable);
+
+    return action(() => {
+      state.set({
+        isOpen: false,
+      });
+      editNameState.set("");
+    });
+  },
+});
+
+export default closeClusterRoleBindingDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/edit-name-state.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/edit-name-state.injectable.ts
new file mode 100644
index 0000000000..b5a3b768ad
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/edit-name-state.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 { observable } from "mobx";
+
+const editClusterRoleBindingNameStateInjectable = getInjectable({
+  id: "edit-cluster-role-binding-name-state",
+  instantiate: () => observable.box(""),
+});
+
+export default editClusterRoleBindingNameStateInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/open.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/open.injectable.ts
new file mode 100644
index 0000000000..44fff0ba43
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/open.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 { action } from "mobx";
+import type { ClusterRoleBinding } from "../../../../../common/k8s-api/endpoints";
+import editClusterRoleBindingNameStateInjectable from "./edit-name-state.injectable";
+import clusterRoleBindingDialogStateInjectable from "./state.injectable";
+
+export type OpenClusterRoleBindingDialog = (clusterRoleBinding?: ClusterRoleBinding) => void;
+
+const openClusterRoleBindingDialogInjectable = getInjectable({
+  id: "open-cluster-role-binding-dialog",
+  instantiate: (di): OpenClusterRoleBindingDialog => {
+    const state = di.inject(clusterRoleBindingDialogStateInjectable);
+    const editNameState = di.inject(editClusterRoleBindingNameStateInjectable);
+
+    return action((clusterRoleBinding) => {
+      state.set({
+        isOpen: true,
+        clusterRoleBinding,
+      });
+      editNameState.set(clusterRoleBinding?.getName() ?? "");
+    });
+  },
+});
+
+export default openClusterRoleBindingDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/state.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/state.injectable.ts
new file mode 100644
index 0000000000..6fe2444e33
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/state.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 { observable } from "mobx";
+import type { ClusterRoleBinding } from "../../../../../common/k8s-api/endpoints";
+
+export type ClusterRoleBindingDialogState = {
+  isOpen: false;
+  clusterRoleBinding?: undefined;
+} | {
+  isOpen: true;
+  clusterRoleBinding: ClusterRoleBinding | undefined;
+};
+
+const clusterRoleBindingDialogStateInjectable = getInjectable({
+  id: "cluster-role-binding-dialog-state",
+  instantiate: () => observable.box<ClusterRoleBindingDialogState>({
+    isOpen: false,
+  }),
+});
+
+export default clusterRoleBindingDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/view.scss b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/view.scss
new file mode 100644
index 0000000000..1378d724fb
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/view.scss
@@ -0,0 +1,11 @@
+.AddClusterRoleBindingDialog {
+  .Select + .Select {
+    margin-top: $margin *0.5;
+  }
+  .Checkbox {
+    margin-top: $margin;
+  }
+  .name {
+    color: #a0a0a0;
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/view.tsx b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/view.tsx
new file mode 100644
index 0000000000..3dd8549ca1
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/dialog/view.tsx
@@ -0,0 +1,314 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import type { IObservableValue } from "mobx";
+import { action, computed, makeObservable, observable } from "mobx";
+import { observer } from "mobx-react";
+import React from "react";
+
+import type { ClusterRole, ServiceAccount } from "../../../../../common/k8s-api/endpoints";
+import type { DialogProps } from "../../../dialog";
+import { Dialog } from "../../../dialog";
+import { EditableList } from "../../../editable-list";
+import { Icon } from "../../../icon";
+import { SubTitle } from "../../../layout/sub-title";
+import { onMultiSelectFor, Select } from "../../../select";
+import { Wizard, WizardStep } from "../../../wizard";
+import { ObservableHashSet, nFircate } from "../../../../utils";
+import { Input } from "../../../input";
+import { TooltipPosition } from "../../../tooltip";
+import type { Subject } from "../../../../../common/k8s-api/endpoints/types/subject";
+import type { ClusterRoleBindingDialogState } from "./state.injectable";
+import type { ClusterRoleStore } from "../../+cluster-roles/store";
+import type { ServiceAccountStore } from "../../+service-accounts/store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import clusterRoleStoreInjectable from "../../+cluster-roles/store.injectable";
+import editClusterRoleBindingNameStateInjectable from "./edit-name-state.injectable";
+import serviceAccountStoreInjectable from "../../+service-accounts/store.injectable";
+import clusterRoleBindingDialogStateInjectable from "./state.injectable";
+import type { CloseClusterRoleBindingDialog } from "./close.injectable";
+import type { OpenClusterRoleBindingDialog } from "./open.injectable";
+import openClusterRoleBindingDialogInjectable from "./open.injectable";
+import closeClusterRoleBindingDialogInjectable from "./close.injectable";
+import type { ShowDetails } from "../../../kube-detail-params/show-details.injectable";
+import type { ClusterRoleBindingStore } from "../store";
+import clusterRoleBindingStoreInjectable from "../store.injectable";
+import showDetailsInjectable from "../../../kube-detail-params/show-details.injectable";
+import type { ShowCheckedErrorNotification } from "../../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../../notifications/show-checked-error.injectable";
+
+export interface ClusterRoleBindingDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  state: IObservableValue<ClusterRoleBindingDialogState>;
+  editBindingNameState: IObservableValue<string>;
+  clusterRoleStore: ClusterRoleStore;
+  serviceAccountStore: ServiceAccountStore;
+  clusterRoleBindingStore: ClusterRoleBindingStore;
+  closeClusterRoleBindingDialog: CloseClusterRoleBindingDialog;
+  openClusterRoleBindingDialog: OpenClusterRoleBindingDialog;
+  showDetails: ShowDetails;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedClusterRoleBindingDialog extends React.Component<ClusterRoleBindingDialogProps & Dependencies> {
+  constructor(props: ClusterRoleBindingDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed get clusterRoleOptions() {
+    return this.props.clusterRoleStore.items.map(clusterRole => ({
+      value: clusterRole,
+      label: clusterRole.getName(),
+    }));
+  }
+
+  @computed get serviceAccountOptions() {
+    return this.props.serviceAccountStore.items.map(serviceAccount => ({
+      value: serviceAccount,
+      label: `${serviceAccount.getName()} (${serviceAccount.getNs()})`,
+      isSelected: this.selectedAccounts.has(serviceAccount),
+    }));
+  }
+
+  get clusterRoleBinding() {
+    return this.props.state.get().clusterRoleBinding;
+  }
+
+  get isEditing() {
+    return !!this.clusterRoleBinding;
+  }
+
+  @observable selectedRoleRef: ClusterRole | undefined = undefined;
+  selectedAccounts = new ObservableHashSet<ServiceAccount>([], sa => sa.metadata.uid);
+  selectedUsers = observable.set<string>([]);
+  selectedGroups = observable.set<string>([]);
+
+  @computed get selectedBindings(): Subject[] {
+    const serviceAccounts = Array.from(this.selectedAccounts, sa => ({
+      name: sa.getName(),
+      kind: "ServiceAccount" as const,
+      namespace: sa.getNs(),
+    }));
+    const users = Array.from(this.selectedUsers, user => ({
+      name: user,
+      kind: "User" as const,
+    }));
+    const groups = Array.from(this.selectedGroups, group => ({
+      name: group,
+      kind: "Group" as const,
+    }));
+
+    return [
+      ...serviceAccounts,
+      ...users,
+      ...groups,
+    ];
+  }
+
+  onOpen = action(() => {
+    const binding = this.clusterRoleBinding;
+
+    if (!binding) {
+      return this.reset();
+    }
+
+    this.selectedRoleRef = this.props.clusterRoleStore
+      .items
+      .find(item => item.getName() === binding.roleRef.name);
+
+    const [saSubjects, uSubjects, gSubjects] = nFircate(binding.getSubjects(), "kind", ["ServiceAccount", "User", "Group"]);
+    const accountNames = new Set(saSubjects.map(acc => acc.name));
+
+    this.selectedAccounts.replace(
+      this.props.serviceAccountStore.items
+        .filter(sa => accountNames.has(sa.getName())),
+    );
+    this.selectedUsers.replace(uSubjects.map(user => user.name));
+    this.selectedGroups.replace(gSubjects.map(group => group.name));
+  });
+
+  reset = action(() => {
+    this.selectedRoleRef = undefined;
+    this.selectedAccounts.clear();
+    this.selectedUsers.clear();
+    this.selectedGroups.clear();
+  });
+
+  createBindings = async () => {
+    const {
+      closeClusterRoleBindingDialog,
+      clusterRoleBindingStore,
+      editBindingNameState,
+      showDetails,
+    } = this.props;
+    const { selectedRoleRef, selectedBindings, clusterRoleBinding } = this;
+
+    if (!clusterRoleBinding || !selectedRoleRef) {
+      return;
+    }
+
+    try {
+      const { selfLink } = this.isEditing
+        ? await clusterRoleBindingStore.updateSubjects(clusterRoleBinding, selectedBindings)
+        : await clusterRoleBindingStore.create({ name: editBindingNameState.get() }, {
+          subjects: selectedBindings,
+          roleRef: {
+            name: selectedRoleRef.getName(),
+            kind: selectedRoleRef.kind,
+          },
+        });
+
+      showDetails(selfLink);
+      closeClusterRoleBindingDialog();
+    } catch (err) {
+      this.props.showCheckedErrorNotification(err, `Unknown error occured while ${this.isEditing ? "editing the" : "creating a"} ClusterRoleBinding`);
+    }
+  };
+
+  renderContents() {
+    return (
+      <>
+        <SubTitle title="Cluster Role Reference" />
+        <Select
+          id="cluster-role-input"
+          themeName="light"
+          placeholder="Select cluster role ..."
+          isDisabled={this.isEditing}
+          options={this.clusterRoleOptions}
+          value={this.selectedRoleRef}
+          autoFocus={!this.isEditing}
+          formatOptionLabel={option => (
+            <>
+              <Icon
+                small
+                material="people"
+                tooltip={{
+                  preferredPositions: TooltipPosition.LEFT,
+                  children: option.value.kind,
+                }}
+              />
+              {" "}
+              {option.value.getName()}
+            </>
+          )}
+          onChange={option => {
+            this.selectedRoleRef = option?.value;
+            const bindingName = this.props.editBindingNameState.get();
+
+            if (!this.selectedRoleRef || bindingName === this.selectedRoleRef.getName()) {
+              this.props.editBindingNameState.set(option?.value?.getName() ?? "");
+            }
+          }}
+        />
+
+        <SubTitle title="Binding Name" />
+        <Input
+          placeholder="Name of ClusterRoleBinding ..."
+          disabled={this.isEditing}
+          value={this.props.editBindingNameState.get()}
+          onChange={val => this.props.editBindingNameState.set(val)}
+        />
+
+        <SubTitle title="Binding targets" />
+
+        <b>Users</b>
+        <EditableList
+          placeholder="Bind to User Account ..."
+          add={(newUser) => this.selectedUsers.add(newUser)}
+          items={Array.from(this.selectedUsers)}
+          remove={({ oldItem }) => this.selectedUsers.delete(oldItem)}
+        />
+
+        <b>Groups</b>
+        <EditableList
+          placeholder="Bind to User Group ..."
+          add={(newGroup) => this.selectedGroups.add(newGroup)}
+          items={Array.from(this.selectedGroups)}
+          remove={({ oldItem }) => this.selectedGroups.delete(oldItem)}
+        />
+
+        <b>Service Accounts</b>
+        <Select
+          id="service-account-input"
+          isMulti
+          themeName="light"
+          placeholder="Select service accounts ..."
+          options={this.serviceAccountOptions}
+          formatOptionLabel={option => (
+            <>
+              <Icon small material="account_box" />
+              {` ${option.label}`}
+            </>
+          )}
+          onChange={onMultiSelectFor(this.selectedAccounts)}
+          maxMenuHeight={200}
+        />
+      </>
+    );
+  }
+
+  render() {
+    const {
+      closeClusterRoleBindingDialog,
+      openClusterRoleBindingDialog,
+      clusterRoleStore,
+      editBindingNameState,
+      serviceAccountStore,
+      state,
+      ...dialogProps
+    } = this.props;
+    const [action, nextLabel] = this.isEditing ? ["Edit", "Update"] : ["Add", "Create"];
+    const disableNext = !this.selectedRoleRef || !this.selectedBindings.length || !editBindingNameState.get();
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className="AddClusterRoleBindingDialog"
+        isOpen={state.get().isOpen}
+        close={closeClusterRoleBindingDialog}
+        onClose={this.reset}
+        onOpen={this.onOpen}
+      >
+        <Wizard
+          header={(
+            <h5>
+              {`${action} ClusterRoleBinding`}
+            </h5>
+          )}
+          done={closeClusterRoleBindingDialog}
+        >
+          <WizardStep
+            nextLabel={nextLabel}
+            next={this.createBindings}
+            disabledNext={disableNext}
+          >
+            {this.renderContents()}
+          </WizardStep>
+        </Wizard>
+      </Dialog>
+    );
+  }
+}
+
+export const ClusterRoleBindingDialog = withInjectables<Dependencies, ClusterRoleBindingDialogProps>(NonInjectedClusterRoleBindingDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    clusterRoleStore: di.inject(clusterRoleStoreInjectable),
+    editBindingNameState: di.inject(editClusterRoleBindingNameStateInjectable),
+    serviceAccountStore: di.inject(serviceAccountStoreInjectable),
+    state: di.inject(clusterRoleBindingDialogStateInjectable),
+    clusterRoleBindingStore: di.inject(clusterRoleBindingStoreInjectable),
+    openClusterRoleBindingDialog: di.inject(openClusterRoleBindingDialogInjectable),
+    closeClusterRoleBindingDialog: di.inject(closeClusterRoleBindingDialogInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/index.ts b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/index.ts
new file mode 100644
index 0000000000..59d5a476cb
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/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 "./view";
+export * from "./details";
+export * from "./dialog/view";
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/store.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/store.injectable.ts
new file mode 100644
index 0000000000..ac3eb8a07d
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/store.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 assert from "assert";
+import { storesAndApisCanBeCreatedInjectionToken } from "../../../../common/k8s-api/stores-apis-can-be-created.token";
+import clusterRoleBindingApiInjectable from "../../../../common/k8s-api/endpoints/cluster-role-binding.api.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../../common/k8s-api/api-manager/manager.injectable";
+import { ClusterRoleBindingStore } from "./store";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+
+const clusterRoleBindingStoreInjectable = getInjectable({
+  id: "cluster-role-binding-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "clusterRoleBindingStore is only accessible in certain environments");
+
+    const api = di.inject(clusterRoleBindingApiInjectable);
+
+    return new ClusterRoleBindingStore({
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default clusterRoleBindingStoreInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/store.ts b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/store.ts
new file mode 100644
index 0000000000..01637aa815
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/store.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 { ClusterRoleBinding, ClusterRoleBindingApi, ClusterRoleBindingData } from "../../../../common/k8s-api/endpoints";
+import type { Subject } from "../../../../common/k8s-api/endpoints/types/subject";
+import { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
+import { HashSet } from "../../../utils";
+import { hashSubject } from "../hashers";
+
+export class ClusterRoleBindingStore extends KubeObjectStore<ClusterRoleBinding, ClusterRoleBindingApi, ClusterRoleBindingData> {
+  protected sortItems(items: ClusterRoleBinding[]) {
+    return super.sortItems(items, [
+      clusterRoleBinding => clusterRoleBinding.kind,
+      clusterRoleBinding => clusterRoleBinding.getName(),
+    ]);
+  }
+
+  async updateSubjects(clusterRoleBinding: ClusterRoleBinding, subjects: Subject[]) {
+    return this.update(clusterRoleBinding, {
+      roleRef: clusterRoleBinding.roleRef,
+      subjects,
+    });
+  }
+
+  async removeSubjects(clusterRoleBinding: ClusterRoleBinding, subjectsToRemove: Iterable<Subject>) {
+    const currentSubjects = new HashSet(clusterRoleBinding.getSubjects(), hashSubject);
+
+    for (const subject of subjectsToRemove) {
+      currentSubjects.delete(subject);
+    }
+
+    return this.updateSubjects(clusterRoleBinding, currentSubjects.toJSON());
+  }
+}
+
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/view.scss b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/view.scss
new file mode 100644
index 0000000000..373c7a287c
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/view.scss
@@ -0,0 +1,11 @@
+.ClusterRoleBindings {
+  .help-icon {
+    margin-left: $margin * 0.5;
+  }
+
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/view.tsx b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/view.tsx
new file mode 100644
index 0000000000..ced8c892e7
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-role-bindings/view.tsx
@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+import { KubeObjectListLayout } from "../../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../../kube-object-status-icon";
+import { ClusterRoleBindingDialog } from "./dialog/view";
+import { SiblingsInTabLayout } from "../../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../../kube-object/age";
+import type { ClusterRoleBindingStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import clusterRoleBindingStoreInjectable from "./store.injectable";
+import type { ClusterRoleStore } from "../+cluster-roles/store";
+import type { ServiceAccountStore } from "../+service-accounts/store";
+import clusterRoleStoreInjectable from "../+cluster-roles/store.injectable";
+import serviceAccountStoreInjectable from "../+service-accounts/store.injectable";
+import type { OpenClusterRoleBindingDialog } from "./dialog/open.injectable";
+import openClusterRoleBindingDialogInjectable from "./dialog/open.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  bindings = "bindings",
+  age = "age",
+}
+
+interface Dependencies {
+  clusterRoleBindingStore: ClusterRoleBindingStore;
+  clusterRoleStore: ClusterRoleStore;
+  serviceAccountStore: ServiceAccountStore;
+  openClusterRoleBindingDialog: OpenClusterRoleBindingDialog;
+}
+
+@observer
+class NonInjectedClusterRoleBindings extends React.Component<Dependencies> {
+  render() {
+    const {
+      clusterRoleBindingStore,
+      clusterRoleStore,
+      serviceAccountStore,
+      openClusterRoleBindingDialog,
+    } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="access_cluster_role_bindings"
+          className="ClusterRoleBindings"
+          store={clusterRoleBindingStore}
+          dependentStores={[clusterRoleStore, serviceAccountStore]}
+          sortingCallbacks={{
+            [columnId.name]: binding => binding.getName(),
+            [columnId.bindings]: binding => binding.getSubjectNames(),
+            [columnId.age]: binding => -binding.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            binding => binding.getSearchFields(),
+            binding => binding.getSubjectNames(),
+          ]}
+          renderHeaderTitle="Cluster Role Bindings"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Bindings", className: "bindings", sortBy: columnId.bindings, id: columnId.bindings },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={binding => [
+            binding.getName(),
+            <KubeObjectStatusIcon key="icon" object={binding} />,
+            binding.getSubjectNames(),
+            <KubeObjectAge key="age" object={binding} />,
+          ]}
+          addRemoveButtons={{
+            onAdd: () => openClusterRoleBindingDialog(),
+            addTooltip: "Create new ClusterRoleBinding",
+          }}
+        />
+        <ClusterRoleBindingDialog />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const ClusterRoleBindings = withInjectables<Dependencies>(NonInjectedClusterRoleBindings, {
+  getProps: (di, props) => ({
+    ...props,
+    clusterRoleBindingStore: di.inject(clusterRoleBindingStoreInjectable),
+    clusterRoleStore: di.inject(clusterRoleStoreInjectable),
+    serviceAccountStore: di.inject(serviceAccountStoreInjectable),
+    openClusterRoleBindingDialog: di.inject(openClusterRoleBindingDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/close.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/close.injectable.ts
new file mode 100644
index 0000000000..5444403db1
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/close.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 { action } from "mobx";
+import addClusterRoleDialogStateInjectable from "./state.injectable";
+
+const closeAddClusterRoleDialogInjectable = getInjectable({
+  id: "close-add-cluster-role-dialog",
+  instantiate: (di) => {
+    const state = di.inject(addClusterRoleDialogStateInjectable);
+
+    return action(() => {
+      state.isOpen.set(false);
+      state.clusterRoleName.set("");
+    });
+  },
+});
+
+export default closeAddClusterRoleDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/open.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/open.injectable.ts
new file mode 100644
index 0000000000..2c2a41a0b8
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/open.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 { action } from "mobx";
+import addClusterRoleDialogStateInjectable from "./state.injectable";
+
+export type OpenAddClusterRoleDialog = () => void;
+
+const openAddClusterRoleDialogInjectable = getInjectable({
+  id: "open-add-cluster-role-dialog",
+  instantiate: (di) => {
+    const state = di.inject(addClusterRoleDialogStateInjectable);
+
+    return action(() => {
+      state.isOpen.set(true);
+      state.clusterRoleName.set("");
+    });
+  },
+});
+
+export default openAddClusterRoleDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/state.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/state.injectable.ts
new file mode 100644
index 0000000000..542d4a5796
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/state.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 { IObservableValue } from "mobx";
+import { observable } from "mobx";
+
+export interface AddClusterRoleDialogState {
+  isOpen: IObservableValue<boolean>;
+  clusterRoleName: IObservableValue<string>;
+}
+
+const addClusterRoleDialogStateInjectable = getInjectable({
+  id: "add-cluster-role-dialog-open-state",
+  instantiate: (): AddClusterRoleDialogState => ({
+    clusterRoleName: observable.box(""),
+    isOpen: observable.box(false),
+  }),
+});
+
+export default addClusterRoleDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/view.scss b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/view.scss
new file mode 100644
index 0000000000..400aa57cc2
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/view.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.AddRoleDialog {
+}
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/view.tsx b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/view.tsx
new file mode 100644
index 0000000000..5da4a1fe00
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/add-dialog/view.tsx
@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import "./view.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+
+import type { DialogProps } from "../../../dialog";
+import { Dialog } from "../../../dialog";
+import { Input } from "../../../input";
+import { SubTitle } from "../../../layout/sub-title";
+import { Wizard, WizardStep } from "../../../wizard";
+import type { AddClusterRoleDialogState } from "./state.injectable";
+import type { ClusterRoleStore } from "../store";
+import type { ShowDetails } from "../../../kube-detail-params/show-details.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import closeAddClusterRoleDialogInjectable from "./close.injectable";
+import clusterRoleStoreInjectable from "../store.injectable";
+import showDetailsInjectable from "../../../kube-detail-params/show-details.injectable";
+import addClusterRoleDialogStateInjectable from "./state.injectable";
+import type { ShowCheckedErrorNotification } from "../../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../../notifications/show-checked-error.injectable";
+
+export interface AddClusterRoleDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  state: AddClusterRoleDialogState;
+  clusterRoleStore: ClusterRoleStore;
+  showDetails: ShowDetails;
+  closeAddClusterRoleDialog: () => void;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedAddClusterRoleDialog extends React.Component<AddClusterRoleDialogProps & Dependencies> {
+  createRole = async () => {
+    const {
+      closeAddClusterRoleDialog,
+      clusterRoleStore,
+      showDetails,
+      state,
+      showCheckedErrorNotification,
+    } = this.props;
+
+    try {
+      const role = await clusterRoleStore.create({ name: state.clusterRoleName.get() });
+
+      showDetails(role.selfLink);
+      closeAddClusterRoleDialog();
+    } catch (error) {
+      showCheckedErrorNotification(error, "Unknown error occured while creating the role");
+    }
+  };
+
+  render() {
+    const { closeAddClusterRoleDialog, clusterRoleStore, showDetails, state, ...dialogProps } = this.props;
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className="AddClusterRoleDialog"
+        isOpen={state.isOpen.get()}
+        close={closeAddClusterRoleDialog}
+      >
+        <Wizard
+          header={<h5>Create ClusterRole</h5>}
+          done={closeAddClusterRoleDialog}
+        >
+          <WizardStep
+            contentClass="flex gaps column"
+            nextLabel="Create"
+            next={this.createRole}
+          >
+            <SubTitle title="ClusterRole Name" />
+            <Input
+              required
+              autoFocus
+              placeholder="Name"
+              iconLeft="supervisor_account"
+              value={state.clusterRoleName.get()}
+              onChange={v => state.clusterRoleName.set(v)}
+            />
+          </WizardStep>
+        </Wizard>
+      </Dialog>
+    );
+  }
+}
+
+export const AddClusterRoleDialog = withInjectables<Dependencies, AddClusterRoleDialogProps>(NonInjectedAddClusterRoleDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    closeAddClusterRoleDialog: di.inject(closeAddClusterRoleDialogInjectable),
+    clusterRoleStore: di.inject(clusterRoleStoreInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+    state: di.inject(addClusterRoleDialogStateInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/cluster-roles-route-component.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-roles/cluster-roles-route-component.injectable.ts
new file mode 100644
index 0000000000..829ae16baa
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/cluster-roles-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 { ClusterRoles } from "./view";
+import clusterRolesRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/cluster-roles/cluster-roles-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../../routes/route-specific-component-injection-token";
+
+const clusterRolesRouteComponentInjectable = getInjectable({
+  id: "cluster-roles-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(clusterRolesRouteInjectable),
+    Component: ClusterRoles,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default clusterRolesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/cluster-roles-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+user-management/+cluster-roles/cluster-roles-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..54ae68ef44
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/cluster-roles-sidebar-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 clusterRolesRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/cluster-roles/cluster-roles-route.injectable";
+import { userManagementSidebarItemId } from "../user-management-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../../routes/route-is-active.injectable";
+import navigateToClusterRolesInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/cluster-roles/navigate-to-cluster-roles.injectable";
+
+const clusterRolesSidebarItemsInjectable = getInjectable({
+  id: "cluster-roles-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(clusterRolesRouteInjectable);
+    const navigateToClusterRoles = di.inject(navigateToClusterRolesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "cluster-roles",
+        parentId: userManagementSidebarItemId,
+        title: "Cluster Roles",
+        onClick: navigateToClusterRoles,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 20,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default clusterRolesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/details.scss b/packages/core/src/renderer/components/+user-management/+cluster-roles/details.scss
new file mode 100644
index 0000000000..cf04a99af2
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/details.scss
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ClusterRoleDetails {
+  .rule {
+    display: grid;
+    grid-template-columns: min-content auto;
+    gap: $margin;
+
+    border: 1px solid var(--borderColor);
+    border-radius: $radius;
+    padding: $padding * 1.5;
+
+    > .name {
+      color: var(--textColorSecondary);
+      text-align: right;
+      white-space: nowrap;
+    }
+
+    &:not(:last-child) {
+      margin-bottom: $margin * 2;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/details.tsx b/packages/core/src/renderer/components/+user-management/+cluster-roles/details.tsx
new file mode 100644
index 0000000000..fa0e21143e
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/details.tsx
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./details.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+
+import { DrawerTitle } from "../../drawer";
+import type { KubeObjectDetailsProps } from "../../kube-object-details";
+import type { ClusterRole } from "../../../../common/k8s-api/endpoints";
+
+export interface ClusterRoleDetailsProps extends KubeObjectDetailsProps<ClusterRole> {
+}
+
+@observer
+export class ClusterRoleDetails extends React.Component<ClusterRoleDetailsProps> {
+  render() {
+    const { object: clusterRole } = this.props;
+
+    if (!clusterRole) return null;
+    const rules = clusterRole.getRules();
+
+    return (
+      <div className="ClusterRoleDetails">
+        <DrawerTitle>Rules</DrawerTitle>
+        {rules.map(({ resourceNames, apiGroups, resources, verbs }, index) => {
+          return (
+            <div className="rule" key={index}>
+              {resources && (
+                <>
+                  <div className="name">Resources</div>
+                  <div className="value">{resources.join(", ")}</div>
+                </>
+              )}
+              {verbs && (
+                <>
+                  <div className="name">Verbs</div>
+                  <div className="value">{verbs.join(", ")}</div>
+                </>
+              )}
+              {apiGroups && (
+                <>
+                  <div className="name">Api Groups</div>
+                  <div className="value">
+                    {apiGroups
+                      .map(apiGroup => apiGroup === "" ? `'${apiGroup}'` : apiGroup)
+                      .join(", ")
+                    }
+                  </div>
+                </>
+              )}
+              {resourceNames && (
+                <>
+                  <div className="name">Resource Names</div>
+                  <div className="value">{resourceNames.join(", ")}</div>
+                </>
+              )}
+            </div>
+          );
+        })}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/index.ts b/packages/core/src/renderer/components/+user-management/+cluster-roles/index.ts
new file mode 100644
index 0000000000..f55fa5914b
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/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 "./view";
+export * from "./details";
+export * from "./add-dialog/view";
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/store.injectable.ts b/packages/core/src/renderer/components/+user-management/+cluster-roles/store.injectable.ts
new file mode 100644
index 0000000000..c88b457b1d
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/store.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 assert from "assert";
+import { storesAndApisCanBeCreatedInjectionToken } from "../../../../common/k8s-api/stores-apis-can-be-created.token";
+import clusterRoleApiInjectable from "../../../../common/k8s-api/endpoints/cluster-role.api.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../../common/k8s-api/api-manager/manager.injectable";
+import { ClusterRoleStore } from "./store";
+import clusterFrameContextForClusterScopedResourcesInjectable from "../../../cluster-frame-context/for-cluster-scoped-resources.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+
+const clusterRoleStoreInjectable = getInjectable({
+  id: "cluster-role-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "clusterRoleStore is only available in certain environments");
+
+    const api = di.inject(clusterRoleApiInjectable);
+
+    return new ClusterRoleStore({
+      context: di.inject(clusterFrameContextForClusterScopedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default clusterRoleStoreInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/store.ts b/packages/core/src/renderer/components/+user-management/+cluster-roles/store.ts
new file mode 100644
index 0000000000..a8df8bdb90
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/store.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 { ClusterRole, ClusterRoleApi, ClusterRoleData } from "../../../../common/k8s-api/endpoints";
+import { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
+
+export class ClusterRoleStore extends KubeObjectStore<ClusterRole, ClusterRoleApi, ClusterRoleData> {
+  protected sortItems(items: ClusterRole[]) {
+    return super.sortItems(items, [
+      clusterRole => clusterRole.kind,
+      clusterRole => clusterRole.getName(),
+    ]);
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/view.scss b/packages/core/src/renderer/components/+user-management/+cluster-roles/view.scss
new file mode 100644
index 0000000000..bc9a75780d
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/view.scss
@@ -0,0 +1,11 @@
+.ClusterRoles {
+  .help-icon {
+    margin-left: $margin * 0.5;
+  }
+
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+cluster-roles/view.tsx b/packages/core/src/renderer/components/+user-management/+cluster-roles/view.tsx
new file mode 100644
index 0000000000..8a64e775b3
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+cluster-roles/view.tsx
@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+import { KubeObjectListLayout } from "../../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../../kube-object-status-icon";
+import { AddClusterRoleDialog } from "./add-dialog/view";
+import { SiblingsInTabLayout } from "../../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../../kube-object/age";
+import type { ClusterRoleStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import clusterRoleStoreInjectable from "./store.injectable";
+import type { OpenAddClusterRoleDialog } from "./add-dialog/open.injectable";
+import openAddClusterRoleDialogInjectable from "./add-dialog/open.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  age = "age",
+}
+
+interface Dependencies {
+  clusterRoleStore: ClusterRoleStore;
+  openAddClusterRoleDialog: OpenAddClusterRoleDialog;
+}
+
+@observer
+class NonInjectedClusterRoles extends React.Component<Dependencies> {
+  render() {
+    const {
+      openAddClusterRoleDialog,
+      clusterRoleStore,
+    } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="access_cluster_roles"
+          className="ClusterRoles"
+          store={clusterRoleStore}
+          sortingCallbacks={{
+            [columnId.name]: clusterRole => clusterRole.getName(),
+            [columnId.age]: clusterRole => -clusterRole.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            clusterRole => clusterRole.getSearchFields(),
+          ]}
+          renderHeaderTitle="Cluster Roles"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={clusterRole => [
+            clusterRole.getName(),
+            <KubeObjectStatusIcon key="icon" object={clusterRole} />,
+            <KubeObjectAge key="age" object={clusterRole} />,
+          ]}
+          addRemoveButtons={{
+            onAdd: () => openAddClusterRoleDialog(),
+            addTooltip: "Create new ClusterRole",
+          }}
+        />
+        <AddClusterRoleDialog/>
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const ClusterRoles = withInjectables<Dependencies>(NonInjectedClusterRoles, {
+  getProps: (di, props) => ({
+    ...props,
+    clusterRoleStore: di.inject(clusterRoleStoreInjectable),
+    openAddClusterRoleDialog: di.inject(openAddClusterRoleDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/__tests__/dialog.test.tsx b/packages/core/src/renderer/components/+user-management/+role-bindings/__tests__/dialog.test.tsx
new file mode 100644
index 0000000000..67d3b38fe1
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/__tests__/dialog.test.tsx
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import userEvent from "@testing-library/user-event";
+import React from "react";
+import { ClusterRole } from "../../../../../common/k8s-api/endpoints";
+import { RoleBindingDialog } from "../dialog/view";
+import { getDiForUnitTesting } from "../../../../getDiForUnitTesting";
+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 clusterRoleStoreInjectable from "../../+cluster-roles/store.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../../../stores-apis-can-be-created.injectable";
+import directoryForKubeConfigsInjectable from "../../../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import hostedClusterInjectable from "../../../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../../../cluster/create-cluster.injectable";
+import type { OpenRoleBindingDialog } from "../dialog/open.injectable";
+import openRoleBindingDialogInjectable from "../dialog/open.injectable";
+
+describe("RoleBindingDialog tests", () => {
+  let render: DiRender;
+  let openRoleBindingDialog: OpenRoleBindingDialog;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    openRoleBindingDialog = di.inject(openRoleBindingDialogInjectable);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    render = renderFor(di);
+
+    const store = di.inject(clusterRoleStoreInjectable);
+
+    store.items.replace([
+      new ClusterRole({
+        apiVersion: "rbac.authorization.k8s.io/v1",
+        kind: "ClusterRole",
+        metadata: {
+          name: "foobar",
+          resourceVersion: "1",
+          uid: "1",
+          selfLink: "/apis/rbac.authorization.k8s.io/v1/clusterroles/foobar",
+        },
+      }),
+    ]);
+  });
+
+  it("should render without any errors", () => {
+    const { container } = render(<RoleBindingDialog />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("role select should be searchable", async () => {
+    openRoleBindingDialog();
+    const res = render(<RoleBindingDialog />);
+
+    userEvent.click(await res.findByText("Select role", { exact: false }));
+
+    await res.findAllByText("foobar", {
+      exact: false,
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/details.scss b/packages/core/src/renderer/components/+user-management/+role-bindings/details.scss
new file mode 100644
index 0000000000..805e5e05fe
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/details.scss
@@ -0,0 +1,2 @@
+.RoleBindingDetails {
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/details.tsx b/packages/core/src/renderer/components/+user-management/+role-bindings/details.tsx
new file mode 100644
index 0000000000..c83caddeec
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/details.tsx
@@ -0,0 +1,140 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./details.scss";
+
+import { reaction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import React from "react";
+import type { RoleBinding } from "../../../../common/k8s-api/endpoints";
+import { prevDefault } from "../../../utils";
+import { AddRemoveButtons } from "../../add-remove-buttons";
+import { DrawerTitle } from "../../drawer";
+import type { KubeObjectDetailsProps } from "../../kube-object-details";
+import { Table, TableCell, TableHead, TableRow } from "../../table";
+import { ObservableHashSet } from "../../../../common/utils/hash-set";
+import { hashSubject } from "../hashers";
+import type { OpenConfirmDialog } from "../../confirm-dialog/open.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import openConfirmDialogInjectable from "../../confirm-dialog/open.injectable";
+import type { OpenRoleBindingDialog } from "./dialog/open.injectable";
+import openRoleBindingDialogInjectable from "./dialog/open.injectable";
+import type { RoleBindingStore } from "./store";
+import roleBindingStoreInjectable from "./store.injectable";
+
+export interface RoleBindingDetailsProps extends KubeObjectDetailsProps<RoleBinding> {
+}
+
+interface Dependencies {
+  openConfirmDialog: OpenConfirmDialog;
+  openRoleBindingDialog: OpenRoleBindingDialog;
+  roleBindingStore: RoleBindingStore;
+}
+
+@observer
+class NonInjectedRoleBindingDetails extends React.Component<RoleBindingDetailsProps & Dependencies> {
+  private readonly selectedSubjects = new ObservableHashSet([], hashSubject);
+
+  async componentDidMount() {
+    disposeOnUnmount(this, [
+      reaction(() => this.props.object, () => {
+        this.selectedSubjects.clear();
+      }),
+    ]);
+  }
+
+  removeSelectedSubjects = () => {
+    const { object: roleBinding, openConfirmDialog, roleBindingStore } = this.props;
+    const { selectedSubjects } = this;
+
+    openConfirmDialog({
+      ok: () => roleBindingStore.removeSubjects(roleBinding, selectedSubjects.toJSON()),
+      labelOk: `Remove`,
+      message: (
+        <p>
+          Remove selected bindings for
+          <b>{roleBinding.getName()}</b>
+          ?
+        </p>
+      ),
+    });
+  };
+
+  render() {
+    const { selectedSubjects } = this;
+    const { object: roleBinding, openRoleBindingDialog } = this.props;
+
+    if (!roleBinding) {
+      return null;
+    }
+    const { roleRef } = roleBinding;
+    const subjects = roleBinding.getSubjects();
+
+    return (
+      <div className="RoleBindingDetails">
+        <DrawerTitle>Reference</DrawerTitle>
+        <Table>
+          <TableHead>
+            <TableCell>Kind</TableCell>
+            <TableCell>Name</TableCell>
+            <TableCell>API Group</TableCell>
+          </TableHead>
+          <TableRow>
+            <TableCell>{roleRef.kind}</TableCell>
+            <TableCell>{roleRef.name}</TableCell>
+            <TableCell>{roleRef.apiGroup}</TableCell>
+          </TableRow>
+        </Table>
+
+        <DrawerTitle>Bindings</DrawerTitle>
+        {subjects.length > 0 && (
+          <Table selectable className="bindings box grow">
+            <TableHead>
+              <TableCell checkbox />
+              <TableCell className="type">Type</TableCell>
+              <TableCell className="binding">Name</TableCell>
+              <TableCell className="ns">Namespace</TableCell>
+            </TableHead>
+            {
+              subjects.map((subject, i) => {
+                const { kind, name, namespace } = subject;
+                const isSelected = selectedSubjects.has(subject);
+
+                return (
+                  <TableRow
+                    key={i}
+                    selected={isSelected}
+                    onClick={prevDefault(() => this.selectedSubjects.toggle(subject))}
+                  >
+                    <TableCell checkbox isChecked={isSelected} />
+                    <TableCell className="type">{kind}</TableCell>
+                    <TableCell className="binding">{name}</TableCell>
+                    <TableCell className="ns">{namespace || "-"}</TableCell>
+                  </TableRow>
+                );
+              })
+            }
+          </Table>
+        )}
+
+        <AddRemoveButtons
+          onAdd={() => openRoleBindingDialog(roleBinding)}
+          onRemove={selectedSubjects.size ? this.removeSelectedSubjects : undefined}
+          addTooltip={`Edit bindings of ${roleRef.name}`}
+          removeTooltip={`Remove selected bindings from ${roleRef.name}`}
+        />
+      </div>
+    );
+  }
+}
+
+export const RoleBindingDetails = withInjectables<Dependencies, RoleBindingDetailsProps>(NonInjectedRoleBindingDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    openConfirmDialog: di.inject(openConfirmDialogInjectable),
+    openRoleBindingDialog: di.inject(openRoleBindingDialogInjectable),
+    roleBindingStore: di.inject(roleBindingStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/close.injectable.ts b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/close.injectable.ts
new file mode 100644
index 0000000000..1f42df1818
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/close.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 { action } from "mobx";
+import roleBindingDialogStateInjectable from "./state.injectable";
+
+const closeRoleBindingDialogInjectable = getInjectable({
+  id: "close-role-binding-dialog",
+  instantiate: (di) => {
+    const state = di.inject(roleBindingDialogStateInjectable);
+
+    return action(() => state.set({ isOpen: false }));
+  },
+});
+
+export default closeRoleBindingDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/open.injectable.ts b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/open.injectable.ts
new file mode 100644
index 0000000000..bda4f5363b
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/open.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 { action } from "mobx";
+import type { RoleBinding } from "../../../../../common/k8s-api/endpoints";
+import roleBindingDialogStateInjectable from "./state.injectable";
+
+export type OpenRoleBindingDialog = (roleBinding?: RoleBinding | undefined) => void;
+
+const openRoleBindingDialogInjectable = getInjectable({
+  id: "open-role-binding-dialog",
+  instantiate: (di): OpenRoleBindingDialog => {
+    const state = di.inject(roleBindingDialogStateInjectable);
+
+    return action((roleBinding) => state.set({
+      isOpen: true,
+      roleBinding,
+    }));
+  },
+});
+
+export default openRoleBindingDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/state.injectable.ts b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/state.injectable.ts
new file mode 100644
index 0000000000..03b1093a3b
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/state.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 { observable } from "mobx";
+import type { RoleBinding } from "../../../../../common/k8s-api/endpoints";
+
+export type RoleBindingDialogState = {
+  isOpen: false;
+  roleBinding?: undefined;
+} | {
+  isOpen: true;
+  roleBinding: RoleBinding | undefined;
+};
+
+const roleBindingDialogStateInjectable = getInjectable({
+  id: "role-binding-dialog-state",
+  instantiate: () => observable.box<RoleBindingDialogState>({ isOpen: false }),
+});
+
+export default roleBindingDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/view.scss b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/view.scss
new file mode 100644
index 0000000000..652d743f39
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/view.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.AddRoleBindingDialog {
+  .Select + .Select {
+    margin-top: $margin *0.5;
+  }
+  .Checkbox {
+    margin-top: $margin;
+  }
+  .name {
+    color: #a0a0a0;
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/view.tsx b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/view.tsx
new file mode 100644
index 0000000000..77f1724708
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/dialog/view.tsx
@@ -0,0 +1,326 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import type { IObservableValue } from "mobx";
+import { computed, observable, makeObservable, action } from "mobx";
+import { observer } from "mobx-react";
+import React from "react";
+import { NamespaceSelect } from "../../../+namespaces/namespace-select";
+import type { ClusterRole, Role, RoleApi, ServiceAccount } from "../../../../../common/k8s-api/endpoints";
+import type { DialogProps } from "../../../dialog";
+import { Dialog } from "../../../dialog";
+import { EditableList } from "../../../editable-list";
+import { Icon } from "../../../icon";
+import { SubTitle } from "../../../layout/sub-title";
+import type { SelectOption } from "../../../select";
+import { onMultiSelectFor, Select } from "../../../select";
+import { Wizard, WizardStep } from "../../../wizard";
+import { Input } from "../../../input";
+import { ObservableHashSet, nFircate } from "../../../../utils";
+import type { Subject } from "../../../../../common/k8s-api/endpoints/types/subject";
+import type { RoleBindingDialogState } from "./state.injectable";
+import type { RoleBindingStore } from "../store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import roleBindingStoreInjectable from "../store.injectable";
+import roleBindingDialogStateInjectable from "./state.injectable";
+import closeRoleBindingDialogInjectable from "./close.injectable";
+import type { ShowDetails } from "../../../kube-detail-params/show-details.injectable";
+import type { RoleStore } from "../../+roles/store";
+import type { ClusterRoleStore } from "../../+cluster-roles/store";
+import type { ServiceAccountStore } from "../../+service-accounts/store";
+import showDetailsInjectable from "../../../kube-detail-params/show-details.injectable";
+import clusterRoleStoreInjectable from "../../+cluster-roles/store.injectable";
+import roleStoreInjectable from "../../+roles/store.injectable";
+import serviceAccountStoreInjectable from "../../+service-accounts/store.injectable";
+import roleApiInjectable from "../../../../../common/k8s-api/endpoints/role.api.injectable";
+import type { ShowCheckedErrorNotification } from "../../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../../notifications/show-checked-error.injectable";
+
+export interface RoleBindingDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  state: IObservableValue<RoleBindingDialogState>;
+  roleBindingStore: RoleBindingStore;
+  closeRoleBindingDialog: () => void;
+  showDetails: ShowDetails;
+  roleStore: RoleStore;
+  clusterRoleStore: ClusterRoleStore;
+  serviceAccountStore: ServiceAccountStore;
+  roleApi: RoleApi;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedRoleBindingDialog extends React.Component<RoleBindingDialogProps & Dependencies> {
+  constructor(props: RoleBindingDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed get roleBinding() {
+    return this.props.state.get().roleBinding;
+  }
+
+  @computed get isEditing() {
+    return !!this.roleBinding;
+  }
+
+  @observable.ref selectedRoleRef: Role | ClusterRole | null | undefined = null;
+  @observable bindingName = "";
+  @observable bindingNamespace: string | null = null;
+  selectedAccounts = new ObservableHashSet<ServiceAccount>([], sa => sa.metadata.uid);
+  selectedUsers = observable.set<string>([]);
+  selectedGroups = observable.set<string>([]);
+
+  @computed get selectedBindings(): Subject[] {
+    const serviceAccounts: Subject[] = Array.from(this.selectedAccounts, sa => ({
+      name: sa.getName(),
+      kind: "ServiceAccount",
+      namespace: sa.getNs(),
+    }));
+    const users: Subject[] = Array.from(this.selectedUsers, user => ({
+      name: user,
+      kind: "User",
+    }));
+    const groups: Subject[] = Array.from(this.selectedGroups, group => ({
+      name: group,
+      kind: "Group",
+    }));
+
+    return [
+      ...serviceAccounts,
+      ...users,
+      ...groups,
+    ];
+  }
+
+  @computed get roleRefOptions(): SelectOption<Role | ClusterRole>[] {
+    const {
+      roleStore,
+      clusterRoleStore,
+    } = this.props;
+    const roles = roleStore.items
+      .filter(role => role.getNs() === this.bindingNamespace);
+    const clusterRoles = clusterRoleStore.items;
+
+    return [
+      ...roles,
+      ...clusterRoles,
+    ].map(r => ({
+      value: r,
+      label: r.getName(),
+    }));
+  }
+
+  @computed get serviceAccountOptions(): SelectOption<ServiceAccount>[] {
+    return this.props.serviceAccountStore.items.map(serviceAccount => ({
+      value: serviceAccount,
+      label: `${serviceAccount.getName()} (${serviceAccount.getNs()})`,
+      isSelected: this.selectedAccounts.has(serviceAccount),
+    }));
+  }
+
+  onOpen = action(() => {
+    const {
+      roleStore,
+      clusterRoleStore,
+      serviceAccountStore,
+      roleApi,
+    } = this.props;
+    const binding = this.roleBinding;
+
+    if (!binding) {
+      return this.reset();
+    }
+
+    this.selectedRoleRef = (
+      binding.roleRef.kind === roleApi.kind
+        ? roleStore.items.find(item => item.getName() === binding.roleRef.name)
+        : clusterRoleStore.items.find(item => item.getName() === binding.roleRef.name)
+    );
+
+    this.bindingName = binding.getName();
+    this.bindingNamespace = binding.getNs();
+
+    const [saSubjects, uSubjects, gSubjects] = nFircate(binding.getSubjects(), "kind", ["ServiceAccount", "User", "Group"]);
+    const accountNames = new Set(saSubjects.map(acc => acc.name));
+
+    this.selectedAccounts.replace(
+      serviceAccountStore.items
+        .filter(sa => accountNames.has(sa.getName())),
+    );
+    this.selectedUsers.replace(uSubjects.map(user => user.name));
+    this.selectedGroups.replace(gSubjects.map(group => group.name));
+  });
+
+  reset = action(() => {
+    this.selectedRoleRef = null;
+    this.bindingName = "";
+    this.bindingNamespace = "";
+    this.selectedAccounts.clear();
+    this.selectedUsers.clear();
+    this.selectedGroups.clear();
+  });
+
+  createBindings = async () => {
+    const {
+      roleBindingStore,
+      showDetails,
+      showCheckedErrorNotification,
+    } = this.props;
+    const { selectedRoleRef, bindingNamespace, selectedBindings, roleBinding, bindingName } = this;
+
+    if (!selectedRoleRef || !roleBinding || !bindingNamespace || !bindingName) {
+      return;
+    }
+
+    try {
+      const newRoleBinding = this.isEditing
+        ? await roleBindingStore.updateSubjects(roleBinding, selectedBindings)
+        : await roleBindingStore.create({
+          name: bindingName,
+          namespace: bindingNamespace,
+        }, {
+          subjects: selectedBindings,
+          roleRef: {
+            name: selectedRoleRef.getName(),
+            kind: selectedRoleRef.kind,
+          },
+        });
+
+      showDetails(newRoleBinding.selfLink);
+      this.props.closeRoleBindingDialog();
+    } catch (err) {
+      showCheckedErrorNotification(err, `Unknown error occured while ${this.isEditing ? "editing" : "creating"} role bindings.`);
+    }
+  };
+
+  renderContents() {
+    return (
+      <>
+        <SubTitle title="Namespace" />
+        <NamespaceSelect
+          id="dialog-namespace-input"
+          themeName="light"
+          isDisabled={this.isEditing}
+          value={this.bindingNamespace}
+          autoFocus={!this.isEditing}
+          onChange={opt => this.bindingNamespace = opt?.value ?? null}
+        />
+
+        <SubTitle title="Role Reference" />
+        <Select
+          id="role-reference-input"
+          themeName="light"
+          placeholder="Select role or cluster role ..."
+          isDisabled={this.isEditing}
+          options={this.roleRefOptions}
+          value={this.selectedRoleRef}
+          onChange={option => {
+            this.selectedRoleRef = option?.value;
+
+            if (!this.selectedRoleRef || this.bindingName === this.selectedRoleRef.getName()) {
+              this.bindingName = option?.value.getName() ?? "";
+            }
+          }}
+        />
+
+        <SubTitle title="Binding Name" />
+        <Input
+          disabled={this.isEditing}
+          value={this.bindingName}
+          onChange={value => this.bindingName = value}
+        />
+
+        <SubTitle title="Binding targets" />
+
+        <b>Users</b>
+        <EditableList
+          placeholder="Bind to User Account ..."
+          add={(newUser) => this.selectedUsers.add(newUser)}
+          items={Array.from(this.selectedUsers)}
+          remove={({ oldItem }) => this.selectedUsers.delete(oldItem)}
+        />
+
+        <b>Groups</b>
+        <EditableList
+          placeholder="Bind to User Group ..."
+          add={(newGroup) => this.selectedGroups.add(newGroup)}
+          items={Array.from(this.selectedGroups)}
+          remove={({ oldItem }) => this.selectedGroups.delete(oldItem)}
+        />
+
+        <b>Service Accounts</b>
+        <Select
+          id="service-account-input"
+          isMulti
+          themeName="light"
+          placeholder="Select service accounts ..."
+          options={this.serviceAccountOptions}
+          formatOptionLabel={option => (
+            <>
+              <Icon small material="account_box" />
+              {` ${option.label}`}
+            </>
+          )}
+          onChange={onMultiSelectFor(this.selectedAccounts)}
+          maxMenuHeight={200}
+        />
+      </>
+    );
+  }
+
+  render() {
+    const { closeRoleBindingDialog, roleBindingStore, state, ...dialogProps } = this.props;
+    const [action, nextLabel] = this.isEditing ? ["Edit", "Update"] : ["Add", "Create"];
+    const disableNext = !this.selectedRoleRef || !this.selectedBindings.length || !this.bindingNamespace || !this.bindingName;
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className="AddRoleBindingDialog"
+        isOpen={state.get().isOpen}
+        close={closeRoleBindingDialog}
+        onClose={this.reset}
+        onOpen={this.onOpen}
+      >
+        <Wizard
+          header={(
+            <h5>
+              {`${action} RoleBinding`}
+            </h5>
+          )}
+          done={closeRoleBindingDialog}
+        >
+          <WizardStep
+            nextLabel={nextLabel}
+            next={this.createBindings}
+            disabledNext={disableNext}
+          >
+            {this.renderContents()}
+          </WizardStep>
+        </Wizard>
+      </Dialog>
+    );
+  }
+}
+
+export const RoleBindingDialog = withInjectables<Dependencies, RoleBindingDialogProps>(NonInjectedRoleBindingDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    roleBindingStore: di.inject(roleBindingStoreInjectable),
+    state: di.inject(roleBindingDialogStateInjectable),
+    closeRoleBindingDialog: di.inject(closeRoleBindingDialogInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+    clusterRoleStore: di.inject(clusterRoleStoreInjectable),
+    roleStore: di.inject(roleStoreInjectable),
+    serviceAccountStore: di.inject(serviceAccountStoreInjectable),
+    roleApi: di.inject(roleApiInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/index.ts b/packages/core/src/renderer/components/+user-management/+role-bindings/index.ts
new file mode 100644
index 0000000000..59d5a476cb
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/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 "./view";
+export * from "./details";
+export * from "./dialog/view";
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/role-bindings-route-component.injectable.ts b/packages/core/src/renderer/components/+user-management/+role-bindings/role-bindings-route-component.injectable.ts
new file mode 100644
index 0000000000..4d0ccb4bca
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/role-bindings-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 { RoleBindings } from "./view";
+import roleBindingsRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/role-bindings/role-bindings-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../../routes/route-specific-component-injection-token";
+
+const roleBindingsRouteComponentInjectable = getInjectable({
+  id: "role-bindings-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(roleBindingsRouteInjectable),
+    Component: RoleBindings,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default roleBindingsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/role-bindings-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+user-management/+role-bindings/role-bindings-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..f2eb240839
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/role-bindings-sidebar-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 roleBindingsRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/role-bindings/role-bindings-route.injectable";
+import { userManagementSidebarItemId } from "../user-management-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../../routes/route-is-active.injectable";
+import navigateToRoleBindingsInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/role-bindings/navigate-to-role-bindings.injectable";
+
+const roleBindingsSidebarItemsInjectable = getInjectable({
+  id: "role-bindings-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(roleBindingsRouteInjectable);
+    const navigateToRoleBindings = di.inject(navigateToRoleBindingsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "role-bindings",
+        parentId: userManagementSidebarItemId,
+        title: "Role Bindings",
+        onClick: navigateToRoleBindings,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 50,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default roleBindingsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/store.injectable.ts b/packages/core/src/renderer/components/+user-management/+role-bindings/store.injectable.ts
new file mode 100644
index 0000000000..416223b071
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/store.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 assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../../common/k8s-api/api-manager/manager.injectable";
+import roleBindingApiInjectable from "../../../../common/k8s-api/endpoints/role-binding.api.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
+import { RoleBindingStore } from "./store";
+
+const roleBindingStoreInjectable = getInjectable({
+  id: "role-binding-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "roleBindingStore is only available in certain environments");
+
+    const api = di.inject(roleBindingApiInjectable);
+
+    return new RoleBindingStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default roleBindingStoreInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/store.ts b/packages/core/src/renderer/components/+user-management/+role-bindings/store.ts
new file mode 100644
index 0000000000..937497113c
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/store.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 type { RoleBinding, RoleBindingApi, RoleBindingData } from "../../../../common/k8s-api/endpoints";
+import type { Subject } from "../../../../common/k8s-api/endpoints/types/subject";
+import { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
+import { HashSet } from "../../../utils";
+import { hashSubject } from "../hashers";
+
+export class RoleBindingStore extends KubeObjectStore<RoleBinding, RoleBindingApi, RoleBindingData> {
+  protected sortItems(items: RoleBinding[]) {
+    return super.sortItems(items, [
+      roleBinding => roleBinding.kind,
+      roleBinding => roleBinding.getName(),
+    ]);
+  }
+
+  async updateSubjects(roleBinding: RoleBinding, subjects: Subject[]) {
+    return this.update(roleBinding, {
+      roleRef: roleBinding.roleRef,
+      subjects,
+    });
+  }
+
+  async removeSubjects(roleBinding: RoleBinding, subjectsToRemove: Iterable<Subject>) {
+    const currentSubjects = new HashSet(roleBinding.getSubjects(), hashSubject);
+
+    for (const subject of subjectsToRemove) {
+      currentSubjects.delete(subject);
+    }
+
+    return this.updateSubjects(roleBinding, currentSubjects.toJSON());
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/view.scss b/packages/core/src/renderer/components/+user-management/+role-bindings/view.scss
new file mode 100644
index 0000000000..d57c5679c3
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/view.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.RoleBindings {
+  .help-icon {
+    margin-left: $margin * 0.5;
+  }
+
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+role-bindings/view.tsx b/packages/core/src/renderer/components/+user-management/+role-bindings/view.tsx
new file mode 100644
index 0000000000..3f5e458453
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+role-bindings/view.tsx
@@ -0,0 +1,117 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import "./view.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+import { KubeObjectListLayout } from "../../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../../kube-object-status-icon";
+import { RoleBindingDialog } from "./dialog/view";
+import { SiblingsInTabLayout } from "../../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../../kube-object/age";
+import type { RoleStore } from "../+roles/store";
+import type { ServiceAccountStore } from "../+service-accounts/store";
+import type { RoleBindingStore } from "./store";
+import { prevDefault } from "../../../utils";
+import type { ClusterRoleStore } from "../+cluster-roles/store";
+import type { FilterByNamespace } from "../../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import clusterRoleStoreInjectable from "../+cluster-roles/store.injectable";
+import filterByNamespaceInjectable from "../../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import roleBindingStoreInjectable from "./store.injectable";
+import roleStoreInjectable from "../+roles/store.injectable";
+import serviceAccountStoreInjectable from "../+service-accounts/store.injectable";
+import type { OpenRoleBindingDialog } from "./dialog/open.injectable";
+import openRoleBindingDialogInjectable from "./dialog/open.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  bindings = "bindings",
+  age = "age",
+}
+
+interface Dependencies {
+  roleBindingStore: RoleBindingStore;
+  roleStore: RoleStore;
+  clusterRoleStore: ClusterRoleStore;
+  serviceAccountStore: ServiceAccountStore;
+  filterByNamespace: FilterByNamespace;
+  openRoleBindingDialog: OpenRoleBindingDialog;
+}
+
+@observer
+class NonInjectedRoleBindings extends React.Component<Dependencies> {
+  render() {
+    const {
+      clusterRoleStore,
+      roleBindingStore,
+      roleStore,
+      serviceAccountStore,
+      filterByNamespace,
+      openRoleBindingDialog,
+    } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="access_role_bindings"
+          className="RoleBindings"
+          store={roleBindingStore}
+          dependentStores={[roleStore, clusterRoleStore, serviceAccountStore]}
+          sortingCallbacks={{
+            [columnId.name]: binding => binding.getName(),
+            [columnId.namespace]: binding => binding.getNs(),
+            [columnId.bindings]: binding => binding.getSubjectNames(),
+            [columnId.age]: binding => -binding.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            binding => binding.getSearchFields(),
+            binding => binding.getSubjectNames(),
+          ]}
+          renderHeaderTitle="Role Bindings"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Bindings", className: "bindings", sortBy: columnId.bindings, id: columnId.bindings },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={binding => [
+            binding.getName(),
+            <KubeObjectStatusIcon key="icon" object={binding} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => filterByNamespace(binding.getNs()))}
+            >
+              {binding.getNs()}
+            </a>,
+            binding.getSubjectNames(),
+            <KubeObjectAge key="age" object={binding} />,
+          ]}
+          addRemoveButtons={{
+            onAdd: () => openRoleBindingDialog(),
+            addTooltip: "Create new RoleBinding",
+          }}
+        />
+        <RoleBindingDialog />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const RoleBindings = withInjectables<Dependencies>(NonInjectedRoleBindings, {
+  getProps: (di, props) => ({
+    ...props,
+    clusterRoleStore: di.inject(clusterRoleStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    roleBindingStore: di.inject(roleBindingStoreInjectable),
+    roleStore: di.inject(roleStoreInjectable),
+    serviceAccountStore: di.inject(serviceAccountStoreInjectable),
+    openRoleBindingDialog: di.inject(openRoleBindingDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+roles/add-dialog/close.injectable.ts b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/close.injectable.ts
new file mode 100644
index 0000000000..197d6f9b2a
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/close.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 { action } from "mobx";
+import addRoleDialogStateInjectable from "./state.injectable";
+
+const closeAddRoleDialogInjectable = getInjectable({
+  id: "close-add-role-dialog",
+  instantiate: (di) => {
+    const state = di.inject(addRoleDialogStateInjectable);
+
+    return action(() => {
+      state.isOpen.set(false);
+      state.namespace.set("");
+      state.roleName.set("");
+    });
+  },
+});
+
+export default closeAddRoleDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+roles/add-dialog/open.injectable.ts b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/open.injectable.ts
new file mode 100644
index 0000000000..57c53ce70e
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/open.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 { action } from "mobx";
+import addRoleDialogStateInjectable from "./state.injectable";
+
+const openAddRoleDialogInjectable = getInjectable({
+  id: "open-add-role-dialog",
+  instantiate: (di) => {
+    const state = di.inject(addRoleDialogStateInjectable);
+
+    return action(() => {
+      state.isOpen.set(true);
+      state.namespace.set("");
+      state.roleName.set("");
+    });
+  },
+});
+
+export default openAddRoleDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+roles/add-dialog/state.injectable.ts b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/state.injectable.ts
new file mode 100644
index 0000000000..5b76b23cc5
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/state.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 { IObservableValue } from "mobx";
+import { observable } from "mobx";
+
+export interface AddRoleDialogState {
+  readonly isOpen: IObservableValue<boolean>;
+  readonly roleName: IObservableValue<string>;
+  readonly namespace: IObservableValue<string>;
+}
+
+const addRoleDialogStateInjectable = getInjectable({
+  id: "add-role-dialog-state",
+  instantiate: (): AddRoleDialogState => ({
+    isOpen: observable.box(false),
+    roleName: observable.box(""),
+    namespace: observable.box(""),
+  }),
+});
+
+export default addRoleDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+roles/add-dialog/view.scss b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/view.scss
new file mode 100644
index 0000000000..8a185ef137
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/view.scss
@@ -0,0 +1,5 @@
+.AddRoleDialog {
+  .MonacoEditor {
+    min-height: 200px;
+  }
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/+user-management/+roles/add-dialog/view.tsx b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/view.tsx
new file mode 100644
index 0000000000..d892d08aa7
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/add-dialog/view.tsx
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+
+import { NamespaceSelect } from "../../../+namespaces/namespace-select";
+import type { DialogProps } from "../../../dialog";
+import { Dialog } from "../../../dialog";
+import { Input } from "../../../input";
+import { SubTitle } from "../../../layout/sub-title";
+import { Wizard, WizardStep } from "../../../wizard";
+import type { AddRoleDialogState } from "./state.injectable";
+import type { RoleStore } from "../store";
+import type { ShowDetails } from "../../../kube-detail-params/show-details.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import closeAddRoleDialogInjectable from "./close.injectable";
+import roleStoreInjectable from "../store.injectable";
+import showDetailsInjectable from "../../../kube-detail-params/show-details.injectable";
+import addRoleDialogStateInjectable from "./state.injectable";
+import type { ShowCheckedErrorNotification } from "../../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../../notifications/show-checked-error.injectable";
+
+export interface AddRoleDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  closeAddRoleDialog: () => void;
+  showDetails: ShowDetails;
+  state: AddRoleDialogState;
+  roleStore: RoleStore;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedAddRoleDialog extends React.Component<AddRoleDialogProps & Dependencies> {
+  createRole = async () => {
+    const {
+      closeAddRoleDialog,
+      roleStore,
+      state,
+      showDetails,
+      showCheckedErrorNotification,
+    } = this.props;
+
+    try {
+      const role = await roleStore.create({
+        name: state.roleName.get(),
+        namespace: state.namespace.get(),
+      });
+
+      showDetails(role.selfLink);
+      closeAddRoleDialog();
+    } catch (err) {
+      showCheckedErrorNotification(err, "Unknown error occured while creating role");
+    }
+  };
+
+  render() {
+    const { closeAddRoleDialog, roleStore, state, ...dialogProps } = this.props;
+    const header = <h5>Create Role</h5>;
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className="AddRoleDialog"
+        isOpen={state.isOpen.get()}
+        close={closeAddRoleDialog}
+      >
+        <Wizard header={header} done={closeAddRoleDialog}>
+          <WizardStep
+            contentClass="flex gaps column"
+            nextLabel="Create"
+            next={this.createRole}
+          >
+            <SubTitle title="Role Name" />
+            <Input
+              required
+              autoFocus
+              placeholder="Name"
+              iconLeft="supervisor_account"
+              value={state.roleName.get()}
+              onChange={v => state.roleName.set(v)}
+            />
+            <SubTitle title="Namespace" />
+            <NamespaceSelect
+              id="add-dialog-namespace-select-input"
+              themeName="light"
+              value={state.namespace.get()}
+              onChange={option => state.namespace.set(option?.value ?? "default")}
+            />
+          </WizardStep>
+        </Wizard>
+      </Dialog>
+    );
+  }
+}
+
+export const AddRoleDialog = withInjectables<Dependencies, AddRoleDialogProps>(NonInjectedAddRoleDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    closeAddRoleDialog: di.inject(closeAddRoleDialogInjectable),
+    roleStore: di.inject(roleStoreInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+    state: di.inject(addRoleDialogStateInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+roles/details.scss b/packages/core/src/renderer/components/+user-management/+roles/details.scss
new file mode 100644
index 0000000000..c93ac17687
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/details.scss
@@ -0,0 +1,21 @@
+.RoleDetails {
+  .rule {
+    display: grid;
+    grid-template-columns: min-content auto;
+    gap: $margin;
+
+    border: 1px solid var(--borderColor);
+    border-radius: $radius;
+    padding: $padding * 1.5;
+
+    > .name {
+      color: var(--textColorSecondary);
+      text-align: right;
+      white-space: nowrap;
+    }
+
+    &:not(:last-child) {
+      margin-bottom: $margin * 2;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+roles/details.tsx b/packages/core/src/renderer/components/+user-management/+roles/details.tsx
new file mode 100644
index 0000000000..9257d7095e
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/details.tsx
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./details.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+
+import type { Role } from "../../../../common/k8s-api/endpoints";
+import { DrawerTitle } from "../../drawer";
+import type { KubeObjectDetailsProps } from "../../kube-object-details";
+
+export interface RoleDetailsProps extends KubeObjectDetailsProps<Role> {
+}
+
+@observer
+export class RoleDetails extends React.Component<RoleDetailsProps> {
+  render() {
+    const { object: role } = this.props;
+
+    if (!role) return null;
+    const rules = role.getRules();
+
+    return (
+      <div className="RoleDetails">
+        <DrawerTitle>Rules</DrawerTitle>
+        {rules.map(({ resourceNames, apiGroups, resources, verbs }, index) => {
+          return (
+            <div className="rule" key={index}>
+              {resources && (
+                <>
+                  <div className="name">Resources</div>
+                  <div className="value">{resources.join(", ")}</div>
+                </>
+              )}
+              {verbs && (
+                <>
+                  <div className="name">Verbs</div>
+                  <div className="value">{verbs.join(", ")}</div>
+                </>
+              )}
+              {apiGroups && (
+                <>
+                  <div className="name">Api Groups</div>
+                  <div className="value">
+                    {apiGroups
+                      .map(apiGroup => apiGroup === "" ? `'${apiGroup}'` : apiGroup)
+                      .join(", ")
+                    }
+                  </div>
+                </>
+              )}
+              {resourceNames && (
+                <>
+                  <div className="name">Resource Names</div>
+                  <div className="value">{resourceNames.join(", ")}</div>
+                </>
+              )}
+            </div>
+          );
+        })}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+roles/index.ts b/packages/core/src/renderer/components/+user-management/+roles/index.ts
new file mode 100644
index 0000000000..f55fa5914b
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/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 "./view";
+export * from "./details";
+export * from "./add-dialog/view";
diff --git a/packages/core/src/renderer/components/+user-management/+roles/roles-route-component.injectable.ts b/packages/core/src/renderer/components/+user-management/+roles/roles-route-component.injectable.ts
new file mode 100644
index 0000000000..980b2499de
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/roles-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 { Roles } from "./view";
+import rolesRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/roles/roles-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../../routes/route-specific-component-injection-token";
+
+const rolesRouteComponentInjectable = getInjectable({
+  id: "roles-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(rolesRouteInjectable),
+    Component: Roles,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default rolesRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+roles/roles-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+user-management/+roles/roles-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..97ee9715a2
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/roles-sidebar-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 rolesRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/roles/roles-route.injectable";
+import { userManagementSidebarItemId } from "../user-management-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../../routes/route-is-active.injectable";
+import navigateToRolesInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/roles/navigate-to-roles.injectable";
+
+const rolesSidebarItemsInjectable = getInjectable({
+  id: "roles-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(rolesRouteInjectable);
+    const navigateToRoles = di.inject(navigateToRolesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "roles",
+        parentId: userManagementSidebarItemId,
+        title: "Roles",
+        onClick: navigateToRoles,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 30,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default rolesSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+roles/store.injectable.ts b/packages/core/src/renderer/components/+user-management/+roles/store.injectable.ts
new file mode 100644
index 0000000000..f0df652438
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/store.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 assert from "assert";
+import roleApiInjectable from "../../../../common/k8s-api/endpoints/role.api.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../../common/k8s-api/api-manager/manager.injectable";
+import { RoleStore } from "./store";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../../cluster-frame-context/for-namespaced-resources.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+
+const roleStoreInjectable = getInjectable({
+  id: "role-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "roleStore is only available in certain environments");
+
+    const api = di.inject(roleApiInjectable);
+
+    return new RoleStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default roleStoreInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+roles/store.ts b/packages/core/src/renderer/components/+user-management/+roles/store.ts
new file mode 100644
index 0000000000..5292d9b699
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/store.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 { Role, RoleApi, RoleData } from "../../../../common/k8s-api/endpoints";
+import { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
+
+export class RoleStore extends KubeObjectStore<Role, RoleApi, RoleData> {
+  protected sortItems(items: Role[]) {
+    return super.sortItems(items, [
+      role => role.kind,
+      role => role.getName(),
+    ]);
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+roles/view.scss b/packages/core/src/renderer/components/+user-management/+roles/view.scss
new file mode 100644
index 0000000000..7ed72f8cc2
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/view.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Roles {
+  .help-icon {
+    margin-left: $margin * 0.5;
+  }
+
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+roles/view.tsx b/packages/core/src/renderer/components/+user-management/+roles/view.tsx
new file mode 100644
index 0000000000..bf308b38af
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+roles/view.tsx
@@ -0,0 +1,96 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+import { KubeObjectListLayout } from "../../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../../kube-object-status-icon";
+import { AddRoleDialog } from "./add-dialog/view";
+import { SiblingsInTabLayout } from "../../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../../kube-object/age";
+import type { RoleStore } from "./store";
+import { prevDefault } from "../../../utils";
+import type { FilterByNamespace } from "../../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import roleStoreInjectable from "./store.injectable";
+import openAddRoleDialogInjectable from "./add-dialog/open.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  age = "age",
+}
+
+interface Dependencies {
+  roleStore: RoleStore;
+  filterByNamespace: FilterByNamespace;
+  openAddRoleDialog: () => void;
+}
+
+@observer
+class NonInjectedRoles extends React.Component<Dependencies> {
+  render() {
+    const {
+      filterByNamespace,
+      roleStore,
+      openAddRoleDialog,
+    } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="access_roles"
+          className="Roles"
+          store={roleStore}
+          sortingCallbacks={{
+            [columnId.name]: role => role.getName(),
+            [columnId.namespace]: role => role.getNs(),
+            [columnId.age]: role => -role.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            role => role.getSearchFields(),
+          ]}
+          renderHeaderTitle="Roles"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={role => [
+            role.getName(),
+            <KubeObjectStatusIcon key="icon" object={role} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => filterByNamespace(role.getNs()))}
+            >
+              {role.getNs()}
+            </a>,
+            <KubeObjectAge key="age" object={role} />,
+          ]}
+          addRemoveButtons={{
+            onAdd: () => openAddRoleDialog(),
+            addTooltip: "Create new Role",
+          }}
+        />
+        <AddRoleDialog/>
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const Roles = withInjectables<Dependencies>(NonInjectedRoles, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    roleStore: di.inject(roleStoreInjectable),
+    openAddRoleDialog: di.inject(openAddRoleDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/close.injectable.ts b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/close.injectable.ts
new file mode 100644
index 0000000000..7c722c1264
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/close.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 { action } from "mobx";
+import createServiceAccountDialogStateInjectable from "./state.injectable";
+
+const closeCreateServiceAccountDialogInjectable = getInjectable({
+  id: "close-create-service-account-dialog",
+  instantiate: (di) => {
+    const state = di.inject(createServiceAccountDialogStateInjectable);
+
+    return action(() => {
+      state.isOpen.set(false);
+      state.name.set("");
+      state.namespace.set("default");
+    });
+  },
+});
+
+export default closeCreateServiceAccountDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/open.injectable.ts b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/open.injectable.ts
new file mode 100644
index 0000000000..d1410817c9
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/open.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 { action } from "mobx";
+import createServiceAccountDialogStateInjectable from "./state.injectable";
+
+export type OpenCreateServiceAccountDialog = () => void;
+
+const openCreateServiceAccountDialogInjectable = getInjectable({
+  id: "open-create-service-account-dialog",
+  instantiate: (di) => {
+    const state = di.inject(createServiceAccountDialogStateInjectable);
+
+    return action(() => {
+      state.isOpen.set(true);
+      state.name.set("");
+      state.namespace.set("default");
+    });
+  },
+});
+
+export default openCreateServiceAccountDialogInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/state.injectable.ts b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/state.injectable.ts
new file mode 100644
index 0000000000..8ca5455fbd
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/state.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 { IObservableValue } from "mobx";
+import { observable } from "mobx";
+
+export interface CreateServiceAccountDialogState {
+  readonly isOpen: IObservableValue<boolean>;
+  readonly name: IObservableValue<string>;
+  readonly namespace: IObservableValue<string>;
+}
+
+const createServiceAccountDialogStateInjectable = getInjectable({
+  id: "create-service-account-dialog",
+  instantiate: (): CreateServiceAccountDialogState => ({
+    isOpen: observable.box(false),
+    name: observable.box(""),
+    namespace: observable.box("default"),
+  }),
+});
+
+export default createServiceAccountDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/view.scss b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/view.scss
new file mode 100644
index 0000000000..8f56fbe7b3
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/view.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.CreateServiceAccountDialog {
+}
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/view.tsx b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/view.tsx
new file mode 100644
index 0000000000..6b112b6ea9
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/create-dialog/view.tsx
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+
+import { NamespaceSelect } from "../../../+namespaces/namespace-select";
+import type { DialogProps } from "../../../dialog";
+import { Dialog } from "../../../dialog";
+import { Input } from "../../../input";
+import { systemName } from "../../../input/input_validators";
+import { SubTitle } from "../../../layout/sub-title";
+import { Wizard, WizardStep } from "../../../wizard";
+import type { CreateServiceAccountDialogState } from "./state.injectable";
+import type { ServiceAccountStore } from "../store";
+import type { ShowDetails } from "../../../kube-detail-params/show-details.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import closeCreateServiceAccountDialogInjectable from "./close.injectable";
+import serviceAccountStoreInjectable from "../store.injectable";
+import showDetailsInjectable from "../../../kube-detail-params/show-details.injectable";
+import createServiceAccountDialogStateInjectable from "./state.injectable";
+import type { ShowCheckedErrorNotification } from "../../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../../notifications/show-checked-error.injectable";
+
+export interface CreateServiceAccountDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  state: CreateServiceAccountDialogState;
+  serviceAccountStore: ServiceAccountStore;
+  closeCreateServiceAccountDialog: () => void;
+  showDetails: ShowDetails;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedCreateServiceAccountDialog extends React.Component<CreateServiceAccountDialogProps & Dependencies> {
+  createAccount = async () => {
+    const {
+      closeCreateServiceAccountDialog,
+      serviceAccountStore,
+      state,
+      showDetails,
+      showCheckedErrorNotification,
+    } = this.props;
+
+    try {
+      const serviceAccount = await serviceAccountStore.create({
+        namespace: state.namespace.get(),
+        name: state.name.get(),
+      });
+
+      showDetails(serviceAccount.selfLink);
+      closeCreateServiceAccountDialog();
+    } catch (err) {
+      showCheckedErrorNotification(err, "Unknown error occured while creating service account");
+    }
+  };
+
+  render() {
+    const { closeCreateServiceAccountDialog, serviceAccountStore, state, ...dialogProps } = this.props;
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className="CreateServiceAccountDialog"
+        isOpen={state.isOpen.get()}
+        close={closeCreateServiceAccountDialog}
+      >
+        <Wizard
+          header={<h5>Create Service Account</h5>}
+          done={closeCreateServiceAccountDialog}
+        >
+          <WizardStep nextLabel="Create" next={this.createAccount}>
+            <SubTitle title="Account Name" />
+            <Input
+              autoFocus
+              required
+              placeholder="Enter a name"
+              trim
+              validators={systemName}
+              value={state.name.get()}
+              onChange={v => state.name.set(v.toLowerCase())}
+            />
+            <SubTitle title="Namespace" />
+            <NamespaceSelect
+              id="create-dialog-namespace-select-input"
+              themeName="light"
+              value={state.namespace.get()}
+              onChange={option => state.namespace.set(option?.value ?? "default")}
+            />
+          </WizardStep>
+        </Wizard>
+      </Dialog>
+    );
+  }
+}
+
+export const CreateServiceAccountDialog = withInjectables<Dependencies, CreateServiceAccountDialogProps>(NonInjectedCreateServiceAccountDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    closeCreateServiceAccountDialog: di.inject(closeCreateServiceAccountDialogInjectable),
+    serviceAccountStore: di.inject(serviceAccountStoreInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+    state: di.inject(createServiceAccountDialogStateInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/details.scss b/packages/core/src/renderer/components/+user-management/+service-accounts/details.scss
new file mode 100644
index 0000000000..82e4f5edf8
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/details.scss
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ServiceAccountsDetails {
+  .links {
+    a {
+      margin-right: $margin;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/details.tsx b/packages/core/src/renderer/components/+user-management/+service-accounts/details.tsx
new file mode 100644
index 0000000000..2c0bec0f0a
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/details.tsx
@@ -0,0 +1,165 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./details.scss";
+
+import { autorun, observable, runInAction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import React from "react";
+import { Link } from "react-router-dom";
+
+import type { Secret, ServiceAccount } from "../../../../common/k8s-api/endpoints";
+import { DrawerItem, DrawerTitle } from "../../drawer";
+import { Icon } from "../../icon";
+import type { KubeObjectDetailsProps } from "../../kube-object-details";
+import { Spinner } from "../../spinner";
+import { ServiceAccountsSecret } from "./secret";
+import type { SecretStore } from "../../+config-secrets/store";
+import type { GetDetailsUrl } from "../../kube-detail-params/get-details-url.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import getDetailsUrlInjectable from "../../kube-detail-params/get-details-url.injectable";
+import secretStoreInjectable from "../../+config-secrets/store.injectable";
+
+export interface ServiceAccountsDetailsProps extends KubeObjectDetailsProps<ServiceAccount> {
+}
+
+interface Dependencies {
+  secretStore: SecretStore;
+  getDetailsUrl: GetDetailsUrl;
+}
+
+@observer
+class NonInjectedServiceAccountsDetails extends React.Component<ServiceAccountsDetailsProps & Dependencies> {
+  readonly secrets = observable.array<Secret | string>();
+  readonly imagePullSecrets = observable.array<Secret | string>();
+
+  private defensiveLoadSecretIn = (namespace: string) => (
+    ({ name }: { name: string }) => (
+      this.props.secretStore.load({ name, namespace })
+        .catch(() => name)
+    )
+  );
+
+  componentDidMount(): void {
+    disposeOnUnmount(this, [
+      autorun(async () => {
+        runInAction(() => {
+          this.secrets.clear();
+          this.imagePullSecrets.clear();
+        });
+
+        const { object: serviceAccount } = this.props;
+        const namespace = serviceAccount?.getNs();
+
+        if (!namespace) {
+          return;
+        }
+
+        const defensiveLoadSecret = this.defensiveLoadSecretIn(namespace);
+
+        const secretLoaders = Promise.all(serviceAccount.getSecrets().map(defensiveLoadSecret));
+        const imagePullSecretLoaders = Promise.all(serviceAccount.getImagePullSecrets().map(defensiveLoadSecret));
+        const [secrets, imagePullSecrets] = await Promise.all([
+          secretLoaders,
+          imagePullSecretLoaders,
+        ]);
+
+        runInAction(() => {
+          this.secrets.replace(secrets);
+          this.imagePullSecrets.replace(imagePullSecrets);
+        });
+      }),
+    ]);
+  }
+
+  renderSecrets() {
+    const { secrets } = this;
+
+    if (!secrets) {
+      return <Spinner center/>;
+    }
+
+    return secrets.map(secret => (
+      <ServiceAccountsSecret
+        key={typeof secret === "string" ? secret : secret.getName()}
+        secret={secret}
+      />
+    ));
+  }
+
+  renderImagePullSecrets() {
+    const { imagePullSecrets } = this;
+
+    if (!imagePullSecrets) {
+      return <Spinner center/>;
+    }
+
+    return this.renderSecretLinks(imagePullSecrets);
+  }
+
+  renderSecretLinks(secrets: (Secret | string)[]) {
+    return secrets.map((secret) => {
+      if (typeof secret === "string") {
+        return (
+          <div key={secret}>
+            {secret}
+            <Icon
+              small
+              material="warning"
+              tooltip="Secret is not found"
+            />
+          </div>
+        );
+      }
+
+      return (
+        <Link key={secret.getId()} to={this.props.getDetailsUrl(secret.selfLink)}>
+          {secret.getName()}
+        </Link>
+      );
+    });
+  }
+
+  render() {
+    const { object: serviceAccount, secretStore } = this.props;
+
+    if (!serviceAccount) {
+      return null;
+    }
+    const tokens = secretStore.items.filter(secret =>
+      secret.getNs() == serviceAccount.getNs() &&
+      secret.getAnnotations().some(annot => annot == `kubernetes.io/service-account.name: ${serviceAccount.getName()}`),
+    );
+    const imagePullSecrets = serviceAccount.getImagePullSecrets();
+
+    return (
+      <div className="ServiceAccountsDetails">
+        {tokens.length > 0 && (
+          <DrawerItem name="Tokens" className="links">
+            {this.renderSecretLinks(tokens)}
+          </DrawerItem>
+        )}
+        {imagePullSecrets.length > 0 && (
+          <DrawerItem name="ImagePullSecrets" className="links">
+            {this.renderImagePullSecrets()}
+          </DrawerItem>
+        )}
+
+        <DrawerTitle>Mountable secrets</DrawerTitle>
+        <div className="secrets">
+          {this.renderSecrets()}
+        </div>
+      </div>
+    );
+  }
+}
+
+export const ServiceAccountsDetails = withInjectables<Dependencies, ServiceAccountsDetailsProps>(NonInjectedServiceAccountsDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    secretStore: di.inject(secretStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/index.ts b/packages/core/src/renderer/components/+user-management/+service-accounts/index.ts
new file mode 100644
index 0000000000..e011cad5cd
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/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 "./view";
+export * from "./details";
+export * from "./create-dialog/view";
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/secret.scss b/packages/core/src/renderer/components/+user-management/+service-accounts/secret.scss
new file mode 100644
index 0000000000..aae1be272e
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/secret.scss
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ServiceAccountsSecret {
+  margin-bottom: $margin * 3;
+
+  &:nth-child(even) {
+    margin-left: -$margin * 3;
+    margin-right: -$margin * 3;
+    padding: $padding $padding * 3;
+  }
+
+  .secret-row {
+    display: flex;
+    border-bottom: 1px solid var(--borderFaintColor);
+    padding: $padding 0;
+
+    &:first-child {
+      padding-top: 0
+    }
+  }
+
+  .name {
+    flex-basis: 23%;
+    color: var(--drawerItemNameColor);
+  }
+
+  .value {
+    flex-basis: 76%;
+    color: var(--drawerItemValueColor);
+    word-break: break-all;
+
+    &:empty:after {
+      content: '—'
+    }
+  }
+
+  .asterisks {
+    font-size: large;
+    margin-right: $margin * 0.5;
+    line-height: 90%;
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/secret.tsx b/packages/core/src/renderer/components/+user-management/+service-accounts/secret.tsx
new file mode 100644
index 0000000000..49acaa9ca8
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/secret.tsx
@@ -0,0 +1,105 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./secret.scss";
+
+import moment from "moment";
+import React from "react";
+
+import type { Secret } from "../../../../common/k8s-api/endpoints/secret.api";
+import { prevDefault } from "../../../utils";
+import { Icon } from "../../icon";
+
+export interface ServiceAccountsSecretProps {
+  secret: Secret | string;
+}
+
+interface State {
+  showToken: boolean;
+}
+
+interface RenderRowArgs {
+  name: string;
+  value: React.ReactNode;
+}
+
+export class ServiceAccountsSecret extends React.Component<ServiceAccountsSecretProps, State> {
+  public state: State = {
+    showToken: false,
+  };
+
+  renderSecretValue(secret: Secret) {
+    const { showToken } = this.state;
+
+    return (
+      <>
+        {!showToken && (
+          <>
+            <span className="asterisks">{"•".repeat(16)}</span>
+            <Icon
+              small
+              material="lock_open"
+              tooltip="Show value"
+              onClick={prevDefault(() => this.setState({ showToken: true }))}
+            />
+          </>
+        )}
+        {showToken && (
+          <span className="raw-value">{secret.getToken()}</span>
+        )}
+      </>
+    );
+  }
+
+  renderRow({ name, value }: RenderRowArgs) {
+    return (
+      <div className="secret-row">
+        <span className="name">{name}</span>
+        <span className="value">{value}</span>
+      </div>
+    );
+  }
+
+  render() {
+    const { secret } = this.props;
+
+    return (
+      <div className="ServiceAccountsSecret box grow-fixed">
+        {this.renderRow({
+          name: "Name: ",
+          value: (
+            typeof secret === "string"
+              ? secret
+              : secret.getName()
+          ),
+        })}
+        {this.renderRow({
+          name: "Value: ",
+          value: (
+            typeof secret === "string"
+              ? "<unknown>"
+              : this.renderSecretValue(secret)
+          ),
+        })}
+        {this.renderRow({
+          name: "Created at: ",
+          value: (
+            typeof secret === "string" || !secret.metadata.creationTimestamp
+              ? "<unknown>"
+              : moment(secret.metadata.creationTimestamp).format("LLL")
+          ),
+        })}
+        {this.renderRow({
+          name: "Type: ",
+          value: (
+            typeof secret === "string"
+              ? "<unknown>"
+              : secret.type
+          ),
+        })}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/service-account-menu.tsx b/packages/core/src/renderer/components/+user-management/+service-accounts/service-account-menu.tsx
new file mode 100644
index 0000000000..63b1d89a20
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/service-account-menu.tsx
@@ -0,0 +1,39 @@
+/**
+ * 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 { KubeObjectMenuProps } from "../../kube-object-menu";
+import type { ServiceAccount } from "../../../../common/k8s-api/endpoints";
+import { MenuItem } from "../../menu";
+import { Icon } from "../../icon";
+import type { OpenServiceAccountKubeConfigDialog } from "../../kubeconfig-dialog/open-service-account-kube-config-dialog.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import openServiceAccountKubeConfigDialogInjectable from "../../kubeconfig-dialog/open-service-account-kube-config-dialog.injectable";
+
+interface Dependencies {
+  openServiceAccountKubeConfigDialog: OpenServiceAccountKubeConfigDialog;
+}
+
+function NonInjectedServiceAccountMenu(props: KubeObjectMenuProps<ServiceAccount> & Dependencies) {
+  const { object, toolbar, openServiceAccountKubeConfigDialog } = props;
+
+  return (
+    <MenuItem onClick={() => openServiceAccountKubeConfigDialog(object)}>
+      <Icon
+        material="insert_drive_file"
+        tooltip="Kubeconfig File"
+        interactive={toolbar}
+      />
+      <span className="title">Kubeconfig</span>
+    </MenuItem>
+  );
+}
+
+export const ServiceAccountMenu = withInjectables<Dependencies, KubeObjectMenuProps<ServiceAccount>>(NonInjectedServiceAccountMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    openServiceAccountKubeConfigDialog: di.inject(openServiceAccountKubeConfigDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/service-accounts-route-component.injectable.ts b/packages/core/src/renderer/components/+user-management/+service-accounts/service-accounts-route-component.injectable.ts
new file mode 100644
index 0000000000..5903af5194
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/service-accounts-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 { ServiceAccounts } from "./view";
+import serviceAccountsRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/service-accounts/service-accounts-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../../routes/route-specific-component-injection-token";
+
+const serviceAccountsRouteComponentInjectable = getInjectable({
+  id: "service-accounts-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(serviceAccountsRouteInjectable),
+    Component: ServiceAccounts,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default serviceAccountsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/service-accounts-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+user-management/+service-accounts/service-accounts-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..d01b8d6480
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/service-accounts-sidebar-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 serviceAccountsRouteInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/service-accounts/service-accounts-route.injectable";
+import { userManagementSidebarItemId } from "../user-management-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../../routes/route-is-active.injectable";
+import navigateToServiceAccountsInjectable from "../../../../common/front-end-routing/routes/cluster/user-management/service-accounts/navigate-to-service-accounts.injectable";
+
+const serviceAccountsSidebarItemsInjectable = getInjectable({
+  id: "service-accounts-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(serviceAccountsRouteInjectable);
+    const navigateToServiceAccounts = di.inject(navigateToServiceAccountsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "service-accounts",
+        parentId: userManagementSidebarItemId,
+        title: "Service Accounts",
+        onClick: navigateToServiceAccounts,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 10,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default serviceAccountsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/store.injectable.ts b/packages/core/src/renderer/components/+user-management/+service-accounts/store.injectable.ts
new file mode 100644
index 0000000000..fd96db2d65
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/store.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 assert from "assert";
+import serviceAccountApiInjectable from "../../../../common/k8s-api/endpoints/service-account.api.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../../common/k8s-api/api-manager/manager.injectable";
+import { ServiceAccountStore } from "./store";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../../cluster-frame-context/for-namespaced-resources.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+
+const serviceAccountStoreInjectable = getInjectable({
+  id: "service-account-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "serviceAccountStore is only available in certain environments");
+
+    const api = di.inject(serviceAccountApiInjectable);
+
+    return new ServiceAccountStore({
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default serviceAccountStoreInjectable;
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/store.ts b/packages/core/src/renderer/components/+user-management/+service-accounts/store.ts
new file mode 100644
index 0000000000..27e5bbc401
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/store.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 { ServiceAccount, ServiceAccountApi, ServiceAccountData } from "../../../../common/k8s-api/endpoints";
+import { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
+
+export class ServiceAccountStore extends KubeObjectStore<ServiceAccount, ServiceAccountApi, ServiceAccountData> {
+  protected async createItem(params: { name: string; namespace?: string }) {
+    await super.createItem(params);
+
+    return this.api.get(params); // hackfix: load freshly created account, cause it doesn't have "secrets" field yet
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/view.scss b/packages/core/src/renderer/components/+user-management/+service-accounts/view.scss
new file mode 100644
index 0000000000..e1fa133b5e
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/view.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ServiceAccounts {
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+user-management/+service-accounts/view.tsx b/packages/core/src/renderer/components/+user-management/+service-accounts/view.tsx
new file mode 100644
index 0000000000..1043250d73
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/+service-accounts/view.tsx
@@ -0,0 +1,97 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+import { KubeObjectListLayout } from "../../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../../kube-object-status-icon";
+import { CreateServiceAccountDialog } from "./create-dialog/view";
+import { SiblingsInTabLayout } from "../../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../../kube-object/age";
+import { prevDefault } from "../../../utils";
+import type { ServiceAccountStore } from "./store";
+import type { FilterByNamespace } from "../../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import filterByNamespaceInjectable from "../../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import serviceAccountStoreInjectable from "./store.injectable";
+import type { OpenCreateServiceAccountDialog } from "./create-dialog/open.injectable";
+import openCreateServiceAccountDialogInjectable from "./create-dialog/open.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  age = "age",
+}
+
+interface Dependencies {
+  serviceAccountStore: ServiceAccountStore;
+  filterByNamespace: FilterByNamespace;
+  openCreateServiceAccountDialog: OpenCreateServiceAccountDialog;
+}
+
+@observer
+class NonInjectedServiceAccounts extends React.Component<Dependencies> {
+  render() {
+    const {
+      filterByNamespace,
+      serviceAccountStore,
+      openCreateServiceAccountDialog,
+    } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="access_service_accounts"
+          className="ServiceAccounts"
+          store={serviceAccountStore}
+          sortingCallbacks={{
+            [columnId.name]: account => account.getName(),
+            [columnId.namespace]: account => account.getNs(),
+            [columnId.age]: account => -account.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            account => account.getSearchFields(),
+          ]}
+          renderHeaderTitle="Service Accounts"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={account => [
+            account.getName(),
+            <KubeObjectStatusIcon key="icon" object={account} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => filterByNamespace(account.getNs()))}
+            >
+              {account.getNs()}
+            </a>,
+            <KubeObjectAge key="age" object={account} />,
+          ]}
+          addRemoveButtons={{
+            onAdd: () => openCreateServiceAccountDialog(),
+            addTooltip: "Create new Service Account",
+          }}
+        />
+        <CreateServiceAccountDialog/>
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const ServiceAccounts = withInjectables<Dependencies>(NonInjectedServiceAccounts, {
+  getProps: (di, props) => ({
+    ...props,
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    serviceAccountStore: di.inject(serviceAccountStoreInjectable),
+    openCreateServiceAccountDialog: di.inject(openCreateServiceAccountDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+user-management/hashers.ts b/packages/core/src/renderer/components/+user-management/hashers.ts
new file mode 100644
index 0000000000..895b152755
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/hashers.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 { MD5 } from "crypto-js";
+import type { Subject } from "../../../common/k8s-api/endpoints/types/subject";
+
+export function hashSubject(subject: Subject): string {
+  return MD5(JSON.stringify([
+    ["kind", subject.kind],
+    ["name", subject.name],
+    ["namespace", subject.namespace],
+    ["apiGroup", subject.apiGroup],
+  ])).toString();
+}
diff --git a/packages/core/src/renderer/components/+user-management/user-management-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+user-management/user-management-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..5a14bd083b
--- /dev/null
+++ b/packages/core/src/renderer/components/+user-management/user-management-sidebar-items.injectable.tsx
@@ -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 type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { Icon } from "../icon";
+import React from "react";
+import { noop } from "lodash/fp";
+
+export const userManagementSidebarItemId = "user-management";
+
+const userManagementSidebarItemsInjectable = getInjectable({
+  id: "user-management-sidebar-items",
+
+  instantiate: () =>
+    computed((): SidebarItemRegistration[] => [
+      {
+        id: userManagementSidebarItemId,
+        parentId: null,
+        getIcon: () => <Icon material="security" />,
+        title: "Access Control",
+        onClick: noop,
+        orderNumber: 100,
+      },
+    ]),
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default userManagementSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+welcome/__test__/welcome.test.tsx b/packages/core/src/renderer/components/+welcome/__test__/welcome.test.tsx
new file mode 100644
index 0000000000..2b12f5658f
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/__test__/welcome.test.tsx
@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { screen } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+import { defaultWidth, Welcome } from "../welcome";
+import { computed } from "mobx";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+import type { DiContainer } from "@ogre-tools/injectable";
+import rendererExtensionsInjectable from "../../../../extensions/renderer-extensions.injectable";
+import { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import type { WelcomeBannerRegistration } from "../welcome-banner-items/welcome-banner-registration";
+import currentlyInClusterFrameInjectable from "../../../routes/currently-in-cluster-frame.injectable";
+
+describe("<Welcome/>", () => {
+  let render: DiRender;
+  let di: DiContainer;
+  let welcomeBannersStub: WelcomeBannerRegistration[];
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(currentlyInClusterFrameInjectable, () => false);
+
+    render = renderFor(di);
+    welcomeBannersStub = [];
+
+    di.override(rendererExtensionsInjectable, () =>
+      computed(() => [
+        new TestExtension({
+          id: "some-id",
+          welcomeBanners: welcomeBannersStub,
+        }),
+      ]),
+    );
+  });
+
+  it("renders <Banner /> registered in WelcomeBannerRegistry and hide logo", async () => {
+    const testId = "testId";
+
+    welcomeBannersStub.push({
+      Banner: () => <div data-testid={testId} />,
+    });
+
+    const { container } = render(<Welcome />);
+
+    expect(screen.queryByTestId(testId)).toBeInTheDocument();
+    expect(container.getElementsByClassName("logo").length).toBe(0);
+  });
+
+  it("calculates max width from WelcomeBanner.width registered in WelcomeBannerRegistry", async () => {
+    welcomeBannersStub.push({
+      width: 100,
+      Banner: () => <div />,
+    });
+
+    welcomeBannersStub.push({
+      width: 800,
+      Banner: () => <div />,
+    });
+
+    render(<Welcome />);
+
+    expect(screen.queryByTestId("welcome-banner-container")).toHaveStyle({
+      // should take the max width of the banners (if > defaultWidth)
+      width: `800px`,
+    });
+    expect(screen.queryByTestId("welcome-text-container")).toHaveStyle({
+      width: `${defaultWidth}px`,
+    });
+    expect(screen.queryByTestId("welcome-menu-container")).toHaveStyle({
+      width: `${defaultWidth}px`,
+    });
+  });
+});
+
+class TestExtension extends LensRendererExtension {
+  constructor({
+    id,
+    welcomeBanners,
+  }: {
+    id: string;
+    welcomeBanners: WelcomeBannerRegistration[];
+  }) {
+    super({
+      id,
+      absolutePath: "irrelevant",
+      isBundled: false,
+      isCompatible: false,
+      isEnabled: false,
+      manifest: { name: id, version: "some-version", engines: { lens: "^5.5.0" }},
+      manifestPath: "irrelevant",
+    });
+
+    this.welcomeBanners = welcomeBanners;
+  }
+}
diff --git a/packages/core/src/renderer/components/+welcome/default-welcome-route-component.injectable.ts b/packages/core/src/renderer/components/+welcome/default-welcome-route-component.injectable.ts
new file mode 100644
index 0000000000..5472c49787
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/default-welcome-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 { Welcome } from "./welcome";
+import defaultWelcomeRouteInjectable from "../../../common/front-end-routing/routes/welcome/default-welcome-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const defaultWelcomeRouteComponentInjectable = getInjectable({
+  id: "default-welcome-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(defaultWelcomeRouteInjectable),
+    Component: Welcome,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default defaultWelcomeRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+welcome/index.ts b/packages/core/src/renderer/components/+welcome/index.ts
new file mode 100644
index 0000000000..af3ab83c8d
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./welcome";
diff --git a/packages/core/src/renderer/components/+welcome/welcome-banner-items/welcome-banner-items.injectable.ts b/packages/core/src/renderer/components/+welcome/welcome-banner-items/welcome-banner-items.injectable.ts
new file mode 100644
index 0000000000..a74eabda23
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/welcome-banner-items/welcome-banner-items.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 rendererExtensionsInjectable from "../../../../extensions/renderer-extensions.injectable";
+import { computed } from "mobx";
+
+const welcomeBannerItemsInjectable = getInjectable({
+  id: "welcome-banner-items",
+
+  instantiate: (di) => {
+    const extensions = di.inject(rendererExtensionsInjectable);
+
+    return computed(() => (
+      extensions
+        .get()
+        .flatMap((extension) => extension.welcomeBanners)
+    ));
+  },
+});
+
+export default welcomeBannerItemsInjectable;
diff --git a/packages/core/src/renderer/components/+welcome/welcome-banner-items/welcome-banner-registration.ts b/packages/core/src/renderer/components/+welcome/welcome-banner-items/welcome-banner-registration.ts
new file mode 100644
index 0000000000..ba3b5e6f3a
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/welcome-banner-items/welcome-banner-registration.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * WelcomeBannerRegistration is for an extension to register
+ * Provide a Banner component to be renderered in the welcome screen.
+ */
+export interface WelcomeBannerRegistration {
+  /**
+   * The banner component to be shown on the welcome screen.
+   */
+  Banner: React.ComponentType;
+  /**
+   * The banner width in px.
+   */
+  width?: number;
+}
diff --git a/packages/core/src/renderer/components/+welcome/welcome-menu-items/get-welcome-menu-items.ts b/packages/core/src/renderer/components/+welcome/welcome-menu-items/get-welcome-menu-items.ts
new file mode 100644
index 0000000000..696d76777d
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/welcome-menu-items/get-welcome-menu-items.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 type { IComputedValue } from "mobx";
+import { computed } from "mobx";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import type { NavigateToCatalog } from "../../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+
+interface Dependencies {
+  extensions: IComputedValue<LensRendererExtension[]>;
+  navigateToCatalog: NavigateToCatalog;
+}
+
+export const getWelcomeMenuItems = ({
+  extensions,
+  navigateToCatalog,
+}: Dependencies) => {
+  const browseClusters = {
+    title: "Browse Clusters in Catalog",
+    icon: "view_list",
+
+    click: () =>
+      navigateToCatalog({
+        group: "entity.k8slens.dev",
+        kind: "KubernetesCluster",
+      }),
+  };
+
+  return computed(() => [
+    browseClusters,
+    ...extensions.get().flatMap((extension) => extension.welcomeMenus),
+  ]);
+};
diff --git a/packages/core/src/renderer/components/+welcome/welcome-menu-items/welcome-menu-items.injectable.ts b/packages/core/src/renderer/components/+welcome/welcome-menu-items/welcome-menu-items.injectable.ts
new file mode 100644
index 0000000000..c5234ac6f8
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/welcome-menu-items/welcome-menu-items.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 rendererExtensionsInjectable from "../../../../extensions/renderer-extensions.injectable";
+import { getWelcomeMenuItems } from "./get-welcome-menu-items";
+import navigateToCatalogInjectable from "../../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+
+const welcomeMenuItemsInjectable = getInjectable({
+  id: "welcome-menu-items",
+
+  instantiate: (di) =>
+    getWelcomeMenuItems({
+      extensions: di.inject(rendererExtensionsInjectable),
+      navigateToCatalog: di.inject(navigateToCatalogInjectable),
+    }),
+});
+
+export default welcomeMenuItemsInjectable;
diff --git a/packages/core/src/renderer/components/+welcome/welcome-menu-items/welcome-menu-registration.ts b/packages/core/src/renderer/components/+welcome/welcome-menu-items/welcome-menu-registration.ts
new file mode 100644
index 0000000000..1dd79bc705
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/welcome-menu-items/welcome-menu-registration.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 WelcomeMenuRegistration {
+  title: string | (() => string);
+  icon: string;
+  click: () => void | Promise<void>;
+}
diff --git a/packages/core/src/renderer/components/+welcome/welcome.scss b/packages/core/src/renderer/components/+welcome/welcome.scss
new file mode 100644
index 0000000000..0c87c062df
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/welcome.scss
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Welcome {
+  text-align: center;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+
+  h2 {
+    color: var(--textColorAccent);
+    font-weight: 600;
+    margin-top: 15px;
+    margin-bottom: 20px;
+  }
+
+  p {
+    line-height: 1.5;
+  }
+
+  ul {
+    margin-top: 20px;
+
+    li {
+      text-align: left;
+      line-height: 1.5;
+      background-color: var(--layoutBackground);
+      padding: 7px;
+      border-radius: 4px;
+      margin-bottom: 7px;
+      cursor: pointer;
+
+      a {
+        margin-left: 10px;
+        border-bottom: none;
+      }
+    }
+    li:hover {
+      color: var(--textColorAccent);
+    }
+  }
+
+  .Icon.logo {
+    width: 200px;
+    height: 200px;
+    color: var(--primary);
+  }
+
+  a.link {
+    color: var(--colorInfo);
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+welcome/welcome.tsx b/packages/core/src/renderer/components/+welcome/welcome.tsx
new file mode 100644
index 0000000000..cf413748bc
--- /dev/null
+++ b/packages/core/src/renderer/components/+welcome/welcome.tsx
@@ -0,0 +1,140 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./welcome.scss";
+import React from "react";
+import { observer } from "mobx-react";
+import type { IComputedValue } from "mobx";
+import type { CarouselProps } from "react-material-ui-carousel";
+import LegacyCarousel from "react-material-ui-carousel";
+import { Icon } from "../icon";
+import { slackUrl } from "../../../common/vars";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import welcomeMenuItemsInjectable from "./welcome-menu-items/welcome-menu-items.injectable";
+import type { WelcomeMenuRegistration } from "./welcome-menu-items/welcome-menu-registration";
+import welcomeBannerItemsInjectable from "./welcome-banner-items/welcome-banner-items.injectable";
+import type { WelcomeBannerRegistration } from "./welcome-banner-items/welcome-banner-registration";
+import productNameInjectable from "../../../common/vars/product-name.injectable";
+
+export const defaultWidth = 320;
+
+// This is to fix some react 18 type errors
+const Carousel = LegacyCarousel as React.ComponentType<CarouselProps>;
+
+interface Dependencies {
+  welcomeMenuItems: IComputedValue<WelcomeMenuRegistration[]>;
+  welcomeBannerItems: IComputedValue<WelcomeBannerRegistration[]>;
+  productName: string;
+}
+
+const NonInjectedWelcome = observer(({
+  welcomeMenuItems,
+  welcomeBannerItems,
+  productName,
+}: Dependencies) => {
+  const welcomeBanners = welcomeBannerItems.get();
+
+  // if there is banner with specified width, use it to calculate the width of the container
+  const maxWidth = Math.max(
+    ...welcomeBanners.map(banner => banner.width ?? 0),
+    defaultWidth,
+  );
+
+  return (
+    <div className="flex justify-center Welcome align-center" data-testid="welcome-page">
+      <div
+        style={{ width: `${maxWidth}px` }}
+        data-testid="welcome-banner-container"
+      >
+        {welcomeBanners.length > 0 ? (
+          <Carousel
+            stopAutoPlayOnHover={true}
+            indicators={welcomeBanners.length > 1}
+            autoPlay={true}
+            navButtonsAlwaysInvisible={true}
+            indicatorIconButtonProps={{
+              style: {
+                color: "var(--iconActiveBackground)",
+              },
+            }}
+            activeIndicatorIconButtonProps={{
+              style: {
+                color: "var(--iconActiveColor)",
+              },
+            }}
+            interval={8000}
+          >
+            {welcomeBanners.map((item, index) => (
+              <item.Banner key={index} />
+            ))}
+          </Carousel>
+        ) : (
+          <Icon svg="logo-lens" className="logo" />
+        )}
+
+        <div className="flex justify-center">
+          <div
+            style={{ width: `${defaultWidth}px` }}
+            data-testid="welcome-text-container"
+          >
+            <h2>
+              {`Welcome to ${productName}!`}
+            </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
+                href={slackUrl}
+                target="_blank"
+                rel="noreferrer"
+                className="link"
+              >
+                Lens Community slack channel
+              </a>
+              .
+            </p>
+
+            <ul
+              className="block"
+              style={{ width: `${defaultWidth}px` }}
+              data-testid="welcome-menu-container"
+            >
+              {welcomeMenuItems.get().map((item, index) => (
+                <li
+                  key={index}
+                  className="flex grid-12"
+                  onClick={() => item.click()}
+                >
+                  <Icon material={item.icon} className="box col-1" />
+                  <a className="box col-10">
+                    {typeof item.title === "string"
+                      ? item.title
+                      : item.title()}
+                  </a>
+                  <Icon material="navigate_next" className="box col-1" />
+                </li>
+              ))}
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+});
+
+export const Welcome = withInjectables<Dependencies>(NonInjectedWelcome, {
+  getProps: (di) => ({
+    welcomeMenuItems: di.inject(welcomeMenuItemsInjectable),
+    welcomeBannerItems: di.inject(welcomeBannerItemsInjectable),
+    productName: di.inject(productNameInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/cron-job-menu.tsx b/packages/core/src/renderer/components/+workloads-cronjobs/cron-job-menu.tsx
new file mode 100644
index 0000000000..d361180e49
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/cron-job-menu.tsx
@@ -0,0 +1,114 @@
+/**
+ * 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 { KubeObjectMenuProps } from "../kube-object-menu";
+import type { CronJob, CronJobApi } from "../../../common/k8s-api/endpoints";
+import { MenuItem } from "../menu";
+import { Icon } from "../icon";
+import type { OpenConfirmDialog } from "../confirm-dialog/open.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import openConfirmDialogInjectable from "../confirm-dialog/open.injectable";
+import type { OpenCronJobTriggerDialog } from "./trigger-dialog/open.injectable";
+import openCronJobTriggerDialogInjectable from "./trigger-dialog/open.injectable";
+import cronJobApiInjectable from "../../../common/k8s-api/endpoints/cron-job.api.injectable";
+import type { ShowCheckedErrorNotification } from "../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../notifications/show-checked-error.injectable";
+
+export interface CronJobMenuProps extends KubeObjectMenuProps<CronJob> {}
+
+interface Dependencies {
+  openConfirmDialog: OpenConfirmDialog;
+  openCronJobTriggerDialog: OpenCronJobTriggerDialog;
+  cronJobApi: CronJobApi;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+const NonInjectedCronJobMenu = ({
+  object,
+  toolbar,
+  openConfirmDialog,
+  openCronJobTriggerDialog,
+  cronJobApi,
+  showCheckedErrorNotification,
+}: Dependencies & CronJobMenuProps) =>  (
+  <>
+    <MenuItem onClick={() => openCronJobTriggerDialog(object)}>
+      <Icon
+        material="play_circle_filled"
+        tooltip="Trigger"
+        interactive={toolbar}
+      />
+      <span className="title">Trigger</span>
+    </MenuItem>
+
+    {object.isSuspend()
+      ? (
+        <MenuItem
+          onClick={() => openConfirmDialog({
+            ok: async () => {
+              try {
+                await cronJobApi.resume({ namespace: object.getNs(), name: object.getName() });
+              } catch (err) {
+                showCheckedErrorNotification(err, "Unknown error occured while resuming CronJob");
+              }
+            },
+            labelOk: `Resume`,
+            message: (
+              <p>
+                {"Resume CronJob "}
+                <b>{object.getName()}</b>
+                ?
+              </p>
+            ),
+          })}
+        >
+          <Icon
+            material="play_circle_outline"
+            tooltip="Resume"
+            interactive={toolbar}
+          />
+          <span className="title">Resume</span>
+        </MenuItem>
+      )
+      : (
+        <MenuItem
+          onClick={() => openConfirmDialog({
+            ok: async () => {
+              try {
+                await cronJobApi.suspend({ namespace: object.getNs(), name: object.getName() });
+              } catch (err) {
+                showCheckedErrorNotification(err, "Unknown error occured while suspending CronJob");
+              }
+            },
+            labelOk: `Suspend`,
+            message: (
+              <p>
+                {"Suspend CronJob "}
+                <b>{object.getName()}</b>
+                ?
+              </p>),
+          })}
+        >
+          <Icon
+            material="pause_circle_filled"
+            tooltip="Suspend"
+            interactive={toolbar}
+          />
+          <span className="title">Suspend</span>
+        </MenuItem>
+      )
+    }
+  </>
+);
+
+export const CronJobMenu = withInjectables<Dependencies, CronJobMenuProps>(NonInjectedCronJobMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    openConfirmDialog: di.inject(openConfirmDialogInjectable),
+    openCronJobTriggerDialog: di.inject(openCronJobTriggerDialogInjectable),
+    cronJobApi: di.inject(cronJobApiInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/cron-job-trigger-dialog-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/+workloads-cronjobs/cron-job-trigger-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..024515e1b8
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/cron-job-trigger-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 { CronJobTriggerDialog } from "./trigger-dialog/view";
+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,
+});
+
+export default cronJobTriggerDialogClusterFrameChildComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/cron-jobs-route-component.injectable.ts b/packages/core/src/renderer/components/+workloads-cronjobs/cron-jobs-route-component.injectable.ts
new file mode 100644
index 0000000000..0a774177bd
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/cron-jobs-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 { CronJobs } from "./cronjobs";
+import cronJobsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/cron-jobs/cron-jobs-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const cronJobsRouteComponentInjectable = getInjectable({
+  id: "cron-jobs-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(cronJobsRouteInjectable),
+    Component: CronJobs,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default cronJobsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/cron-jobs-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+workloads-cronjobs/cron-jobs-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..cc7c4a7140
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/cron-jobs-sidebar-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 cronJobsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/cron-jobs/cron-jobs-route.injectable";
+import { workloadsSidebarItemId } from "../+workloads/workloads-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToCronJobsInjectable from "../../../common/front-end-routing/routes/cluster/workloads/cron-jobs/navigate-to-cron-jobs.injectable";
+
+const cronJobsSidebarItemsInjectable = getInjectable({
+  id: "cron-jobs-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(cronJobsRouteInjectable);
+    const navigateToCronJobs = di.inject(navigateToCronJobsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "cron-jobs",
+        parentId: workloadsSidebarItemId,
+        title: "CronJobs",
+        onClick: navigateToCronJobs,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 80,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default cronJobsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/cronjob-details.scss b/packages/core/src/renderer/components/+workloads-cronjobs/cronjob-details.scss
new file mode 100644
index 0000000000..334f6f0ca7
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/cronjob-details.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.CronJobDetails {
+  .job {
+    .title {
+      margin-top: $margin * 2;
+      margin-bottom: $margin;
+
+      a {
+        color: var(--colorInfo);
+      }
+    }
+  }
+
+  .conditions {
+    @include job-condition-bgs;
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/cronjob-details.tsx b/packages/core/src/renderer/components/+workloads-cronjobs/cronjob-details.tsx
new file mode 100644
index 0000000000..c8f925edc1
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/cronjob-details.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 "./cronjob-details.scss";
+
+import React from "react";
+import kebabCase from "lodash/kebabCase";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { Badge } from "../badge/badge";
+import type { JobStore } from "../+workloads-jobs/store";
+import { Link } from "react-router-dom";
+import type { CronJobStore } from "./store";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type { Job } from "../../../common/k8s-api/endpoints";
+import { CronJob } from "../../../common/k8s-api/endpoints";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import cronJobStoreInjectable from "./store.injectable";
+import jobStoreInjectable from "../+workloads-jobs/store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+
+export interface CronJobDetailsProps extends KubeObjectDetailsProps<CronJob> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  jobStore: JobStore;
+  cronJobStore: CronJobStore;
+  logger: Logger;
+  getDetailsUrl: GetDetailsUrl;
+}
+
+@observer
+class NonInjectedCronJobDetails extends React.Component<CronJobDetailsProps & Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.jobStore,
+      ]),
+    ]);
+  }
+
+  render() {
+    const { object: cronJob, jobStore, cronJobStore, getDetailsUrl } = this.props;
+
+    if (!cronJob) {
+      return null;
+    }
+
+    if (!(cronJob instanceof CronJob)) {
+      this.props.logger.error("[CronJobDetails]: passed object that is not an instanceof CronJob", cronJob);
+
+      return null;
+    }
+
+    const childJobs = jobStore.getJobsByOwner(cronJob);
+
+    return (
+      <div className="CronJobDetails">
+        <DrawerItem name="Schedule">
+          {
+            cronJob.isNeverRun()
+              ? `never (${cronJob.getSchedule()})`
+              : cronJob.getSchedule()
+          }
+        </DrawerItem>
+        <DrawerItem name="Active">
+          {cronJobStore.getActiveJobsNum(cronJob)}
+        </DrawerItem>
+        <DrawerItem name="Suspend">
+          {cronJob.getSuspendFlag()}
+        </DrawerItem>
+        <DrawerItem name="Last schedule">
+          {cronJob.getLastScheduleTime()}
+        </DrawerItem>
+        {childJobs.length > 0 && (
+          <>
+            <DrawerTitle>Jobs</DrawerTitle>
+            {childJobs.map((job: Job) => {
+              const selectors = job.getSelectors();
+              const condition = job.getCondition();
+
+              return (
+                <div className="job" key={job.getId()}>
+                  <div className="title">
+                    <Link to={() => job.selfLink ? getDetailsUrl(job.selfLink) : ""}>
+                      {job.getName()}
+                    </Link>
+                  </div>
+                  <DrawerItem
+                    name="Condition"
+                    className="conditions"
+                    labelsOnly
+                  >
+                    {condition && (
+                      <Badge
+                        label={condition.type}
+                        className={kebabCase(condition.type)}
+                      />
+                    )}
+                  </DrawerItem>
+                  <DrawerItem name="Selector" labelsOnly>
+                    {
+                      selectors.map(label => <Badge key={label} label={label}/>)
+                    }
+                  </DrawerItem>
+                </div>
+              );})
+            }
+          </>
+        )}
+      </div>
+    );
+  }
+}
+
+export const CronJobDetails = withInjectables<Dependencies, CronJobDetailsProps>(NonInjectedCronJobDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    cronJobStore: di.inject(cronJobStoreInjectable),
+    jobStore: di.inject(jobStoreInjectable),
+    logger: di.inject(loggerInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/cronjobs.scss b/packages/core/src/renderer/components/+workloads-cronjobs/cronjobs.scss
new file mode 100644
index 0000000000..29b9fb18c1
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/cronjobs.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.CronJobs {
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/cronjobs.tsx b/packages/core/src/renderer/components/+workloads-cronjobs/cronjobs.tsx
new file mode 100644
index 0000000000..1dba28c478
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/cronjobs.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 "./cronjobs.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import moment from "moment";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { CronJobStore } from "./store";
+import type { EventStore } from "../+events/store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import cronJobStoreInjectable from "./store.injectable";
+import eventStoreInjectable from "../+events/store.injectable";
+import { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  schedule = "schedule",
+  suspend = "suspend",
+  active = "active",
+  lastSchedule = "last-schedule",
+  age = "age",
+}
+
+interface Dependencies {
+  cronJobStore: CronJobStore;
+  eventStore: EventStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+const NonInjectedCronJobs = observer((props: Dependencies) => {
+  const {
+    cronJobStore,
+    eventStore,
+    filterByNamespace,
+  } = props;
+
+  return (
+    <SiblingsInTabLayout>
+      <KubeObjectListLayout
+        isConfigurable
+        tableId="workload_cronjobs"
+        className="CronJobs"
+        store={cronJobStore}
+        dependentStores={[eventStore]}
+        sortingCallbacks={{
+          [columnId.name]: cronJob => cronJob.getName(),
+          [columnId.namespace]: cronJob => cronJob.getNs(),
+          [columnId.suspend]: cronJob => cronJob.getSuspendFlag(),
+          [columnId.active]: cronJob => cronJobStore.getActiveJobsNum(cronJob),
+          [columnId.lastSchedule]: cronJob => (
+            cronJob.status?.lastScheduleTime
+              ? moment().diff(cronJob.status.lastScheduleTime)
+              : 0
+          ),
+          [columnId.age]: cronJob => -cronJob.getCreationTimestamp(),
+        }}
+        searchFilters={[
+          cronJob => cronJob.getSearchFields(),
+          cronJob => cronJob.getSchedule(),
+        ]}
+        renderHeaderTitle="Cron Jobs"
+        renderTableHeader={[
+          { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+          { className: "warning", showWithColumn: columnId.name },
+          { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+          { title: "Schedule", className: "schedule", id: columnId.schedule },
+          { title: "Suspend", className: "suspend", sortBy: columnId.suspend, id: columnId.suspend },
+          { title: "Active", className: "active", sortBy: columnId.active, id: columnId.active },
+          { title: "Last schedule", className: "last-schedule", sortBy: columnId.lastSchedule, id: columnId.lastSchedule },
+          { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+        ]}
+        renderTableContents={cronJob => [
+          cronJob.getName(),
+          <KubeObjectStatusIcon key="icon" object={cronJob} />,
+          <a
+            key="namespace"
+            className="filterNamespace"
+            onClick={prevDefault(() => filterByNamespace(cronJob.getNs()))}
+          >
+            {cronJob.getNs()}
+          </a>,
+          cronJob.isNeverRun() ? "never"  : cronJob.getSchedule(),
+          cronJob.getSuspendFlag(),
+          cronJobStore.getActiveJobsNum(cronJob),
+          cronJob.getLastScheduleTime(),
+          <KubeObjectAge key="age" object={cronJob} />,
+        ]}
+      />
+    </SiblingsInTabLayout>
+  );
+});
+
+export const CronJobs = withInjectables<Dependencies>(NonInjectedCronJobs, {
+  getProps: (di, props) => ({
+    ...props,
+    cronJobStore: di.inject(cronJobStoreInjectable),
+    eventStore: di.inject(eventStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/index.ts b/packages/core/src/renderer/components/+workloads-cronjobs/index.ts
new file mode 100644
index 0000000000..74c20f5131
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/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 "./cronjobs";
+export * from "./cronjob-details";
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/store.injectable.ts b/packages/core/src/renderer/components/+workloads-cronjobs/store.injectable.ts
new file mode 100644
index 0000000000..2569e77440
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/store.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 assert from "assert";
+import getJobsByOwnerInjectable from "../+workloads-jobs/get-jobs-by-owner.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import cronJobApiInjectable from "../../../common/k8s-api/endpoints/cron-job.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { CronJobStore } from "./store";
+
+const cronJobStoreInjectable = getInjectable({
+  id: "cron-job-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "cronJobStore is only available in certain environments");
+
+    const api = di.inject(cronJobApiInjectable);
+
+    return new CronJobStore({
+      getJobsByOwner: di.inject(getJobsByOwnerInjectable),
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default cronJobStoreInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/store.ts b/packages/core/src/renderer/components/+workloads-cronjobs/store.ts
new file mode 100644
index 0000000000..fe6c765723
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/store.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 type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import type { CronJob, CronJobApi } from "../../../common/k8s-api/endpoints/cron-job.api";
+import type { GetJobsByOwner } from "../+workloads-jobs/get-jobs-by-owner.injectable";
+
+interface Dependencies extends KubeObjectStoreDependencies {
+  getJobsByOwner: GetJobsByOwner;
+}
+
+export class CronJobStore extends KubeObjectStore<CronJob, CronJobApi> {
+  constructor(protected readonly dependencies: Dependencies, api: CronJobApi, opts?: KubeObjectStoreOptions) {
+    super(dependencies, api, opts);
+  }
+
+  getStatuses(cronJobs?: CronJob[]) {
+    const status = { scheduled: 0, suspended: 0 };
+
+    cronJobs?.forEach(cronJob => {
+      if (cronJob.spec.suspend) {
+        status.suspended++;
+      }
+      else {
+        status.scheduled++;
+      }
+    });
+
+    return status;
+  }
+
+  getActiveJobsNum(cronJob: CronJob) {
+    // Active jobs are jobs without any condition 'Complete' nor 'Failed'
+    const jobs = this.dependencies.getJobsByOwner(cronJob);
+
+    if (!jobs.length) return 0;
+
+    return jobs.filter(job => !job.getCondition()).length;
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/close.injectable.ts b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/close.injectable.ts
new file mode 100644
index 0000000000..d089db47a9
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/close.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 { action } from "mobx";
+import cronJobTriggerDialogStateInjectable from "./state.injectable";
+
+const closeCronJobTriggerDialogInjectable = getInjectable({
+  id: "close-cron-job-trigger-dialog",
+  instantiate: (di) => {
+    const state = di.inject(cronJobTriggerDialogStateInjectable);
+
+    return action(() => state.set(undefined));
+  },
+});
+
+export default closeCronJobTriggerDialogInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/open.injectable.ts b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/open.injectable.ts
new file mode 100644
index 0000000000..79ebc8a618
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/open.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 { action } from "mobx";
+import type { CronJob } from "../../../../common/k8s-api/endpoints";
+import cronJobTriggerDialogStateInjectable from "./state.injectable";
+
+export type OpenCronJobTriggerDialog = (cronJob: CronJob) => void;
+
+const openCronJobTriggerDialogInjectable = getInjectable({
+  id: "open-cron-job-trigger-dialog",
+  instantiate: (di): OpenCronJobTriggerDialog => {
+    const state = di.inject(cronJobTriggerDialogStateInjectable);
+
+    return action((cronJob) => state.set(cronJob));
+  },
+});
+
+export default openCronJobTriggerDialogInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/state.injectable.ts b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/state.injectable.ts
new file mode 100644
index 0000000000..944eae40c4
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/state.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 { observable } from "mobx";
+import type { CronJob } from "../../../../common/k8s-api/endpoints";
+
+const cronJobTriggerDialogStateInjectable = getInjectable({
+  id: "cron-job-trigger-dialog-state",
+  instantiate: () => observable.box<CronJob>(),
+});
+
+export default cronJobTriggerDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/view.scss b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/view.scss
new file mode 100644
index 0000000000..b4ba8c2ffa
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/view.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.CronJobTriggerDialog {
+  .Wizard {
+    .header {
+      span {
+        color: #a0a0a0;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .WizardStep {
+      .step-content {
+        min-height: 90px;
+        overflow: hidden;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/view.tsx b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/view.tsx
new file mode 100644
index 0000000000..48ff80dc28
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-cronjobs/trigger-dialog/view.tsx
@@ -0,0 +1,151 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./view.scss";
+
+import React, { Component } from "react";
+import type { IObservableValue } from "mobx";
+import { observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import type { DialogProps } from "../../dialog";
+import { Dialog } from "../../dialog";
+import { Wizard, WizardStep } from "../../wizard";
+import type { CronJob, JobApi } from "../../../../common/k8s-api/endpoints";
+import type { ShowNotification } from "../../notifications";
+import { cssNames } from "../../../utils";
+import { Input } from "../../input";
+import { systemName, maxLength } from "../../input/input_validators";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import closeCronJobTriggerDialogInjectable from "./close.injectable";
+import jobApiInjectable from "../../../../common/k8s-api/endpoints/job.api.injectable";
+import cronJobTriggerDialogStateInjectable from "./state.injectable";
+import type { ShowCheckedErrorNotification } from "../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../notifications/show-checked-error.injectable";
+import showErrorNotificationInjectable from "../../notifications/show-error-notification.injectable";
+
+export interface CronJobTriggerDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  state: IObservableValue<CronJob | undefined>;
+  jobApi: JobApi;
+  closeCronJobTriggerDialog: () => void;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+  showErrorNotification: ShowNotification;
+}
+
+@observer
+class NonInjectedCronJobTriggerDialog extends Component<CronJobTriggerDialogProps & Dependencies> {
+  @observable jobName = "";
+
+  constructor(props: CronJobTriggerDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  onOpen = () => {
+    const cronJob = this.props.state.get();
+
+    this.jobName = cronJob ? `${cronJob.getName()}-manual-${Math.random().toString(36).slice(2, 7)}` : "";
+    this.jobName = this.jobName.slice(0, 63);
+  };
+
+  async trigger(cronJob: CronJob): Promise<void> {
+    if (!cronJob.spec.jobTemplate) {
+      this.props.showErrorNotification(`CronJob ${cronJob.getName()} has no jobTemplate`);
+
+      return;
+    }
+
+    try {
+      await this.props.jobApi.create({
+        name: this.jobName,
+        namespace: cronJob.getNs(),
+      }, {
+        spec: cronJob.spec.jobTemplate.spec,
+        metadata: {
+          annotations: { "cronjob.kubernetes.io/instantiate": "manual" },
+          ownerReferences: [{
+            apiVersion: cronJob.apiVersion,
+            blockOwnerDeletion: true,
+            controller: true,
+            kind: cronJob.kind,
+            name: cronJob.metadata.name,
+            uid: cronJob.metadata.uid,
+          }],
+        },
+      });
+
+      this.props.closeCronJobTriggerDialog();
+    } catch (err) {
+      this.props.showCheckedErrorNotification(err, "Unknown error occurred while creating job");
+    }
+  }
+
+  renderContents(cronJob: CronJob) {
+    return (
+      <Wizard
+        header={(
+          <h5>
+            Trigger CronJob
+            <span>{cronJob.getName()}</span>
+          </h5>
+        )}
+        done={this.props.closeCronJobTriggerDialog}
+      >
+        <WizardStep
+          contentClass="flex gaps column"
+          next={() => this.trigger(cronJob)}
+          nextLabel="Trigger"
+        >
+          <div className="flex gaps">
+            Job name:
+          </div>
+          <div className="flex gaps">
+            <Input
+              required
+              autoFocus
+              placeholder={this.jobName}
+              trim
+              validators={[systemName, maxLength]}
+              maxLength={63}
+              value={this.jobName}
+              onChange={v => this.jobName = v.toLowerCase()}
+              className="box grow"
+            />
+          </div>
+        </WizardStep>
+      </Wizard>
+    );
+  }
+
+  render() {
+    const { className, state, closeCronJobTriggerDialog, jobApi, ...dialogProps } = this.props;
+    const cronJob = state.get();
+
+    return (
+      <Dialog
+        {...dialogProps}
+        isOpen={Boolean(cronJob)}
+        className={cssNames("CronJobTriggerDialog", className)}
+        onOpen={this.onOpen}
+        close={closeCronJobTriggerDialog}
+      >
+        {cronJob && this.renderContents(cronJob)}
+      </Dialog>
+    );
+  }
+}
+
+export const CronJobTriggerDialog = withInjectables<Dependencies, CronJobTriggerDialogProps>(NonInjectedCronJobTriggerDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    closeCronJobTriggerDialog: di.inject(closeCronJobTriggerDialogInjectable),
+    jobApi: di.inject(jobApiInjectable),
+    state: di.inject(cronJobTriggerDialogStateInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/daemonset-details.scss b/packages/core/src/renderer/components/+workloads-daemonsets/daemonset-details.scss
new file mode 100644
index 0000000000..89863c9a20
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/daemonset-details.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.DaemonSetDetails {
+}
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/daemonset-details.tsx b/packages/core/src/renderer/components/+workloads-daemonsets/daemonset-details.tsx
new file mode 100644
index 0000000000..e159d72ab3
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/daemonset-details.tsx
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./daemonset-details.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { DrawerItem } from "../drawer";
+import { Badge } from "../badge";
+import { PodDetailsStatuses } from "../+workloads-pods/pod-details-statuses";
+import { PodDetailsTolerations } from "../+workloads-pods/pod-details-tolerations";
+import { PodDetailsAffinities } from "../+workloads-pods/pod-details-affinities";
+import type { DaemonSetStore } from "./store";
+import type { PodStore } from "../+workloads-pods/store";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { DaemonSet } from "../../../common/k8s-api/endpoints";
+import { PodDetailsList } from "../+workloads-pods/pod-details-list";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import daemonSetStoreInjectable from "./store.injectable";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import getActiveClusterEntityInjectable from "../../api/catalog/entity/get-active-cluster-entity.injectable";
+import requestPodMetricsForDaemonSetsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-daemon-sets.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface DaemonSetDetailsProps extends KubeObjectDetailsProps<DaemonSet> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  daemonSetStore: DaemonSetStore;
+  podStore: PodStore;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedDaemonSetDetails extends React.Component<DaemonSetDetailsProps & Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.podStore,
+      ]),
+    ]);
+  }
+
+  render() {
+    const { object: daemonSet, daemonSetStore, logger } = this.props;
+
+    if (!daemonSet) {
+      return null;
+    }
+
+    if (!(daemonSet instanceof DaemonSet)) {
+      logger.error("[DaemonSetDetails]: passed object that is not an instanceof DaemonSet", daemonSet);
+
+      return null;
+    }
+
+    const { spec } = daemonSet;
+    const selectors = daemonSet.getSelectors();
+    const images = daemonSet.getImages();
+    const nodeSelector = daemonSet.getNodeSelectors();
+    const childPods = daemonSetStore.getChildPods(daemonSet);
+
+    return (
+      <div className="DaemonSetDetails">
+        {selectors.length > 0 && (
+          <DrawerItem name="Selector" labelsOnly>
+            {
+              selectors.map(label => <Badge key={label} label={label}/>)
+            }
+          </DrawerItem>
+        )}
+        {nodeSelector.length > 0 && (
+          <DrawerItem name="Node Selector" labelsOnly>
+            {
+              nodeSelector.map(label => (<Badge key={label} label={label}/>))
+            }
+          </DrawerItem>
+        )}
+        {images.length > 0 && (
+          <DrawerItem name="Images">
+            {
+              images.map(image => <p key={image}>{image}</p>)
+            }
+          </DrawerItem>
+        )}
+        <DrawerItem name="Strategy Type">
+          {spec.updateStrategy.type}
+        </DrawerItem>
+        <PodDetailsTolerations workload={daemonSet}/>
+        <PodDetailsAffinities workload={daemonSet}/>
+        <DrawerItem name="Pod Status" className="pod-status">
+          <PodDetailsStatuses pods={childPods}/>
+        </DrawerItem>
+        <PodDetailsList pods={childPods} owner={daemonSet}/>
+      </div>
+    );
+  }
+}
+
+export const DaemonSetDetails = withInjectables<Dependencies, DaemonSetDetailsProps>(NonInjectedDaemonSetDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    daemonSetStore: di.inject(daemonSetStoreInjectable),
+    podStore: di.inject(podStoreInjectable),
+    getActiveClusterEntity: di.inject(getActiveClusterEntityInjectable),
+    requestPodMetricsForDaemonSets: di.inject(requestPodMetricsForDaemonSetsInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/daemonset-menu.tsx b/packages/core/src/renderer/components/+workloads-daemonsets/daemonset-menu.tsx
new file mode 100644
index 0000000000..4c98835d65
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/daemonset-menu.tsx
@@ -0,0 +1,73 @@
+/**
+ * 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 { KubeObjectMenuProps } from "../kube-object-menu";
+import type { DaemonSet, DaemonSetApi } from "../../../common/k8s-api/endpoints";
+import { MenuItem } from "../menu";
+import { Icon } from "../icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import daemonSetApiInjectable from "../../../common/k8s-api/endpoints/daemon-set.api.injectable";
+import type { OpenConfirmDialog } from "../confirm-dialog/open.injectable";
+import openConfirmDialogInjectable from "../confirm-dialog/open.injectable";
+import type { ShowCheckedErrorNotification } from "../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../notifications/show-checked-error.injectable";
+
+export interface DaemonSetMenuProps extends KubeObjectMenuProps<DaemonSet> {}
+
+interface Dependencies {
+  daemonsetApi: DaemonSetApi;
+  openConfirmDialog: OpenConfirmDialog;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+const NonInjectedDaemonSetMenu = ({
+  daemonsetApi,
+  object,
+  toolbar,
+  openConfirmDialog,
+  showCheckedErrorNotification,
+}: Dependencies & DaemonSetMenuProps) => (
+  <>
+    <MenuItem
+      onClick={() => openConfirmDialog({
+        ok: async () =>
+        {
+          try {
+            await daemonsetApi.restart({
+              namespace: object.getNs(),
+              name: object.getName(),
+            });
+          } catch (err) {
+            showCheckedErrorNotification(err, "Unknown error occured while restarting daemonset");
+          }
+        },
+        labelOk: "Restart",
+        message: (
+          <p>
+            {"Are you sure you want to restart daemonset "}
+            <b>{object.getName()}</b>
+            ?
+          </p>
+        ),
+      })}
+    >
+      <Icon
+        material="autorenew"
+        tooltip="Restart"
+        interactive={toolbar}
+      />
+      <span className="title">Restart</span>
+    </MenuItem>
+  </>
+);
+
+export const DaemonSetMenu = withInjectables<Dependencies, DaemonSetMenuProps>(NonInjectedDaemonSetMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    daemonsetApi: di.inject(daemonSetApiInjectable),
+    openConfirmDialog: di.inject(openConfirmDialogInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets-route-component.injectable.ts b/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets-route-component.injectable.ts
new file mode 100644
index 0000000000..329c36943c
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets-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 { DaemonSets } from "./daemonsets";
+import daemonsetsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/daemonsets/daemonsets-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const daemonsetsRouteComponentInjectable = getInjectable({
+  id: "daemonsets-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(daemonsetsRouteInjectable),
+    Component: DaemonSets,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default daemonsetsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..3ec7c3a143
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets-sidebar-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 daemonsetsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/daemonsets/daemonsets-route.injectable";
+import { workloadsSidebarItemId } from "../+workloads/workloads-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToDaemonsetsInjectable from "../../../common/front-end-routing/routes/cluster/workloads/daemonsets/navigate-to-daemonsets.injectable";
+
+const daemonsetsSidebarItemsInjectable = getInjectable({
+  id: "daemonsets-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(daemonsetsRouteInjectable);
+    const navigateToDaemonsets = di.inject(navigateToDaemonsetsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "daemon-sets",
+        parentId: workloadsSidebarItemId,
+        title: "DaemonSets",
+        onClick: () => navigateToDaemonsets(),
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 40,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default daemonsetsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets.scss b/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets.scss
new file mode 100644
index 0000000000..1500c74d78
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets.scss
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.DaemonSets {
+  .TableCell {
+    &.name {
+      flex-grow: 1.6;
+    }
+
+    &.pods {
+      flex-grow: 0.3;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.labels {
+      flex-grow: 1.5;
+      @include table-cell-labels-offsets;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets.tsx b/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets.tsx
new file mode 100644
index 0000000000..5fc4ac6bc8
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/daemonsets.tsx
@@ -0,0 +1,107 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./daemonsets.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { DaemonSet } from "../../../common/k8s-api/endpoints";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { Badge } from "../badge";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { DaemonSetStore } from "./store";
+import type { EventStore } from "../+events/store";
+import { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import daemonSetStoreInjectable from "./store.injectable";
+import eventStoreInjectable from "../+events/store.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  pods = "pods",
+  labels = "labels",
+  age = "age",
+}
+
+interface Dependencies {
+  daemonSetStore: DaemonSetStore;
+  eventStore: EventStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+const NonInjectedDaemonSets = observer((props: Dependencies) => {
+  const {
+    daemonSetStore,
+    eventStore,
+    filterByNamespace,
+  } = props;
+
+  const getPodsLength = (daemonSet: DaemonSet) => daemonSetStore.getChildPods(daemonSet).length;
+
+  return (
+    <SiblingsInTabLayout>
+      <KubeObjectListLayout
+        isConfigurable
+        tableId="workload_daemonsets"
+        className="DaemonSets"
+        store={daemonSetStore}
+        dependentStores={[eventStore]} // status icon component uses event store
+        sortingCallbacks={{
+          [columnId.name]: daemonSet => daemonSet.getName(),
+          [columnId.namespace]: daemonSet => daemonSet.getNs(),
+          [columnId.pods]: daemonSet => getPodsLength(daemonSet),
+          [columnId.age]: daemonSet => -daemonSet.getCreationTimestamp(),
+        }}
+        searchFilters={[
+          daemonSet => daemonSet.getSearchFields(),
+          daemonSet => daemonSet.getLabels(),
+        ]}
+        renderHeaderTitle="Daemon Sets"
+        renderTableHeader={[
+          { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+          { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+          { title: "Pods", className: "pods", sortBy: columnId.pods, id: columnId.pods },
+          { className: "warning", showWithColumn: columnId.pods },
+          { title: "Node Selector", className: "labels scrollable", id: columnId.labels },
+          { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+        ]}
+        renderTableContents={daemonSet => [
+          daemonSet.getName(),
+          <a
+            key="namespace"
+            className="filterNamespace"
+            onClick={prevDefault(() => filterByNamespace(daemonSet.getNs()))}
+          >
+            {daemonSet.getNs()}
+          </a>,
+          getPodsLength(daemonSet),
+          <KubeObjectStatusIcon key="icon" object={daemonSet} />,
+          daemonSet.getNodeSelectors().map(selector => (
+            <Badge
+              key={selector}
+              label={selector}
+              scrollable
+            />
+          )),
+          <KubeObjectAge key="age" object={daemonSet} />,
+        ]}
+      />
+    </SiblingsInTabLayout>
+  );
+});
+
+export const DaemonSets = withInjectables<Dependencies>(NonInjectedDaemonSets, {
+  getProps: (di, props) => ({
+    ...props,
+    daemonSetStore: di.inject(daemonSetStoreInjectable),
+    eventStore: di.inject(eventStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/index.ts b/packages/core/src/renderer/components/+workloads-daemonsets/index.ts
new file mode 100644
index 0000000000..7d3ff97b2c
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/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 "./daemonsets";
+export * from "./daemonset-details";
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/metrics-details-component.injectable.tsx b/packages/core/src/renderer/components/+workloads-daemonsets/metrics-details-component.injectable.tsx
new file mode 100644
index 0000000000..3975308f46
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/metrics-details-component.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import type { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { PodCharts, podMetricTabs } from "../+workloads-pods/pod-charts";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { DaemonSet } from "../../../common/k8s-api/endpoints";
+import type { DaemonSetPodMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-daemon-sets.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import daemonSetMetricsInjectable from "./metrics.injectable";
+
+interface Dependencies {
+  metrics: IAsyncComputed<DaemonSetPodMetricData>;
+}
+
+const NonInjectedDaemonSetMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<DaemonSet> & Dependencies) => (
+  <ResourceMetrics
+    tabs={podMetricTabs}
+    object={object}
+    metrics={metrics}
+  >
+    <PodCharts />
+  </ResourceMetrics>
+);
+
+const DaemonSetMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<DaemonSet>>(NonInjectedDaemonSetMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(daemonSetMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const daemonSetMetricsDetailsComponentInjectable = getInjectable({
+  id: "daemon-set-metrics-details-component",
+  instantiate: (di) => ({
+    Component: DaemonSetMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.DaemonSet),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default daemonSetMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/metrics.injectable.ts b/packages/core/src/renderer/components/+workloads-daemonsets/metrics.injectable.ts
new file mode 100644
index 0000000000..71f4f54ee9
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { DaemonSet } from "../../../common/k8s-api/endpoints";
+import requestPodMetricsForDaemonSetsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-daemon-sets.injectable";
+
+const daemonSetMetricsInjectable = getInjectable({
+  id: "daemon-set-metrics",
+  instantiate: (di, daemonSet) => {
+    const requestPodMetricsForDaemonSets = di.inject(requestPodMetricsForDaemonSetsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: () => {
+        now(60 * 1000); // update every minute
+
+        return requestPodMetricsForDaemonSets([daemonSet], daemonSet.getNs());
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, daemonSet: DaemonSet) => daemonSet.getId(),
+  }),
+});
+
+export default daemonSetMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/store.injectable.ts b/packages/core/src/renderer/components/+workloads-daemonsets/store.injectable.ts
new file mode 100644
index 0000000000..59252688bf
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/store.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 assert from "assert";
+import getPodsByOwnerIdInjectable from "../+workloads-pods/get-pods-by-owner-id.injectable";
+import daemonSetApiInjectable from "../../../common/k8s-api/endpoints/daemon-set.api.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import { DaemonSetStore } from "./store";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const daemonSetStoreInjectable = getInjectable({
+  id: "daemon-set-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "daemonSetStore is only available in certain environments");
+
+    const api = di.inject(daemonSetApiInjectable);
+
+    return new DaemonSetStore({
+      getPodsByOwnerId: di.inject(getPodsByOwnerIdInjectable),
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default daemonSetStoreInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-daemonsets/store.ts b/packages/core/src/renderer/components/+workloads-daemonsets/store.ts
new file mode 100644
index 0000000000..1345468b62
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-daemonsets/store.ts
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { GetPodsByOwnerId } from "../+workloads-pods/get-pods-by-owner-id.injectable";
+import type { DaemonSet, DaemonSetApi, Pod } from "../../../common/k8s-api/endpoints";
+import { PodStatusPhase } from "../../../common/k8s-api/endpoints";
+import type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+
+export interface DaemonSetStoreDependencies extends KubeObjectStoreDependencies {
+  readonly getPodsByOwnerId: GetPodsByOwnerId;
+}
+
+export class DaemonSetStore extends KubeObjectStore<DaemonSet, DaemonSetApi> {
+  constructor(protected readonly dependencies: DaemonSetStoreDependencies, api: DaemonSetApi, opts?: KubeObjectStoreOptions) {
+    super(dependencies, api, opts);
+  }
+
+  getChildPods(daemonSet: DaemonSet): Pod[] {
+    return this.dependencies.getPodsByOwnerId(daemonSet.getId());
+  }
+
+  getStatuses(daemonSets?: DaemonSet[]) {
+    const status = { running: 0, failed: 0, pending: 0 };
+
+    for (const daemonSet of daemonSets ?? []) {
+      const statuses = new Set(this.getChildPods(daemonSet).map(pod => pod.getStatus()));
+
+      if (statuses.has(PodStatusPhase.FAILED)) {
+        status.failed++;
+      } else if (statuses.has(PodStatusPhase.PENDING)) {
+        status.pending++;
+      } else {
+        status.running++;
+      }
+    }
+
+    return status;
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployment-details.scss b/packages/core/src/renderer/components/+workloads-deployments/deployment-details.scss
new file mode 100644
index 0000000000..ef0c2d35e2
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/deployment-details.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.DeploymentDetails {
+  .conditions {
+    .available {
+      color: white;
+      background-color: $deployment-available;
+    }
+
+    .progressing {
+      color: white;
+      background-color: $deployment-progressing;
+    }
+
+    .replica-failure {
+      color: white;
+      background-color: $deployment-replicafailure;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployment-details.tsx b/packages/core/src/renderer/components/+workloads-deployments/deployment-details.tsx
new file mode 100644
index 0000000000..6137c7af48
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/deployment-details.tsx
@@ -0,0 +1,136 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./deployment-details.scss";
+
+import React from "react";
+import kebabCase from "lodash/kebabCase";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { DrawerItem } from "../drawer";
+import { Badge } from "../badge";
+import { Deployment } from "../../../common/k8s-api/endpoints";
+import { PodDetailsTolerations } from "../+workloads-pods/pod-details-tolerations";
+import { PodDetailsAffinities } from "../+workloads-pods/pod-details-affinities";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type { DeploymentStore } from "./store";
+import { PodDetailsList } from "../+workloads-pods/pod-details-list";
+import type { ReplicaSetStore } from "../+workloads-replicasets/store";
+import { DeploymentReplicaSets } from "./deployment-replicasets";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import replicaSetStoreInjectable from "../+workloads-replicasets/store.injectable";
+import deploymentStoreInjectable from "./store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface DeploymentDetailsProps extends KubeObjectDetailsProps<Deployment> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  replicaSetStore: ReplicaSetStore;
+  deploymentStore: DeploymentStore;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedDeploymentDetails extends React.Component<DeploymentDetailsProps & Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.replicaSetStore,
+      ]),
+    ]);
+  }
+
+  render() {
+    const { object: deployment, replicaSetStore, deploymentStore, logger } = this.props;
+
+    if (!deployment) {
+      return null;
+    }
+
+    if (!(deployment instanceof Deployment)) {
+      logger.error("[DeploymentDetails]: passed object that is not an instanceof Deployment", deployment);
+
+      return null;
+    }
+
+    const { status, spec } = deployment;
+    const nodeSelector = deployment.getNodeSelectors();
+    const selectors = deployment.getSelectors();
+    const childPods = deploymentStore.getChildPods(deployment);
+    const replicaSets = replicaSetStore.getReplicaSetsByOwner(deployment);
+
+    return (
+      <div className="DeploymentDetails">
+        <DrawerItem name="Replicas">
+          {`${spec.replicas} desired, ${status?.updatedReplicas ?? 0} updated, `}
+          {`${status?.replicas ?? 0} total, ${status?.availableReplicas ?? 0} available, `}
+          {`${status?.unavailableReplicas ?? 0} unavailable`}
+        </DrawerItem>
+        {selectors.length > 0 && (
+          <DrawerItem name="Selector" labelsOnly>
+            {
+              selectors.map(label => <Badge key={label} label={label}/>)
+            }
+          </DrawerItem>
+        )}
+        {nodeSelector.length > 0 && (
+          <DrawerItem name="Node Selector">
+            {
+              nodeSelector.map(label => (
+                <Badge key={label} label={label}/>
+              ))
+            }
+          </DrawerItem>
+        )}
+        <DrawerItem name="Strategy Type">
+          {spec.strategy.type}
+        </DrawerItem>
+        <DrawerItem
+          name="Conditions"
+          className="conditions"
+          labelsOnly
+        >
+          {
+            deployment.getConditions()
+              .map(({ type, message, lastTransitionTime, status }) => (
+                <Badge
+                  key={type}
+                  label={type}
+                  disabled={status === "False"}
+                  className={kebabCase(type)}
+                  tooltip={(
+                    <>
+                      <p>{message}</p>
+                      <p>
+                        {`Last transition time: ${lastTransitionTime}`}
+                      </p>
+                    </>
+                  )} />
+              ))
+          }
+        </DrawerItem>
+        <PodDetailsTolerations workload={deployment}/>
+        <PodDetailsAffinities workload={deployment}/>
+        <DeploymentReplicaSets replicaSets={replicaSets}/>
+        <PodDetailsList pods={childPods} owner={deployment}/>
+      </div>
+    );
+  }
+}
+
+export const DeploymentDetails = withInjectables<Dependencies, DeploymentDetailsProps>(NonInjectedDeploymentDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    replicaSetStore: di.inject(replicaSetStoreInjectable),
+    deploymentStore: di.inject(deploymentStoreInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployment-menu.tsx b/packages/core/src/renderer/components/+workloads-deployments/deployment-menu.tsx
new file mode 100644
index 0000000000..a32cc0eb11
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/deployment-menu.tsx
@@ -0,0 +1,86 @@
+/**
+ * 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 { KubeObjectMenuProps } from "../kube-object-menu";
+import type { Deployment, DeploymentApi } from "../../../common/k8s-api/endpoints";
+import { MenuItem } from "../menu";
+import { Icon } from "../icon";
+import type { OpenDeploymentScaleDialog } from "./scale/open.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import deploymentApiInjectable from "../../../common/k8s-api/endpoints/deployment.api.injectable";
+import openDeploymentScaleDialogInjectable from "./scale/open.injectable";
+import type { OpenConfirmDialog } from "../confirm-dialog/open.injectable";
+import openConfirmDialogInjectable from "../confirm-dialog/open.injectable";
+import type { ShowCheckedErrorNotification } from "../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../notifications/show-checked-error.injectable";
+
+export interface DeploymentMenuProps extends KubeObjectMenuProps<Deployment> {}
+
+interface Dependencies {
+  openDeploymentScaleDialog: OpenDeploymentScaleDialog;
+  deploymentApi: DeploymentApi;
+  openConfirmDialog: OpenConfirmDialog;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+const NonInjectedDeploymentMenu = ({
+  deploymentApi,
+  object,
+  openDeploymentScaleDialog,
+  toolbar,
+  openConfirmDialog,
+  showCheckedErrorNotification,
+}: Dependencies & DeploymentMenuProps) => (
+  <>
+    <MenuItem onClick={() => openDeploymentScaleDialog(object)}>
+      <Icon
+        material="open_with"
+        tooltip="Scale"
+        interactive={toolbar}
+      />
+      <span className="title">Scale</span>
+    </MenuItem>
+    <MenuItem
+      onClick={() => openConfirmDialog({
+        ok: async () =>
+        {
+          try {
+            await deploymentApi.restart({
+              namespace: object.getNs(),
+              name: object.getName(),
+            });
+          } catch (err) {
+            showCheckedErrorNotification(err, "Unknown error occured while restarting deployment");
+          }
+        },
+        labelOk: "Restart",
+        message: (
+          <p>
+            {"Are you sure you want to restart deployment "}
+            <b>{object.getName()}</b>
+            ?
+          </p>
+        ),
+      })}
+    >
+      <Icon
+        material="autorenew"
+        tooltip="Restart"
+        interactive={toolbar}
+      />
+      <span className="title">Restart</span>
+    </MenuItem>
+  </>
+);
+
+export const DeploymentMenu = withInjectables<Dependencies, DeploymentMenuProps>(NonInjectedDeploymentMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    deploymentApi: di.inject(deploymentApiInjectable),
+    openDeploymentScaleDialog: di.inject(openDeploymentScaleDialogInjectable),
+    openConfirmDialog: di.inject(openConfirmDialogInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.scss b/packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.scss
new file mode 100644
index 0000000000..0c04f54709
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.scss
@@ -0,0 +1,36 @@
+.DeploymentDetails {
+  .ReplicaSets {
+    position: relative;
+    min-height: 80px;
+
+    .Table {
+      margin: 0 (-$margin * 3);
+    }
+
+    .TableCell {
+      &:first-child {
+        margin-left: $margin;
+      }
+
+      &:last-child {
+        margin-right: $margin;
+      }
+
+      &.name {
+        flex-grow: 2;
+      }
+
+      &.warning {
+        @include table-cell-warning;
+      }
+
+      &.namespace {
+        flex-grow: 1.2;
+      }
+
+      &.actions {
+        @include table-cell-action;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.tsx b/packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.tsx
new file mode 100644
index 0000000000..d46e3e7f31
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.tsx
@@ -0,0 +1,120 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./deployment-replicasets.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { ReplicaSet } from "../../../common/k8s-api/endpoints";
+import { KubeObjectMenu } from "../kube-object-menu";
+import { Spinner } from "../spinner";
+import { prevDefault, stopPropagation } from "../../utils";
+import { DrawerTitle } from "../drawer";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { KubeObjectAge } from "../kube-object/age";
+import type { ReplicaSetStore } from "../+workloads-replicasets/store";
+import type { ShowDetails } from "../kube-detail-params/show-details.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import showDetailsInjectable from "../kube-detail-params/show-details.injectable";
+import replicaSetStoreInjectable from "../+workloads-replicasets/store.injectable";
+
+
+enum sortBy {
+  name = "name",
+  namespace = "namespace",
+  pods = "pods",
+  age = "age",
+}
+
+interface Dependencies {
+  replicaSetStore: ReplicaSetStore;
+  showDetails: ShowDetails;
+}
+
+export interface DeploymentReplicaSetsProps {
+  replicaSets: ReplicaSet[];
+}
+
+interface Dependencies {
+  replicaSetStore: ReplicaSetStore;
+  showDetails: ShowDetails;
+}
+
+@observer
+class NonInjectedDeploymentReplicaSets extends React.Component<DeploymentReplicaSetsProps & Dependencies> {
+  getPodsLength(replicaSet: ReplicaSet) {
+    return this.props.replicaSetStore.getChildPods(replicaSet).length;
+  }
+
+  render() {
+    const {
+      replicaSets,
+      replicaSetStore,
+      showDetails,
+    } = this.props;
+
+    if (!replicaSets.length && !replicaSetStore.isLoaded) return (
+      <div className="ReplicaSets"><Spinner center/></div>
+    );
+    if (!replicaSets.length) return null;
+
+    return (
+      <div className="ReplicaSets flex column">
+        <DrawerTitle>Deploy Revisions</DrawerTitle>
+        <Table
+          selectable
+          tableId="deployment_replica_sets_view"
+          scrollable={false}
+          sortable={{
+            [sortBy.name]: (replicaSet: ReplicaSet) => replicaSet.getName(),
+            [sortBy.namespace]: (replicaSet: ReplicaSet) => replicaSet.getNs(),
+            [sortBy.age]: (replicaSet: ReplicaSet) => replicaSet.metadata.creationTimestamp,
+            [sortBy.pods]: (replicaSet: ReplicaSet) => this.getPodsLength(replicaSet),
+          }}
+          sortByDefault={{ sortBy: sortBy.pods, orderBy: "desc" }}
+          sortSyncWithUrl={false}
+          className="box grow"
+        >
+          <TableHead>
+            <TableCell className="name" sortBy={sortBy.name}>Name</TableCell>
+            <TableCell className="warning"/>
+            <TableCell className="namespace" sortBy={sortBy.namespace}>Namespace</TableCell>
+            <TableCell className="pods" sortBy={sortBy.pods}>Pods</TableCell>
+            <TableCell className="age" sortBy={sortBy.age}>Age</TableCell>
+            <TableCell className="actions"/>
+          </TableHead>
+          {
+            replicaSets.map(replica => (
+              <TableRow
+                key={replica.getId()}
+                sortItem={replica}
+                nowrap
+                onClick={prevDefault(() => showDetails(replica.selfLink, false))}
+              >
+                <TableCell className="name">{replica.getName()}</TableCell>
+                <TableCell className="warning"><KubeObjectStatusIcon key="icon" object={replica} /></TableCell>
+                <TableCell className="namespace">{replica.getNs()}</TableCell>
+                <TableCell className="pods">{this.getPodsLength(replica)}</TableCell>
+                <TableCell className="age"><KubeObjectAge key="age" object={replica} /></TableCell>
+                <TableCell className="actions" onClick={stopPropagation}>
+                  <KubeObjectMenu object={replica} />
+                </TableCell>
+              </TableRow>
+            ))
+          }
+        </Table>
+      </div>
+    );
+  }
+}
+
+export const DeploymentReplicaSets = withInjectables<Dependencies, DeploymentReplicaSetsProps>(NonInjectedDeploymentReplicaSets, {
+  getProps: (di, props) => ({
+    ...props,
+    replicaSetStore: di.inject(replicaSetStoreInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployments-route-component.injectable.ts b/packages/core/src/renderer/components/+workloads-deployments/deployments-route-component.injectable.ts
new file mode 100644
index 0000000000..65ec34acb2
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/deployments-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 { Deployments } from "./deployments";
+import deploymentsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/deployments/deployments-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const deploymentsRouteComponentInjectable = getInjectable({
+  id: "deployments-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(deploymentsRouteInjectable),
+    Component: Deployments,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default deploymentsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployments-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+workloads-deployments/deployments-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..9f06301b8c
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/deployments-sidebar-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 deploymentsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/deployments/deployments-route.injectable";
+import { workloadsSidebarItemId } from "../+workloads/workloads-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToDeploymentsInjectable from "../../../common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.injectable";
+
+const deploymentsSidebarItemsInjectable = getInjectable({
+  id: "deployments-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(deploymentsRouteInjectable);
+    const navigateToDeployments = di.inject(navigateToDeploymentsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "deployments",
+        parentId: workloadsSidebarItemId,
+        title: "Deployments",
+        onClick: navigateToDeployments,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 30,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default deploymentsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployments.scss b/packages/core/src/renderer/components/+workloads-deployments/deployments.scss
new file mode 100644
index 0000000000..322faa6d8d
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/deployments.scss
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../+workloads/workloads-mixins";
+
+.Deployments {
+  .TableCell {
+    &.name {
+      flex-grow: 1.5;
+    }
+
+    &.namespace {
+      flex-grow: 1.5;
+    }
+
+    &.pods {
+      flex-grow: 1;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.conditions {
+      flex-grow: 1.5;
+
+      .condition {
+        margin-right: $margin;
+
+        &.available {
+          color: $deployment-available;
+        }
+
+        &.progressing {
+          color: $deployment-progressing;
+        }
+
+        &.replica-failure {
+          color: $deployment-replicafailure;
+        }
+      }
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployments.tsx b/packages/core/src/renderer/components/+workloads-deployments/deployments.tsx
new file mode 100644
index 0000000000..d069cd73c1
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/deployments.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 "./deployments.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { Deployment } from "../../../common/k8s-api/endpoints";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { cssNames, prevDefault } from "../../utils";
+import kebabCase from "lodash/kebabCase";
+import orderBy from "lodash/orderBy";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { DeploymentStore } from "./store";
+import type { EventStore } from "../+events/store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import deploymentStoreInjectable from "./store.injectable";
+import eventStoreInjectable from "../+events/store.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  pods = "pods",
+  replicas = "replicas",
+  age = "age",
+  condition = "condition",
+}
+
+interface Dependencies {
+  deploymentStore: DeploymentStore;
+  eventStore: EventStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+@observer
+class NonInjectedDeployments extends React.Component<Dependencies> {
+  renderPods(deployment: Deployment) {
+    const { replicas, availableReplicas } = deployment.status ?? {};
+
+    return `${availableReplicas || 0}/${replicas || 0}`;
+  }
+
+  renderConditions(deployment: Deployment) {
+    const conditions = orderBy(deployment.getConditions(true), "type", "asc");
+
+    return conditions.map(({ type, message }) => (
+      <span
+        key={type}
+        className={cssNames("condition", kebabCase(type))}
+        title={message}
+      >
+        {type}
+      </span>
+    ));
+  }
+
+  render() {
+    const {
+      deploymentStore,
+      eventStore,
+      filterByNamespace,
+    } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="workload_deployments"
+          className="Deployments"
+          store={deploymentStore}
+          dependentStores={[eventStore]} // status icon component uses event store
+          sortingCallbacks={{
+            [columnId.name]: deployment => deployment.getName(),
+            [columnId.namespace]: deployment => deployment.getNs(),
+            [columnId.replicas]: deployment => deployment.getReplicas(),
+            [columnId.age]: deployment => -deployment.getCreationTimestamp(),
+            [columnId.condition]: deployment => deployment.getConditionsText(),
+          }}
+          searchFilters={[
+            deployment => deployment.getSearchFields(),
+            deployment => deployment.getConditionsText(),
+          ]}
+          renderHeaderTitle="Deployments"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Pods", className: "pods", id: columnId.pods },
+            { title: "Replicas", className: "replicas", sortBy: columnId.replicas, id: columnId.replicas },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+            { title: "Conditions", className: "conditions", sortBy: columnId.condition, id: columnId.condition },
+          ]}
+          renderTableContents={deployment => [
+            deployment.getName(),
+            <KubeObjectStatusIcon key="icon" object={deployment} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => filterByNamespace(deployment.getNs()))}
+            >
+              {deployment.getNs()}
+            </a>,
+            this.renderPods(deployment),
+            deployment.getReplicas(),
+            <KubeObjectAge key="age" object={deployment} />,
+            this.renderConditions(deployment),
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const Deployments = withInjectables<Dependencies>(NonInjectedDeployments, {
+  getProps: (di, props) => ({
+    ...props,
+    deploymentStore: di.inject(deploymentStoreInjectable),
+    eventStore: di.inject(eventStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-deployments/index.ts b/packages/core/src/renderer/components/+workloads-deployments/index.ts
new file mode 100644
index 0000000000..7e715da22b
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/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 "./deployments";
+export * from "./deployment-details";
diff --git a/packages/core/src/renderer/components/+workloads-deployments/metrics-details-component.injectable.tsx b/packages/core/src/renderer/components/+workloads-deployments/metrics-details-component.injectable.tsx
new file mode 100644
index 0000000000..d40e93641d
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/metrics-details-component.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import type { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { PodCharts, podMetricTabs } from "../+workloads-pods/pod-charts";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { Deployment } from "../../../common/k8s-api/endpoints";
+import type { DeploymentPodMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-deployments.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import deploymentMetricsInjectable from "./metrics.injectable";
+
+interface Dependencies {
+  metrics: IAsyncComputed<DeploymentPodMetricData>;
+}
+
+const NonInjectedDeploymentMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<Deployment> & Dependencies) => (
+  <ResourceMetrics
+    tabs={podMetricTabs}
+    object={object}
+    metrics={metrics}
+  >
+    <PodCharts />
+  </ResourceMetrics>
+);
+
+const DeploymentMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<Deployment>>(NonInjectedDeploymentMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(deploymentMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const deploymentMetricsDetailsComponentInjectable = getInjectable({
+  id: "deployment-metrics-details-component",
+  instantiate: (di) => ({
+    Component: DeploymentMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.Deployment),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default deploymentMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-deployments/metrics.injectable.ts b/packages/core/src/renderer/components/+workloads-deployments/metrics.injectable.ts
new file mode 100644
index 0000000000..fecd67c5db
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { Deployment } from "../../../common/k8s-api/endpoints";
+import requestPodMetricsForDeploymentsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-deployments.injectable";
+
+const deploymentMetricsInjectable = getInjectable({
+  id: "deployment-metrics",
+  instantiate: (di, deployment) => {
+    const requestPodMetricsForDeployments = di.inject(requestPodMetricsForDeploymentsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: () => {
+        now(60 * 1000);
+
+        return requestPodMetricsForDeployments([deployment], deployment.getNs());
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, deployment: Deployment) => deployment.getId(),
+  }),
+});
+
+export default deploymentMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-deployments/scale/deployment-scale-dialog-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/+workloads-deployments/scale/deployment-scale-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..31a444dba0
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/scale/deployment-scale-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 { 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,
+});
+
+export default deploymentScaleDialogClusterFrameChildComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-deployments/scale/dialog-state.injectable.ts b/packages/core/src/renderer/components/+workloads-deployments/scale/dialog-state.injectable.ts
new file mode 100644
index 0000000000..9da03e509f
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/scale/dialog-state.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 { observable } from "mobx";
+import type { Deployment } from "../../../../common/k8s-api/endpoints";
+
+const deploymentScaleDialogStateInjectable = getInjectable({
+  id: "deployment-scale-dialog-state",
+  instantiate: () => observable.box<Deployment | undefined>(),
+});
+
+export default deploymentScaleDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-deployments/scale/dialog.scss b/packages/core/src/renderer/components/+workloads-deployments/scale/dialog.scss
new file mode 100644
index 0000000000..06a93316aa
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/scale/dialog.scss
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.DeploymentScaleDialog {
+  .Wizard {
+    .header {
+      span {
+        color: #a0a0a0;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .WizardStep {
+      .step-content {
+        min-height: 90px;
+        overflow: hidden;
+      }
+    }
+
+    .current-scale {
+      font-weight: bold
+    }
+
+    .desired-scale {
+      flex: 1.1 0;
+    }
+
+    .slider-container {
+      flex: 1 0;
+    }
+
+    .plus-minus-container {
+      margin-left: $margin * 2;
+      .Icon {
+        --color-active: black;
+      }
+    }
+
+    .warning {
+      color: var(--colorSoftError);
+      font-size: small;
+      display: flex;
+      align-items: center;
+
+      .Icon {
+        margin: 0;
+        margin-right: $margin;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-deployments/scale/dialog.test.tsx b/packages/core/src/renderer/components/+workloads-deployments/scale/dialog.test.tsx
new file mode 100644
index 0000000000..b7f6ba99cb
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/scale/dialog.test.tsx
@@ -0,0 +1,174 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { waitFor, fireEvent } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+
+import { DeploymentScaleDialog } from "./dialog";
+import type { DeploymentApi } from "../../../../common/k8s-api/endpoints/deployment.api";
+import { Deployment } from "../../../../common/k8s-api/endpoints/deployment.api";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import deploymentApiInjectable from "../../../../common/k8s-api/endpoints/deployment.api.injectable";
+import type { OpenDeploymentScaleDialog } from "./open.injectable";
+import openDeploymentScaleDialogInjectable from "./open.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+
+const dummyDeployment = new Deployment({
+  apiVersion: "v1",
+  kind: "dummy",
+  metadata: {
+    uid: "dummy",
+    name: "dummy",
+    creationTimestamp: "dummy",
+    resourceVersion: "dummy",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/deployments/default/dummy",
+  },
+  spec: {
+    replicas: 1,
+    selector: { matchLabels: { dummy: "label" }},
+    template: {
+      metadata: {
+        labels: { dummy: "label" },
+      },
+      spec: {
+        containers: [{
+          name: "dummy",
+          image: "dummy",
+          resources: {
+            requests: {
+              cpu: "1",
+              memory: "10Mi",
+            },
+          },
+          terminationMessagePath: "dummy",
+          terminationMessagePolicy: "File",
+          imagePullPolicy: "Always",
+        }],
+        restartPolicy: "dummy",
+        terminationGracePeriodSeconds: 10,
+        dnsPolicy: "dummy",
+        serviceAccountName: "dummy",
+        serviceAccount: "dummy",
+        securityContext: {},
+        schedulerName: "dummy",
+      },
+    },
+    strategy: {
+      type: "dummy",
+      rollingUpdate: {
+        maxUnavailable: 1,
+        maxSurge: 10,
+      },
+    },
+  },
+  status: {
+    observedGeneration: 1,
+    replicas: 1,
+    updatedReplicas: 1,
+    readyReplicas: 1,
+    conditions: [{
+      type: "dummy",
+      status: "True",
+      lastTransitionTime: "dummy",
+      reason: "dummy",
+      message: "dummy",
+    }],
+  },
+});
+
+describe("<DeploymentScaleDialog />", () => {
+  let deploymentApi: DeploymentApi;
+  let openDeploymentScaleDialog: OpenDeploymentScaleDialog;
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    deploymentApi = di.inject(deploymentApiInjectable);
+    openDeploymentScaleDialog = di.inject(openDeploymentScaleDialogInjectable);
+    render = renderFor(di);
+  });
+
+  it("renders w/o errors", () => {
+    const { container } = render(<DeploymentScaleDialog />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("inits with a dummy deployment with mocked current/desired scale", async () => {
+    // mock deploymentApi.getReplicas() which will be called
+    // when <DeploymentScaleDialog /> rendered.
+    const initReplicas = 3;
+
+    deploymentApi.getReplicas = jest.fn().mockImplementationOnce(async () => initReplicas);
+    const { findByTestId } = render(<DeploymentScaleDialog />);
+
+    openDeploymentScaleDialog(dummyDeployment);
+    // we need to wait for the DeploymentScaleDialog to show up
+    // because there is an <Animate /> in <Dialog /> which renders null at start.
+    await waitFor(async () => {
+      const [currentScale, desiredScale] = await Promise.all([
+        findByTestId("current-scale"),
+        findByTestId("desired-scale"),
+      ]);
+
+      expect(currentScale).toHaveTextContent(`${initReplicas}`);
+      expect(desiredScale).toHaveTextContent(`${initReplicas}`);
+    });
+
+  });
+
+  it("changes the desired scale when clicking the icon buttons +/-", async () => {
+    const initReplicas = 1;
+
+    deploymentApi.getReplicas = jest.fn().mockImplementationOnce(async () => initReplicas);
+    const component = render(<DeploymentScaleDialog />);
+
+    openDeploymentScaleDialog(dummyDeployment);
+    await waitFor(async () => {
+      expect(await component.findByTestId("desired-scale")).toHaveTextContent(`${initReplicas}`);
+      expect(await component.findByTestId("current-scale")).toHaveTextContent(`${initReplicas}`);
+      expect(component.baseElement.querySelector("input")?.value).toBe(`${initReplicas}`);
+    });
+    const up = await component.findByTestId("desired-replicas-up");
+    const down = await component.findByTestId("desired-replicas-down");
+
+    fireEvent.click(up);
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent(`${initReplicas + 1}`);
+    expect(await component.findByTestId("current-scale")).toHaveTextContent(`${initReplicas}`);
+    expect(component.baseElement.querySelector("input")?.value).toBe(`${initReplicas + 1}`);
+
+    fireEvent.click(down);
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent(`${initReplicas}`);
+    expect(await component.findByTestId("current-scale")).toHaveTextContent(`${initReplicas}`);
+    expect(component.baseElement.querySelector("input")?.value).toBe(`${initReplicas}`);
+
+    // edge case, desiredScale must = 0
+    let times = 10;
+
+    for (let i = 0; i < times; i++) {
+      fireEvent.click(down);
+    }
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent("0");
+    expect(component.baseElement.querySelector("input")?.value).toBe("0");
+
+    // edge case, desiredScale must = 100 scaleMax (100)
+    times = 120;
+
+    for (let i = 0; i < times; i++) {
+      fireEvent.click(up);
+    }
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent("100");
+    expect(component.baseElement.querySelector("input")?.value).toBe("100");
+    expect(await component.findByTestId("warning"))
+      .toHaveTextContent("High number of replicas may cause cluster performance issues");
+  });
+});
diff --git a/packages/core/src/renderer/components/+workloads-deployments/scale/dialog.tsx b/packages/core/src/renderer/components/+workloads-deployments/scale/dialog.tsx
new file mode 100644
index 0000000000..d6c8b0fcaa
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/scale/dialog.tsx
@@ -0,0 +1,189 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./dialog.scss";
+
+import React, { Component } from "react";
+import type { IObservableValue } from "mobx";
+import { computed, observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import type { DialogProps } from "../../dialog";
+import { Dialog } from "../../dialog";
+import { Wizard, WizardStep } from "../../wizard";
+import type { Deployment, DeploymentApi } from "../../../../common/k8s-api/endpoints";
+import { Icon } from "../../icon";
+import { Slider } from "../../slider";
+import { cssNames } from "../../../utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import deploymentApiInjectable from "../../../../common/k8s-api/endpoints/deployment.api.injectable";
+import deploymentScaleDialogStateInjectable from "./dialog-state.injectable";
+import type { ShowCheckedErrorNotification } from "../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../notifications/show-checked-error.injectable";
+
+export interface DeploymentScaleDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  deploymentApi: DeploymentApi;
+  state: IObservableValue<Deployment | undefined>;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedDeploymentScaleDialog extends Component<DeploymentScaleDialogProps & Dependencies> {
+  @observable ready = false;
+  @observable currentReplicas = 0;
+  @observable desiredReplicas = 0;
+
+  constructor(props: DeploymentScaleDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  close = () => {
+    this.props.state.set(undefined);
+  };
+
+  @computed get scaleMax() {
+    const { currentReplicas } = this;
+    const defaultMax = 50;
+
+    return currentReplicas <= defaultMax
+      ? defaultMax * 2
+      : currentReplicas * 2;
+  }
+
+  onOpen = async (deployment: Deployment) => {
+    this.currentReplicas = await this.props.deploymentApi.getReplicas({
+      namespace: deployment.getNs(),
+      name: deployment.getName(),
+    });
+    this.desiredReplicas = this.currentReplicas;
+    this.ready = true;
+  };
+
+  onClose = () => {
+    this.ready = false;
+  };
+
+  onChange = (evt: React.ChangeEvent, value: number) => {
+    this.desiredReplicas = value;
+  };
+
+  scale = async (deployment: Deployment) => {
+    const { currentReplicas, desiredReplicas, close } = this;
+
+    try {
+      if (currentReplicas !== desiredReplicas) {
+        await this.props.deploymentApi.scale({
+          name: deployment.getName(),
+          namespace: deployment.getNs(),
+        }, desiredReplicas);
+      }
+      close();
+    } catch (err) {
+      this.props.showCheckedErrorNotification(err, "Unknown error occured while scaling Deployment");
+    }
+  };
+
+  private readonly scaleMin = 0;
+
+  desiredReplicasUp = () => {
+    this.desiredReplicas = Math.min(this.scaleMax, this.desiredReplicas + 1);
+  };
+
+  desiredReplicasDown = () => {
+    this.desiredReplicas = Math.max(this.scaleMin, this.desiredReplicas - 1);
+  };
+
+  renderContents(deployment: Deployment) {
+    const { currentReplicas, desiredReplicas, onChange, scaleMax } = this;
+    const warning = currentReplicas < 10 && desiredReplicas > 90;
+
+    return (
+      <Wizard
+        header={(
+          <h5>
+            Scale Deployment
+            <span>{deployment.getName()}</span>
+          </h5>
+        )}
+        done={this.close}
+      >
+        <WizardStep
+          contentClass="flex gaps column"
+          next={() => this.scale(deployment)}
+          nextLabel="Scale"
+          disabledNext={!this.ready}
+        >
+          <div className="current-scale" data-testid="current-scale">
+            Current replica scale:
+            {" "}
+            {currentReplicas}
+          </div>
+          <div className="flex gaps align-center">
+            <div className="desired-scale" data-testid="desired-scale">
+              Desired number of replicas:
+              {" "}
+              {desiredReplicas}
+            </div>
+            <div className="slider-container flex align-center">
+              <Slider
+                value={desiredReplicas}
+                max={scaleMax}
+                onChange={onChange}
+              />
+            </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"
+              />
+            </div>
+          </div>
+          {warning && (
+            <div className="warning" data-testid="warning">
+              <Icon material="warning"/>
+              High number of replicas may cause cluster performance issues
+            </div>
+          )}
+        </WizardStep>
+      </Wizard>
+    );
+  }
+
+  render() {
+    const { className, state, ...dialogProps } = this.props;
+    const deployment = state.get();
+
+    return (
+      <Dialog
+        {...dialogProps}
+        isOpen={Boolean(deployment)}
+        className={cssNames("DeploymentScaleDialog", className)}
+        onOpen={deployment && (() => this.onOpen(deployment))}
+        onClose={this.onClose}
+        close={this.close}
+      >
+        {deployment && this.renderContents(deployment)}
+      </Dialog>
+    );
+  }
+}
+
+export const DeploymentScaleDialog = withInjectables<Dependencies, DeploymentScaleDialogProps>(NonInjectedDeploymentScaleDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    deploymentApi: di.inject(deploymentApiInjectable),
+    state: di.inject(deploymentScaleDialogStateInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-deployments/scale/open.injectable.ts b/packages/core/src/renderer/components/+workloads-deployments/scale/open.injectable.ts
new file mode 100644
index 0000000000..db21f51b34
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/scale/open.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 type { Deployment } from "../../../../common/k8s-api/endpoints";
+import deploymentScaleDialogStateInjectable from "./dialog-state.injectable";
+
+export type OpenDeploymentScaleDialog = (obj: Deployment) => void;
+
+const openDeploymentScaleDialogInjectable = getInjectable({
+  id: "open-deployment-scale-dialog",
+  instantiate: (di): OpenDeploymentScaleDialog => {
+    const state = di.inject(deploymentScaleDialogStateInjectable);
+
+    return obj => state.set(obj);
+  },
+});
+
+export default openDeploymentScaleDialogInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-deployments/store.injectable.ts b/packages/core/src/renderer/components/+workloads-deployments/store.injectable.ts
new file mode 100644
index 0000000000..1a6a9f7df1
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/store.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 assert from "assert";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import { storesAndApisCanBeCreatedInjectionToken } from "../../../common/k8s-api/stores-apis-can-be-created.token";
+import deploymentApiInjectable from "../../../common/k8s-api/endpoints/deployment.api.injectable";
+import { DeploymentStore } from "./store";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const deploymentStoreInjectable = getInjectable({
+  id: "deployment-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "deploymentStore is only available in certain environments");
+
+    const api = di.inject(deploymentApiInjectable);
+
+    return new DeploymentStore({
+      podStore: di.inject(podStoreInjectable),
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default deploymentStoreInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-deployments/store.ts b/packages/core/src/renderer/components/+workloads-deployments/store.ts
new file mode 100644
index 0000000000..af5d085594
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-deployments/store.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 type { PodStore } from "../+workloads-pods/store";
+import type { Deployment, DeploymentApi } from "../../../common/k8s-api/endpoints";
+import { PodStatusPhase } from "../../../common/k8s-api/endpoints";
+import type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+
+// This needs to be disables because of https://github.com/microsoft/TypeScript/issues/15300
+// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+export type DeploymentStatuses = {
+  running: number;
+  failed: number;
+  pending: number;
+};
+
+export interface DeploymentStoreDependencies extends KubeObjectStoreDependencies {
+  readonly podStore: PodStore;
+}
+
+export class DeploymentStore extends KubeObjectStore<Deployment, DeploymentApi> {
+  constructor(protected readonly dependencies: DeploymentStoreDependencies, api: DeploymentApi, opts?: KubeObjectStoreOptions) {
+    super(dependencies, api, opts);
+  }
+
+  protected sortItems(items: Deployment[]) {
+    return super.sortItems(items, [
+      item => item.getReplicas(),
+    ], "desc");
+  }
+
+  getStatuses(deployments: Deployment[]): DeploymentStatuses;
+  /**
+   * @deprecated
+   */
+  getStatuses(deployments: Deployment[] | undefined): DeploymentStatuses;
+  getStatuses(deployments: Deployment[] = []) {
+    const status = { running: 0, failed: 0, pending: 0 };
+
+    deployments.forEach(deployment => {
+      const statuses = new Set(this.getChildPods(deployment).map(pod => pod.getStatus()));
+
+      if (statuses.has(PodStatusPhase.FAILED)) {
+        status.failed++;
+      } else if (statuses.has(PodStatusPhase.PENDING)) {
+        status.pending++;
+      } else {
+        status.running++;
+      }
+    });
+
+    return status;
+  }
+
+  getChildPods(deployment: Deployment) {
+    return this.dependencies.podStore
+      .getByLabel(deployment.getTemplateLabels())
+      .filter(pod => pod.getNs() === deployment.getNs());
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-jobs/get-jobs-by-owner.injectable.ts b/packages/core/src/renderer/components/+workloads-jobs/get-jobs-by-owner.injectable.ts
new file mode 100644
index 0000000000..3429ff5afb
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/get-jobs-by-owner.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 type { CronJob, Job } from "../../../common/k8s-api/endpoints";
+import { getInjectable } from "@ogre-tools/injectable";
+import jobStoreInjectable from "./store.injectable";
+
+export type GetJobsByOwner = (cronJob: CronJob) => Job[];
+
+const getJobsByOwnerInjectable = getInjectable({
+  id: "get-jobs-by-owner",
+  instantiate: (di): GetJobsByOwner => {
+    const store = di.inject(jobStoreInjectable);
+
+    return (cronJob) => store.getJobsByOwner(cronJob);
+  },
+});
+
+export default getJobsByOwnerInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-jobs/index.ts b/packages/core/src/renderer/components/+workloads-jobs/index.ts
new file mode 100644
index 0000000000..2c7ba990de
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/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 "./jobs";
+export * from "./job-details";
diff --git a/packages/core/src/renderer/components/+workloads-jobs/job-details.scss b/packages/core/src/renderer/components/+workloads-jobs/job-details.scss
new file mode 100644
index 0000000000..7b101a96b6
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/job-details.scss
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.JobDetails {
+  .conditions {
+    @include job-condition-bgs;
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-jobs/job-details.tsx b/packages/core/src/renderer/components/+workloads-jobs/job-details.tsx
new file mode 100644
index 0000000000..388032cac7
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/job-details.tsx
@@ -0,0 +1,130 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./job-details.scss";
+
+import React from "react";
+import kebabCase from "lodash/kebabCase";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { DrawerItem } from "../drawer";
+import { Badge } from "../badge";
+import { PodDetailsStatuses } from "../+workloads-pods/pod-details-statuses";
+import { PodDetailsTolerations } from "../+workloads-pods/pod-details-tolerations";
+import { PodDetailsAffinities } from "../+workloads-pods/pod-details-affinities";
+import type { JobStore } from "./store";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { Job } from "../../../common/k8s-api/endpoints";
+import { PodDetailsList } from "../+workloads-pods/pod-details-list";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import type { PodStore } from "../+workloads-pods/store";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import jobStoreInjectable from "./store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface JobDetailsProps extends KubeObjectDetailsProps<Job> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  podStore: PodStore;
+  jobStore: JobStore;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedJobDetails extends React.Component<JobDetailsProps & Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.podStore,
+      ]),
+    ]);
+  }
+
+  render() {
+    const { object: job, jobStore, logger } = this.props;
+
+    if (!job) {
+      return null;
+    }
+
+    if (!(job instanceof Job)) {
+      logger.error("[JobDetails]: passed object that is not an instanceof Job", job);
+
+      return null;
+    }
+
+    const selectors = job.getSelectors();
+    const nodeSelector = job.getNodeSelectors();
+    const images = job.getImages();
+    const childPods = jobStore.getChildPods(job);
+    const condition = job.getCondition();
+
+    return (
+      <div className="JobDetails">
+        <DrawerItem name="Selector" labelsOnly>
+          {
+            Object.keys(selectors).map(label => <Badge key={label} label={label}/>)
+          }
+        </DrawerItem>
+        {nodeSelector.length > 0 && (
+          <DrawerItem name="Node Selector" labelsOnly>
+            {
+              nodeSelector.map(label => (
+                <Badge key={label} label={label}/>
+              ))
+            }
+          </DrawerItem>
+        )}
+        {images.length > 0 && (
+          <DrawerItem name="Images">
+            {
+              images.map(image => <p key={image}>{image}</p>)
+            }
+          </DrawerItem>
+        )}
+        <DrawerItem
+          name="Conditions"
+          className="conditions"
+          labelsOnly
+        >
+          {condition && (
+            <Badge
+              className={kebabCase(condition.type)}
+              label={condition.type}
+              tooltip={condition.message}
+            />
+          )}
+        </DrawerItem>
+        <DrawerItem name="Completions">
+          {job.getDesiredCompletions()}
+        </DrawerItem>
+        <DrawerItem name="Parallelism">
+          {job.getParallelism()}
+        </DrawerItem>
+        <PodDetailsTolerations workload={job}/>
+        <PodDetailsAffinities workload={job}/>
+        <DrawerItem name="Pod Status" className="pod-status">
+          <PodDetailsStatuses pods={childPods}/>
+        </DrawerItem>
+        <PodDetailsList pods={childPods} owner={job}/>
+      </div>
+    );
+  }
+}
+
+export const JobDetails = withInjectables<Dependencies, JobDetailsProps>(NonInjectedJobDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    podStore: di.inject(podStoreInjectable),
+    jobStore: di.inject(jobStoreInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+workloads-jobs/jobs-route-component.injectable.ts b/packages/core/src/renderer/components/+workloads-jobs/jobs-route-component.injectable.ts
new file mode 100644
index 0000000000..e060cf95ee
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/jobs-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 { Jobs } from "./jobs";
+import jobsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/jobs/jobs-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const jobsRouteComponentInjectable = getInjectable({
+  id: "jobs-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(jobsRouteInjectable),
+    Component: Jobs,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default jobsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-jobs/jobs-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+workloads-jobs/jobs-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..d89d6a2874
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/jobs-sidebar-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 jobsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/jobs/jobs-route.injectable";
+import { workloadsSidebarItemId } from "../+workloads/workloads-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToJobsInjectable from "../../../common/front-end-routing/routes/cluster/workloads/jobs/navigate-to-jobs.injectable";
+
+const jobsSidebarItemsInjectable = getInjectable({
+  id: "jobs-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(jobsRouteInjectable);
+    const navigateToJobs = di.inject(navigateToJobsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "jobs",
+        parentId: workloadsSidebarItemId,
+        title: "Jobs",
+        onClick: navigateToJobs,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 70,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default jobsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-jobs/jobs.scss b/packages/core/src/renderer/components/+workloads-jobs/jobs.scss
new file mode 100644
index 0000000000..a24cfc7b06
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/jobs.scss
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../+workloads/workloads-mixins";
+
+.Jobs {
+  .TableCell {
+    &.name {
+      flex-grow: 2;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.conditions {
+      @include job-condition-colors;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-jobs/jobs.tsx b/packages/core/src/renderer/components/+workloads-jobs/jobs.tsx
new file mode 100644
index 0000000000..c0bc9e2d66
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/jobs.tsx
@@ -0,0 +1,104 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./jobs.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import kebabCase from "lodash/kebabCase";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { JobStore } from "./store";
+import type { EventStore } from "../+events/store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { prevDefault } from "../../utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import eventStoreInjectable from "../+events/store.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import jobStoreInjectable from "./store.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  completions = "completions",
+  conditions = "conditions",
+  age = "age",
+}
+
+interface Dependencies {
+  jobStore: JobStore;
+  eventStore: EventStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+const NonInjectedJobs = observer((props: Dependencies) => {
+  const {
+    eventStore,
+    filterByNamespace,
+    jobStore,
+  } = props;
+
+  return (
+    <SiblingsInTabLayout>
+      <KubeObjectListLayout
+        isConfigurable
+        tableId="workload_jobs"
+        className="Jobs"
+        store={jobStore}
+        dependentStores={[eventStore]} // status icon component uses event store
+        sortingCallbacks={{
+          [columnId.name]: job => job.getName(),
+          [columnId.namespace]: job => job.getNs(),
+          [columnId.conditions]: job => job.getCondition()?.type,
+          [columnId.age]: job => -job.getCreationTimestamp(),
+        }}
+        searchFilters={[
+          job => job.getSearchFields(),
+        ]}
+        renderHeaderTitle="Jobs"
+        renderTableHeader={[
+          { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+          { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+          { title: "Completions", className: "completions", id: columnId.completions },
+          { className: "warning", showWithColumn: columnId.completions },
+          { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          { title: "Conditions", className: "conditions", sortBy: columnId.conditions, id: columnId.conditions },
+        ]}
+        renderTableContents={job => {
+          const condition = job.getCondition();
+
+          return [
+            job.getName(),
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => filterByNamespace(job.getNs()))}
+            >
+              {job.getNs()}
+            </a>,
+            `${job.getCompletions()} / ${job.getDesiredCompletions()}`,
+            <KubeObjectStatusIcon key="icon" object={job} />,
+            <KubeObjectAge key="age" object={job} />,
+            condition && {
+              title: condition.type,
+              className: kebabCase(condition.type),
+            },
+          ];
+        }}
+      />
+    </SiblingsInTabLayout>
+  );
+});
+
+export const Jobs = withInjectables<Dependencies>(NonInjectedJobs, {
+  getProps: (di, props) => ({
+    ...props,
+    eventStore: di.inject(eventStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    jobStore: di.inject(jobStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-jobs/metrics-details-component.injectable.tsx b/packages/core/src/renderer/components/+workloads-jobs/metrics-details-component.injectable.tsx
new file mode 100644
index 0000000000..479086c17c
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/metrics-details-component.injectable.tsx
@@ -0,0 +1,52 @@
+/**
+ * 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 IAsyncComputed, withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { PodCharts, podMetricTabs } from "../+workloads-pods/pod-charts";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { Job } from "../../../common/k8s-api/endpoints";
+import type { JobPodMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-jobs.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import jobMetricsInjectable from "./metrics.injectable";
+
+interface Dependencies {
+  metrics: IAsyncComputed<JobPodMetricData>;
+}
+
+const NonInjectedJobMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<Job> & Dependencies) => (
+  <ResourceMetrics
+    tabs={podMetricTabs}
+    object={object}
+    metrics={metrics}
+  >
+    <PodCharts />
+  </ResourceMetrics>
+);
+
+const JobMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<Job>>(NonInjectedJobMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(jobMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const jobMetricsDetailsComponentInjectable = getInjectable({
+  id: "job-metrics-details-component",
+  instantiate: (di) => ({
+    Component: JobMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.Job),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default jobMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-jobs/metrics.injectable.ts b/packages/core/src/renderer/components/+workloads-jobs/metrics.injectable.ts
new file mode 100644
index 0000000000..9922dc6ad1
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { Job } from "../../../common/k8s-api/endpoints";
+import requestPodMetricsForJobsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-jobs.injectable";
+
+const jobMetricsInjectable = getInjectable({
+  id: "job-metrics",
+  instantiate: (di, job) => {
+    const requestPodMetricsForJobs = di.inject(requestPodMetricsForJobsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: () => {
+        now(60 * 1000);
+
+        return requestPodMetricsForJobs([job], job.getNs());
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, job: Job) => job.getId(),
+  }),
+});
+
+export default jobMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-jobs/store.injectable.ts b/packages/core/src/renderer/components/+workloads-jobs/store.injectable.ts
new file mode 100644
index 0000000000..28d3806788
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/store.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 assert from "assert";
+import getPodsByOwnerIdInjectable from "../+workloads-pods/get-pods-by-owner-id.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import jobApiInjectable from "../../../common/k8s-api/endpoints/job.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { JobStore } from "./store";
+
+const jobStoreInjectable = getInjectable({
+  id: "job-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "jobStore is only available in certain environments");
+
+    const api = di.inject(jobApiInjectable);
+
+    return new JobStore({
+      getPodsByOwnerId: di.inject(getPodsByOwnerIdInjectable),
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default jobStoreInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-jobs/store.ts b/packages/core/src/renderer/components/+workloads-jobs/store.ts
new file mode 100644
index 0000000000..2f6f671aad
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-jobs/store.ts
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import type { Job, JobApi } from "../../../common/k8s-api/endpoints/job.api";
+import type { CronJob, Pod } from "../../../common/k8s-api/endpoints";
+import { PodStatusPhase } from "../../../common/k8s-api/endpoints";
+import type { GetPodsByOwnerId } from "../+workloads-pods/get-pods-by-owner-id.injectable";
+
+interface Dependencies extends KubeObjectStoreDependencies {
+  getPodsByOwnerId: GetPodsByOwnerId;
+}
+
+export class JobStore extends KubeObjectStore<Job, JobApi> {
+  constructor(protected readonly dependencies: Dependencies, api: JobApi, opts?: KubeObjectStoreOptions) {
+    super(dependencies, api, opts);
+  }
+
+  getChildPods(job: Job): Pod[] {
+    return this.dependencies.getPodsByOwnerId(job.getId());
+  }
+
+  getJobsByOwner(cronJob: CronJob) {
+    return this.items.filter(job =>
+      job.getNs() == cronJob.getNs() &&
+      job.getOwnerRefs().find(ref => ref.name === cronJob.getName() && ref.kind === cronJob.kind),
+    );
+  }
+
+  getStatuses(jobs?: Job[]) {
+    const status = { succeeded: 0, running: 0, failed: 0, pending: 0 };
+
+    for (const job of jobs ?? []) {
+      const statuses = new Set(this.getChildPods(job).map(pod => pod.getStatus()));
+
+      if (statuses.has(PodStatusPhase.FAILED)) {
+        status.failed++;
+      } else if (statuses.has(PodStatusPhase.PENDING)) {
+        status.pending++;
+      } else if (statuses.has(PodStatusPhase.RUNNING)) {
+        status.running++;
+      } else {
+        status.succeeded++;
+      }
+    }
+
+    return status;
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-overview/overview-statuses.scss b/packages/core/src/renderer/components/+workloads-overview/overview-statuses.scss
new file mode 100644
index 0000000000..6951c8dd9a
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/overview-statuses.scss
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.OverviewStatuses {
+  position: relative;
+  width: 100%;
+  min-width: $unit * 75;
+  background: var(--contentColor);
+
+  .workloads {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, 180px);
+    justify-content: space-evenly;
+    grid-gap: $margin;
+    padding: $padding * 2;
+
+
+    .workload {
+      margin-bottom: $margin * 2;
+
+      > .title {
+        text-align: center;
+
+        a {
+          color: var(--colorInfo);
+        }
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-overview/overview-statuses.tsx b/packages/core/src/renderer/components/+workloads-overview/overview-statuses.tsx
new file mode 100644
index 0000000000..19c81712a9
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/overview-statuses.tsx
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./overview-statuses.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { OverviewWorkloadStatus } from "./overview-workload-status";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IComputedValue } from "mobx";
+import workloadsInjectable from "./workloads/workloads.injectable";
+import type { Workload } from "./workloads/workload-injection-token";
+import { formatKubeApiResource } from "../../../common/rbac";
+
+export interface OverviewStatusesProps {}
+
+interface Dependencies {
+  workloads: IComputedValue<Workload[]>;
+}
+
+const NonInjectedOverviewStatuses = observer(
+  ({ workloads }: Dependencies & OverviewStatusesProps) => (
+    <div className="OverviewStatuses">
+      <div className="workloads">
+        {workloads.get().map((workload) => (
+          <div className="workload" key={formatKubeApiResource(workload.resource)}>
+            <div className="title">
+              <a onClick={workload.open}>
+                {`${workload.title} (${workload.amountOfItems.get()})`}
+              </a>
+            </div>
+
+            <OverviewWorkloadStatus workload={workload} />
+          </div>
+        ))}
+      </div>
+    </div>
+  ),
+);
+
+export const OverviewStatuses = withInjectables<Dependencies, OverviewStatusesProps>(NonInjectedOverviewStatuses, {
+  getProps: (di, props) => ({
+    workloads: di.inject(workloadsInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-overview/overview-workload-status.scss b/packages/core/src/renderer/components/+workloads-overview/overview-workload-status.scss
new file mode 100644
index 0000000000..f8b2aadfd5
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/overview-workload-status.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.OverviewWorkloadStatus {
+  --workload-status-running: #{$pod-status-running-color};
+  --workload-status-pending: #{$pod-status-pending-color};
+  --workload-status-evicted: #{$pod-status-evicted-color};
+  --workload-status-succeeded: #{$pod-status-succeeded-color};
+  --workload-status-scheduled: #{$cronjob-scheduled};
+  --workload-status-suspended: #{$cronjob-suspended};
+  --workload-status-failed: #{$pod-status-failed-color};
+  --workload-status-terminated: #{$pod-status-terminated-color};
+  --workload-status-unknown: #{$pod-status-unknown-color};
+}
diff --git a/packages/core/src/renderer/components/+workloads-overview/overview-workload-status.tsx b/packages/core/src/renderer/components/+workloads-overview/overview-workload-status.tsx
new file mode 100644
index 0000000000..41d947b326
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/overview-workload-status.tsx
@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./overview-workload-status.scss";
+
+import React from "react";
+import capitalize from "lodash/capitalize";
+import { observer } from "mobx-react";
+import type { PieChartData } from "../chart";
+import { PieChart } from "../chart";
+import { object } from "../../utils";
+import type { LensTheme } from "../../themes/lens-theme";
+import { withInjectables } from "@ogre-tools/injectable-react";
+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 {
+  workload: Workload;
+}
+
+interface Dependencies {
+  activeTheme: IComputedValue<LensTheme>;
+}
+
+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;
+
+const NonInjectedOverviewWorkloadStatus = observer((props: OverviewWorkloadStatusProps & Dependencies) => {
+  const {
+    workload,
+    activeTheme,
+  } = props;
+
+  const statusesToBeShown = object.entries(workload.status.get()).filter(([, val]) => val > 0);
+  const theme = activeTheme.get();
+
+  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}`
+    )),
+  };
+
+  const chartData: Required<PieChartData> = {
+    datasets: [statusesToBeShown.length > 0 ? statusDataSet : emptyDataSet],
+
+    labels: statusesToBeShown.map(
+      ([status, value]) => `${capitalize(status)}: ${value}`,
+    ),
+  };
+
+  return (
+    <div className="OverviewWorkloadStatus">
+      <div className="flex column align-center box grow">
+        <PieChart
+          data={chartData}
+          options={{
+            elements: {
+              arc: {
+                borderWidth: 0,
+              },
+            },
+          }}
+          data-testid={`workload-overview-status-chart-${workload.title.toLowerCase().replace(/\s+/, "-")}`}
+        />
+      </div>
+    </div>
+  );
+});
+
+export const OverviewWorkloadStatus = withInjectables<Dependencies, OverviewWorkloadStatusProps>(NonInjectedOverviewWorkloadStatus, {
+  getProps: (di, props) => ({
+    ...props,
+    activeTheme: di.inject(activeThemeInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-overview/overview.scss b/packages/core/src/renderer/components/+workloads-overview/overview.scss
new file mode 100644
index 0000000000..35910d65a1
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/overview.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.WorkloadsOverview {
+  --flex-gap: #{$padding * 2};
+  min-height: 100%;
+
+  .header {
+    background: var(--contentColor);
+    position: relative;
+    padding: $padding * 2;
+
+    h5 {
+      color: var(--textColorPrimary);
+    }
+
+    .Icon.load-error {
+      color: var(--colorWarning);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-overview/overview.tsx b/packages/core/src/renderer/components/+workloads-overview/overview.tsx
new file mode 100644
index 0000000000..8b60676da2
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/overview.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 "./overview.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { DeploymentStore } from "../+workloads-deployments/store";
+import type { StatefulSetStore } from "../+workloads-statefulsets/store";
+import type { JobStore } from "../+workloads-jobs/store";
+import type { CronJobStore } from "../+workloads-cronjobs/store";
+import type { IComputedValue } from "mobx";
+import { makeObservable, observable, reaction } from "mobx";
+import { NamespaceSelectFilter } from "../+namespaces/namespace-select-filter";
+import { Icon } from "../icon";
+import { TooltipPosition } from "../tooltip";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+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";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import daemonSetStoreInjectable from "../+workloads-daemonsets/store.injectable";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import type { ReplicaSetStore } from "../+workloads-replicasets/store";
+import replicaSetStoreInjectable from "../+workloads-replicasets/store.injectable";
+import cronJobStoreInjectable from "../+workloads-cronjobs/store.injectable";
+import deploymentStoreInjectable from "../+workloads-deployments/store.injectable";
+import jobStoreInjectable from "../+workloads-jobs/store.injectable";
+import statefulSetStoreInjectable from "../+workloads-statefulsets/store.injectable";
+import type { EventStore } from "../+events/store";
+import eventStoreInjectable from "../+events/store.injectable";
+import type { ClusterContext } from "../../cluster-frame-context/cluster-frame-context";
+
+interface Dependencies {
+  detailComponents: IComputedValue<React.ElementType<{}>[]>;
+  clusterFrameContext: ClusterContext;
+  subscribeStores: SubscribeStores;
+  podStore: PodStore;
+  daemonSetStore: DaemonSetStore;
+  replicaSetStore: ReplicaSetStore;
+  deploymentStore: DeploymentStore;
+  jobStore: JobStore;
+  cronJobStore: CronJobStore;
+  statefulSetStore: StatefulSetStore;
+  eventStore: EventStore;
+}
+
+@observer
+class NonInjectedWorkloadsOverview extends React.Component<Dependencies> {
+  @observable loadErrors: string[] = [];
+
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.cronJobStore,
+        this.props.daemonSetStore,
+        this.props.deploymentStore,
+        this.props.eventStore,
+        this.props.jobStore,
+        this.props.podStore,
+        this.props.replicaSetStore,
+        this.props.statefulSetStore,
+      ], {
+        onLoadFailure: error => this.loadErrors.push(String(error)),
+      }),
+      reaction(() => this.props.clusterFrameContext.contextNamespaces.slice(), () => {
+        // clear load errors
+        this.loadErrors.length = 0;
+      }),
+    ]);
+  }
+
+  renderLoadErrors() {
+    if (this.loadErrors.length === 0) {
+      return null;
+    }
+
+    return (
+      <Icon
+        material="warning"
+        className="load-error"
+        tooltip={{
+          children: (
+            <>
+              {this.loadErrors.map((error, index) => <p key={index}>{error}</p>)}
+            </>
+          ),
+          preferredPositions: TooltipPosition.BOTTOM,
+        }}
+      />
+    );
+  }
+
+  render() {
+    return (
+      <SiblingsInTabLayout scrollable>
+        <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()}
+            <NamespaceSelectFilter id="overview-namespace-select-filter-input" />
+          </div>
+
+          {this.props.detailComponents.get().map((Details, index) => (
+            <Details key={`workload-overview-${index}`} />
+          ))}
+        </div>
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const WorkloadsOverview = withInjectables<Dependencies>(NonInjectedWorkloadsOverview, {
+  getProps: (di) => ({
+    detailComponents: di.inject(workloadOverviewDetailsInjectable),
+    clusterFrameContext: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    daemonSetStore: di.inject(daemonSetStoreInjectable),
+    podStore: di.inject(podStoreInjectable),
+    replicaSetStore: di.inject(replicaSetStoreInjectable),
+    cronJobStore: di.inject(cronJobStoreInjectable),
+    deploymentStore: di.inject(deploymentStoreInjectable),
+    jobStore: di.inject(jobStoreInjectable),
+    statefulSetStore: di.inject(statefulSetStoreInjectable),
+    eventStore: di.inject(eventStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/implementations/overview-statuses.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/implementations/overview-statuses.injectable.ts
new file mode 100644
index 0000000000..e456bce595
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/implementations/workload-events.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/implementations/workload-events.injectable.ts
new file mode 100644
index 0000000000..7c76d2b829
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-injection-token.ts b/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-injection-token.ts
new file mode 100644
index 0000000000..746b815fd2
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-registrator.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-registrator.injectable.ts
new file mode 100644
index 0000000000..e82b1f43e5
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-details.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-details.injectable.ts
new file mode 100644
index 0000000000..205dddec0a
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/+workloads-overview/workloads-overview-detail-registration.ts b/packages/core/src/renderer/components/+workloads-overview/workloads-overview-detail-registration.ts
new file mode 100644
index 0000000000..ab23619b95
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads-overview-detail-registration.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 type { IComputedValue } from "mobx";
+
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+interface WorkloadsOverviewDetailComponents {
+  Details: React.ComponentType<{}>;
+}
+
+export interface WorkloadsOverviewDetailRegistration {
+  components: WorkloadsOverviewDetailComponents;
+  priority?: number;
+  visible?: IComputedValue<boolean>;
+}
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads-overview-route-component.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workloads-overview-route-component.injectable.ts
new file mode 100644
index 0000000000..59a2a6d7ae
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads-overview-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 { WorkloadsOverview } from "./overview";
+import workloadsOverviewRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/overview/workloads-overview-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const workloadsOverviewRouteComponentInjectable = getInjectable({
+  id: "workloads-overview-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(workloadsOverviewRouteInjectable),
+    Component: WorkloadsOverview,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default workloadsOverviewRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads-overview-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+workloads-overview/workloads-overview-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..c82c1e6e75
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads-overview-sidebar-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 workloadsOverviewRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/overview/workloads-overview-route.injectable";
+import { workloadsSidebarItemId } from "../+workloads/workloads-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToWorkloadsOverviewInjectable from "../../../common/front-end-routing/routes/cluster/workloads/overview/navigate-to-workloads-overview.injectable";
+
+const workloadsOverviewSidebarItemsInjectable = getInjectable({
+  id: "workloads-overview-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(workloadsOverviewRouteInjectable);
+    const navigateToWorkloadsOverview = di.inject(navigateToWorkloadsOverviewInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "overview",
+        parentId: workloadsSidebarItemId,
+        title: "Overview",
+        onClick: navigateToWorkloadsOverview,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 10,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default workloadsOverviewSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/cron-jobs-workload.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/cron-jobs-workload.injectable.ts
new file mode 100644
index 0000000000..7e8ab5cf6e
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/cron-jobs-workload.injectable.ts
@@ -0,0 +1,41 @@
+/**
+ * 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 { workloadInjectionToken } from "../workload-injection-token";
+import { ResourceNames } from "../../../../utils/rbac";
+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";
+
+const cronJobsWorkloadInjectable = getInjectable({
+  id: "cron-jobs-workload",
+
+  instantiate: (di) => {
+    const navigate = di.inject(navigateToCronJobsInjectable);
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+    const store = di.inject(cronJobsStoreInjectable);
+
+    return {
+      resource: {
+        apiName: "cronjobs",
+        group: "batch",
+      },
+      open: navigate,
+      amountOfItems: computed(
+        () => store.getAllByNs(namespaceStore.contextNamespaces).length,
+      ),
+      status: computed(() =>
+        store.getStatuses(store.getAllByNs(namespaceStore.contextNamespaces)),
+      ),
+      title: ResourceNames.cronjobs,
+      orderNumber: 70,
+    };
+  },
+
+  injectionToken: workloadInjectionToken,
+});
+
+export default cronJobsWorkloadInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/daemonsets-workload.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/daemonsets-workload.injectable.ts
new file mode 100644
index 0000000000..7b6d7d750f
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/daemonsets-workload.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 { getInjectable } from "@ogre-tools/injectable";
+import { workloadInjectionToken } from "../workload-injection-token";
+import { ResourceNames } from "../../../../utils/rbac";
+import namespaceStoreInjectable from "../../../+namespaces/store.injectable";
+import daemonsetsStoreInjectable from "../../../+workloads-daemonsets/store.injectable";
+import navigateToDaemonsetsInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/daemonsets/navigate-to-daemonsets.injectable";
+import { computed } from "mobx";
+
+const daemonsetsWorkloadInjectable = getInjectable({
+  id: "daemonsets-workload",
+
+  instantiate: (di) => {
+    const navigate = di.inject(navigateToDaemonsetsInjectable);
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+    const store = di.inject(daemonsetsStoreInjectable);
+
+    return {
+      resource: {
+        apiName: "daemonsets",
+        group: "apps",
+      },
+      open: navigate,
+
+      amountOfItems: computed(
+        () => store.getAllByNs(namespaceStore.contextNamespaces).length,
+      ),
+
+      status: computed(() =>
+        store.getStatuses(store.getAllByNs(namespaceStore.contextNamespaces)),
+      ),
+
+      title: ResourceNames.daemonsets,
+      orderNumber: 30,
+    };
+  },
+
+  injectionToken: workloadInjectionToken,
+});
+
+export default daemonsetsWorkloadInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/deployments-workload.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/deployments-workload.injectable.ts
new file mode 100644
index 0000000000..b41e4ea5ca
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/deployments-workload.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 { getInjectable } from "@ogre-tools/injectable";
+import { workloadInjectionToken } from "../workload-injection-token";
+import { ResourceNames } from "../../../../utils/rbac";
+import namespaceStoreInjectable from "../../../+namespaces/store.injectable";
+import deploymentsStoreInjectable from "../../../+workloads-deployments/store.injectable";
+import navigateToDeploymentsInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.injectable";
+import { computed } from "mobx";
+
+const deploymentsWorkloadInjectable = getInjectable({
+  id: "deployments-workload",
+
+  instantiate: (di) => {
+    const navigate = di.inject(navigateToDeploymentsInjectable);
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+    const store = di.inject(deploymentsStoreInjectable);
+
+    return {
+      resource: {
+        apiName: "deployments",
+        group: "apps",
+      },
+      open: navigate,
+
+      amountOfItems: computed(
+        () => store.getAllByNs(namespaceStore.contextNamespaces).length,
+      ),
+
+      status: computed(() =>
+        store.getStatuses(store.getAllByNs(namespaceStore.contextNamespaces)),
+      ),
+
+      title: ResourceNames.deployments,
+      orderNumber: 20,
+    };
+  },
+
+  injectionToken: workloadInjectionToken,
+});
+
+export default deploymentsWorkloadInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/jobs-workload.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/jobs-workload.injectable.ts
new file mode 100644
index 0000000000..e68fd88c1c
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/jobs-workload.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 { getInjectable } from "@ogre-tools/injectable";
+import { workloadInjectionToken } from "../workload-injection-token";
+import { ResourceNames } from "../../../../utils/rbac";
+import namespaceStoreInjectable from "../../../+namespaces/store.injectable";
+import jobStoreInjectable from "../../../+workloads-jobs/store.injectable";
+import navigateToJobsInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/jobs/navigate-to-jobs.injectable";
+import { computed } from "mobx";
+
+const jobsWorkloadInjectable = getInjectable({
+  id: "jobs-workload",
+
+  instantiate: (di) => {
+    const navigate = di.inject(navigateToJobsInjectable);
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+    const store = di.inject(jobStoreInjectable);
+
+    return {
+      resource: {
+        apiName: "jobs",
+        group: "batch",
+      },
+      open: navigate,
+
+      amountOfItems: computed(
+        () => store.getAllByNs(namespaceStore.contextNamespaces).length,
+      ),
+
+      status: computed(() =>
+        store.getStatuses(store.getAllByNs(namespaceStore.contextNamespaces)),
+      ),
+
+      title: ResourceNames.jobs,
+      orderNumber: 60,
+    };
+  },
+
+  injectionToken: workloadInjectionToken,
+});
+
+export default jobsWorkloadInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/pods-workload.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/pods-workload.injectable.ts
new file mode 100644
index 0000000000..452f7903aa
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/pods-workload.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 { 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/pods/navigate-to-pods.injectable";
+import namespaceStoreInjectable from "../../../+namespaces/store.injectable";
+import { computed } from "mobx";
+import podStoreInjectable from "../../../+workloads-pods/store.injectable";
+
+const podsWorkloadInjectable = getInjectable({
+  id: "pods-workload",
+
+  instantiate: (di) => {
+    const navigate = di.inject(navigateToPodsInjectable);
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+    const store = di.inject(podStoreInjectable);
+
+    return {
+      resource: {
+        apiName: "pods",
+        group: "v1",
+      },
+      open: navigate,
+
+      amountOfItems: computed(
+        () => store.getAllByNs(namespaceStore.contextNamespaces).length,
+      ),
+
+      status: computed(() =>
+        store.getStatuses(store.getAllByNs(namespaceStore.contextNamespaces)),
+      ),
+
+      title: ResourceNames.pods,
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: workloadInjectionToken,
+});
+
+export default podsWorkloadInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/replicasets-workload.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/replicasets-workload.injectable.ts
new file mode 100644
index 0000000000..86189e4634
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/replicasets-workload.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 { getInjectable } from "@ogre-tools/injectable";
+import { workloadInjectionToken } from "../workload-injection-token";
+import { ResourceNames } from "../../../../utils/rbac";
+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(navigateToReplicasetsInjectable);
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+    const store = di.inject(replicasetsStoreInjectable);
+
+    return {
+      resource: {
+        apiName: "replicasets",
+        group: "apps",
+      },
+      open: navigate,
+
+      amountOfItems: computed(
+        () => store.getAllByNs(namespaceStore.contextNamespaces).length,
+      ),
+
+      status: computed(() =>
+        store.getStatuses(store.getAllByNs(namespaceStore.contextNamespaces)),
+      ),
+
+      title: ResourceNames.replicasets,
+      orderNumber: 50,
+    };
+  },
+
+  injectionToken: workloadInjectionToken,
+});
+
+export default replicasetsWorkloadInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/statefulsets-workload.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/statefulsets-workload.injectable.ts
new file mode 100644
index 0000000000..19b85c4fa0
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads/implementations/statefulsets-workload.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 { getInjectable } from "@ogre-tools/injectable";
+import { workloadInjectionToken } from "../workload-injection-token";
+import { ResourceNames } from "../../../../utils/rbac";
+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(navigateToStatefulsetsInjectable);
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+    const store = di.inject(statefulsetsStoreInjectable);
+
+    return {
+      resource: {
+        apiName: "statefulsets",
+        group: "apps",
+      },
+      open: navigate,
+
+      amountOfItems: computed(
+        () => store.getAllByNs(namespaceStore.contextNamespaces).length,
+      ),
+
+      status: computed(() =>
+        store.getStatuses(store.getAllByNs(namespaceStore.contextNamespaces)),
+      ),
+
+      title: ResourceNames.statefulsets,
+      orderNumber: 40,
+    };
+  },
+
+  injectionToken: workloadInjectionToken,
+});
+
+export default statefulsetsWorkloadInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads/workload-injection-token.ts b/packages/core/src/renderer/components/+workloads-overview/workloads/workload-injection-token.ts
new file mode 100644
index 0000000000..fca19148a7
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads/workload-injection-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import type { KubeApiResourceDescriptor } from "../../../../common/rbac";
+import type { WorkloadStatus } from "../overview-workload-status";
+
+export interface Workload {
+  resource: KubeApiResourceDescriptor;
+  open: () => void;
+  amountOfItems: IComputedValue<number>;
+  status: IComputedValue<WorkloadStatus>;
+  title: string;
+  orderNumber: number;
+}
+
+export const workloadInjectionToken = getInjectionToken<Workload>({
+  id: "workload-injection-token",
+});
diff --git a/packages/core/src/renderer/components/+workloads-overview/workloads/workloads.injectable.ts b/packages/core/src/renderer/components/+workloads-overview/workloads/workloads.injectable.ts
new file mode 100644
index 0000000000..d6b23b582f
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-overview/workloads/workloads.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 { shouldShowResourceInjectionToken } from "../../../../common/cluster-store/allowed-resources-injection-token";
+import { byOrderNumber } from "../../../../common/utils/composable-responsibilities/orderable/orderable";
+import { workloadInjectionToken } from "./workload-injection-token";
+
+const workloadsInjectable = getInjectable({
+  id: "workloads",
+
+  instantiate: (di) => {
+    const workloads = di.injectMany(workloadInjectionToken);
+
+    return computed(() => (
+      workloads
+        .filter(w => di.inject(shouldShowResourceInjectionToken, w.resource).get())
+        .sort(byOrderNumber)
+    ));
+  },
+});
+
+export default workloadsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/__tests__/__snapshots__/pod-container-env.test.tsx.snap b/packages/core/src/renderer/components/+workloads-pods/__tests__/__snapshots__/pod-container-env.test.tsx.snap
new file mode 100644
index 0000000000..1183ce4309
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/__tests__/__snapshots__/pod-container-env.test.tsx.snap
@@ -0,0 +1,182 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ContainerEnv /> renders both env and configMapRef envFrom 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem ContainerEnvironment"
+    >
+      <span
+        class="name"
+      >
+        Environment
+      </span>
+      <span
+        class="value"
+      >
+        <div
+          class="variable"
+        >
+          <span
+            class="var-name"
+          >
+            foobar
+          </span>
+           : 
+          https://localhost:12345
+        </div>
+        <div
+          class="variable"
+        >
+          <span
+            class="var-name"
+          >
+            configFoo
+          </span>
+           : 
+          configBar
+        </div>
+      </span>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<ContainerEnv /> renders env 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem ContainerEnvironment"
+    >
+      <span
+        class="name"
+      >
+        Environment
+      </span>
+      <span
+        class="value"
+      >
+        <div
+          class="variable"
+        >
+          <span
+            class="var-name"
+          >
+            foobar
+          </span>
+           : 
+          https://localhost:12345
+        </div>
+      </span>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<ContainerEnv /> renders env 2`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem ContainerEnvironment"
+    >
+      <span
+        class="name"
+      >
+        Environment
+      </span>
+      <span
+        class="value"
+      >
+        <div
+          class="variable"
+        >
+          <span
+            class="var-name"
+          >
+            foobar
+          </span>
+           : 
+          https://localhost:12345
+        </div>
+      </span>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<ContainerEnv /> renders envFrom when given a configMapRef 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem ContainerEnvironment"
+    >
+      <span
+        class="name"
+      >
+        Environment
+      </span>
+      <span
+        class="value"
+      >
+        <div
+          class="variable"
+        >
+          <span
+            class="var-name"
+          >
+            configFoo
+          </span>
+           : 
+          configBar
+        </div>
+      </span>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<ContainerEnv /> renders envFrom when given a secretRef 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem ContainerEnvironment"
+    >
+      <span
+        class="name"
+      >
+        Environment
+      </span>
+      <span
+        class="value"
+      >
+        <div
+          class="variable"
+        >
+          <span
+            class="var-name"
+          >
+            bar
+          </span>
+           : 
+          secretKeyRef(my-secret.bar)
+           
+          <i
+            class="Icon secret-button material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="visibility"
+            >
+              visibility
+            </span>
+          </i>
+          <div>
+            Show
+          </div>
+        </div>
+      </span>
+    </div>
+  </div>
+</body>
+`;
diff --git a/packages/core/src/renderer/components/+workloads-pods/__tests__/pod-container-env.test.tsx b/packages/core/src/renderer/components/+workloads-pods/__tests__/pod-container-env.test.tsx
new file mode 100644
index 0000000000..bb85aee1ec
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/__tests__/pod-container-env.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 React from "react";
+import type { ConfigMapStore } from "../../+config-maps/store";
+import configMapStoreInjectable from "../../+config-maps/store.injectable";
+import type { SecretStore } from "../../+config-secrets/store";
+import secretStoreInjectable from "../../+config-secrets/store.injectable";
+import type { Container } from "../../../../common/k8s-api/endpoints";
+import { Secret, ConfigMap, Pod, SecretType } from "../../../../common/k8s-api/endpoints";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+import { ContainerEnvironment } from "../pod-container-env";
+
+describe("<ContainerEnv />", () => {
+  let render: DiRender;
+  let secretStore: jest.Mocked<Pick<SecretStore, "load" | "getByName">>;
+  let configMapStore: jest.Mocked<Pick<ConfigMapStore, "load" | "getByName">>;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    secretStore = ({
+      load: jest.fn().mockImplementation(async () => {
+        return {} as Secret;
+      }),
+      getByName: jest.fn(),
+    });
+    configMapStore = ({
+      load: jest.fn().mockImplementation(async () => {
+        return {} as ConfigMap;
+      }),
+      getByName: jest.fn(),
+    });
+
+    di.override(secretStoreInjectable, () => secretStore as jest.Mocked<SecretStore>);
+    di.override(configMapStoreInjectable, () => configMapStore as jest.Mocked<ConfigMapStore>);
+
+    render = renderFor(di);
+  });
+
+  it("renders env", () => {
+    const container: Container = {
+      image: "my-image",
+      name: "my-first-container",
+      env: [{
+        name: "foobar",
+        value: "https://localhost:12345",
+      }],
+    };
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        selfLink: "/api/v1/pods/default/my-pod",
+        uid: "1234",
+      },
+      spec: {
+        containers: [container],
+      },
+    });
+    const result = render(<ContainerEnvironment container={container} namespace={pod.getNs()} />);
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("renders envFrom when given a configMapRef", () => {
+    configMapStore.getByName.mockImplementation((name, namespace) => {
+      expect(name).toBe("my-config-map");
+      expect(namespace).toBe("default");
+
+      return new ConfigMap({
+        apiVersion: "v1",
+        kind: "ConfigMap",
+        metadata: {
+          name: "my-config-map",
+          namespace: "default",
+          resourceVersion: "2",
+          selfLink: "/api/v1/configmaps/default/my-config-map",
+          uid: "456",
+        },
+        data: {
+          configFoo: "configBar",
+        },
+      });
+    });
+
+    const container: Container = {
+      image: "my-image",
+      name: "my-first-container",
+      envFrom: [{
+        configMapRef: {
+          name: "my-config-map",
+        },
+      }],
+    };
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        selfLink: "/api/v1/pods/default/my-pod",
+        uid: "1234",
+      },
+      spec: {
+        containers: [container],
+      },
+    });
+    const result = render(<ContainerEnvironment container={container} namespace={pod.getNs()} />);
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("renders envFrom when given a secretRef", () => {
+    secretStore.getByName.mockImplementation((name, namespace) => {
+      expect(name).toBe("my-secret");
+      expect(namespace).toBe("default");
+
+      return new Secret({
+        apiVersion: "v1",
+        kind: "Secret",
+        metadata: {
+          name: "my-secret",
+          namespace: "default",
+          resourceVersion: "3",
+          selfLink: "/api/v1/secrets/default/my-secret",
+          uid: "237",
+        },
+        type: SecretType.BasicAuth,
+        data: {
+          bar: "bat",
+        },
+      });
+    });
+
+    const container: Container = {
+      image: "my-image",
+      name: "my-first-container",
+      envFrom: [{
+        secretRef: {
+          name: "my-secret",
+        },
+      }],
+    };
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        selfLink: "/api/v1/pods/default/my-pod",
+        uid: "1234",
+      },
+      spec: {
+        containers: [container],
+      },
+    });
+    const result = render(<ContainerEnvironment container={container} namespace={pod.getNs()} />);
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("renders env", () => {
+    const container: Container = {
+      image: "my-image",
+      name: "my-first-container",
+      env: [{
+        name: "foobar",
+        value: "https://localhost:12345",
+      }],
+    };
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        selfLink: "/api/v1/pods/default/my-pod",
+        uid: "1234",
+      },
+      spec: {
+        containers: [container],
+      },
+    });
+    const result = render(<ContainerEnvironment container={container} namespace={pod.getNs()} />);
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("renders both env and configMapRef envFrom", () => {
+    configMapStore.getByName.mockImplementation((name, namespace) => {
+      expect(name).toBe("my-config-map");
+      expect(namespace).toBe("default");
+
+      return new ConfigMap({
+        apiVersion: "v1",
+        kind: "ConfigMap",
+        metadata: {
+          name: "my-config-map",
+          namespace: "default",
+          resourceVersion: "2",
+          selfLink: "/api/v1/configmaps/default/my-config-map",
+          uid: "456",
+        },
+        data: {
+          configFoo: "configBar",
+        },
+      });
+    });
+
+    const container: Container = {
+      image: "my-image",
+      name: "my-first-container",
+      envFrom: [{
+        configMapRef: {
+          name: "my-config-map",
+        },
+      }],
+      env: [{
+        name: "foobar",
+        value: "https://localhost:12345",
+      }],
+    };
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        selfLink: "/api/v1/pods/default/my-pod",
+        uid: "1234",
+      },
+      spec: {
+        containers: [container],
+      },
+    });
+    const result = render(<ContainerEnvironment container={container} namespace={pod.getNs()} />);
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/__tests__/pod-tolerations.test.tsx b/packages/core/src/renderer/components/+workloads-pods/__tests__/pod-tolerations.test.tsx
new file mode 100644
index 0000000000..9ddf3080ba
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/__tests__/pod-tolerations.test.tsx
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import { fireEvent } from "@testing-library/react";
+import type { Toleration } from "../../../../common/k8s-api/kube-object";
+import { PodTolerations } from "../pod-tolerations";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+import directoryForLensLocalStorageInjectable from "../../../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+
+const tolerations: Toleration[] =[
+  {
+    key: "CriticalAddonsOnly",
+    operator: "Exist",
+    effect: "NoExecute",
+    tolerationSeconds: 3600,
+  },
+  {
+    key: "node.kubernetes.io/not-ready",
+    operator: "NoExist",
+    effect: "NoSchedule",
+    tolerationSeconds: 7200,
+  },
+];
+
+describe("<PodTolerations />", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForLensLocalStorageInjectable, () => "some-directory-for-lens-local-storage" );
+
+    render = renderFor(di);
+  });
+
+  it("renders w/o errors", () => {
+    const { container } = render(<PodTolerations tolerations={tolerations} />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("shows all tolerations", () => {
+    const { container } = render(<PodTolerations tolerations={tolerations} />);
+    const rows = container.querySelectorAll(".TableRow");
+
+    expect(rows[0].querySelector(".key")?.textContent).toBe("CriticalAddonsOnly");
+    expect(rows[0].querySelector(".operator")?.textContent).toBe("Exist");
+    expect(rows[0].querySelector(".effect")?.textContent).toBe("NoExecute");
+    expect(rows[0].querySelector(".seconds")?.textContent).toBe("3600");
+
+    expect(rows[1].querySelector(".key")?.textContent).toBe("node.kubernetes.io/not-ready");
+    expect(rows[1].querySelector(".operator")?.textContent).toBe("NoExist");
+    expect(rows[1].querySelector(".effect")?.textContent).toBe("NoSchedule");
+    expect(rows[1].querySelector(".seconds")?.textContent).toBe("7200");
+  });
+
+  it("sorts table properly", () => {
+    const { container, getByText } = render(<PodTolerations tolerations={tolerations} />);
+    const headCell = getByText("Key");
+
+    fireEvent.click(headCell);
+    fireEvent.click(headCell);
+
+    const rows = container.querySelectorAll(".TableRow");
+
+    expect(rows[0].querySelector(".key")?.textContent).toBe("node.kubernetes.io/not-ready");
+  });
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/container-charts.tsx b/packages/core/src/renderer/components/+workloads-pods/container-charts.tsx
new file mode 100644
index 0000000000..5c77f22389
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/container-charts.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 React, { useContext } from "react";
+import { observer } from "mobx-react";
+import type { ChartDataSets } from "../chart";
+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 { LensTheme } from "../../themes/lens-theme";
+import { mapValues } from "lodash";
+import { type MetricsTab, metricTabOptions } from "../chart/options";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import activeThemeInjectable from "../../themes/active.injectable";
+import type { IComputedValue } from "mobx";
+
+export interface ContainerChartsProps {}
+
+interface Dependencies {
+  activeTheme: IComputedValue<LensTheme>;
+}
+
+const NonInjectedContainerCharts = observer(({
+  activeTheme,
+}: Dependencies & ContainerChartsProps) => {
+  const { metrics, tab, object } = useContext(ResourceMetricsContext) ?? {};
+
+  if (!metrics || !object || !tab) return null;
+  if (isMetricsEmpty(metrics)) return <NoMetrics/>;
+
+  const { chartCapacityColor } = activeTheme.get().colors;
+  const {
+    cpuUsage,
+    cpuRequests,
+    cpuLimits,
+    memoryUsage,
+    memoryRequests,
+    memoryLimits,
+    fsUsage,
+    fsWrites,
+    fsReads,
+  } = mapValues(metrics, metric => normalizeMetrics(metric).data.result[0].values);
+
+  const datasets: Partial<Record<MetricsTab, ChartDataSets[]>> = {
+    CPU: [
+      {
+        id: "cpuUsage",
+        label: `Usage`,
+        tooltip: `CPU cores usage`,
+        borderColor: "#3D90CE",
+        data: cpuUsage.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: "cpuRequests",
+        label: `Requests`,
+        tooltip: `CPU requests`,
+        borderColor: "#30b24d",
+        data: cpuRequests.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: "cpuLimits",
+        label: `Limits`,
+        tooltip: `CPU limits`,
+        borderColor: chartCapacityColor,
+        data: cpuLimits.map(([x, y]) => ({ x, y })),
+      },
+    ],
+    Memory: [
+      {
+        id: "memoryUsage",
+        label: `Usage`,
+        tooltip: `Memory usage`,
+        borderColor: "#c93dce",
+        data: memoryUsage.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: "memoryRequests",
+        label: `Requests`,
+        tooltip: `Memory requests`,
+        borderColor: "#30b24d",
+        data: memoryRequests.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: "memoryLimits",
+        label: `Limits`,
+        tooltip: `Memory limits`,
+        borderColor: chartCapacityColor,
+        data: memoryLimits.map(([x, y]) => ({ x, y })),
+      },
+    ],
+    Filesystem: [
+      {
+        id: "fsUsage",
+        label: `Usage`,
+        tooltip: `Bytes consumed on this filesystem`,
+        borderColor: "#ffc63d",
+        data: fsUsage.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: "fsWrites",
+        label: `Writes`,
+        tooltip: `Bytes written on this filesystem`,
+        borderColor: "#ff963d",
+        data: fsWrites.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: "fsReads",
+        label: `Reads`,
+        tooltip: `Bytes read on this filesystem`,
+        borderColor: "#fff73d",
+        data: fsReads.map(([x, y]) => ({ x, y })),
+      },
+    ],
+  };
+
+  return (
+    <BarChart
+      name={`metrics-${tab}`}
+      options={metricTabOptions[tab]}
+      data={{ datasets: datasets[tab] }}
+    />
+  );
+});
+
+export const ContainerCharts = withInjectables<Dependencies, ContainerChartsProps>(NonInjectedContainerCharts, {
+  getProps: (di, props) => ({
+    ...props,
+    activeTheme: di.inject(activeThemeInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/container-metrics.injectable.ts b/packages/core/src/renderer/components/+workloads-pods/container-metrics.injectable.ts
new file mode 100644
index 0000000000..dccd1668ef
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/container-metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { Pod } from "../../../common/k8s-api/endpoints";
+import requestPodMetricsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics.injectable";
+
+const podContainerMetricsInjectable = getInjectable({
+  id: "pod-container-metrics",
+  instantiate: (di, pod) => {
+    const requestPodMetrics = di.inject(requestPodMetricsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: () => {
+        now(60 * 1000);
+
+        return requestPodMetrics([pod], pod.getNs(), "container, namespace");
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, pod: Pod) => pod.getId(),
+  }),
+});
+
+export default podContainerMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variant-helpers.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variant-helpers.tsx
new file mode 100644
index 0000000000..b0f0662da3
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variant-helpers.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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { Link } from "react-router-dom";
+import type { PodVolumeVariants, Pod, SecretReference } from "../../../../../common/k8s-api/endpoints";
+import type { KubeApiQueryParams, ResourceDescriptor } from "../../../../../common/k8s-api/kube-api";
+import type { LocalObjectReference } from "../../../../../common/k8s-api/kube-object";
+import { DrawerItem } from "../../../drawer";
+import type { GetDetailsUrl } from "../../../kube-detail-params/get-details-url.injectable";
+import getDetailsUrlInjectable from "../../../kube-detail-params/get-details-url.injectable";
+
+export interface PodVolumeVariantSpecificProps<Kind extends keyof PodVolumeVariants> {
+  variant: PodVolumeVariants[Kind];
+  pod: Pod;
+  volumeName: string;
+}
+
+export type VolumeVariantComponent<Kind extends keyof PodVolumeVariants> = React.FunctionComponent<PodVolumeVariantSpecificProps<Kind>>;
+
+export interface LocalRefPropsApi {
+  getUrl(desc?: Partial<ResourceDescriptor>, query?: Partial<KubeApiQueryParams>): string;
+}
+
+export interface LocalRefProps {
+  pod: Pod;
+  title: string;
+  kubeRef: LocalObjectReference | SecretReference | undefined;
+  api: LocalRefPropsApi;
+}
+
+interface Dependencies {
+  getDetailsUrl: GetDetailsUrl;
+}
+
+const NonInjectedLocalRef = (props: LocalRefProps & Dependencies) => {
+  const {
+    pod,
+    title,
+    kubeRef,
+    api,
+    getDetailsUrl,
+  } = props;
+
+  if (!kubeRef) {
+    return null;
+  }
+
+  return (
+    <DrawerItem name={title}>
+      <Link to={getDetailsUrl(api.getUrl({ namespace: pod.getNs(), ...kubeRef }))}>
+        {kubeRef.name}
+      </Link>
+    </DrawerItem>
+  );
+};
+
+export const LocalRef = withInjectables<Dependencies, LocalRefProps>(NonInjectedLocalRef, {
+  getProps: (di, props) => ({
+    ...props,
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variant.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variant.tsx
new file mode 100644
index 0000000000..d952530bb7
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variant.tsx
@@ -0,0 +1,411 @@
+/**
+ * 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 { Pod, PodSpecVolume, PodVolumeKind } from "../../../../../common/k8s-api/endpoints";
+import { DrawerItem } from "../../../drawer";
+import { Icon } from "../../../icon";
+import { AwsElasticBlockStore } from "./variants/aws-elastic-block-store";
+import { AzureDisk } from "./variants/azure-disk";
+import { AzureFile } from "./variants/azure-file";
+import { CephFs } from "./variants/ceph-fs";
+import { Cinder } from "./variants/cinder";
+import { ConfigMap } from "./variants/config-map";
+import { ContainerStorageInterface } from "./variants/container-storage-interface";
+import { DownwardAPI } from "./variants/downward-api";
+import { EmptyDir } from "./variants/empty-dir";
+import { Ephemeral } from "./variants/ephemeral";
+import { FiberChannel } from "./variants/fiber-channel";
+import { FlexVolume } from "./variants/flex-volume";
+import { Flocker } from "./variants/flocker";
+import { GcePersistentDisk } from "./variants/gce-persistent-disk";
+import { GitRepo } from "./variants/git-repo";
+import { GlusterFs } from "./variants/gluster-fs";
+import { HostPath } from "./variants/host-path";
+import { IScsi } from "./variants/i-scsi";
+import { Local } from "./variants/local";
+import { NetworkFs } from "./variants/network-fs";
+import { PersistentVolumeClaim } from "./variants/persistent-volume-claim";
+import { PhotonPersistentDisk } from "./variants/photon-persistent-disk";
+import { PortworxVolume } from "./variants/portworx-volume";
+import { Projected } from "./variants/projected";
+import { Quobyte } from "./variants/quobyte";
+import { RadosBlockDevice } from "./variants/rados-block-device";
+import { ScaleIo } from "./variants/scale-io";
+import { Secret } from "./variants/secret";
+import { StorageOs } from "./variants/storage-os";
+import { VsphereVolume } from "./variants/vsphere-volume";
+
+const deprecatedVolumeTypes = new Set<PodVolumeKind>([
+  "flocker",
+  "gitRepo",
+  "quobyte",
+  "storageos",
+]);
+
+interface VolumeVariantProps {
+  pod: Pod;
+  volume: PodSpecVolume;
+}
+
+interface VolumeVariantRender {
+  kind: PodVolumeKind;
+  element: JSX.Element;
+}
+
+function renderVolumeVariant({ pod, volume }: VolumeVariantProps): VolumeVariantRender | null {
+  if (volume.awsElasticBlockStore) {
+    return {
+      kind: "awsElasticBlockStore",
+      element: <AwsElasticBlockStore
+        variant={volume.awsElasticBlockStore}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.azureDisk) {
+    return {
+      kind: "azureDisk",
+      element: <AzureDisk
+        variant={volume.azureDisk}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.azureFile) {
+    return {
+      kind: "azureFile",
+      element: <AzureFile
+        variant={volume.azureFile}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.cephfs) {
+    return {
+      kind: "cephfs",
+      element: <CephFs
+        variant={volume.cephfs}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.cinder) {
+    return {
+      kind: "cinder",
+      element: <Cinder
+        variant={volume.cinder}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.configMap) {
+    return {
+      kind: "configMap",
+      element: <ConfigMap
+        variant={volume.configMap}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.csi) {
+    return {
+      kind: "csi",
+      element: <ContainerStorageInterface
+        variant={volume.csi}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.downwardAPI) {
+    return {
+      kind: "downwardAPI",
+      element: <DownwardAPI
+        variant={volume.downwardAPI}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.emptyDir) {
+    return {
+      kind: "emptyDir",
+      element: <EmptyDir
+        variant={volume.emptyDir}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.ephemeral) {
+    return {
+      kind: "ephemeral",
+      element: <Ephemeral
+        variant={volume.ephemeral}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.fc) {
+    return {
+      kind: "fc",
+      element: <FiberChannel
+        variant={volume.fc}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.flexVolume) {
+    return {
+      kind: "flexVolume",
+      element: <FlexVolume
+        variant={volume.flexVolume}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.flocker) {
+    return {
+      kind: "flocker",
+      element: <Flocker
+        variant={volume.flocker}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.gcePersistentDisk) {
+    return {
+      kind: "gcePersistentDisk",
+      element: <GcePersistentDisk
+        variant={volume.gcePersistentDisk}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.gitRepo) {
+    return {
+      kind: "gitRepo",
+      element: <GitRepo
+        variant={volume.gitRepo}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.glusterfs) {
+    return {
+      kind: "glusterfs",
+      element: <GlusterFs
+        variant={volume.glusterfs}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.hostPath) {
+    return {
+      kind: "hostPath",
+      element: <HostPath
+        variant={volume.hostPath}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.iscsi) {
+    return {
+      kind: "iscsi",
+      element: <IScsi
+        variant={volume.iscsi}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.local) {
+    return {
+      kind: "local",
+      element: <Local
+        variant={volume.local}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.nfs) {
+    return {
+      kind: "nfs",
+      element: <NetworkFs
+        variant={volume.nfs}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.persistentVolumeClaim) {
+    return {
+      kind: "persistentVolumeClaim",
+      element: <PersistentVolumeClaim
+        variant={volume.persistentVolumeClaim}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.photonPersistentDisk) {
+    return {
+      kind: "photonPersistentDisk",
+      element: <PhotonPersistentDisk
+        variant={volume.photonPersistentDisk}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.portworxVolume) {
+    return {
+      kind: "portworxVolume",
+      element: <PortworxVolume
+        variant={volume.portworxVolume}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.projected) {
+    return {
+      kind: "projected",
+      element: <Projected
+        variant={volume.projected}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.quobyte) {
+    return {
+      kind: "quobyte",
+      element: <Quobyte
+        variant={volume.quobyte}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.rbd) {
+    return {
+      kind: "rbd",
+      element: <RadosBlockDevice
+        variant={volume.rbd}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.scaleIO) {
+    return {
+      kind: "scaleIO",
+      element: <ScaleIo
+        variant={volume.scaleIO}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.secret) {
+    return {
+      kind: "secret",
+      element: <Secret
+        variant={volume.secret}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.storageos) {
+    return {
+      kind: "storageos",
+      element: <StorageOs
+        variant={volume.storageos}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  if (volume.vsphereVolume) {
+    return {
+      kind: "vsphereVolume",
+      element: <VsphereVolume
+        variant={volume.vsphereVolume}
+        pod={pod}
+        volumeName={volume.name}
+      />,
+    };
+  }
+
+  return null;
+}
+
+export function VolumeVariant(props: VolumeVariantProps) {
+  const result = renderVolumeVariant(props);
+
+  if (!result) {
+    return <p>Error! Unknown pod volume kind</p>;
+  }
+
+  const { kind, element } = result;
+  const isDeprecated = deprecatedVolumeTypes.has(kind);
+
+  return (
+    <>
+      <DrawerItem name="Kind">
+        {kind}
+        {isDeprecated && <Icon title="Deprecated" material="warning_amber" />}
+      </DrawerItem>
+      {element}
+    </>
+  );
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/__snapshots__/projected.test.tsx.snap b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/__snapshots__/projected.test.tsx.snap
new file mode 100644
index 0000000000..ef0d3dd261
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/__snapshots__/projected.test.tsx.snap
@@ -0,0 +1,229 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Projected /> renders 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        Sources
+      </span>
+      <span
+        class="value"
+      />
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<Projected /> renders a secret source including overriding mode 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        Default Mount Mode
+      </span>
+      <span
+        class="value"
+      >
+        0o777
+      </span>
+    </div>
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        Sources
+      </span>
+      <span
+        class="value"
+      >
+        <div
+          class="DrawerTitle sub-title"
+        >
+          Secret
+        </div>
+        <div
+          class="DrawerItem"
+        >
+          <span
+            class="name"
+          >
+            Name
+          </span>
+          <span
+            class="value"
+          >
+            my-projected-secret
+          </span>
+        </div>
+        <div
+          class="DrawerItem"
+        >
+          <span
+            class="name"
+          >
+            Items
+          </span>
+          <span
+            class="value"
+          >
+            <ul>
+              <li>
+                foo⇢/bar
+                 (0o666)
+              </li>
+            </ul>
+          </span>
+        </div>
+      </span>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<Projected /> renders a secret source, when provided 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        Default Mount Mode
+      </span>
+      <span
+        class="value"
+      >
+        0o777
+      </span>
+    </div>
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        Sources
+      </span>
+      <span
+        class="value"
+      >
+        <div
+          class="DrawerTitle sub-title"
+        >
+          Secret
+        </div>
+        <div
+          class="DrawerItem"
+        >
+          <span
+            class="name"
+          >
+            Name
+          </span>
+          <span
+            class="value"
+          >
+            my-projected-secret
+          </span>
+        </div>
+        <div
+          class="DrawerItem"
+        >
+          <span
+            class="name"
+          >
+            Items
+          </span>
+          <span
+            class="value"
+          >
+            <ul>
+              <li>
+                foo⇢/bar
+              </li>
+            </ul>
+          </span>
+        </div>
+      </span>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<Projected /> renders default mount mode in octal when provided 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        Default Mount Mode
+      </span>
+      <span
+        class="value"
+      >
+        0o777
+      </span>
+    </div>
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        Sources
+      </span>
+      <span
+        class="value"
+      />
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<Projected /> renders when no sources array provided 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        Default Mount Mode
+      </span>
+      <span
+        class="value"
+      >
+        0o777
+      </span>
+    </div>
+    <div
+      class="DrawerItem"
+    >
+      <span
+        class="name"
+      >
+        Sources
+      </span>
+      <span
+        class="value"
+      />
+    </div>
+  </div>
+</body>
+`;
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/__tests__/__snapshots__/ceph-fs.test.tsx.snap b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/__tests__/__snapshots__/ceph-fs.test.tsx.snap
new file mode 100644
index 0000000000..627b2fb1a3
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/__tests__/__snapshots__/ceph-fs.test.tsx.snap
@@ -0,0 +1,229 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<CephFs /> should render 'false' for Readonly when false is provided 1`] = `
+<div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Monitors
+    </span>
+    <span
+      class="value"
+    >
+      <ul />
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Mount Path
+    </span>
+    <span
+      class="value"
+    >
+      /
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Username
+    </span>
+    <span
+      class="value"
+    >
+      admin
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Secret Filepath
+    </span>
+    <span
+      class="value"
+    >
+      /etc/ceph/user.secret
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+    data-testid="cephfs-readonly"
+  >
+    <span
+      class="name"
+    >
+      Readonly
+    </span>
+    <span
+      class="value"
+    >
+      false
+    </span>
+  </div>
+</div>
+`;
+
+exports[`<CephFs /> should render 'false' for Readonly when not provided 1`] = `
+<div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Monitors
+    </span>
+    <span
+      class="value"
+    >
+      <ul />
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Mount Path
+    </span>
+    <span
+      class="value"
+    >
+      /
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Username
+    </span>
+    <span
+      class="value"
+    >
+      admin
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Secret Filepath
+    </span>
+    <span
+      class="value"
+    >
+      /etc/ceph/user.secret
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+    data-testid="cephfs-readonly"
+  >
+    <span
+      class="name"
+    >
+      Readonly
+    </span>
+    <span
+      class="value"
+    >
+      false
+    </span>
+  </div>
+</div>
+`;
+
+exports[`<CephFs /> should render 'true' for Readonly when true is provided 1`] = `
+<div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Monitors
+    </span>
+    <span
+      class="value"
+    >
+      <ul />
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Mount Path
+    </span>
+    <span
+      class="value"
+    >
+      /
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Username
+    </span>
+    <span
+      class="value"
+    >
+      admin
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+  >
+    <span
+      class="name"
+    >
+      Secret Filepath
+    </span>
+    <span
+      class="value"
+    >
+      /etc/ceph/user.secret
+    </span>
+  </div>
+  <div
+    class="DrawerItem"
+    data-testid="cephfs-readonly"
+  >
+    <span
+      class="name"
+    >
+      Readonly
+    </span>
+    <span
+      class="value"
+    >
+      true
+    </span>
+  </div>
+</div>
+`;
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/__tests__/ceph-fs.test.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/__tests__/ceph-fs.test.tsx
new file mode 100644
index 0000000000..0345050a77
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/__tests__/ceph-fs.test.tsx
@@ -0,0 +1,129 @@
+/**
+ * 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 { CephfsSource } from "../../../../../../../common/k8s-api/endpoints";
+import { Pod } from "../../../../../../../common/k8s-api/endpoints";
+import { getDiForUnitTesting } from "../../../../../../getDiForUnitTesting";
+import storesAndApisCanBeCreatedInjectable from "../../../../../../stores-apis-can-be-created.injectable";
+import type { DiRender } from "../../../../../test-utils/renderFor";
+import { renderFor } from "../../../../../test-utils/renderFor";
+import { CephFs } from "../ceph-fs";
+
+describe("<CephFs />", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+  });
+
+  it("should render 'false' for Readonly when not provided", () => {
+    const cephfsName = "my-ceph";
+    const cephfsVolume: CephfsSource = {
+      monitors: [],
+    };
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        uid: "123",
+        selfLink: "/api/v1/pod/default/my-pod",
+      },
+      spec: {
+        volumes: [{
+          name: cephfsName,
+          cephfs: cephfsVolume,
+        }],
+      },
+    });
+    const result = render((
+      <CephFs
+        pod={pod}
+        variant={cephfsVolume}
+        volumeName={cephfsName}
+      />
+    ));
+
+    expect(result.container).toMatchSnapshot();
+    expect(result.getByTestId("cephfs-readonly")).toHaveTextContent("false");
+  });
+
+  it("should render 'false' for Readonly when false is provided", () => {
+    const cephfsName = "my-ceph";
+    const cephfsVolume: CephfsSource = {
+      monitors: [],
+      readOnly: false,
+    };
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        uid: "123",
+        selfLink: "/api/v1/pod/default/my-pod",
+      },
+      spec: {
+        volumes: [{
+          name: cephfsName,
+          cephfs: cephfsVolume,
+        }],
+      },
+    });
+    const result = render((
+      <CephFs
+        pod={pod}
+        variant={cephfsVolume}
+        volumeName={cephfsName}
+      />
+    ));
+
+    expect(result.container).toMatchSnapshot();
+    expect(result.getByTestId("cephfs-readonly")).toHaveTextContent("false");
+  });
+
+  it("should render 'true' for Readonly when true is provided", () => {
+    const cephfsName = "my-ceph";
+    const cephfsVolume: CephfsSource = {
+      monitors: [],
+      readOnly: true,
+    };
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        uid: "123",
+        selfLink: "/api/v1/pod/default/my-pod",
+      },
+      spec: {
+        volumes: [{
+          name: cephfsName,
+          cephfs: cephfsVolume,
+        }],
+      },
+    });
+    const result = render((
+      <CephFs
+        pod={pod}
+        variant={cephfsVolume}
+        volumeName={cephfsName}
+      />
+    ));
+
+    expect(result.container).toMatchSnapshot();
+    expect(result.getByTestId("cephfs-readonly")).toHaveTextContent("true");
+  });
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/aws-elastic-block-store.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/aws-elastic-block-store.tsx
new file mode 100644
index 0000000000..285a0fa12e
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/aws-elastic-block-store.tsx
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const AwsElasticBlockStore: VolumeVariantComponent<"awsElasticBlockStore"> = (
+  ({ variant: { volumeID, fsType = "ext4" }}) => (
+    <>
+      <DrawerItem name="Volume ID">
+        {volumeID}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/azure-disk.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/azure-disk.tsx
new file mode 100644
index 0000000000..0e19b41843
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/azure-disk.tsx
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const AzureDisk: VolumeVariantComponent<"azureDisk"> = (
+  ({ variant: { diskName, diskURI, kind = "Shared", cachingMode = "None", fsType = "ext4", readonly = false }}) => (
+    <>
+      <DrawerItem name={kind === "Managed" ? "Disk Name" : "VHD blob Name"}>
+        {diskName}
+      </DrawerItem>
+      <DrawerItem name={kind === "Managed" ? "Resource ID" : "Disk URI"}>
+        {diskURI}
+      </DrawerItem>
+      <DrawerItem name="Kind">
+        {kind}
+      </DrawerItem>
+      <DrawerItem name="Caching Mode">
+        {cachingMode}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+      <DrawerItem name="Readonly">
+        {readonly.toString()}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/azure-file.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/azure-file.tsx
new file mode 100644
index 0000000000..c73fd42c02
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/azure-file.tsx
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const AzureFile: VolumeVariantComponent<"azureFile"> = (
+  ({ variant: { readOnly = false, secretName, shareName, secretNamespace = "default" }}) => (
+    <>
+      <DrawerItem name="Secret Name">
+        {secretName}
+      </DrawerItem>
+      <DrawerItem name="Share Name">
+        {shareName}
+      </DrawerItem>
+      <DrawerItem name="Namespace of Secret">
+        {secretNamespace}
+      </DrawerItem>
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/ceph-fs.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/ceph-fs.tsx
new file mode 100644
index 0000000000..64b68436a3
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/ceph-fs.tsx
@@ -0,0 +1,73 @@
+/**
+ * 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 type { SecretApi } from "../../../../../../common/k8s-api/endpoints";
+import secretApiInjectable from "../../../../../../common/k8s-api/endpoints/secret.api.injectable";
+import { DrawerItem } from "../../../../drawer";
+import type { PodVolumeVariantSpecificProps } from "../variant-helpers";
+import { LocalRef } from "../variant-helpers";
+
+interface Dependencies {
+  secretApi: SecretApi;
+}
+
+const NonInjectedCephFs = (props: PodVolumeVariantSpecificProps<"cephfs"> & Dependencies) => {
+  const {
+    pod,
+    variant: {
+      monitors,
+      path = "/",
+      user = "admin",
+      secretFile = "/etc/ceph/user.secret",
+      secretRef,
+      readOnly = false,
+    },
+    secretApi,
+  } = props;
+
+  return (
+    <>
+      <DrawerItem name="Monitors">
+        <ul>
+          {monitors.map(monitor => <li key={monitor}>{monitor}</li>)}
+        </ul>
+      </DrawerItem>
+      <DrawerItem name="Mount Path">
+        {path}
+      </DrawerItem>
+      <DrawerItem name="Username">
+        {user}
+      </DrawerItem>
+      {
+        secretRef
+          ? (
+            <LocalRef
+              pod={pod}
+              title="Secret"
+              kubeRef={secretRef}
+              api={secretApi}
+            />
+          )
+          : (
+            <DrawerItem name="Secret Filepath">
+              {secretFile}
+            </DrawerItem>
+          )
+      }
+      <DrawerItem name="Readonly" data-testid="cephfs-readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+    </>
+  );
+};
+
+export const CephFs = withInjectables<Dependencies, PodVolumeVariantSpecificProps<"cephfs">>(NonInjectedCephFs, {
+  getProps: (di, props) => ({
+    ...props,
+    secretApi: di.inject(secretApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/cinder.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/cinder.tsx
new file mode 100644
index 0000000000..366438e0d8
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/cinder.tsx
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const Cinder: VolumeVariantComponent<"cinder"> = (
+  ({ variant: { volumeID, fsType = "ext4" }}) => (
+    <>
+      <DrawerItem name="Volume ID">
+        {volumeID}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/config-map.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/config-map.tsx
new file mode 100644
index 0000000000..e59fed5633
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/config-map.tsx
@@ -0,0 +1,39 @@
+/**
+ * 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 type { ConfigMapApi } from "../../../../../../common/k8s-api/endpoints";
+import configMapApiInjectable from "../../../../../../common/k8s-api/endpoints/config-map.api.injectable";
+import type { PodVolumeVariantSpecificProps } from "../variant-helpers";
+import { LocalRef } from "../variant-helpers";
+
+interface Dependencies {
+  configMapApi: ConfigMapApi;
+}
+
+const NonInjectedConfigMap = (props: PodVolumeVariantSpecificProps<"configMap"> & Dependencies) => {
+  const {
+    pod,
+    variant: { name },
+    configMapApi,
+  } = props;
+
+  return (
+    <LocalRef
+      pod={pod}
+      title="Name"
+      kubeRef={{ name }}
+      api={configMapApi}
+    />
+  );
+};
+
+export const ConfigMap = withInjectables<Dependencies, PodVolumeVariantSpecificProps<"configMap">>(NonInjectedConfigMap, {
+  getProps: (di, props) => ({
+    ...props,
+    configMapApi: di.inject(configMapApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/container-storage-interface.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/container-storage-interface.tsx
new file mode 100644
index 0000000000..78576a8ed5
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/container-storage-interface.tsx
@@ -0,0 +1,80 @@
+/**
+ * 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 type { SecretApi } from "../../../../../../common/k8s-api/endpoints";
+import secretApiInjectable from "../../../../../../common/k8s-api/endpoints/secret.api.injectable";
+import { DrawerItem } from "../../../../drawer";
+import type { PodVolumeVariantSpecificProps } from "../variant-helpers";
+import { LocalRef } from "../variant-helpers";
+
+interface Dependencies {
+  secretApi: SecretApi;
+}
+
+const NonInjectedContainerStorageInterface = (props: PodVolumeVariantSpecificProps<"csi"> & Dependencies) => {
+  const {
+    pod,
+    variant: {
+      driver,
+      readOnly = false,
+      fsType = "ext4",
+      volumeAttributes = {},
+      nodePublishSecretRef,
+      controllerPublishSecretRef,
+      nodeStageSecretRef,
+      controllerExpandSecretRef,
+    },
+    secretApi,
+  } = props;
+
+  return (
+    <>
+      <DrawerItem name="Driver">
+        {driver}
+      </DrawerItem>
+      <DrawerItem name="ReadOnly">
+        {readOnly.toString()}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+      <LocalRef
+        pod={pod}
+        title="Controller Publish Secret"
+        kubeRef={controllerPublishSecretRef}
+        api={secretApi} />
+      <LocalRef
+        pod={pod}
+        title="Controller Expand Secret"
+        kubeRef={controllerExpandSecretRef}
+        api={secretApi} />
+      <LocalRef
+        pod={pod}
+        title="Node Publish Secret"
+        kubeRef={nodePublishSecretRef}
+        api={secretApi} />
+      <LocalRef
+        pod={pod}
+        title="Node Stage Secret"
+        kubeRef={nodeStageSecretRef}
+        api={secretApi} />
+      {Object.entries(volumeAttributes)
+        .map(([key, value]) => (
+          <DrawerItem key={key} name={key}>
+            {value}
+          </DrawerItem>
+        ))}
+    </>
+  );
+};
+
+export const ContainerStorageInterface = withInjectables<Dependencies, PodVolumeVariantSpecificProps<"csi">>(NonInjectedContainerStorageInterface, {
+  getProps: (di, props) => ({
+    ...props,
+    secretApi: di.inject(secretApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/downward-api.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/downward-api.tsx
new file mode 100644
index 0000000000..c6c14bda2e
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/downward-api.tsx
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const DownwardAPI: VolumeVariantComponent<"downwardAPI"> = (
+  ({ variant: { items }}) => (
+    <>
+      <DrawerItem name="Items">
+        <ul>
+          {items.map(item => <li key={item.path}>{item.path}</li>)}
+        </ul>
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/empty-dir.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/empty-dir.tsx
new file mode 100644
index 0000000000..c648d42354
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/empty-dir.tsx
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const EmptyDir: VolumeVariantComponent<"emptyDir"> = (
+  ({ variant: { medium, sizeLimit }}) => (
+    <>
+      <DrawerItem name="Medium">
+        {medium || "<node's default medium>"}
+      </DrawerItem>
+      <DrawerItem name="Size Limit" hidden={!sizeLimit}>
+        {sizeLimit}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/ephemeral.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/ephemeral.tsx
new file mode 100644
index 0000000000..a839f73fdb
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/ephemeral.tsx
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { dump } from "js-yaml";
+import React from "react";
+import { DrawerItem, DrawerItemLabels } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const Ephemeral: VolumeVariantComponent<"ephemeral"> = (
+  ({ pod, volumeName, variant: { volumeClaimTemplate: { metadata = {}, spec }}}) => (
+    <>
+      <DrawerItem name="PVC Template Name">
+        {`${pod.getName()}-${volumeName}`}
+      </DrawerItem>
+      <DrawerItemLabels
+        name="Template Labels"
+        labels={metadata.labels ?? {}}
+      />
+      <DrawerItemLabels
+        name="Template Annotations"
+        labels={metadata.annotations ?? {}}
+      />
+      <DrawerItem name="Template PVC Spec">
+        {dump(spec)}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/fiber-channel.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/fiber-channel.tsx
new file mode 100644
index 0000000000..684c4f1f32
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/fiber-channel.tsx
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const FiberChannel: VolumeVariantComponent<"fc"> = (
+  ({ variant: { targetWWNs, lun, fsType = "ext4", readOnly = false }}) => (
+    <>
+      <DrawerItem name="Target World Wide Names">
+        <ul>
+          {targetWWNs.map(targetWWN => <li key={targetWWN}>{targetWWN}</li>)}
+        </ul>
+      </DrawerItem>
+      <DrawerItem name="Logical Unit Number">
+        {lun.toString()}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/flex-volume.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/flex-volume.tsx
new file mode 100644
index 0000000000..130edfaaa6
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/flex-volume.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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { SecretApi } from "../../../../../../common/k8s-api/endpoints";
+import secretApiInjectable from "../../../../../../common/k8s-api/endpoints/secret.api.injectable";
+import { DrawerItem } from "../../../../drawer";
+import type { PodVolumeVariantSpecificProps } from "../variant-helpers";
+import { LocalRef } from "../variant-helpers";
+
+interface Dependencies {
+  secretApi: SecretApi;
+}
+
+const NonInjectedFlexVolume = (props: PodVolumeVariantSpecificProps<"flexVolume"> & Dependencies) => {
+  const {
+    pod,
+    variant: {
+      driver,
+      fsType,
+      secretRef,
+      readOnly = false,
+      options = {},
+    },
+    secretApi,
+  } = props;
+
+  return (
+    <>
+      <DrawerItem name="Driver">
+        {driver}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType || "-- system default --"}
+      </DrawerItem>
+      <LocalRef
+        pod={pod}
+        title="Secret"
+        kubeRef={secretRef}
+        api={secretApi}
+      />
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+      {
+        Object.entries(options)
+          .map(([key, value]) => (
+            <DrawerItem key={key} name={`Option: ${key}`}>
+              {value}
+            </DrawerItem>
+          ))
+      }
+    </>
+  );
+};
+
+export const FlexVolume = withInjectables<Dependencies, PodVolumeVariantSpecificProps<"flexVolume">>(NonInjectedFlexVolume, {
+  getProps: (di, props) => ({
+    ...props,
+    secretApi: di.inject(secretApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/flocker.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/flocker.tsx
new file mode 100644
index 0000000000..d4edefcba2
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/flocker.tsx
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const Flocker: VolumeVariantComponent<"flocker"> = (
+  ({ variant: { datasetName }}) => (
+    <>
+      <DrawerItem name="Dataset Name">
+        {datasetName}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/gce-persistent-disk.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/gce-persistent-disk.tsx
new file mode 100644
index 0000000000..7c15b53109
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/gce-persistent-disk.tsx
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const GcePersistentDisk: VolumeVariantComponent<"gcePersistentDisk"> = (
+  ({ variant: { pdName, fsType = "ext4" }}) => (
+    <>
+      <DrawerItem name="Persistent Disk Name">
+        {pdName}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/git-repo.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/git-repo.tsx
new file mode 100644
index 0000000000..23e6421210
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/git-repo.tsx
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const GitRepo: VolumeVariantComponent<"gitRepo"> = (
+  ({ variant: { repository, revision }}) => (
+    <>
+      <DrawerItem name="Repository URL">
+        {repository}
+      </DrawerItem>
+      <DrawerItem name="Commit Hash">
+        {revision}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/gluster-fs.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/gluster-fs.tsx
new file mode 100644
index 0000000000..b3937b7610
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/gluster-fs.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";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const GlusterFs: VolumeVariantComponent<"glusterfs"> = (
+  ({ variant: { endpoints, path, readOnly = false }}) => (
+    <>
+      <DrawerItem name="Endpoints object name">
+        {endpoints}
+      </DrawerItem>
+      <DrawerItem name="Glusterfs volume name">
+        {path}
+      </DrawerItem>
+      <DrawerItem name="Readonly Mountpoint">
+        {readOnly.toString()}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/host-path.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/host-path.tsx
new file mode 100644
index 0000000000..5b80431733
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/host-path.tsx
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const HostPath: VolumeVariantComponent<"hostPath"> = (
+  ({ variant: { path, type }}) => (
+    <>
+      <DrawerItem name="Node's Host Filesystem Path">
+        {path}
+      </DrawerItem>
+      <DrawerItem name="Check Behaviour">
+        {type || "-- none --"}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/i-scsi.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/i-scsi.tsx
new file mode 100644
index 0000000000..1146752061
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/i-scsi.tsx
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const IScsi: VolumeVariantComponent<"iscsi"> = (
+  ({ variant: { targetPortal, iqn, lun, fsType = "ext4", readOnly = false, chapAuthDiscovery, chapAuthSession, secretRef }}) => (
+    <>
+      <DrawerItem name="Target Address">
+        {targetPortal}
+      </DrawerItem>
+      <DrawerItem name="iSCSI qualified name">
+        {iqn}
+      </DrawerItem>
+      <DrawerItem name="Logical Unit Number">
+        {lun.toString()}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+      {chapAuthDiscovery && (
+        <DrawerItem name="CHAP Discovery Authentication">
+          {chapAuthDiscovery.toString()}
+        </DrawerItem>
+      )}
+      {chapAuthSession && (
+        <DrawerItem name="CHAP Session Authentication">
+          {chapAuthSession.toString()}
+        </DrawerItem>
+      )}
+      { secretRef && (
+        <DrawerItem name="CHAP Secret">
+          {secretRef.name}
+        </DrawerItem>
+      )}
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/local.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/local.tsx
new file mode 100644
index 0000000000..a4e087ae2c
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/local.tsx
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const Local: VolumeVariantComponent<"local"> = (
+  ({ variant: { path }}) => (
+    <>
+      <DrawerItem name="Path">
+        {path}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/network-fs.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/network-fs.tsx
new file mode 100644
index 0000000000..d40f2eaa08
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/network-fs.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";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const NetworkFs: VolumeVariantComponent<"nfs"> = (
+  ({ variant: { server, path, readOnly = false }}) => (
+    <>
+      <DrawerItem name="Server">
+        {server}
+      </DrawerItem>
+      <DrawerItem name="Path">
+        {path}
+      </DrawerItem>
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/persistent-volume-claim.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/persistent-volume-claim.tsx
new file mode 100644
index 0000000000..9893a65931
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/persistent-volume-claim.tsx
@@ -0,0 +1,39 @@
+/**
+ * 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 type { PersistentVolumeClaimApi } from "../../../../../../common/k8s-api/endpoints";
+import persistentVolumeClaimApiInjectable from "../../../../../../common/k8s-api/endpoints/persistent-volume-claim.api.injectable";
+import type { PodVolumeVariantSpecificProps } from "../variant-helpers";
+import { LocalRef } from "../variant-helpers";
+
+interface Dependencies {
+  persistentVolumeClaimApi: PersistentVolumeClaimApi;
+}
+
+const NonInjectedPersistentVolumeClaim = (props: PodVolumeVariantSpecificProps<"persistentVolumeClaim"> & Dependencies) => {
+  const {
+    pod,
+    variant: { claimName },
+    persistentVolumeClaimApi,
+  } = props;
+
+  return (
+    <LocalRef
+      pod={pod}
+      title="Name"
+      kubeRef={{ name: claimName }}
+      api={persistentVolumeClaimApi}
+    />
+  );
+};
+
+export const PersistentVolumeClaim = withInjectables<Dependencies, PodVolumeVariantSpecificProps<"persistentVolumeClaim">>(NonInjectedPersistentVolumeClaim, {
+  getProps: (di, props) => ({
+    ...props,
+    persistentVolumeClaimApi: di.inject(persistentVolumeClaimApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/photon-persistent-disk.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/photon-persistent-disk.tsx
new file mode 100644
index 0000000000..457da2f62b
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/photon-persistent-disk.tsx
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const PhotonPersistentDisk: VolumeVariantComponent<"photonPersistentDisk"> = (
+  ({ variant: { pdID, fsType = "ext4" }}) => (
+    <>
+      <DrawerItem name="Persistent Disk ID">
+        {pdID}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/portworx-volume.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/portworx-volume.tsx
new file mode 100644
index 0000000000..103be78acf
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/portworx-volume.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";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const PortworxVolume: VolumeVariantComponent<"portworxVolume"> = (
+  ({ variant: { volumeID, fsType = "ext4", readOnly = false }}) => (
+    <>
+      <DrawerItem name="Volume ID">
+        {volumeID}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/projected.test.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/projected.test.tsx
new file mode 100644
index 0000000000..24405bc1a9
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/projected.test.tsx
@@ -0,0 +1,197 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { render } from "@testing-library/react";
+import React from "react";
+import type { ProjectedSource } from "../../../../../../common/k8s-api/endpoints";
+import { Pod } from "../../../../../../common/k8s-api/endpoints";
+import { Projected } from "./projected";
+
+describe("<Projected />", () => {
+  it("renders", () => {
+    const projectedVolume: ProjectedSource = { };
+    const projectedVolumeName = "my-projected";
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        uid: "123",
+        selfLink: "/api/v1/pod/default/my-pod",
+      },
+      spec: {
+        volumes: [{
+          name: projectedVolumeName,
+          projected: projectedVolume,
+        }],
+      },
+    });
+    const result = render((
+      <Projected
+        pod={pod}
+        volumeName={projectedVolumeName}
+        variant={projectedVolume}
+      />
+    ));
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("renders default mount mode in octal when provided", () => {
+    const projectedVolume: ProjectedSource = {
+      defaultMode: 0o777,
+      sources: [],
+    };
+    const projectedVolumeName = "my-projected";
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        uid: "123",
+        selfLink: "/api/v1/pod/default/my-pod",
+      },
+      spec: {
+        volumes: [{
+          name: projectedVolumeName,
+          projected: projectedVolume,
+        }],
+      },
+    });
+    const result = render((
+      <Projected
+        pod={pod}
+        volumeName={projectedVolumeName}
+        variant={projectedVolume}
+      />
+    ));
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("renders when no sources array provided", () => {
+    const projectedVolume: ProjectedSource = {
+      defaultMode: 0o777,
+    };
+    const projectedVolumeName = "my-projected";
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        uid: "123",
+        selfLink: "/api/v1/pod/default/my-pod",
+      },
+      spec: {
+        volumes: [{
+          name: projectedVolumeName,
+          projected: projectedVolume,
+        }],
+      },
+    });
+    const result = render((
+      <Projected
+        pod={pod}
+        volumeName={projectedVolumeName}
+        variant={projectedVolume}
+      />
+    ));
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("renders a secret source, when provided", () => {
+    const projectedVolume: ProjectedSource = {
+      defaultMode: 0o777,
+      sources: [{
+        secret: {
+          name: "my-projected-secret",
+          items: [{
+            key: "foo",
+            path: "/bar",
+          }],
+        },
+      }],
+    };
+    const projectedVolumeName = "my-projected";
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        uid: "123",
+        selfLink: "/api/v1/pod/default/my-pod",
+      },
+      spec: {
+        volumes: [{
+          name: projectedVolumeName,
+          projected: projectedVolume,
+        }],
+      },
+    });
+    const result = render((
+      <Projected
+        pod={pod}
+        volumeName={projectedVolumeName}
+        variant={projectedVolume}
+      />
+    ));
+
+    expect(result.baseElement).toMatchSnapshot();
+    expect(result.getByText("foo⇢/bar", { exact: false })).toBeTruthy();
+  });
+
+  it("renders a secret source including overriding mode", () => {
+    const projectedVolume: ProjectedSource = {
+      defaultMode: 0o777,
+      sources: [{
+        secret: {
+          name: "my-projected-secret",
+          items: [{
+            key: "foo",
+            path: "/bar",
+            mode: 0o666,
+          }],
+        },
+      }],
+    };
+    const projectedVolumeName = "my-projected";
+    const pod = new Pod({
+      apiVersion: "v1",
+      kind: "Pod",
+      metadata: {
+        name: "my-pod",
+        namespace: "default",
+        resourceVersion: "1",
+        uid: "123",
+        selfLink: "/api/v1/pod/default/my-pod",
+      },
+      spec: {
+        volumes: [{
+          name: projectedVolumeName,
+          projected: projectedVolume,
+        }],
+      },
+    });
+    const result = render((
+      <Projected
+        pod={pod}
+        volumeName={projectedVolumeName}
+        variant={projectedVolume}
+      />
+    ));
+
+    expect(result.baseElement).toMatchSnapshot();
+    expect(result.getByText("(0o666)", { exact: false })).toBeTruthy();
+  });
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/projected.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/projected.tsx
new file mode 100644
index 0000000000..c7ca22c87f
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/projected.tsx
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { displayMode } from "../../../../../utils";
+import { DrawerItem, DrawerTitle } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const Projected: VolumeVariantComponent<"projected"> = (
+  ({ variant: { sources, defaultMode }}) => (
+    <>
+      {typeof defaultMode === "number" && (
+        <DrawerItem name="Default Mount Mode">
+          {displayMode(defaultMode)}
+        </DrawerItem>
+      )}
+      <DrawerItem name="Sources">
+        {
+          sources?.map(({ secret, downwardAPI, configMap, serviceAccountToken }, index) => (
+            <React.Fragment key={index}>
+              {secret && (
+                <>
+                  <DrawerTitle size="sub-title">Secret</DrawerTitle>
+                  <DrawerItem name="Name">
+                    {secret.name}
+                  </DrawerItem>
+                  <DrawerItem name="Items">
+                    <ul>
+                      {secret.items?.map(({ key, path, mode }) => (
+                        <li key={key}>
+                          {`${key}⇢${path}`}
+                          {typeof mode === "number" && (
+                            ` (${displayMode(mode)})`
+                          )}
+                        </li>
+                      ))}
+                    </ul>
+                  </DrawerItem>
+                </>
+              )}
+              {downwardAPI && (
+                <>
+                  <DrawerTitle size="sub-title">Downward API</DrawerTitle>
+                  <DrawerItem name="Items">
+                    <ul>
+                      {downwardAPI.items?.map(({ path }) => (
+                        <li key={path}>
+                          {path}
+                        </li>
+                      ))}
+                    </ul>
+                  </DrawerItem>
+                </>
+              )}
+              {configMap && (
+                <>
+                  <DrawerTitle size="sub-title">Config Map</DrawerTitle>
+                  <DrawerItem name="Name">
+                    {configMap.name}
+                  </DrawerItem>
+                  <DrawerItem name="Items">
+                    <ul>
+                      {configMap.items?.map(({ key, path }) => (
+                        <li key={key}>
+                          {`${key}⇢${path}`}
+                        </li>
+                      ))}
+                    </ul>
+                  </DrawerItem>
+                </>
+              )}
+              {serviceAccountToken && (
+                <>
+                  <DrawerTitle size="sub-title">Service Account Token</DrawerTitle>
+                  <DrawerItem name="Audience" hidden={!serviceAccountToken.audience}>
+                    {serviceAccountToken.audience}
+                  </DrawerItem>
+                  <DrawerItem name="Expiration">
+                    {`${serviceAccountToken.expirationSeconds ?? 60*60 /* an hour */}s`}
+                  </DrawerItem>
+                  <DrawerItem name="Path">
+                    {serviceAccountToken.path}
+                  </DrawerItem>
+                </>
+              )}
+            </React.Fragment>
+          ))
+        }
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/quobyte.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/quobyte.tsx
new file mode 100644
index 0000000000..a315f254e8
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/quobyte.tsx
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const Quobyte: VolumeVariantComponent<"quobyte"> = (
+  ({ variant: { registry, volume, readOnly = false, user = "serviceaccount", group, tenant }}) => (
+    <>
+      <DrawerItem name="Registry">
+        {registry}
+      </DrawerItem>
+      <DrawerItem name="Volume">
+        {volume}
+      </DrawerItem>
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+      <DrawerItem name="User">
+        {user}
+      </DrawerItem>
+      <DrawerItem name="Group">
+        {group ?? "-- no group --"}
+      </DrawerItem>
+      <DrawerItem name="Tenant" hidden={!tenant}>
+        {tenant}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/rados-block-device.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/rados-block-device.tsx
new file mode 100644
index 0000000000..eac32050d7
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/rados-block-device.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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { SecretApi } from "../../../../../../common/k8s-api/endpoints";
+import secretApiInjectable from "../../../../../../common/k8s-api/endpoints/secret.api.injectable";
+import { DrawerItem } from "../../../../drawer";
+import type { PodVolumeVariantSpecificProps } from "../variant-helpers";
+import { LocalRef } from "../variant-helpers";
+
+interface Dependencies {
+  secretApi: SecretApi;
+}
+
+const NonInjectedRadosBlockDevice = (props: PodVolumeVariantSpecificProps<"rbd"> & Dependencies) => {
+  const {
+    pod,
+    variant: {
+      monitors,
+      image,
+      fsType = "ext4",
+      pool = "rbd",
+      user = "admin",
+      keyring = "/etc/ceph/keyright",
+      secretRef,
+      readOnly = false,
+    },
+    secretApi,
+  } = props;
+
+  return (
+    <>
+      <DrawerItem name="Ceph Monitors">
+        <ul>
+          {monitors.map(monitor => <li key={monitor}>{monitor}</li>)}
+        </ul>
+      </DrawerItem>
+      <DrawerItem name="Image">
+        {image}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+      <DrawerItem name="Pool">
+        {pool}
+      </DrawerItem>
+      <DrawerItem name="User">
+        {user}
+      </DrawerItem>
+      {
+        secretRef
+          ? (
+            <LocalRef
+              pod={pod}
+              title="Authentication Secret"
+              kubeRef={secretRef}
+              api={secretApi}
+            />
+          )
+          : (
+            <DrawerItem name="Keyright Path">
+              {keyring}
+            </DrawerItem>
+          )
+      }
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+    </>
+  );
+};
+
+export const RadosBlockDevice = withInjectables<Dependencies, PodVolumeVariantSpecificProps<"rbd">>(NonInjectedRadosBlockDevice, {
+  getProps: (di, props) => ({
+    ...props,
+    secretApi: di.inject(secretApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/scale-io.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/scale-io.tsx
new file mode 100644
index 0000000000..717be48fe5
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/scale-io.tsx
@@ -0,0 +1,80 @@
+/**
+ * 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 type { SecretApi } from "../../../../../../common/k8s-api/endpoints";
+import secretApiInjectable from "../../../../../../common/k8s-api/endpoints/secret.api.injectable";
+import { DrawerItem } from "../../../../drawer";
+import type { PodVolumeVariantSpecificProps } from "../variant-helpers";
+import { LocalRef } from "../variant-helpers";
+
+interface Dependencies {
+  secretApi: SecretApi;
+}
+
+const NonInjectedScaleIo = (props: PodVolumeVariantSpecificProps<"scaleIO"> & Dependencies) => {
+  const {
+    pod,
+    variant: {
+      gateway,
+      system,
+      secretRef,
+      sslEnabled = false,
+      protectionDomain,
+      storagePool,
+      storageMode = "ThinProvisioned",
+      volumeName,
+      fsType = "xfs",
+      readOnly = false,
+    },
+    secretApi,
+  } = props;
+
+  return (
+    <>
+      <DrawerItem name="Gateway">
+        {gateway}
+      </DrawerItem>
+      <DrawerItem name="System">
+        {system}
+      </DrawerItem>
+      <LocalRef
+        pod={pod}
+        title="Name"
+        kubeRef={secretRef}
+        api={secretApi}
+      />
+      <DrawerItem name="SSL Enabled">
+        {sslEnabled.toString()}
+      </DrawerItem>
+      <DrawerItem name="Protection Domain Name" hidden={!protectionDomain}>
+        {protectionDomain}
+      </DrawerItem>
+      <DrawerItem name="Storage Pool" hidden={!storagePool}>
+        {storagePool}
+      </DrawerItem>
+      <DrawerItem name="Storage Mode" hidden={!storageMode}>
+        {storageMode}
+      </DrawerItem>
+      <DrawerItem name="Volume Name">
+        {volumeName}
+      </DrawerItem>
+      <DrawerItem name="Filesystem Type">
+        {fsType}
+      </DrawerItem>
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+    </>
+  );
+};
+
+export const ScaleIo = withInjectables<Dependencies, PodVolumeVariantSpecificProps<"scaleIO">>(NonInjectedScaleIo, {
+  getProps: (di, props) => ({
+    ...props,
+    secretApi: di.inject(secretApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/secret.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/secret.tsx
new file mode 100644
index 0000000000..5ad1ee542c
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/secret.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 { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import type { SecretApi } from "../../../../../../common/k8s-api/endpoints";
+import secretApiInjectable from "../../../../../../common/k8s-api/endpoints/secret.api.injectable";
+import { DrawerItem } from "../../../../drawer";
+import type { PodVolumeVariantSpecificProps } from "../variant-helpers";
+import { LocalRef } from "../variant-helpers";
+
+interface Dependencies {
+  secretApi: SecretApi;
+}
+
+const NonInjectedSecret = (props: PodVolumeVariantSpecificProps<"secret"> & Dependencies) => {
+  const {
+    pod,
+    variant: { secretName, items = [], defaultMode = 0o644, optional = false },
+    secretApi,
+  } = props;
+
+  return (
+    <>
+      <LocalRef
+        pod={pod}
+        title="Name"
+        kubeRef={{ name: secretName }}
+        api={secretApi}
+      />
+      <DrawerItem name="Items" hidden={items.length === 0}>
+        <ul>
+          {items.map(({ key }) => <li key={key}>{key}</li>)}
+        </ul>
+      </DrawerItem>
+      <DrawerItem name="Default File Mode">
+        {`0o${defaultMode.toString(8)}`}
+      </DrawerItem>
+      <DrawerItem name="Optional">
+        {optional.toString()}
+      </DrawerItem>
+    </>
+  );
+};
+
+export const Secret = withInjectables<Dependencies, PodVolumeVariantSpecificProps<"secret">>(NonInjectedSecret, {
+  getProps: (di, props) => ({
+    ...props,
+    secretApi: di.inject(secretApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/storage-os.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/storage-os.tsx
new file mode 100644
index 0000000000..a69ec5918b
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/storage-os.tsx
@@ -0,0 +1,58 @@
+/**
+ * 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 type { SecretApi } from "../../../../../../common/k8s-api/endpoints";
+import secretApiInjectable from "../../../../../../common/k8s-api/endpoints/secret.api.injectable";
+import { DrawerItem } from "../../../../drawer";
+import type { PodVolumeVariantSpecificProps } from "../variant-helpers";
+import { LocalRef } from "../variant-helpers";
+
+interface Dependencies {
+  secretApi: SecretApi;
+}
+
+const NonInjectedStorageOs = (props: PodVolumeVariantSpecificProps<"storageos"> & Dependencies) => {
+  const {
+    pod,
+    variant: { volumeName, volumeNamespace, fsType = "ext4", readOnly = false, secretRef },
+    secretApi,
+  } = props;
+
+  return (
+    <>
+      <DrawerItem name="Volume Name">
+        {volumeName}
+      </DrawerItem>
+      <DrawerItem name="Volume Namespace" hidden={volumeNamespace === "default"}>
+        {
+          volumeNamespace === volumeName
+            ? "- no default behaviour -"
+            : volumeNamespace || pod.getNs()
+        }
+      </DrawerItem>
+      <DrawerItem name="Filesystem type">
+        {fsType}
+      </DrawerItem>
+      <DrawerItem name="Readonly">
+        {readOnly.toString()}
+      </DrawerItem>
+      <LocalRef
+        pod={pod}
+        title="Secret"
+        kubeRef={secretRef}
+        api={secretApi}
+      />
+    </>
+  );
+};
+
+export const StorageOs = withInjectables<Dependencies, PodVolumeVariantSpecificProps<"storageos">>(NonInjectedStorageOs, {
+  getProps: (di, props) => ({
+    ...props,
+    secretApi: di.inject(secretApiInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/vsphere-volume.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/vsphere-volume.tsx
new file mode 100644
index 0000000000..eb97917e91
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/variants/vsphere-volume.tsx
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { DrawerItem } from "../../../../drawer";
+import type { VolumeVariantComponent } from "../variant-helpers";
+
+export const VsphereVolume: VolumeVariantComponent<"vsphereVolume"> = (
+  ({ variant: { volumePath, fsType = "ext4", storagePolicyName, storagePolicyID }}) => (
+    <>
+      <DrawerItem name="Virtual Machine Disk Volume">
+        {volumePath}
+      </DrawerItem>
+      <DrawerItem name="Filesystem type">
+        {fsType}
+      </DrawerItem>
+      <DrawerItem name="Storage Policy Based Management Profile Name" hidden={!storagePolicyName}>
+        {storagePolicyName}
+      </DrawerItem>
+      <DrawerItem name="Storage Policy Based Management Profile ID" hidden={!storagePolicyID}>
+        {storagePolicyID}
+      </DrawerItem>
+    </>
+  )
+);
diff --git a/packages/core/src/renderer/components/+workloads-pods/details/volumes/view.tsx b/packages/core/src/renderer/components/+workloads-pods/details/volumes/view.tsx
new file mode 100644
index 0000000000..f90ca6a31e
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/details/volumes/view.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 { observer } from "mobx-react";
+import React from "react";
+import type { Pod } from "../../../../../common/k8s-api/endpoints";
+import { DrawerTitle } from "../../../drawer";
+import { Icon } from "../../../icon";
+import { VolumeVariant } from "./variant";
+
+export interface PodVolumesProps {
+  pod: Pod;
+}
+
+export const PodVolumes = observer(({ pod }: PodVolumesProps) => {
+  const volumes = pod.getVolumes() ?? [];
+
+  if (volumes.length === 0) {
+    return null;
+  }
+
+  return (
+    <>
+      <DrawerTitle>Volumes</DrawerTitle>
+      {volumes.map(volume => (
+        <div key={volume.name} className="volume">
+          <div className="title flex gaps">
+            <Icon small material="storage" />
+            <span>{volume.name}</span>
+          </div>
+          <VolumeVariant pod={pod} volume={volume} />
+        </div>
+      ))}
+    </>
+  );
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/get-pod-by-id.injectable.ts b/packages/core/src/renderer/components/+workloads-pods/get-pod-by-id.injectable.ts
new file mode 100644
index 0000000000..b0c0a5729a
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/get-pod-by-id.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 type { Pod } from "../../../common/k8s-api/endpoints";
+import podStoreInjectable from "./store.injectable";
+
+export type GetPodById = (id: string) => Pod | undefined;
+
+const getPodByIdInjectable = getInjectable({
+  id: "get-pod-by-id",
+  instantiate: (di): GetPodById => {
+    const store = di.inject(podStoreInjectable);
+
+    return id => store.getById(id);
+  },
+});
+
+export default getPodByIdInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/get-pods-by-owner-id.injectable.ts b/packages/core/src/renderer/components/+workloads-pods/get-pods-by-owner-id.injectable.ts
new file mode 100644
index 0000000000..01862831a2
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/get-pods-by-owner-id.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 type { Pod } from "../../../common/k8s-api/endpoints";
+import podStoreInjectable from "./store.injectable";
+
+export type GetPodsByOwnerId = (ownerId: string) => Pod[];
+
+const getPodsByOwnerIdInjectable = getInjectable({
+  id: "get-pods-by-owner-id",
+  instantiate: (di): GetPodsByOwnerId => {
+    const podStore = di.inject(podStoreInjectable);
+
+    return (ownerId) => podStore.getPodsByOwnerId(ownerId);
+  },
+});
+
+export default getPodsByOwnerIdInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/index.ts b/packages/core/src/renderer/components/+workloads-pods/index.ts
new file mode 100644
index 0000000000..7a97e64c8d
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/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 "./pods";
+export * from "./pod-details";
diff --git a/packages/core/src/renderer/components/+workloads-pods/load-pods-from-all-namespaces.injectable.ts b/packages/core/src/renderer/components/+workloads-pods/load-pods-from-all-namespaces.injectable.ts
new file mode 100644
index 0000000000..f6e96d5b79
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/load-pods-from-all-namespaces.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 namespaceStoreInjectable from "../+namespaces/store.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+import podStoreInjectable from "./store.injectable";
+
+const loadPodsFromAllNamespacesInjectable = getInjectable({
+  id: "load-pods-from-all-namespaces",
+  instantiate: (di) => {
+    const podStore = di.inject(podStoreInjectable);
+    const namespaceStore = di.inject(namespaceStoreInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+  
+    return () => {
+      podStore.loadAll({
+        namespaces: [...namespaceStore.getItems().map(ns => ns.getName())],
+        onLoadFailure: error =>
+          showErrorNotification(`Can not load Pods. ${String(error)}`),
+      });
+    };
+  },
+});
+
+export default loadPodsFromAllNamespacesInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/metrics-detail-container.injectable.tsx b/packages/core/src/renderer/components/+workloads-pods/metrics-detail-container.injectable.tsx
new file mode 100644
index 0000000000..aab325ab9b
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/metrics-detail-container.injectable.tsx
@@ -0,0 +1,52 @@
+/**
+ * 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 IAsyncComputed, withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { Pod } from "../../../common/k8s-api/endpoints";
+import type { PodMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import podMetricsInjectable from "./metrics.injectable";
+import { PodCharts, podMetricTabs } from "./pod-charts";
+
+interface Dependencies {
+  metrics: IAsyncComputed<PodMetricData>;
+}
+
+const NonInjectedPodMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<Pod> & Dependencies) => (
+  <ResourceMetrics
+    tabs={podMetricTabs}
+    object={object}
+    metrics={metrics}
+  >
+    <PodCharts />
+  </ResourceMetrics>
+);
+
+const PodMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<Pod>>(NonInjectedPodMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(podMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const podMetricsDetailsComponentInjectable = getInjectable({
+  id: "pod-metrics-details-container",
+  instantiate: (di) => ({
+    Component: PodMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.Pod),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default podMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/metrics.injectable.ts b/packages/core/src/renderer/components/+workloads-pods/metrics.injectable.ts
new file mode 100644
index 0000000000..a06bc9e7e9
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { Pod } from "../../../common/k8s-api/endpoints";
+import requestPodMetricsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics.injectable";
+
+const podMetricsInjectable = getInjectable({
+  id: "pod-metrics",
+  instantiate: (di, pod) => {
+    const requestPodMetrics = di.inject(requestPodMetricsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: () => {
+        now(60 * 1000);
+
+        return requestPodMetrics([pod], pod.getNs());
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, pod: Pod) => pod.getId(),
+  }),
+});
+
+export default podMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-charts.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-charts.tsx
new file mode 100644
index 0000000000..2911388bdc
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-charts.tsx
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { mapValues } from "lodash";
+import { observer } from "mobx-react";
+import React, { useContext } from "react";
+import { isMetricsEmpty, normalizeMetrics } from "../../../common/k8s-api/endpoints/metrics.api";
+import type { ChartDataSets } from "../chart";
+import { BarChart } from "../chart";
+import type { MetricsTab } from "../chart/options";
+import { metricTabOptions } from "../chart/options";
+import type { AtLeastOneMetricTab } from "../resource-metrics";
+import { ResourceMetricsContext } from "../resource-metrics";
+import { NoMetrics } from "../resource-metrics/no-metrics";
+
+export const podMetricTabs: AtLeastOneMetricTab = [
+  "CPU",
+  "Memory",
+  "Network",
+  "Filesystem",
+];
+
+export const PodCharts = observer(() => {
+  const { metrics, tab, object } = useContext(ResourceMetricsContext) ?? {};
+
+  if (!metrics || !object || !tab) return null;
+  if (isMetricsEmpty(metrics)) return <NoMetrics/>;
+
+  const id = object.getId();
+  const {
+    cpuUsage,
+    memoryUsage,
+    fsUsage,
+    fsWrites,
+    fsReads,
+    networkReceive,
+    networkTransmit,
+  } = mapValues(metrics, metric => normalizeMetrics(metric).data.result[0].values);
+
+  const datasets: Partial<Record<MetricsTab, ChartDataSets[]>> = {
+    CPU: [
+      {
+        id: `${id}-cpuUsage`,
+        label: `Usage`,
+        tooltip: `Container CPU cores usage`,
+        borderColor: "#3D90CE",
+        data: cpuUsage.map(([x, y]) => ({ x, y })),
+      },
+    ],
+    Memory: [
+      {
+        id: `${id}-memoryUsage`,
+        label: `Usage`,
+        tooltip: `Container memory usage`,
+        borderColor: "#c93dce",
+        data: memoryUsage.map(([x, y]) => ({ x, y })),
+      },
+    ],
+    Network: [
+      {
+        id: `${id}-networkReceive`,
+        label: `Receive`,
+        tooltip: `Bytes received by all containers`,
+        borderColor: "#64c5d6",
+        data: networkReceive.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-networkTransmit`,
+        label: `Transmit`,
+        tooltip: `Bytes transmitted from all containers`,
+        borderColor: "#46cd9e",
+        data: networkTransmit.map(([x, y]) => ({ x, y })),
+      },
+    ],
+    Filesystem: [
+      {
+        id: `${id}-fsUsage`,
+        label: `Usage`,
+        tooltip: `Bytes consumed on this filesystem`,
+        borderColor: "#ffc63d",
+        data: fsUsage.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-fsWrites`,
+        label: `Writes`,
+        tooltip: `Bytes written on this filesystem`,
+        borderColor: "#ff963d",
+        data: fsWrites.map(([x, y]) => ({ x, y })),
+      },
+      {
+        id: `${id}-fsReads`,
+        label: `Reads`,
+        tooltip: `Bytes read on this filesystem`,
+        borderColor: "#fff73d",
+        data: fsReads.map(([x, y]) => ({ x, y })),
+      },
+    ],
+  };
+
+  return (
+    <BarChart
+      name={`${object.getName()}-metric-${tab}`}
+      options={metricTabOptions[tab]}
+      data={{ datasets: datasets[tab] }}
+    />
+  );
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-container-env.scss b/packages/core/src/renderer/components/+workloads-pods/pod-container-env.scss
new file mode 100644
index 0000000000..9fec5b8e30
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-container-env.scss
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ContainerEnvironment {
+  .secret-button {
+    &.loading {
+      opacity: 0.5;
+      pointer-events: none;
+    }
+  }
+
+  .variable {
+    padding-bottom: $padding;
+
+    &:last-child {
+      padding-bottom: 0;
+    }
+
+    .var-name {
+      color: var(--textColorPrimary)
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-container-env.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-container-env.tsx
new file mode 100644
index 0000000000..88a7667e6b
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-container-env.tsx
@@ -0,0 +1,223 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-container-env.scss";
+
+import React, { useEffect, useState } from "react";
+import { observer } from "mobx-react";
+import type { Container, EnvVarKeySelector, Secret } from "../../../common/k8s-api/endpoints";
+import { DrawerItem } from "../drawer";
+import { autorun } from "mobx";
+import { Icon } from "../icon";
+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: Container;
+  namespace: string;
+}
+
+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?.name) {
+        configMapStore.load({ name: valueFrom.configMapKeyRef.name, namespace });
+      }
+    }
+
+    for (const { configMapRef, secretRef } of envFrom ?? []) {
+      if (secretRef?.name) {
+        secretStore.load({ name: secretRef.name, namespace });
+      }
+
+      if (configMapRef?.name) {
+        configMapStore.load({ name: configMapRef.name, namespace });
+      }
+    }
+  }), []);
+
+  const renderEnv = () => {
+    const orderedEnv = _.sortBy(env, "name");
+
+    return orderedEnv.map(variable => {
+      const { name, value, valueFrom } = variable;
+      let secretValue = null;
+
+      if (value) {
+        secretValue = value;
+      } else if (valueFrom) {
+        const { fieldRef, secretKeyRef, configMapKeyRef } = valueFrom;
+
+        if (fieldRef) {
+          const { apiVersion, fieldPath } = fieldRef;
+
+          secretValue = `fieldRef(${apiVersion}:${fieldPath})`;
+        } else if (secretKeyRef?.name) {
+          secretValue = (
+            <SecretKey
+              reference={secretKeyRef}
+              namespace={namespace}
+              secretStore={secretStore}
+            />
+          );
+        } else if (configMapKeyRef?.name) {
+          const { name, key } = configMapKeyRef;
+          const configMap = configMapStore.getByName(name, namespace);
+
+          secretValue = configMap
+            ? configMap.data[key]
+            : `configMapKeyRef(${name}${key})`;
+        }
+      }
+
+      return (
+        <div className="variable" key={name}>
+          <span className="var-name">{name}</span>
+          {` : `}
+          {secretValue}
+        </div>
+      );
+    });
+  };
+
+  const renderEnvFrom = () => (
+    envFrom
+      .flatMap(({ configMapRef, secretRef, prefix }) => {
+        if (configMapRef?.name) {
+          return renderEnvFromConfigMap(configMapRef.name, prefix);
+        }
+
+        if (secretRef?.name) {
+          return renderEnvFromSecret(secretRef.name, prefix);
+        }
+
+        return null;
+      })
+  );
+
+  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">
+            {prefix}
+            {name}
+          </span>
+          {` : `}
+          {value}
+        </div>
+      ));
+  };
+
+  const renderEnvFromSecret = (secretName: string, prefix: string | undefined) => {
+    const secret = secretStore.getByName(secretName, namespace);
+
+    if (!secret) return null;
+
+    return Object.keys(secret.data)
+      .map(key => (
+        <div className="variable" key={key}>
+          <span className="var-name">
+            {prefix}
+            {key}
+          </span>
+          {` : `}
+          <SecretKey
+            reference={{
+              name: secret.getName(),
+              key,
+            }}
+            namespace={namespace}
+            secretStore={secretStore}
+          />
+        </div>
+      ));
+  };
+
+  return (
+    <DrawerItem name="Environment" className="ContainerEnvironment">
+      {env && renderEnv()}
+      {envFrom && renderEnvFrom()}
+    </DrawerItem>
+  );
+});
+
+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,
+    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);
+    const secret = await secretStore.load({ name, namespace });
+
+    setLoading(false);
+    setSecret(secret);
+  };
+
+  const value = secret?.data?.[key];
+
+  if (value) {
+    return <>{base64.decode(value)}</>;
+  }
+
+  return (
+    <>
+      {`secretKeyRef(${name}.${key})`}
+      &nbsp;
+      <Icon
+        className={cssNames("secret-button", { loading })}
+        material="visibility"
+        tooltip="Show"
+        onClick={showKey}
+      />
+    </>
+  );
+};
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-container-port.scss b/packages/core/src/renderer/components/+workloads-pods/pod-container-port.scss
new file mode 100644
index 0000000000..1c08040ae5
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-container-port.scss
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodContainerPort {
+  &.waiting {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  &:not(:last-child) {
+    margin-bottom: $margin;
+  }
+
+  span {
+    cursor: pointer;
+    color: var(--primary);
+    text-decoration: underline;
+    position: relative;
+    padding-right: 1em;
+  }
+
+  .portInput {
+    display: inline-block !important;
+    width: 70px;
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-container-port.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-container-port.tsx
new file mode 100644
index 0000000000..eb2464f664
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-container-port.tsx
@@ -0,0 +1,212 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-container-port.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { ContainerPort, Pod } from "../../../common/k8s-api/endpoints";
+import { action, makeObservable, observable, reaction } from "mobx";
+import { cssNames } from "../../utils";
+import type { ShowNotification } from "../notifications";
+import { Button } from "../button";
+import type { ForwardedPort, PortForwardStore } 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";
+import portForwardDialogModelInjectable from "../../port-forward/port-forward-dialog-model/port-forward-dialog-model.injectable";
+import type { 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";
+import loggerInjectable from "../../../common/logger.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+
+export interface PodContainerPortProps {
+  pod: Pod;
+  port: ContainerPort;
+}
+
+interface Dependencies {
+  portForwardStore: PortForwardStore;
+  logger: Logger;
+  openPortForwardDialog: (item: ForwardedPort, options: { openInBrowser: boolean; onClose: () => void }) => void;
+  aboutPortForwarding: () => void;
+  notifyErrorPortForwarding: (message: string) => void;
+  openPortForward: OpenPortForward;
+  showErrorNotification: ShowNotification;
+}
+
+@observer
+class NonInjectedPodContainerPort extends React.Component<PodContainerPortProps & Dependencies> {
+  @observable waiting = false;
+  @observable forwardPort = 0;
+  @observable isPortForwarded = false;
+  @observable isActive = false;
+
+  constructor(props: PodContainerPortProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+    this.checkExistingPortForwarding();
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      reaction(() => this.props.pod, () => this.checkExistingPortForwarding()),
+    ]);
+  }
+
+  get portForwardStore() {
+    return this.props.portForwardStore;
+  }
+
+  @action
+  async checkExistingPortForwarding() {
+    const { pod, port } = this.props;
+    let portForward: ForwardedPort | undefined;
+
+    try {
+      portForward = await this.portForwardStore.getPortForward({
+        kind: "pod",
+        name: pod.getName(),
+        namespace: pod.getNs(),
+        port: port.containerPort,
+        forwardPort: this.forwardPort,
+      });
+    } catch (error) {
+      this.isPortForwarded = false;
+      this.isActive = false;
+    }
+
+    if (!portForward) {
+      return;
+    }
+
+    this.forwardPort = portForward.forwardPort;
+    this.isPortForwarded = true;
+    this.isActive = portForward.status === "Active";
+  }
+
+  @action
+  async portForward() {
+    const { pod, port, openPortForward } = this.props;
+    let portForward: ForwardedPort = {
+      kind: "pod",
+      name: pod.getName(),
+      namespace: pod.getNs(),
+      port: port.containerPort,
+      forwardPort: this.forwardPort,
+      protocol: predictProtocol(port.name),
+      status: "Active",
+    };
+
+    this.waiting = true;
+
+    try {
+      // determine how many port-forwards already exist
+      const { length } = this.portForwardStore.getPortForwards();
+
+      if (!this.isPortForwarded) {
+        portForward = await this.portForwardStore.add(portForward);
+      } else if (!this.isActive) {
+        portForward = await this.portForwardStore.start(portForward);
+      }
+
+      if (portForward.status === "Active") {
+        openPortForward(portForward);
+
+        // if this is the first port-forward show the about notification
+        if (!length) {
+          this.props.aboutPortForwarding();
+        }
+      } else {
+        this.props.notifyErrorPortForwarding(`Error occurred starting port-forward, the local port may not be available or the ${portForward.kind} ${portForward.name} may not be reachable`);
+      }
+    } catch (error) {
+      this.props.logger.error("[POD-CONTAINER-PORT]:", error, portForward);
+    } finally {
+      this.checkExistingPortForwarding();
+      this.waiting = false;
+    }
+  }
+
+  @action
+  async stopPortForward() {
+    const { pod, port, showErrorNotification } = this.props;
+    const portForward: ForwardedPort = {
+      kind: "pod",
+      name: pod.getName(),
+      namespace: pod.getNs(),
+      port: port.containerPort,
+      forwardPort: this.forwardPort,
+    };
+
+    this.waiting = true;
+
+    try {
+      await this.portForwardStore.remove(portForward);
+    } catch (error) {
+      showErrorNotification(`Error occurred stopping the port-forward from port ${portForward.forwardPort}.`);
+    } finally {
+      this.checkExistingPortForwarding();
+      this.forwardPort = 0;
+      this.waiting = false;
+    }
+  }
+
+  render() {
+    const { pod, port } = this.props;
+    const { name, containerPort, protocol } = port;
+    const text = `${name ? `${name}: ` : ""}${containerPort}/${protocol}`;
+
+    const portForwardAction = action(async () => {
+      if (this.isPortForwarded) {
+        await this.stopPortForward();
+      } else {
+        const portForward: ForwardedPort = {
+          kind: "pod",
+          name: pod.getName(),
+          namespace: pod.getNs(),
+          port: port.containerPort,
+          forwardPort: this.forwardPort,
+          protocol: predictProtocol(port.name),
+        };
+
+        this.props.openPortForwardDialog(portForward, { openInBrowser: true, onClose: () => this.checkExistingPortForwarding() });
+      }
+    });
+
+    return (
+      <div className={cssNames("PodContainerPort", { waiting: this.waiting })}>
+        <span title="Open in a browser" onClick={() => this.portForward()}>
+          {text}
+        </span>
+        <Button primary onClick={portForwardAction}>
+          {" "}
+          {this.isPortForwarded ? (this.isActive ? "Stop/Remove" : "Remove") : "Forward..."}
+          {" "}
+        </Button>
+        {this.waiting && (
+          <Spinner />
+        )}
+      </div>
+    );
+  }
+}
+
+export const PodContainerPort = withInjectables<Dependencies, PodContainerPortProps>(NonInjectedPodContainerPort, {
+  getProps: (di, props) => ({
+    ...props,
+    portForwardStore: di.inject(portForwardStoreInjectable),
+    openPortForwardDialog: di.inject(portForwardDialogModelInjectable).open,
+    aboutPortForwarding: di.inject(aboutPortForwardingInjectable),
+    notifyErrorPortForwarding: di.inject(notifyErrorPortForwardingInjectable),
+    openPortForward: di.inject(openPortForwardInjectable),
+    logger: di.inject(loggerInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-affinities.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-details-affinities.tsx
new file mode 100644
index 0000000000..4b51771d57
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-affinities.tsx
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import yaml from "js-yaml";
+import { DrawerItem, DrawerParamToggler } from "../drawer";
+import type { DaemonSet, Deployment, Job, Pod, ReplicaSet, StatefulSet } from "../../../common/k8s-api/endpoints";
+import { MonacoEditor } from "../monaco-editor";
+
+export interface PodDetailsAffinitiesProps {
+  workload: Pod | Deployment | DaemonSet | StatefulSet | ReplicaSet | Job;
+}
+
+export class PodDetailsAffinities extends React.Component<PodDetailsAffinitiesProps> {
+  render() {
+    const { workload } = this.props;
+    const affinitiesNum = workload.getAffinityNumber();
+    const affinities = workload.getAffinity();
+
+    if (!affinitiesNum) return null;
+
+    return (
+      <DrawerItem name="Affinities" className="PodDetailsAffinities">
+        <DrawerParamToggler label={affinitiesNum}>
+          <MonacoEditor
+            readOnly
+            style={{ height: 200 }}
+            value={yaml.dump(affinities)}
+          />
+        </DrawerParamToggler>
+      </DrawerItem>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-container.scss b/packages/core/src/renderer/components/+workloads-pods/pod-details-container.scss
new file mode 100644
index 0000000000..3e5357ba11
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-container.scss
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodDetailsContainer {
+  margin: $margin * 2 0;
+
+  .mount-path {
+    &:first-child {
+      margin-top: 0;
+    }
+
+    display: block;
+    font-family: $font-monospace;
+    font-size: 90%;
+    background: var(--colorVague);
+    color: var(--textColorSecondary);
+    border-radius: $radius;
+    padding: .2em .4em;
+    margin-top: $margin;
+  }
+
+  .pod-container-title {
+    font-weight: bold;
+    margin-bottom: $margin;
+
+    .StatusBrick {
+      background: var(--colorTerminated);
+      margin-right: $margin;
+
+      @include pod-status-bgs;
+
+      &.running:not(.ready) {
+        background-color: $pod-status-pending-color;
+      }
+    }
+  }
+
+  .status {
+    color: var(--colorTerminated);
+
+    @include pod-status-colors;
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-container.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-details-container.tsx
new file mode 100644
index 0000000000..947dec01ac
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-container.tsx
@@ -0,0 +1,222 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-details-container.scss";
+
+import React from "react";
+import type { Container, PodContainerStatus, Pod } from "../../../common/k8s-api/endpoints";
+import { DrawerItem } from "../drawer";
+import { cssNames, isDefined } from "../../utils";
+import { StatusBrick } from "../status-brick";
+import { Badge } from "../badge";
+import { ContainerEnvironment } from "./pod-container-env";
+import { PodContainerPort } from "./pod-container-port";
+import { ResourceMetrics } from "../resource-metrics";
+import type { MetricData } from "../../../common/k8s-api/endpoints/metrics.api";
+import { ContainerCharts } from "./container-charts";
+import { LocaleDate } from "../locale-date";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { PortForwardStore } from "../../port-forward";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import portForwardStoreInjectable from "../../port-forward/port-forward-store/port-forward-store.injectable";
+import type { GetActiveClusterEntity } from "../../api/catalog/entity/get-active-cluster-entity.injectable";
+import getActiveClusterEntityInjectable from "../../api/catalog/entity/get-active-cluster-entity.injectable";
+
+export interface PodDetailsContainerProps {
+  pod: Pod;
+  container: Container;
+  metrics?: Partial<Record<string, MetricData>>;
+}
+
+interface Dependencies {
+  portForwardStore: PortForwardStore;
+  getActiveClusterEntity: GetActiveClusterEntity;
+}
+
+@observer
+class NonInjectedPodDetailsContainer extends React.Component<PodDetailsContainerProps & Dependencies> {
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.portForwardStore.watch(),
+    ]);
+  }
+
+  renderStatus(state: string, status: PodContainerStatus | null | undefined) {
+    const { ready = false, state: containerState = {}} = status ?? {};
+    const { terminated } = containerState;
+
+    return (
+      <span className={cssNames("status", state)}>
+        {state}
+        {ready ? ", ready" : ""}
+        {terminated ? ` - ${terminated.reason} (exit code: ${terminated.exitCode})` : ""}
+      </span>
+    );
+  }
+
+  renderLastState(lastState: string, status: PodContainerStatus | null | undefined) {
+    const { lastState: lastContainerState = {}} = status ?? {};
+    const { terminated } = lastContainerState;
+
+    if (lastState === "terminated" && terminated) {
+      return (
+        <span>
+          {lastState}
+          <br/>
+          Reason:
+          {`Reason: ${terminated.reason} - exit code: ${terminated.exitCode}`}
+          <br/>
+          {"Started at: "}
+          {<LocaleDate date={terminated.startedAt} />}
+          <br/>
+          {"Finished at: "}
+          {<LocaleDate date={terminated.finishedAt} />}
+          <br/>
+        </span>
+      );
+    }
+
+    return null;
+  }
+
+  render() {
+    const { pod, container, metrics, getActiveClusterEntity } = this.props;
+
+    if (!pod || !container) return null;
+    const { name, image, imagePullPolicy, ports, volumeMounts, command, args } = container;
+    const status = pod.getContainerStatuses().find(status => status.name === container.name);
+    const state = status ? Object.keys(status?.state ?? {})[0] : "";
+    const lastState = status ? Object.keys(status?.lastState ?? {})[0] : "";
+    const ready = status ? status.ready : "";
+    const imageId = status? status.imageID : "";
+    const liveness = pod.getLivenessProbe(container);
+    const readiness = pod.getReadinessProbe(container);
+    const startup = pod.getStartupProbe(container);
+    const isInitContainer = !!pod.getInitContainers().find(c => c.name == name);
+    const isMetricHidden = getActiveClusterEntity()?.isMetricHidden(ClusterMetricsResourceType.Container);
+
+    return (
+      <div className="PodDetailsContainer">
+        <div className="pod-container-title">
+          <StatusBrick className={cssNames(state, { ready })}/>
+          {name}
+        </div>
+        {(!isMetricHidden && !isInitContainer && metrics) && (
+          <ResourceMetrics
+            object={pod}
+            tabs={[
+              "CPU",
+              "Memory",
+              "Filesystem",
+            ]}
+            metrics={metrics}
+          >
+            <ContainerCharts/>
+          </ResourceMetrics>
+        )}
+        {status && (
+          <DrawerItem name="Status">
+            {this.renderStatus(state, status)}
+          </DrawerItem>
+        )}
+        {lastState && (
+          <DrawerItem name="Last Status">
+            {this.renderLastState(lastState, status)}
+          </DrawerItem>
+        )}
+        <DrawerItem name="Image">
+          <Badge label={image} tooltip={imageId}/>
+        </DrawerItem>
+        {imagePullPolicy && imagePullPolicy !== "IfNotPresent" && (
+          <DrawerItem name="ImagePullPolicy">
+            {imagePullPolicy}
+          </DrawerItem>
+        )}
+        {ports && ports.length > 0 && (
+          <DrawerItem name="Ports">
+            {
+              ports
+                .filter(isDefined)
+                .map((port) => (
+                  <PodContainerPort
+                    pod={pod}
+                    port={port}
+                    key={`${container.name}-port-${port.containerPort}-${port.protocol}`}
+                  />
+                ))
+            }
+          </DrawerItem>
+        )}
+        {<ContainerEnvironment container={container} namespace={pod.getNs()}/>}
+        {volumeMounts && volumeMounts.length > 0 && (
+          <DrawerItem name="Mounts">
+            {
+              volumeMounts.map(mount => {
+                const { name, mountPath, readOnly } = mount;
+
+                return (
+                  <React.Fragment key={name + mountPath}>
+                    <span className="mount-path">{mountPath}</span>
+                    <span className="mount-from">
+                      {`from ${name} (${readOnly ? "ro" : "rw"})`}
+                    </span>
+                  </React.Fragment>
+                );
+              })
+            }
+          </DrawerItem>
+        )}
+        {liveness.length > 0 && (
+          <DrawerItem name="Liveness" labelsOnly>
+            {
+              liveness.map((value, index) => (
+                <Badge key={index} label={value}/>
+              ))
+            }
+          </DrawerItem>
+        )}
+        {readiness.length > 0 && (
+          <DrawerItem name="Readiness" labelsOnly>
+            {
+              readiness.map((value, index) => (
+                <Badge key={index} label={value}/>
+              ))
+            }
+          </DrawerItem>
+        )}
+        {startup.length > 0 && (
+          <DrawerItem name="Startup" labelsOnly>
+            {
+              startup.map((value, index) => (
+                <Badge key={index} label={value}/>
+              ))
+            }
+          </DrawerItem>
+        )}
+        {command && (
+          <DrawerItem name="Command">
+            {command.join(" ")}
+          </DrawerItem>
+        )}
+
+        {args && (
+          <DrawerItem name="Arguments">
+            {args.join(" ")}
+          </DrawerItem>
+        )}
+      </div>
+    );
+  }
+}
+
+export const PodDetailsContainer = withInjectables<Dependencies, PodDetailsContainerProps>(NonInjectedPodDetailsContainer, {
+  getProps: (di, props) => ({
+    ...props,
+    portForwardStore: di.inject(portForwardStoreInjectable),
+    getActiveClusterEntity: di.inject(getActiveClusterEntityInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-list.scss b/packages/core/src/renderer/components/+workloads-pods/pod-details-list.scss
new file mode 100644
index 0000000000..fe161b023f
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-list.scss
@@ -0,0 +1,66 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodDetailsList {
+  position: relative;
+
+  .Table {
+    margin: 0 (-$margin * 3);
+
+    &.virtual {
+      height: 500px;
+    }
+
+    .TableHead.sticky {
+      top: calc(var(--spacing) * -1);
+    }
+  }
+
+  .TableCell {
+    &:first-child {
+      margin-left: $margin;
+    }
+
+    &:last-child {
+      margin-right: $margin;
+    }
+
+    &.name {
+      flex-grow: 2;
+    }
+
+    &.node {
+      flex-grow: 2;
+    }
+
+    &.namespace {
+      flex-grow: 1.2;
+    }
+
+    &.cpu {
+      align-self: center;
+
+      .LineProgress {
+        color: var(--blue);
+      }
+    }
+
+    &.memory {
+      align-self: center;
+
+      .LineProgress {
+        color: var(--magenta);
+      }
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.status {
+      @include pod-status-colors;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-list.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-details-list.tsx
new file mode 100644
index 0000000000..37e8dab23f
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-list.tsx
@@ -0,0 +1,215 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-details-list.scss";
+
+import React from "react";
+import kebabCase from "lodash/kebabCase";
+import { reaction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { Pod } from "../../../common/k8s-api/endpoints";
+import { autoBind, bytesToUnits, cssNames, interval, prevDefault } from "../../utils";
+import { LineProgress } from "../line-progress";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import { Spinner } from "../spinner";
+import { DrawerTitle } from "../drawer";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import type { PodStore } from "./store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import podStoreInjectable from "./store.injectable";
+import type { ShowDetails } from "../kube-detail-params/show-details.injectable";
+import showDetailsInjectable from "../kube-detail-params/show-details.injectable";
+
+enum sortBy {
+  name = "name",
+  node = "node",
+  namespace = "namespace",
+  cpu = "cpu",
+  memory = "memory",
+}
+
+export interface PodDetailsListProps {
+  pods: Pod[];
+  owner: KubeObject;
+  maxCpu?: number;
+  maxMemory?: number;
+}
+
+interface Dependencies {
+  podStore: PodStore;
+  showDetails: ShowDetails;
+}
+
+@observer
+class NonInjectedPodDetailsList extends React.Component<PodDetailsListProps & Dependencies> {
+  constructor(props: PodDetailsListProps & Dependencies) {
+    super(props);
+    autoBind(this);
+  }
+
+  private metricsWatcher = interval(120, () => {
+    this.props.podStore.loadKubeMetrics(this.props.owner.getNs());
+  });
+
+  componentDidMount() {
+    this.metricsWatcher.start(true);
+    disposeOnUnmount(this, [
+      reaction(() => this.props.owner, () => this.metricsWatcher.restart(true)),
+    ]);
+  }
+
+  componentWillUnmount() {
+    this.metricsWatcher.stop();
+  }
+
+  renderCpuUsage(id: string, usage: number) {
+    const { maxCpu } = this.props;
+    const value = usage.toFixed(3);
+
+    if (!maxCpu) {
+      if (parseFloat(value) === 0) return 0;
+
+      return value;
+    }
+
+    const tooltip = (
+      <p>
+        {`CPU: ${Math.ceil(usage * 100 / maxCpu)}%`}
+        <br/>
+        {usage.toFixed(3)}
+      </p>
+    );
+
+    return (
+      <LineProgress
+        max={maxCpu}
+        value={usage}
+        tooltip={parseFloat(value) !== 0 ? tooltip : null}
+      />
+    );
+  }
+
+  renderMemoryUsage(id: string, usage: number) {
+    const { maxMemory } = this.props;
+
+    if (!maxMemory) return usage ? bytesToUnits(usage) : 0;
+
+    const tooltip = (
+      <p>
+        {`Memory: ${Math.ceil(usage * 100 / maxMemory)}%`}
+        <br/>
+        {bytesToUnits(usage, { precision: 3 })}
+      </p>
+    );
+
+    return (
+      <LineProgress
+        max={maxMemory}
+        value={usage}
+        tooltip={usage != 0 ? tooltip : null}
+      />
+    );
+  }
+
+  getTableRow(uid: string) {
+    const { pods, podStore, showDetails } = this.props;
+    const pod = pods.find(pod => pod.getId() == uid);
+
+    if (!pod) {
+      return;
+    }
+
+    const metrics = podStore.getPodKubeMetrics(pod);
+
+    return (
+      <TableRow
+        key={pod.getId()}
+        sortItem={pod}
+        nowrap
+        onClick={prevDefault(() => showDetails(pod.selfLink, false))}
+      >
+        <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}`}
+        </TableCell>
+        <TableCell className="cpu">{this.renderCpuUsage(`cpu-${pod.getId()}`, metrics.cpu)}</TableCell>
+        <TableCell className="memory">{this.renderMemoryUsage(`memory-${pod.getId()}`, metrics.memory)}</TableCell>
+        <TableCell className={cssNames("status", kebabCase(pod.getStatusMessage()))}>{pod.getStatusMessage()}</TableCell>
+      </TableRow>
+    );
+  }
+
+  render() {
+    const { pods, podStore } = this.props;
+
+    if (!podStore.isLoaded) {
+      return (
+        <div className="PodDetailsList flex justify-center">
+          <Spinner />
+        </div>
+      );
+    }
+
+    if (!pods.length) {
+      return null;
+    }
+
+    const virtual = pods.length > 20;
+
+    return (
+      <div className="PodDetailsList flex column">
+        <DrawerTitle>Pods</DrawerTitle>
+        <Table
+          tableId="workloads_pod_details_list"
+          items={pods}
+          selectable
+          scrollable={false}
+          virtual={virtual}
+          // 660 is the exact hight required for 20 items with the default paddings
+          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,
+          }}
+          sortByDefault={{ sortBy: sortBy.cpu, orderBy: "desc" }}
+          sortSyncWithUrl={false}
+          getTableRow={this.getTableRow}
+          renderRow={(
+            virtual
+              ? undefined
+              : (pod => this.getTableRow(pod.getId()))
+          )}
+          className="box grow"
+        >
+          <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>
+            <TableCell className="memory" sortBy={sortBy.memory}>Memory</TableCell>
+            <TableCell className="status">Status</TableCell>
+          </TableHead>
+        </Table>
+      </div>
+    );
+  }
+}
+
+export const PodDetailsList = withInjectables<Dependencies, PodDetailsListProps>(NonInjectedPodDetailsList, {
+  getProps: (di, props) => ({
+    ...props,
+    podStore: di.inject(podStoreInjectable),
+    showDetails: di.inject(showDetailsInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-secrets.scss b/packages/core/src/renderer/components/+workloads-pods/pod-details-secrets.scss
new file mode 100644
index 0000000000..a959afc79d
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-secrets.scss
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodDetailsSecrets {
+  > * {
+    display: block;
+    margin-bottom: var(--margin);
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-secrets.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-details-secrets.tsx
new file mode 100644
index 0000000000..8d78987a75
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-secrets.tsx
@@ -0,0 +1,89 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-details-secrets.scss";
+
+import React, { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+import { reaction } from "mobx";
+import { observer } from "mobx-react";
+import type { Pod, Secret, SecretApi } from "../../../common/k8s-api/endpoints";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import secretApiInjectable from "../../../common/k8s-api/endpoints/secret.api.injectable";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+
+export interface PodDetailsSecretsProps {
+  pod: Pod;
+}
+
+interface Dependencies {
+  secretApi: SecretApi;
+  getDetailsUrl: GetDetailsUrl;
+}
+
+const NonInjectedPodDetailsSecrets = observer((props: PodDetailsSecretsProps & Dependencies) => {
+  const {
+    pod,
+    secretApi,
+    getDetailsUrl,
+  } = props;
+  const [secrets, setSecrets] = useState(new Map<string, Secret>());
+
+  useEffect(() => (
+    reaction(
+      () => pod.getSecrets(),
+      async (secretNames) => {
+        const results = await Promise.allSettled(
+          secretNames.map(secretName => secretApi.get({
+            name: secretName,
+            namespace: pod.getNs(),
+          })),
+        );
+
+        setSecrets(new Map(
+          results
+            .filter(result => result.status === "fulfilled" && result.value)
+            .map(result => (result as PromiseFulfilledResult<Secret>).value)
+            .map(secret => [secret.getName(), secret]),
+        ));
+      },
+      {
+        fireImmediately: true,
+      })
+  ), []);
+
+  const renderSecret = (name: string) => {
+    const secret = secrets.get(name);
+
+    if (!secret) {
+      return (
+        <span key={name}>
+          {name}
+        </span>
+      );
+    }
+
+    return (
+      <Link key={secret.getId()} to={getDetailsUrl(secret.selfLink)}>
+        {secret.getName()}
+      </Link>
+    );
+  };
+
+  return (
+    <div className="PodDetailsSecrets">
+      {pod.getSecrets().map(renderSecret)}
+    </div>
+  );
+});
+
+export const PodDetailsSecrets = withInjectables<Dependencies, PodDetailsSecretsProps>(NonInjectedPodDetailsSecrets, {
+  getProps: (di, props) => ({
+    ...props,
+    secretApi: di.inject(secretApiInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-statuses.scss b/packages/core/src/renderer/components/+workloads-pods/pod-details-statuses.scss
new file mode 100644
index 0000000000..589e9d203e
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-statuses.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodDetailsStatuses {
+  span {
+    padding-right: $margin;
+
+    &.running {
+      color: $pod-status-running-color;
+    }
+    &.pending {
+      color: $pod-status-pending-color;
+    }
+    &.succeeded {
+      color: $pod-status-succeeded-color;
+    }
+    &.failed {
+      color: $pod-status-failed-color;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-statuses.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-details-statuses.tsx
new file mode 100644
index 0000000000..8011610572
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-statuses.tsx
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-details-statuses.scss";
+import React from "react";
+import countBy from "lodash/countBy";
+import kebabCase from "lodash/kebabCase";
+import type { Pod } from "../../../common/k8s-api/endpoints";
+
+export interface PodDetailsStatusesProps {
+  pods: Pod[];
+}
+
+export class PodDetailsStatuses extends React.Component<PodDetailsStatusesProps> {
+  render() {
+    const { pods } = this.props;
+
+    if (!pods.length) return null;
+    const statuses = countBy(pods.map(pod => pod.getStatus()));
+
+    return (
+      <div className="PodDetailsStatuses">
+        {
+          Object.entries(statuses)
+            .map(([phase, count]) => (
+              <span key={phase} className={kebabCase(phase)}>
+                {`${phase}: ${count}`}
+              </span>
+            ))
+        }
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-tolerations.scss b/packages/core/src/renderer/components/+workloads-pods/pod-details-tolerations.scss
new file mode 100644
index 0000000000..42e5809440
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-tolerations.scss
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodDetailsTolerations {
+  grid-template-columns: auto;
+
+  .PodTolerations {
+    margin-top: var(--margin);
+  }
+
+  // Expanding value cell to cover 2 columns (whole Drawer width)
+
+  > .name {
+    grid-row-start: 1;
+    grid-column-start: 1;
+  }
+
+  > .value {
+    grid-row-start: 1;
+    grid-column-start: 1;
+  }
+
+  .DrawerParamToggler > .params {
+    margin-left: var(--drawer-item-title-width);
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-tolerations.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-details-tolerations.tsx
new file mode 100644
index 0000000000..bb97ecd5ad
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details-tolerations.tsx
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-details-tolerations.scss";
+import React from "react";
+import { DrawerParamToggler, DrawerItem } from "../drawer";
+import type  { Toleration, KubeObject } from "../../../common/k8s-api/kube-object";
+import { PodTolerations } from "./pod-tolerations";
+
+export interface KubeObjectWithTolerations extends KubeObject {
+  getTolerations(): Toleration[];
+}
+
+export interface PodDetailsTolerationsProps {
+  workload: KubeObjectWithTolerations;
+}
+
+export function PodDetailsTolerations({ workload }: PodDetailsTolerationsProps) {
+  const tolerations = workload.getTolerations();
+
+  if (!tolerations.length) return null;
+
+  return (
+    <DrawerItem name="Tolerations" className="PodDetailsTolerations">
+      <DrawerParamToggler label={tolerations.length}>
+        <PodTolerations tolerations={tolerations} />
+      </DrawerParamToggler>
+    </DrawerItem>
+  );
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details.scss b/packages/core/src/renderer/components/+workloads-pods/pod-details.scss
new file mode 100644
index 0000000000..68f308c15e
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodDetails {
+  .status {
+    @include pod-status-colors;
+  }
+
+  .volume {
+    .title {
+      margin-top: $margin * 2;
+      margin-bottom: $margin;
+      font-weight: bold;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-details.tsx
new file mode 100644
index 0000000000..604cec5cd5
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-details.tsx
@@ -0,0 +1,211 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pod-details.scss";
+
+import React from "react";
+import kebabCase from "lodash/kebabCase";
+import { observer } from "mobx-react";
+import { Link } from "react-router-dom";
+import { Pod } from "../../../common/k8s-api/endpoints";
+import type { NodeApi, PriorityClassApi, RuntimeClassApi, ServiceAccountApi } from "../../../common/k8s-api/endpoints";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import { Badge } from "../badge";
+import { cssNames, stopPropagation, toJS } from "../../utils";
+import { PodDetailsContainer } from "./pod-details-container";
+import { PodDetailsAffinities } from "./pod-details-affinities";
+import { PodDetailsTolerations } from "./pod-details-tolerations";
+import { PodDetailsSecrets } from "./pod-details-secrets";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { getItemMetrics } from "../../../common/k8s-api/endpoints/metrics.api";
+import type { Logger } from "../../../common/logger";
+import { PodVolumes } from "./details/volumes/view";
+import type { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+import nodeApiInjectable from "../../../common/k8s-api/endpoints/node.api.injectable";
+import runtimeClassApiInjectable from "../../../common/k8s-api/endpoints/runtime-class.api.injectable";
+import serviceAccountApiInjectable from "../../../common/k8s-api/endpoints/service-account.api.injectable";
+import priorityClassApiInjectable from "../../../common/k8s-api/endpoints/priority-class.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import type { PodMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics.injectable";
+import podContainerMetricsInjectable from "./container-metrics.injectable";
+
+export interface PodDetailsProps extends KubeObjectDetailsProps<Pod> {
+}
+
+interface Dependencies {
+  getDetailsUrl: GetDetailsUrl;
+  nodeApi: NodeApi;
+  priorityClassApi: PriorityClassApi;
+  runtimeClassApi: RuntimeClassApi;
+  serviceAccountApi: ServiceAccountApi;
+  logger: Logger;
+  containerMetrics: IAsyncComputed<PodMetricData>;
+}
+
+@observer
+class NonInjectedPodDetails extends React.Component<PodDetailsProps & Dependencies> {
+  render() {
+    const { object: pod, getDetailsUrl, nodeApi, logger, containerMetrics } = this.props;
+
+    if (!pod) {
+      return null;
+    }
+
+    if (!(pod instanceof Pod)) {
+      logger.error("[PodDetails]: passed object that is not an instanceof Pod", pod);
+
+      return null;
+    }
+
+    const { status, spec } = pod;
+    const { conditions = [], podIP } = status ?? {};
+    const podIPs = pod.getIPs();
+    const { nodeName } = spec ?? {};
+    const nodeSelector = pod.getNodeSelectors();
+    const initContainers = pod.getInitContainers();
+    const containers = pod.getContainers();
+
+    const namespace = pod.getNs();
+    const priorityClassName = pod.getPriorityClassName();
+    const runtimeClassName = pod.getRuntimeClassName();
+    const serviceAccountName = pod.getServiceAccountName();
+
+    const priorityClassDetailsUrl = getDetailsUrl(this.props.priorityClassApi.formatUrlForNotListing({
+      name: priorityClassName,
+    }));
+    const runtimeClassDetailsUrl = getDetailsUrl(this.props.runtimeClassApi.formatUrlForNotListing({
+      name: runtimeClassName,
+    }));
+    const serviceAccountDetailsUrl = getDetailsUrl(this.props.serviceAccountApi.formatUrlForNotListing({
+      name: serviceAccountName,
+      namespace,
+    }));
+
+    return (
+      <div className="PodDetails">
+        <DrawerItem name="Status">
+          <span className={cssNames("status", kebabCase(pod.getStatusMessage()))}>
+            {pod.getStatusMessage()}
+          </span>
+        </DrawerItem>
+        <DrawerItem name="Node" hidden={!nodeName}>
+          <Link to={getDetailsUrl(nodeApi.formatUrlForNotListing({ name: nodeName }))}>
+            {nodeName}
+          </Link>
+        </DrawerItem>
+        <DrawerItem name="Pod IP">
+          {podIP}
+        </DrawerItem>
+        <DrawerItem
+          name="Pod IPs"
+          hidden={podIPs.length === 0}
+          labelsOnly
+        >
+          {podIPs.map(label => <Badge key={label} label={label} />)}
+        </DrawerItem>
+        <DrawerItem name="Service Account">
+          <Link
+            key="link"
+            to={serviceAccountDetailsUrl}
+            onClick={stopPropagation}
+          >
+            {serviceAccountName}
+          </Link>
+        </DrawerItem>
+        <DrawerItem name="Priority Class" hidden={priorityClassName === ""}>
+          <Link
+            key="link"
+            to={priorityClassDetailsUrl}
+            onClick={stopPropagation}
+          >
+            {priorityClassName}
+          </Link>
+        </DrawerItem>
+        <DrawerItem name="QoS Class">
+          {pod.getQosClass()}
+        </DrawerItem>
+        <DrawerItem name="Runtime Class" hidden={runtimeClassName === ""}>
+          <Link
+            key="link"
+            to={runtimeClassDetailsUrl}
+            onClick={stopPropagation}
+          >
+            {runtimeClassName}
+          </Link>
+        </DrawerItem>
+
+        <DrawerItem
+          name="Conditions"
+          className="conditions"
+          hidden={conditions.length === 0}
+          labelsOnly
+        >
+          {
+            conditions.map(({ type, status, lastTransitionTime }) => (
+              <Badge
+                key={type}
+                label={type}
+                disabled={status === "False"}
+                tooltip={`Last transition time: ${lastTransitionTime}`}
+              />
+            ))
+          }
+        </DrawerItem>
+
+        <DrawerItem name="Node Selector" hidden={nodeSelector.length === 0}>
+          {nodeSelector.map(label => <Badge key={label} label={label} />)}
+        </DrawerItem>
+
+        <PodDetailsTolerations workload={pod} />
+        <PodDetailsAffinities workload={pod} />
+
+        <DrawerItem name="Secrets" hidden={pod.getSecrets().length === 0}>
+          <PodDetailsSecrets pod={pod} />
+        </DrawerItem>
+
+        {initContainers.length > 0 && (
+          <>
+            <DrawerTitle>Init Containers</DrawerTitle>
+            {initContainers.map(container => (
+              <PodDetailsContainer
+                key={container.name}
+                pod={pod}
+                container={container}
+              />
+            ))}
+          </>
+        )}
+
+        <DrawerTitle>Containers</DrawerTitle>
+        {containers.map(container => (
+          <PodDetailsContainer
+            key={container.name}
+            pod={pod}
+            container={container}
+            metrics={getItemMetrics(toJS(containerMetrics.value.get()), container.name)}
+          />
+        ))}
+
+        <PodVolumes pod={pod} />
+      </div>
+    );
+  }
+}
+
+export const PodDetails = withInjectables<Dependencies, PodDetailsProps>(NonInjectedPodDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    nodeApi: di.inject(nodeApiInjectable),
+    priorityClassApi: di.inject(priorityClassApiInjectable),
+    runtimeClassApi: di.inject(runtimeClassApiInjectable),
+    serviceAccountApi: di.inject(serviceAccountApiInjectable),
+    logger: di.inject(loggerInjectable),
+    containerMetrics: di.inject(podContainerMetricsInjectable, props.object),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-tolerations.scss b/packages/core/src/renderer/components/+workloads-pods/pod-tolerations.scss
new file mode 100644
index 0000000000..1ea841906d
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-tolerations.scss
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PodTolerations {
+  .TableHead {
+    background-color: var(--drawerSubtitleBackground);
+  }
+
+  .TableCell {
+    white-space: normal;
+    word-break: normal;
+
+    &.key {
+      flex-grow: 3;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-tolerations.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-tolerations.tsx
new file mode 100644
index 0000000000..7573ccd846
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pod-tolerations.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 "./pod-tolerations.scss";
+import React from "react";
+import uniqueId from "lodash/uniqueId";
+
+import type { Toleration } from "../../../common/k8s-api/kube-object";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+
+export interface PodTolerationsProps {
+  tolerations: Toleration[];
+}
+
+enum sortBy {
+  Key = "key",
+  Operator = "operator",
+  Effect = "effect",
+  Seconds = "seconds",
+  Value = "value",
+}
+
+const getTableRow = (toleration: Toleration) => {
+  const { key, operator, effect, tolerationSeconds, value } = toleration;
+
+  return (
+    <TableRow
+      key={uniqueId("toleration-")}
+      sortItem={toleration}
+      nowrap
+    >
+      <TableCell className="key">{key}</TableCell>
+      <TableCell className="operator">{operator}</TableCell>
+      <TableCell className="value">{value}</TableCell>
+      <TableCell className="effect">{effect}</TableCell>
+      <TableCell className="seconds">{tolerationSeconds}</TableCell>
+    </TableRow>
+  );
+};
+
+export function PodTolerations({ tolerations }: PodTolerationsProps) {
+  return (
+    <Table
+      tableId="workloads_pod_tolerations"
+      selectable
+      items={tolerations}
+      scrollable={false}
+      sortable={{
+        [sortBy.Key]: toleration => toleration.key,
+        [sortBy.Operator]: toleration => toleration.operator,
+        [sortBy.Effect]: toleration => toleration.effect,
+        [sortBy.Seconds]: toleration => toleration.tolerationSeconds,
+      }}
+      sortSyncWithUrl={false}
+      className="PodTolerations"
+      renderRow={getTableRow}
+    >
+      <TableHead sticky={false}>
+        <TableCell className="key" sortBy={sortBy.Key}>Key</TableCell>
+        <TableCell className="operator" sortBy={sortBy.Operator}>Operator</TableCell>
+        <TableCell className="value" sortBy={sortBy.Value}>Value</TableCell>
+        <TableCell className="effect" sortBy={sortBy.Effect}>Effect</TableCell>
+        <TableCell className="seconds" sortBy={sortBy.Seconds}>Seconds</TableCell>
+      </TableHead>
+    </Table>
+  );
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pods-route-component.injectable.ts b/packages/core/src/renderer/components/+workloads-pods/pods-route-component.injectable.ts
new file mode 100644
index 0000000000..6ab45945cb
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pods-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 { Pods } from "./pods";
+import podsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/pods/pods-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const podsRouteComponentInjectable = getInjectable({
+  id: "pods-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(podsRouteInjectable),
+    Component: Pods,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default podsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/pods-sidebar-items.injectable.ts b/packages/core/src/renderer/components/+workloads-pods/pods-sidebar-items.injectable.ts
new file mode 100644
index 0000000000..849db460e7
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pods-sidebar-items.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 { computed } from "mobx";
+
+import podsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/pods/pods-route.injectable";
+import { workloadsSidebarItemId } from "../+workloads/workloads-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToPodsInjectable from "../../../common/front-end-routing/routes/cluster/workloads/pods/navigate-to-pods.injectable";
+
+const podsSidebarItemsInjectable = getInjectable({
+  id: "pods-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(podsRouteInjectable);
+    const navigateToPods = di.inject(navigateToPodsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "pods",
+        parentId: workloadsSidebarItemId,
+        title: "Pods",
+        onClick: navigateToPods,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 20,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default podsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/pods.scss b/packages/core/src/renderer/components/+workloads-pods/pods.scss
new file mode 100644
index 0000000000..ee606bc762
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pods.scss
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../+workloads/workloads-mixins";
+
+.Pods {
+  .TableCell {
+    &.name {
+      flex-grow: 2;
+    }
+
+    &.age {
+      flex-grow: 0.5;
+    }
+
+    &.qos {
+      flex-grow: 0.8;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.containers {
+      .StatusBrick {
+        @include pod-status-bgs;
+
+        &.running:not(.ready) {
+          background-color: $pod-status-pending-color;
+        }
+      }
+    }
+
+    &.status {
+      @include pod-status-colors;
+      flex-grow: 0.7;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-pods/pods.tsx b/packages/core/src/renderer/components/+workloads-pods/pods.tsx
new file mode 100644
index 0000000000..2e55562154
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/pods.tsx
@@ -0,0 +1,215 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pods.scss";
+
+import React, { Fragment } from "react";
+import { observer } from "mobx-react";
+import { Link } from "react-router-dom";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import type { NodeApi, Pod } from "../../../common/k8s-api/endpoints";
+import { StatusBrick } from "../status-brick";
+import { cssNames, getConvertedParts, object, prevDefault, stopPropagation } from "../../utils";
+import startCase from "lodash/startCase";
+import kebabCase from "lodash/kebabCase";
+import type { ApiManager } from "../../../common/k8s-api/api-manager";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { Badge } from "../badge";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import { withInjectables } from "@ogre-tools/injectable-react";
+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 type { EventStore } from "../+events/store";
+import type { PodStore } from "./store";
+import nodeApiInjectable from "../../../common/k8s-api/endpoints/node.api.injectable";
+import eventStoreInjectable from "../+events/store.injectable";
+import podStoreInjectable from "./store.injectable";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  containers = "containers",
+  restarts = "restarts",
+  age = "age",
+  qos = "qos",
+  node = "node",
+  owners = "owners",
+  status = "status",
+}
+
+interface Dependencies {
+  getDetailsUrl: GetDetailsUrl;
+  filterByNamespace: FilterByNamespace;
+  apiManager: ApiManager;
+  eventStore: EventStore;
+  podStore: PodStore;
+  nodeApi: NodeApi;
+}
+
+@observer
+class NonInjectedPods extends React.Component<Dependencies> {
+  renderState<T extends string>(name: string, ready: boolean, key: string, data: Partial<Record<T, string | number>> | undefined) {
+    return data && (
+      <>
+        <div className="title">
+          {name}
+          {" "}
+          <span className="text-secondary">
+            {key}
+            {ready ? ", ready" : ""}
+          </span>
+        </div>
+        {object.entries(data).map(([name, value]) => (
+          <div key={name} className="flex gaps align-center">
+            <div className="name">
+              {startCase(name)}
+            </div>
+            <div className="value">
+              {value}
+            </div>
+          </div>
+        ))}
+      </>
+    );
+  }
+
+  renderContainersStatus(pod: Pod) {
+    return pod.getContainerStatuses()
+      .map(({ name, state = {}, ready }) => (
+        <Fragment key={name}>
+          <StatusBrick
+            className={cssNames(state, { ready })}
+            tooltip={{
+              formatters: {
+                tableView: true,
+              },
+              children: (
+                <>
+                  {this.renderState(name, ready, "running", state.running)}
+                  {this.renderState(name, ready, "waiting", state.waiting)}
+                  {this.renderState(name, ready, "terminated", state.terminated)}
+                </>
+              ),
+            }}
+          />
+        </Fragment>
+      ));
+  }
+
+  render() {
+    const { apiManager, getDetailsUrl, podStore, eventStore, nodeApi } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          className="Pods"
+          store={podStore}
+          dependentStores={[eventStore]} // status icon component uses event store
+          tableId = "workloads_pods"
+          isConfigurable
+          sortingCallbacks={{
+            [columnId.name]: pod => getConvertedParts(pod.getName()),
+            [columnId.namespace]: pod => pod.getNs(),
+            [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(),
+            [columnId.node]: pod => pod.getNodeName(),
+            [columnId.age]: pod => -pod.getCreationTimestamp(),
+            [columnId.status]: pod => pod.getStatusMessage(),
+          }}
+          searchFilters={[
+            pod => pod.getSearchFields(),
+            pod => pod.getStatusMessage(),
+            pod => pod.status?.podIP,
+            pod => pod.getNodeName(),
+          ]}
+          renderHeaderTitle="Pods"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+            { title: "Containers", className: "containers", sortBy: columnId.containers, id: columnId.containers },
+            { title: "Restarts", className: "restarts", sortBy: columnId.restarts, id: columnId.restarts },
+            { title: "Controlled By", className: "owners", sortBy: columnId.owners, id: columnId.owners },
+            { title: "Node", className: "node", sortBy: columnId.node, id: columnId.node },
+            { title: "QoS", className: "qos", sortBy: columnId.qos, id: columnId.qos },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+            { title: "Status", className: "status", sortBy: columnId.status, id: columnId.status },
+          ]}
+          renderTableContents={pod => [
+            <Badge
+              flat
+              key="name"
+              label={pod.getName()}
+              tooltip={pod.getName()}
+              expandable={false}
+            />,
+            <KubeObjectStatusIcon key="icon" object={pod} />,
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(pod.getNs()))}
+            >
+              {pod.getNs()}
+            </a>,
+            this.renderContainersStatus(pod),
+            pod.getRestartsCount(),
+            pod.getOwnerRefs().map(ref => {
+              const { kind, name } = ref;
+              const detailsLink = getDetailsUrl(apiManager.lookupApiLink(ref, pod));
+
+              return (
+                <Badge
+                  flat
+                  key={name}
+                  className="owner"
+                  tooltip={name}
+                >
+                  <Link to={detailsLink} onClick={stopPropagation}>
+                    {kind}
+                  </Link>
+                </Badge>
+              );
+            }),
+            pod.getNodeName() ? (
+              <Badge
+                flat
+                key="node"
+                className="node"
+                tooltip={pod.getNodeName()}
+                expandable={false}
+              >
+                <Link to={getDetailsUrl(nodeApi.getUrl({ name: pod.getNodeName() }))} onClick={stopPropagation}>
+                  {pod.getNodeName()}
+                </Link>
+              </Badge>
+            )
+              : "",
+            pod.getQosClass(),
+            <KubeObjectAge key="age" object={pod} />,
+            { title: pod.getStatusMessage(), className: kebabCase(pod.getStatusMessage()) },
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const Pods = withInjectables<Dependencies>(NonInjectedPods, {
+  getProps: (di, props) => ({
+    ...props,
+    apiManager: di.inject(apiManagerInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    nodeApi: di.inject(nodeApiInjectable),
+    eventStore: di.inject(eventStoreInjectable),
+    podStore: di.inject(podStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-pods/store.injectable.ts b/packages/core/src/renderer/components/+workloads-pods/store.injectable.ts
new file mode 100644
index 0000000000..473cd80c5c
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/store.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 assert from "assert";
+import podApiInjectable from "../../../common/k8s-api/endpoints/pod.api.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import { PodStore } from "./store";
+import podMetricsApiInjectable from "../../../common/k8s-api/endpoints/pod-metrics.api.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const podStoreInjectable = getInjectable({
+  id: "pod-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "podStore is only available in certain environements");
+
+    const api = di.inject(podApiInjectable);
+
+    return new PodStore({
+      podMetricsApi: di.inject(podMetricsApiInjectable),
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default podStoreInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-pods/store.ts b/packages/core/src/renderer/components/+workloads-pods/store.ts
new file mode 100644
index 0000000000..5ce9dca041
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-pods/store.ts
@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import countBy from "lodash/countBy";
+import { observable } from "mobx";
+import type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+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, NamespaceScopedMetadata } from "../../../common/k8s-api/kube-object";
+
+export interface PodStoreDependencies extends KubeObjectStoreDependencies {
+  readonly podMetricsApi: PodMetricsApi;
+}
+
+export class PodStore extends KubeObjectStore<Pod, PodApi> {
+  constructor(
+    protected readonly dependencies: PodStoreDependencies,
+    api: PodApi,
+    opts?: KubeObjectStoreOptions,
+  ) {
+    super(dependencies, api, opts);
+  }
+
+  readonly kubeMetrics = observable.array<PodMetrics>([]);
+
+  async loadKubeMetrics(namespace?: string) {
+    try {
+      const metrics = await this.dependencies.podMetricsApi.list({ namespace });
+
+      this.kubeMetrics.replace(metrics ?? []);
+    } catch (error) {
+      console.warn("loadKubeMetrics failed", error);
+    }
+  }
+
+  getPodsByOwner(workload: KubeObject<NamespaceScopedMetadata, unknown, unknown>): Pod[] {
+    return this.items.filter(pod => (
+      pod.getOwnerRefs()
+        .find(owner => owner.uid === workload.getId())
+    ));
+  }
+
+  getPodsByOwnerId(workloadId: string): Pod[] {
+    return this.items.filter(pod => {
+      return pod.getOwnerRefs().find(owner => owner.uid === workloadId);
+    });
+  }
+
+  getPodsByNode(node: string) {
+    if (!this.isLoaded) return [];
+
+    return this.items.filter(pod => pod.spec.nodeName === node);
+  }
+
+  getStatuses(pods: Pod[]) {
+    return countBy(pods.map(pod => pod.getStatus()).sort().reverse());
+  }
+
+  getPodKubeMetrics(pod: Pod) {
+    const containers = pod.getContainers();
+    const empty = { cpu: 0, memory: 0 };
+    const metrics = this.kubeMetrics.find(metric => {
+      return [
+        metric.getName() === pod.getName(),
+        metric.getNs() === pod.getNs(),
+      ].every(v => v);
+    });
+
+    if (!metrics) return empty;
+
+    return containers.reduce((total, container) => {
+      const metric = metrics.containers.find(item => item.name == container.name);
+      let cpu = "0";
+      let memory = "0";
+
+      if (metric && metric.usage) {
+        cpu = metric.usage.cpu || "0";
+        memory = metric.usage.memory || "0";
+      }
+
+      return {
+        cpu: total.cpu + (cpuUnitsToNumber(cpu) ?? 0),
+        memory: total.memory + unitsToBytes(memory),
+      };
+    }, empty);
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/index.ts b/packages/core/src/renderer/components/+workloads-replicasets/index.ts
new file mode 100644
index 0000000000..f89a481f8e
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/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 "./replicasets";
+export * from "./replicaset-details";
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/metrics-details-component.injectable.tsx b/packages/core/src/renderer/components/+workloads-replicasets/metrics-details-component.injectable.tsx
new file mode 100644
index 0000000000..9c57bea78e
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/metrics-details-component.injectable.tsx
@@ -0,0 +1,52 @@
+/**
+ * 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 IAsyncComputed, withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { PodCharts, podMetricTabs } from "../+workloads-pods/pod-charts";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { ReplicaSet } from "../../../common/k8s-api/endpoints";
+import type { ReplicaSetPodMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-replica-sets.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import replicaSetMetricsInjectable from "./metrics.injectable";
+
+interface Dependencies {
+  metrics: IAsyncComputed<ReplicaSetPodMetricData>;
+}
+
+const NonInjectedReplicaSetMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<ReplicaSet> & Dependencies) => (
+  <ResourceMetrics
+    tabs={podMetricTabs}
+    object={object}
+    metrics={metrics}
+  >
+    <PodCharts />
+  </ResourceMetrics>
+);
+
+const ReplicaSetMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<ReplicaSet>>(NonInjectedReplicaSetMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(replicaSetMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const replicaSetMetricsDetailsComponentInjectable = getInjectable({
+  id: "replica-set-metrics-details-component",
+  instantiate: (di) => ({
+    Component: ReplicaSetMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.ReplicaSet),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default replicaSetMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/metrics.injectable.ts b/packages/core/src/renderer/components/+workloads-replicasets/metrics.injectable.ts
new file mode 100644
index 0000000000..47a41bd253
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { ReplicaSet } from "../../../common/k8s-api/endpoints";
+import requestPodMetricsForReplicaSetsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-replica-sets.injectable";
+
+const replicaSetMetricsInjectable = getInjectable({
+  id: "replica-set-metrics",
+  instantiate: (di, replicaSet) => {
+    const requestPodMetricsForReplicaSets = di.inject(requestPodMetricsForReplicaSetsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: async () => {
+        now(60 * 1000); // update every minute
+
+        return requestPodMetricsForReplicaSets([replicaSet], replicaSet.getNs());
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, replicaSet: ReplicaSet) => replicaSet.getId(),
+  }),
+});
+
+export default replicaSetMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/replica-set-menu.tsx b/packages/core/src/renderer/components/+workloads-replicasets/replica-set-menu.tsx
new file mode 100644
index 0000000000..93bd14c544
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/replica-set-menu.tsx
@@ -0,0 +1,44 @@
+/**
+ * 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 { KubeObjectMenuProps } from "../kube-object-menu";
+import type { ReplicaSet } from "../../../common/k8s-api/endpoints";
+import { MenuItem } from "../menu";
+import { Icon } from "../icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { OpenReplicaSetScaleDialog } from "./scale-dialog/open.injectable";
+import openReplicaSetScaleDialogInjectable from "./scale-dialog/open.injectable";
+
+export interface ReplicaSetMenuProps extends KubeObjectMenuProps<ReplicaSet> {
+
+}
+
+interface Dependencies {
+  openReplicaSetScaleDialog: OpenReplicaSetScaleDialog;
+}
+
+const NonInjectedReplicaSetMenu = ({
+  object,
+  toolbar,
+  openReplicaSetScaleDialog,
+}: Dependencies & ReplicaSetMenuProps) => (
+  <>
+    <MenuItem onClick={() => openReplicaSetScaleDialog(object)}>
+      <Icon
+        material="open_with"
+        tooltip="Scale"
+        interactive={toolbar}
+      />
+      <span className="title">Scale</span>
+    </MenuItem>
+  </>
+);
+
+export const ReplicaSetMenu = withInjectables<Dependencies, ReplicaSetMenuProps>(NonInjectedReplicaSetMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    openReplicaSetScaleDialog: di.inject(openReplicaSetScaleDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/replicaset-details.scss b/packages/core/src/renderer/components/+workloads-replicasets/replicaset-details.scss
new file mode 100644
index 0000000000..2f0a7f74b5
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/replicaset-details.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ReplicaSetDetails {
+}
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/replicaset-details.tsx b/packages/core/src/renderer/components/+workloads-replicasets/replicaset-details.tsx
new file mode 100644
index 0000000000..72e73c0726
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/replicaset-details.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 "./replicaset-details.scss";
+import React from "react";
+import { DrawerItem } from "../drawer";
+import { Badge } from "../badge";
+import { PodDetailsStatuses } from "../+workloads-pods/pod-details-statuses";
+import { PodDetailsTolerations } from "../+workloads-pods/pod-details-tolerations";
+import { PodDetailsAffinities } from "../+workloads-pods/pod-details-affinities";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { ReplicaSet } from "../../../common/k8s-api/endpoints";
+import { PodDetailsList } from "../+workloads-pods/pod-details-list";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import type { PodStore } from "../+workloads-pods/store";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import type { ReplicaSetStore } from "./store";
+import replicaSetStoreInjectable from "./store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface ReplicaSetDetailsProps extends KubeObjectDetailsProps<ReplicaSet> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  podStore: PodStore;
+  replicaSetStore: ReplicaSetStore;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedReplicaSetDetails extends React.Component<ReplicaSetDetailsProps & Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.podStore,
+      ]),
+    ]);
+  }
+  render() {
+    const { object: replicaSet, replicaSetStore, logger } = this.props;
+
+    if (!replicaSet) {
+      return null;
+    }
+
+    if (!(replicaSet instanceof ReplicaSet)) {
+      logger.error("[ReplicaSetDetails]: passed object that is not an instanceof ReplicaSet", replicaSet);
+
+      return null;
+    }
+
+    const { availableReplicas, replicas } = replicaSet.status ?? {};
+    const selectors = replicaSet.getSelectors();
+    const nodeSelector = replicaSet.getNodeSelectors();
+    const images = replicaSet.getImages();
+    const childPods = replicaSetStore.getChildPods(replicaSet);
+
+    return (
+      <div className="ReplicaSetDetails">
+        {selectors.length > 0 && (
+          <DrawerItem name="Selector" labelsOnly>
+            {
+              selectors.map(label => <Badge key={label} label={label}/>)
+            }
+          </DrawerItem>
+        )}
+        {nodeSelector.length > 0 && (
+          <DrawerItem name="Node Selector" labelsOnly>
+            {
+              nodeSelector.map(label => <Badge key={label} label={label}/>)
+            }
+          </DrawerItem>
+        )}
+        {images.length > 0 && (
+          <DrawerItem name="Images">
+            {
+              images.map(image => <p key={image}>{image}</p>)
+            }
+          </DrawerItem>
+        )}
+        <DrawerItem name="Replicas">
+          {`${availableReplicas || 0} current / ${replicas || 0} desired`}
+        </DrawerItem>
+        <PodDetailsTolerations workload={replicaSet}/>
+        <PodDetailsAffinities workload={replicaSet}/>
+        <DrawerItem name="Pod Status" className="pod-status">
+          <PodDetailsStatuses pods={childPods}/>
+        </DrawerItem>
+        <PodDetailsList pods={childPods} owner={replicaSet}/>
+      </div>
+    );
+  }
+}
+
+export const ReplicaSetDetails = withInjectables<Dependencies, ReplicaSetDetailsProps>(NonInjectedReplicaSetDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    podStore: di.inject(podStoreInjectable),
+    replicaSetStore: di.inject(replicaSetStoreInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/replicasets-route-component.injectable.ts b/packages/core/src/renderer/components/+workloads-replicasets/replicasets-route-component.injectable.ts
new file mode 100644
index 0000000000..092d81f6d8
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/replicasets-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 { ReplicaSets } from "./replicasets";
+import replicasetsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/replicasets/replicasets-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const replicasetsRouteComponentInjectable = getInjectable({
+  id: "replicasets-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(replicasetsRouteInjectable),
+    Component: ReplicaSets,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default replicasetsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/replicasets-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+workloads-replicasets/replicasets-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..3fe3c0dca6
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/replicasets-sidebar-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 replicasetsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/replicasets/replicasets-route.injectable";
+import { workloadsSidebarItemId } from "../+workloads/workloads-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToReplicasetsInjectable from "../../../common/front-end-routing/routes/cluster/workloads/replicasets/navigate-to-replicasets.injectable";
+
+const replicasetsSidebarItemsInjectable = getInjectable({
+  id: "replicasets-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(replicasetsRouteInjectable);
+    const navigateToReplicasets = di.inject(navigateToReplicasetsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "replica-sets",
+        parentId: workloadsSidebarItemId,
+        title: "ReplicaSets",
+        onClick: navigateToReplicasets,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 60,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default replicasetsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/replicasets.scss b/packages/core/src/renderer/components/+workloads-replicasets/replicasets.scss
new file mode 100644
index 0000000000..07e70c53c1
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/replicasets.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ReplicaSets {
+  .TableCell {
+    &.name {
+      flex-grow: 2;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/replicasets.tsx b/packages/core/src/renderer/components/+workloads-replicasets/replicasets.tsx
new file mode 100644
index 0000000000..685315551c
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/replicasets.tsx
@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./replicasets.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { ReplicaSetStore } from "./store";
+import type { EventStore } from "../+events/store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { prevDefault } from "../../utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import eventStoreInjectable from "../+events/store.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import replicaSetStoreInjectable from "./store.injectable";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  desired = "desired",
+  current = "current",
+  ready = "ready",
+  age = "age",
+}
+
+interface Dependencies {
+  replicaSetStore: ReplicaSetStore;
+  eventStore: EventStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+const NonInjectedReplicaSets = observer((props: Dependencies) => {
+  const {
+    eventStore,
+    filterByNamespace,
+    replicaSetStore,
+  } = props;
+
+  return (
+    <SiblingsInTabLayout>
+      <KubeObjectListLayout
+        isConfigurable
+        tableId="workload_replicasets"
+        className="ReplicaSets"
+        store={replicaSetStore}
+        dependentStores={[eventStore]} // status icon component uses event store
+        sortingCallbacks={{
+          [columnId.name]: replicaSet => replicaSet.getName(),
+          [columnId.namespace]: replicaSet => replicaSet.getNs(),
+          [columnId.desired]: replicaSet => replicaSet.getDesired(),
+          [columnId.current]: replicaSet => replicaSet.getCurrent(),
+          [columnId.ready]: replicaSet => replicaSet.getReady(),
+          [columnId.age]: replicaSet => -replicaSet.getCreationTimestamp(),
+        }}
+        searchFilters={[
+          replicaSet => replicaSet.getSearchFields(),
+        ]}
+        renderHeaderTitle="Replica Sets"
+        renderTableHeader={[
+          { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+          { className: "warning", showWithColumn: columnId.name },
+          { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+          { title: "Desired", className: "desired", sortBy: columnId.desired, id: columnId.desired },
+          { title: "Current", className: "current", sortBy: columnId.current, id: columnId.current },
+          { title: "Ready", className: "ready", sortBy: columnId.ready, id: columnId.ready },
+          { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+        ]}
+        renderTableContents={replicaSet => [
+          replicaSet.getName(),
+          <KubeObjectStatusIcon key="icon" object={replicaSet} />,
+          <a
+            key="namespace"
+            className="filterNamespace"
+            onClick={prevDefault(() => filterByNamespace(replicaSet.getNs()))}
+          >
+            {replicaSet.getNs()}
+          </a>,
+          replicaSet.getDesired(),
+          replicaSet.getCurrent(),
+          replicaSet.getReady(),
+          <KubeObjectAge key="age" object={replicaSet} />,
+        ]}
+      />
+    </SiblingsInTabLayout>
+  );
+});
+
+export const ReplicaSets = withInjectables<Dependencies>(NonInjectedReplicaSets, {
+  getProps: (di, props) => ({
+    ...props,
+    eventStore: di.inject(eventStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    replicaSetStore: di.inject(replicaSetStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.scss b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.scss
new file mode 100644
index 0000000000..266ccffaa7
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.scss
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ReplicaSetScaleDialog {
+  .Wizard {
+    .header {
+      span {
+        color: #a0a0a0;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .WizardStep {
+      .step-content {
+        min-height: 90px;
+        overflow: hidden;
+      }
+    }
+
+    .current-scale {
+      font-weight: bold
+    }
+
+    .desired-scale {
+      flex: 1.1 0;
+    }
+
+    .slider-container {
+      flex: 1 0;
+    }
+
+    .plus-minus-container {
+      margin-left: $margin * 2;
+      .Icon {
+        --color-active: black;
+      }
+    }
+
+    .warning {
+      color: var(--colorSoftError);
+      font-size: small;
+      display: flex;
+      align-items: center;
+
+      .Icon {
+        margin: 0;
+        margin-right: $margin;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.test.tsx b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.test.tsx
new file mode 100755
index 0000000000..d1e2aefd66
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.test.tsx
@@ -0,0 +1,167 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "@testing-library/jest-dom/extend-expect";
+
+import { ReplicaSetScaleDialog } from "./dialog";
+import { waitFor, fireEvent } from "@testing-library/react";
+import React from "react";
+import type { ReplicaSetApi } from "../../../../common/k8s-api/endpoints/replica-set.api";
+import { ReplicaSet } from "../../../../common/k8s-api/endpoints/replica-set.api";
+import type { OpenReplicaSetScaleDialog } from "./open.injectable";
+import replicaSetApiInjectable from "../../../../common/k8s-api/endpoints/replica-set.api.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import { type DiRender, renderFor } from "../../test-utils/renderFor";
+import openReplicaSetScaleDialogInjectable from "./open.injectable";
+
+const dummyReplicaSet = new ReplicaSet({
+  apiVersion: "v1",
+  kind: "dummy",
+  metadata: {
+    uid: "dummy",
+    name: "dummy",
+    creationTimestamp: "dummy",
+    resourceVersion: "dummy",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/replicasets/default/dummy",
+  },
+  spec: {
+    replicas: 1,
+    selector: {
+      matchLabels: { "label": "label" },
+    },
+    template: {
+      metadata: {
+        labels: {
+          app: "label",
+        },
+      },
+      spec: {
+        containers: [{
+          name: "dummy",
+          image: "dummy",
+          imagePullPolicy: "Always",
+        }],
+        initContainers: [{
+          name: "dummy",
+          image: "dummy",
+          imagePullPolicy: "Always",
+        }],
+        priority: 1,
+        serviceAccountName: "dummy",
+        serviceAccount: "dummy",
+        securityContext: {},
+        schedulerName: "dummy",
+      },
+    },
+    minReadySeconds: 1,
+  },
+  status: {
+    replicas: 1,
+    fullyLabeledReplicas: 1,
+    readyReplicas: 1,
+    availableReplicas: 1,
+    observedGeneration: 1,
+    conditions: [{
+      type: "dummy",
+      status: "True",
+      lastTransitionTime: "dummy",
+      reason: "dummy",
+      message: "dummy",
+    }],
+  },
+});
+
+describe("<ReplicaSetScaleDialog />", () => {
+  let replicaSetApi: ReplicaSetApi;
+  let openReplicaSetScaleDialog: OpenReplicaSetScaleDialog;
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    render = renderFor(di);
+    replicaSetApi = di.inject(replicaSetApiInjectable);
+    openReplicaSetScaleDialog = di.inject(openReplicaSetScaleDialogInjectable);
+  });
+
+  it("renders w/o errors", () => {
+    const { container } = render(<ReplicaSetScaleDialog />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("init with a dummy replica set and mocked current/desired scale", async () => {
+    // mock replicaSetApi.getReplicas() which will be called
+    // when <ReplicaSetScaleDialog /> rendered.
+    const initReplicas = 1;
+
+    replicaSetApi.getReplicas = jest.fn().mockImplementationOnce(async () => initReplicas);
+    const { getByTestId } = render(<ReplicaSetScaleDialog />);
+
+    openReplicaSetScaleDialog(dummyReplicaSet);
+    // we need to wait for the replicaSetScaleDialog to show up
+    // because there is an <Animate /> in <Dialog /> which renders null at start.
+    await waitFor(async () => {
+      const [currentScale, desiredScale] = await Promise.all([
+        getByTestId("current-scale"),
+        getByTestId("desired-scale"),
+      ]);
+
+      expect(currentScale).toHaveTextContent(`${initReplicas}`);
+      expect(desiredScale).toHaveTextContent(`${initReplicas}`);
+    });
+  });
+
+  it("changes the desired scale when clicking the icon buttons +/-", async () => {
+    const initReplicas = 1;
+
+    replicaSetApi.getReplicas = jest.fn().mockImplementationOnce(async () => initReplicas);
+    const component = render(<ReplicaSetScaleDialog />);
+
+    openReplicaSetScaleDialog(dummyReplicaSet);
+    await waitFor(async () => {
+      expect(await component.findByTestId("desired-scale")).toHaveTextContent(`${initReplicas}`);
+      expect(await component.findByTestId("current-scale")).toHaveTextContent(`${initReplicas}`);
+      expect((component.baseElement.querySelector("input")?.value)).toBe(`${initReplicas}`);
+    });
+
+    const up = await component.findByTestId("desired-replicas-up");
+    const down = await component.findByTestId("desired-replicas-down");
+
+    fireEvent.click(up);
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent(`${initReplicas + 1}`);
+    expect(await component.findByTestId("current-scale")).toHaveTextContent(`${initReplicas}`);
+    expect((component.baseElement.querySelector("input")?.value)).toBe(`${initReplicas + 1}`);
+
+    fireEvent.click(down);
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent(`${initReplicas}`);
+    expect(await component.findByTestId("current-scale")).toHaveTextContent(`${initReplicas}`);
+    expect((component.baseElement.querySelector("input")?.value)).toBe(`${initReplicas}`);
+
+    // edge case, desiredScale must >= 0
+    let times = 10;
+
+    for (let i = 0; i < times; i++) {
+      fireEvent.click(down);
+    }
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent("0");
+    expect((component.baseElement.querySelector("input")?.value)).toBe("0");
+
+    // edge case, desiredScale must <= scaleMax (100)
+    times = 120;
+
+    for (let i = 0; i < times; i++) {
+      fireEvent.click(up);
+    }
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent("100");
+    expect((component.baseElement.querySelector("input")?.value)).toBe("100");
+    expect(await component.findByTestId("warning"))
+      .toHaveTextContent("High number of replicas may cause cluster performance issues");
+  });
+});
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.tsx b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.tsx
new file mode 100644
index 0000000000..9999917bdb
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.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 "./dialog.scss";
+
+import React, { Component } from "react";
+import type { IObservableValue } from "mobx";
+import { computed, observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import type { DialogProps } from "../../dialog";
+import { Dialog } from "../../dialog";
+import { Wizard, WizardStep } from "../../wizard";
+import { Icon } from "../../icon";
+import { Slider } from "../../slider";
+import { cssNames } from "../../../utils";
+import type { ReplicaSet, ReplicaSetApi } from "../../../../common/k8s-api/endpoints";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import replicaSetApiInjectable from "../../../../common/k8s-api/endpoints/replica-set.api.injectable";
+import replicaSetScaleDialogStateInjectable from "./state.injectable";
+import type { ShowCheckedErrorNotification } from "../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../notifications/show-checked-error.injectable";
+
+export interface ReplicaSetScaleDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  replicaSetApi: ReplicaSetApi;
+  state: IObservableValue<ReplicaSet | undefined>;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedReplicaSetScaleDialog extends Component<ReplicaSetScaleDialogProps & Dependencies> {
+  @observable ready = false;
+  @observable currentReplicas = 0;
+  @observable desiredReplicas = 0;
+
+  constructor(props: ReplicaSetScaleDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  close = () => {
+    this.props.state.set(undefined);
+  };
+
+  onOpen = async (replicaSet: ReplicaSet) => {
+    this.currentReplicas = await this.props.replicaSetApi.getReplicas({
+      namespace: replicaSet.getNs(),
+      name: replicaSet.getName(),
+    });
+    this.desiredReplicas = this.currentReplicas;
+    this.ready = true;
+  };
+
+  onClose = () => {
+    this.ready = false;
+  };
+
+  onChange = (evt: React.ChangeEvent, value: number) => {
+    this.desiredReplicas = value;
+  };
+
+  @computed get scaleMax() {
+    const { currentReplicas } = this;
+    const defaultMax = 50;
+
+    return currentReplicas <= defaultMax
+      ? defaultMax * 2
+      : currentReplicas * 2;
+  }
+
+  scale = async (replicaSet: ReplicaSet) => {
+    const { currentReplicas, desiredReplicas, close } = this;
+
+    try {
+      if (currentReplicas !== desiredReplicas) {
+        await this.props.replicaSetApi.scale({
+          name: replicaSet.getName(),
+          namespace: replicaSet.getNs(),
+        }, desiredReplicas);
+      }
+      close();
+    } catch (err) {
+      this.props.showCheckedErrorNotification(err, "Unknown error occured while scaling ReplicaSet");
+    }
+  };
+
+  private readonly scaleMin = 0;
+
+  desiredReplicasUp = () => {
+    this.desiredReplicas = Math.min(this.scaleMax, this.desiredReplicas + 1);
+  };
+
+  desiredReplicasDown = () => {
+    this.desiredReplicas = Math.max(this.scaleMin, this.desiredReplicas - 1);
+  };
+
+  renderContents(replicaSet: ReplicaSet) {
+    const { currentReplicas, desiredReplicas, onChange, scaleMax } = this;
+    const warning = currentReplicas < 10 && desiredReplicas > 90;
+
+    return (
+      <Wizard
+        header={(
+          <h5>
+            {"Scale Replica Set "}
+            <span>{replicaSet.getName()}</span>
+          </h5>
+        )}
+        done={this.close}
+      >
+        <WizardStep
+          contentClass="flex gaps column"
+          next={() => this.scale(replicaSet)}
+          nextLabel="Scale"
+          disabledNext={!this.ready}
+        >
+          <div className="current-scale" data-testid="current-scale">
+            {`Current replica scale: ${currentReplicas}`}
+          </div>
+          <div className="flex gaps align-center">
+            <div className="desired-scale" data-testid="desired-scale">
+              {`Desired number of replicas: ${desiredReplicas}`}
+            </div>
+            <div className="slider-container flex align-center" data-testid="slider">
+              <Slider
+                value={desiredReplicas}
+                max={scaleMax}
+                onChange={onChange}
+              />
+            </div>
+            <div className="plus-minus-container flex gaps">
+              <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 && (
+            <div className="warning" data-testid="warning">
+              <Icon material="warning"/>
+              High number of replicas may cause cluster performance issues
+            </div>
+          )}
+        </WizardStep>
+      </Wizard>
+    );
+  }
+
+  render() {
+    const { className, state, ...dialogProps } = this.props;
+    const replicaSet = state.get();
+
+    return (
+      <Dialog
+        {...dialogProps}
+        isOpen={Boolean(replicaSet)}
+        className={cssNames("ReplicaSetScaleDialog", className)}
+        onOpen={replicaSet && (() => this.onOpen(replicaSet))}
+        onClose={this.onClose}
+        close={this.close}
+      >
+        {replicaSet && this.renderContents(replicaSet)}
+      </Dialog>
+    );
+  }
+}
+
+export const ReplicaSetScaleDialog = withInjectables<Dependencies, ReplicaSetScaleDialogProps>(NonInjectedReplicaSetScaleDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    replicaSetApi: di.inject(replicaSetApiInjectable),
+    state: di.inject(replicaSetScaleDialogStateInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/open.injectable.ts b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/open.injectable.ts
new file mode 100644
index 0000000000..4075a3e35f
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/open.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 type { ReplicaSet } from "../../../../common/k8s-api/endpoints";
+import replicaSetScaleDialogStateInjectable from "./state.injectable";
+
+export type OpenReplicaSetScaleDialog = (obj: ReplicaSet) => void;
+
+const openReplicaSetScaleDialogInjectable = getInjectable({
+  id: "open-replica-set-scale-dialog",
+  instantiate: (di): OpenReplicaSetScaleDialog => {
+    const state = di.inject(replicaSetScaleDialogStateInjectable);
+
+    return (obj) => state.set(obj);
+  },
+});
+
+export default openReplicaSetScaleDialogInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/replicaset-scale-dialog-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/replicaset-scale-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..a6f2d8c8f5
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/replicaset-scale-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 { 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,
+});
+
+export default replicasetScaleDialogClusterFrameChildComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/state.injectable.ts b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/state.injectable.ts
new file mode 100644
index 0000000000..9bd8316bec
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/scale-dialog/state.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 { observable } from "mobx";
+import type { ReplicaSet } from "../../../../common/k8s-api/endpoints";
+
+const replicaSetScaleDialogStateInjectable = getInjectable({
+  id: "replica-set-scale-dialog-state",
+  instantiate: () => observable.box<ReplicaSet | undefined>(),
+});
+
+export default replicaSetScaleDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/store.injectable.ts b/packages/core/src/renderer/components/+workloads-replicasets/store.injectable.ts
new file mode 100644
index 0000000000..b54fd0295d
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/store.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 assert from "assert";
+import getPodsByOwnerIdInjectable from "../+workloads-pods/get-pods-by-owner-id.injectable";
+import replicaSetApiInjectable from "../../../common/k8s-api/endpoints/replica-set.api.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import { ReplicaSetStore } from "./store";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const replicaSetStoreInjectable = getInjectable({
+  id: "replica-set-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "replicaSetStore is only available in certain environments");
+
+    const api = di.inject(replicaSetApiInjectable);
+
+    return new ReplicaSetStore({
+      getPodsByOwnerId: di.inject(getPodsByOwnerIdInjectable),
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default replicaSetStoreInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-replicasets/store.ts b/packages/core/src/renderer/components/+workloads-replicasets/store.ts
new file mode 100644
index 0000000000..1a6ac96610
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-replicasets/store.ts
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { GetPodsByOwnerId } from "../+workloads-pods/get-pods-by-owner-id.injectable";
+import type { Deployment, ReplicaSet, ReplicaSetApi } from "../../../common/k8s-api/endpoints";
+import { PodStatusPhase } from "../../../common/k8s-api/endpoints/pod.api";
+import type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+
+export interface ReplicaSetStoreDependencies extends KubeObjectStoreDependencies {
+  getPodsByOwnerId: GetPodsByOwnerId;
+}
+
+export class ReplicaSetStore extends KubeObjectStore<ReplicaSet, ReplicaSetApi> {
+  constructor(protected readonly dependencies: ReplicaSetStoreDependencies, api: ReplicaSetApi, opts?: KubeObjectStoreOptions) {
+    super(dependencies, api, opts);
+  }
+
+  getChildPods(replicaSet: ReplicaSet) {
+    return this.dependencies.getPodsByOwnerId(replicaSet.getId());
+  }
+
+  getStatuses(replicaSets: ReplicaSet[]) {
+    const status = { running: 0, failed: 0, pending: 0 };
+
+    for (const replicaSet of replicaSets) {
+      const statuses = new Set(this.getChildPods(replicaSet).map(pod => pod.getStatus()));
+
+      if (statuses.has(PodStatusPhase.FAILED)) {
+        status.failed++;
+      } else if (statuses.has(PodStatusPhase.PENDING)) {
+        status.pending++;
+      } else {
+        status.running++;
+      }
+    }
+
+    return status;
+  }
+
+  getReplicaSetsByOwner(deployment: Deployment) {
+    return this.items.filter(replicaSet =>
+      !!replicaSet.getOwnerRefs().find(owner => owner.uid === deployment.getId()),
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/index.ts b/packages/core/src/renderer/components/+workloads-statefulsets/index.ts
new file mode 100644
index 0000000000..788a5a7ff2
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/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 "./statefulsets";
+export * from "./statefulset-details";
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/metrics-details-component.injectable.tsx b/packages/core/src/renderer/components/+workloads-statefulsets/metrics-details-component.injectable.tsx
new file mode 100644
index 0000000000..ad4bb6d677
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/metrics-details-component.injectable.tsx
@@ -0,0 +1,52 @@
+/**
+ * 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 IAsyncComputed, withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import { PodCharts, podMetricTabs } from "../+workloads-pods/pod-charts";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+import type { StatefulSet } from "../../../common/k8s-api/endpoints";
+import type { StatefulSetPodMetricData } from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-stateful-sets.injectable";
+import metricsDetailsComponentEnabledInjectable from "../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token";
+import { ResourceMetrics } from "../resource-metrics";
+import statefulSetMetricsInjectable from "./metrics.injectable";
+
+interface Dependencies {
+  metrics: IAsyncComputed<StatefulSetPodMetricData>;
+}
+
+const NonInjectedStatefulSetMetricsDetailsComponent = ({
+  object,
+  metrics,
+}: KubeObjectDetailsProps<StatefulSet> & Dependencies) => (
+  <ResourceMetrics
+    tabs={podMetricTabs}
+    object={object}
+    metrics={metrics}
+  >
+    <PodCharts />
+  </ResourceMetrics>
+);
+
+const StatefulSetMetricsDetailsComponent = withInjectables<Dependencies, KubeObjectDetailsProps<StatefulSet>>(NonInjectedStatefulSetMetricsDetailsComponent, {
+  getProps: (di, props) => ({
+    metrics: di.inject(statefulSetMetricsInjectable, props.object),
+    ...props,
+  }),
+});
+
+const statefulSetMetricsDetailsComponentInjectable = getInjectable({
+  id: "stateful-set-metrics-details-component",
+  instantiate: (di) => ({
+    Component: StatefulSetMetricsDetailsComponent,
+    enabled: di.inject(metricsDetailsComponentEnabledInjectable, ClusterMetricsResourceType.StatefulSet),
+    orderNumber: -1,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default statefulSetMetricsDetailsComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/metrics.injectable.ts b/packages/core/src/renderer/components/+workloads-statefulsets/metrics.injectable.ts
new file mode 100644
index 0000000000..b12cd152e9
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/metrics.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import { now } from "mobx-utils";
+import type { StatefulSet } from "../../../common/k8s-api/endpoints";
+import requestPodMetricsForStatefulSetsInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-for-stateful-sets.injectable";
+
+const statefulSetMetricsInjectable = getInjectable({
+  id: "stateful-set-metrics",
+  instantiate: (di, statefulSet) => {
+    const requestPodMetricsForStatefulSets = di.inject(requestPodMetricsForStatefulSetsInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: async () => {
+        now(60 * 1000);
+
+        return requestPodMetricsForStatefulSets([statefulSet], statefulSet.getNs());
+      },
+    });
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, statefulSet: StatefulSet) => statefulSet.getId(),
+  }),
+});
+
+export default statefulSetMetricsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog-state.injectable.ts b/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog-state.injectable.ts
new file mode 100644
index 0000000000..8d8634a6bf
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog-state.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 { getInjectable } from "@ogre-tools/injectable";
+import { observable } from "mobx";
+import type { StatefulSet } from "../../../../common/k8s-api/endpoints";
+
+const statefulSetDialogStateInjectable = getInjectable({
+  id: "stateful-set-dialog-state",
+  instantiate: () => observable.box<StatefulSet | undefined>(),
+});
+
+export default statefulSetDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog.scss b/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog.scss
new file mode 100644
index 0000000000..c4f3037031
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog.scss
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.StatefulSetScaleDialog {
+  .Wizard {
+    .header {
+      span {
+        color: #a0a0a0;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .WizardStep {
+      .step-content {
+        min-height: 90px;
+        overflow: hidden;
+      }
+    }
+
+    .current-scale {
+      font-weight: bold
+    }
+
+    .desired-scale {
+      flex: 1.1 0;
+    }
+
+    .slider-container {
+      flex: 1 0;
+    }
+
+    .plus-minus-container {
+      margin-left: $margin * 2;
+      .Icon {
+        --color-active: black;
+      }
+    }
+
+    .warning {
+      color: var(--colorSoftError);
+      font-size: small;
+      display: flex;
+      align-items: center;
+
+      .Icon {
+        margin: 0;
+        margin-right: $margin;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog.test.tsx b/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog.test.tsx
new file mode 100755
index 0000000000..5d09b032e3
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog.test.tsx
@@ -0,0 +1,178 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "@testing-library/jest-dom/extend-expect";
+
+import type { StatefulSetApi } from "../../../../common/k8s-api/endpoints";
+import { StatefulSet } from "../../../../common/k8s-api/endpoints";
+import { StatefulSetScaleDialog } from "./dialog";
+import { waitFor, fireEvent } from "@testing-library/react";
+import React from "react";
+import type { OpenStatefulSetScaleDialog } from "./open-dialog.injectable";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import statefulSetApiInjectable from "../../../../common/k8s-api/endpoints/stateful-set.api.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
+import openStatefulSetScaleDialogInjectable from "./open-dialog.injectable";
+import { type DiRender, renderFor } from "../../test-utils/renderFor";
+
+const dummyStatefulSet = new StatefulSet({
+  apiVersion: "v1",
+  kind: "dummy",
+  metadata: {
+    uid: "dummy",
+    name: "dummy",
+    creationTimestamp: "dummy",
+    resourceVersion: "dummy",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/statefulsets/default/dummy",
+  },
+  spec: {
+    serviceName: "dummy",
+    replicas: 1,
+    selector: {
+      matchLabels: { "label": "label" },
+    },
+    template: {
+      metadata: {
+        labels: {
+          app: "app",
+        },
+      },
+      spec: {
+        containers: [{
+          name: "dummy",
+          image: "dummy",
+          ports: [{
+            containerPort: 1234,
+            name: "dummy",
+          }],
+          volumeMounts: [{
+            name: "dummy",
+            mountPath: "dummy",
+          }],
+        }],
+        tolerations: [{
+          key: "dummy",
+          operator: "dummy",
+          effect: "dummy",
+          tolerationSeconds: 1,
+        }],
+      },
+    },
+    volumeClaimTemplates: [{
+      metadata: {
+        name: "dummy",
+      },
+      spec: {
+        accessModes: ["dummy"],
+        resources: {
+          requests: {
+            storage: "dummy",
+          },
+        },
+      },
+    }],
+  },
+  status: {
+    observedGeneration: 1,
+    replicas: 1,
+    currentReplicas: 1,
+    readyReplicas: 1,
+    currentRevision: "dummy",
+    updateRevision: "dummy",
+    collisionCount: 1,
+  },
+});
+
+describe("<StatefulSetScaleDialog />", () => {
+  let statefulSetApi: StatefulSetApi;
+  let openStatefulSetDialog: OpenStatefulSetScaleDialog;
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    render = renderFor(di);
+    statefulSetApi = di.inject(statefulSetApiInjectable);
+    openStatefulSetDialog = di.inject(openStatefulSetScaleDialogInjectable);
+  });
+
+  it("renders w/o errors", () => {
+    const { container } = render(<StatefulSetScaleDialog />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("init with a dummy stateful set and mocked current/desired scale", async () => {
+    // mock statefulSetApi.getReplicas() which will be called
+    // when <StatefulSetScaleDialog /> rendered.
+    const initReplicas = 1;
+
+    statefulSetApi.getReplicas = jest.fn().mockImplementationOnce(async () => initReplicas);
+    const { getByTestId } = render(<StatefulSetScaleDialog />);
+
+    openStatefulSetDialog(dummyStatefulSet);
+    // we need to wait for the StatefulSetScaleDialog to show up
+    // because there is an <Animate /> in <Dialog /> which renders null at start.
+    await waitFor(async () => {
+      const [currentScale, desiredScale] = await Promise.all([
+        getByTestId("current-scale"),
+        getByTestId("desired-scale"),
+      ]);
+
+      expect(currentScale).toHaveTextContent(`${initReplicas}`);
+      expect(desiredScale).toHaveTextContent(`${initReplicas}`);
+    });
+  });
+
+  it("changes the desired scale when clicking the icon buttons +/-", async () => {
+    const initReplicas = 1;
+
+    statefulSetApi.getReplicas = jest.fn().mockImplementationOnce(async () => initReplicas);
+    const component = render(<StatefulSetScaleDialog />);
+
+    openStatefulSetDialog(dummyStatefulSet);
+    await waitFor(async () => {
+      expect(await component.findByTestId("desired-scale")).toHaveTextContent(`${initReplicas}`);
+      expect(await component.findByTestId("current-scale")).toHaveTextContent(`${initReplicas}`);
+      expect((component.baseElement.querySelector("input")?.value)).toBe(`${initReplicas}`);
+    });
+
+    const up = await component.findByTestId("desired-replicas-up");
+    const down = await component.findByTestId("desired-replicas-down");
+
+    fireEvent.click(up);
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent(`${initReplicas + 1}`);
+    expect(await component.findByTestId("current-scale")).toHaveTextContent(`${initReplicas}`);
+    expect((component.baseElement.querySelector("input")?.value)).toBe(`${initReplicas + 1}`);
+
+    fireEvent.click(down);
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent(`${initReplicas}`);
+    expect(await component.findByTestId("current-scale")).toHaveTextContent(`${initReplicas}`);
+    expect((component.baseElement.querySelector("input")?.value)).toBe(`${initReplicas}`);
+
+    // edge case, desiredScale must >= 0
+    let times = 10;
+
+    for (let i = 0; i < times; i++) {
+      fireEvent.click(down);
+    }
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent("0");
+    expect((component.baseElement.querySelector("input")?.value)).toBe("0");
+
+    // edge case, desiredScale must <= scaleMax (100)
+    times = 120;
+
+    for (let i = 0; i < times; i++) {
+      fireEvent.click(up);
+    }
+    expect(await component.findByTestId("desired-scale")).toHaveTextContent("100");
+    expect((component.baseElement.querySelector("input")?.value)).toBe("100");
+    expect(await component.findByTestId("warning"))
+      .toHaveTextContent("High number of replicas may cause cluster performance issues");
+  });
+});
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog.tsx b/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog.tsx
new file mode 100644
index 0000000000..39d8969e03
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/scale/dialog.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 "./dialog.scss";
+
+import type { StatefulSet, StatefulSetApi } from "../../../../common/k8s-api/endpoints";
+import React, { Component } from "react";
+import type { IObservableValue } from "mobx";
+import { computed, makeObservable, observable } from "mobx";
+import { observer } from "mobx-react";
+import type { DialogProps } from "../../dialog";
+import { Dialog } from "../../dialog";
+import { Wizard, WizardStep } from "../../wizard";
+import { Icon } from "../../icon";
+import { Slider } from "../../slider";
+import { cssNames } from "../../../utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import statefulSetApiInjectable from "../../../../common/k8s-api/endpoints/stateful-set.api.injectable";
+import statefulSetDialogStateInjectable from "./dialog-state.injectable";
+import type { ShowCheckedErrorNotification } from "../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../notifications/show-checked-error.injectable";
+
+export interface StatefulSetScaleDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  statefulSetApi: StatefulSetApi;
+  state: IObservableValue<StatefulSet | undefined>;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedStatefulSetScaleDialog extends Component<StatefulSetScaleDialogProps & Dependencies> {
+  @observable ready = false;
+  @observable currentReplicas = 0;
+  @observable desiredReplicas = 0;
+
+  constructor(props: StatefulSetScaleDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  close = () => {
+    this.props.state.set(undefined);
+  };
+
+  onOpen = async (statefulSet: StatefulSet) => {
+    this.currentReplicas = await this.props.statefulSetApi.getReplicas({
+      namespace: statefulSet.getNs(),
+      name: statefulSet.getName(),
+    });
+    this.desiredReplicas = this.currentReplicas;
+    this.ready = true;
+  };
+
+  onClose = () => {
+    this.ready = false;
+  };
+
+  onChange = (evt: React.ChangeEvent, value: number) => {
+    this.desiredReplicas = value;
+  };
+
+  @computed get scaleMax() {
+    const { currentReplicas } = this;
+    const defaultMax = 50;
+
+    return currentReplicas <= defaultMax
+      ? defaultMax * 2
+      : currentReplicas * 2;
+  }
+
+  scale = async (statefulSet: StatefulSet) => {
+    const { currentReplicas, desiredReplicas, close } = this;
+
+    try {
+      if (currentReplicas !== desiredReplicas) {
+        await this.props.statefulSetApi.scale({
+          name: statefulSet.getName(),
+          namespace: statefulSet.getNs(),
+        }, desiredReplicas);
+      }
+      close();
+    } catch (error) {
+      this.props.showCheckedErrorNotification(error, "Unknown error occured while scaling StatefulSet");
+    }
+  };
+
+  private readonly scaleMin = 0;
+
+  desiredReplicasUp = () => {
+    this.desiredReplicas = Math.min(this.scaleMax, this.desiredReplicas + 1);
+  };
+
+  desiredReplicasDown = () => {
+    this.desiredReplicas = Math.max(this.scaleMin, this.desiredReplicas - 1);
+  };
+
+  renderContents(statefulSet: StatefulSet) {
+    const { currentReplicas, desiredReplicas, onChange, scaleMax } = this;
+    const warning = currentReplicas < 10 && desiredReplicas > 90;
+
+    return (
+      <Wizard
+        header={(
+          <h5>
+            Scale Stateful Set
+            <span>{statefulSet.getName()}</span>
+          </h5>
+        )}
+        done={this.close}
+      >
+        <WizardStep
+          contentClass="flex gaps column"
+          next={() => this.scale(statefulSet)}
+          nextLabel="Scale"
+          disabledNext={!this.ready}
+        >
+          <div className="current-scale" data-testid="current-scale">
+            {`Current replica scale: ${currentReplicas}`}
+          </div>
+          <div className="flex gaps align-center">
+            <div className="desired-scale" data-testid="desired-scale">
+              {`Desired number of replicas: ${desiredReplicas}`}
+            </div>
+            <div className="slider-container flex align-center" data-testid="slider">
+              <Slider
+                value={desiredReplicas}
+                max={scaleMax}
+                onChange={onChange}
+              />
+            </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"
+              />
+            </div>
+          </div>
+          {warning && (
+            <div className="warning" data-testid="warning">
+              <Icon material="warning"/>
+              High number of replicas may cause cluster performance issues
+            </div>
+          )}
+        </WizardStep>
+      </Wizard>
+    );
+  }
+
+  render() {
+    const { className, state, ...dialogProps } = this.props;
+    const statefulSet = state.get();
+
+    return (
+      <Dialog
+        {...dialogProps}
+        isOpen={Boolean(statefulSet)}
+        className={cssNames("StatefulSetScaleDialog", className)}
+        onOpen={statefulSet && (() => this.onOpen(statefulSet))}
+        onClose={this.onClose}
+        close={this.close}
+      >
+        {statefulSet && this.renderContents(statefulSet)}
+      </Dialog>
+    );
+  }
+}
+
+export const StatefulSetScaleDialog = withInjectables<Dependencies, StatefulSetScaleDialogProps>(NonInjectedStatefulSetScaleDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    statefulSetApi: di.inject(statefulSetApiInjectable),
+    state: di.inject(statefulSetDialogStateInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/scale/open-dialog.injectable.ts b/packages/core/src/renderer/components/+workloads-statefulsets/scale/open-dialog.injectable.ts
new file mode 100644
index 0000000000..8f213a9a18
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/scale/open-dialog.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 type { StatefulSet } from "../../../../common/k8s-api/endpoints";
+import { getInjectable } from "@ogre-tools/injectable";
+import statefulSetDialogStateInjectable from "./dialog-state.injectable";
+
+export type OpenStatefulSetScaleDialog = (obj: StatefulSet) => void;
+
+const openStatefulSetScaleDialogInjectable = getInjectable({
+  id: "open-stateful-set-scale-dialog",
+  instantiate: (di): OpenStatefulSetScaleDialog => {
+    const state = di.inject(statefulSetDialogStateInjectable);
+
+    return (obj) => state.set(obj);
+  },
+});
+
+export default openStatefulSetScaleDialogInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/scale/statefulset-scale-dialog-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/+workloads-statefulsets/scale/statefulset-scale-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..7a8b12686d
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/scale/statefulset-scale-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 { 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,
+});
+
+export default statefulsetScaleDialogClusterFrameChildComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/statefulset-details.scss b/packages/core/src/renderer/components/+workloads-statefulsets/statefulset-details.scss
new file mode 100644
index 0000000000..0c04bb9fb3
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/statefulset-details.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.StatefulSetDetails {
+}
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/statefulset-details.tsx b/packages/core/src/renderer/components/+workloads-statefulsets/statefulset-details.tsx
new file mode 100644
index 0000000000..5c9eff2e84
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/statefulset-details.tsx
@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./statefulset-details.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { Badge } from "../badge";
+import { DrawerItem } from "../drawer";
+import { PodDetailsStatuses } from "../+workloads-pods/pod-details-statuses";
+import { PodDetailsTolerations } from "../+workloads-pods/pod-details-tolerations";
+import { PodDetailsAffinities } from "../+workloads-pods/pod-details-affinities";
+import type { StatefulSetStore } from "./store";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { StatefulSet } from "../../../common/k8s-api/endpoints";
+import { PodDetailsList } from "../+workloads-pods/pod-details-list";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import type { PodStore } from "../+workloads-pods/store";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import statefulSetStoreInjectable from "./store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface StatefulSetDetailsProps extends KubeObjectDetailsProps<StatefulSet> {
+}
+
+interface Dependencies {
+  subscribeStores: SubscribeStores;
+  podStore: PodStore;
+  statefulSetStore: StatefulSetStore;
+  logger: Logger;
+}
+
+@observer
+class NonInjectedStatefulSetDetails extends React.Component<StatefulSetDetailsProps & Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.subscribeStores([
+        this.props.podStore,
+      ]),
+    ]);
+  }
+
+  render() {
+    const { object: statefulSet, statefulSetStore, logger } = this.props;
+
+    if (!statefulSet) {
+      return null;
+    }
+
+    if (!(statefulSet instanceof StatefulSet)) {
+      logger.error("[StatefulSetDetails]: passed object that is not an instanceof StatefulSet", statefulSet);
+
+      return null;
+    }
+
+    const images = statefulSet.getImages();
+    const selectors = statefulSet.getSelectors();
+    const nodeSelector = statefulSet.getNodeSelectors();
+    const childPods = statefulSetStore.getChildPods(statefulSet);
+
+    return (
+      <div className="StatefulSetDetails">
+        {selectors.length && (
+          <DrawerItem name="Selector" labelsOnly>
+            {
+              selectors.map(label => <Badge key={label} label={label}/>)
+            }
+          </DrawerItem>
+        )}
+        {nodeSelector.length > 0 && (
+          <DrawerItem name="Node Selector" labelsOnly>
+            {
+              nodeSelector.map(label => (
+                <Badge key={label} label={label}/>
+              ))
+            }
+          </DrawerItem>
+        )}
+        {images.length > 0 && (
+          <DrawerItem name="Images">
+            {
+              images.map(image => <p key={image}>{image}</p>)
+            }
+          </DrawerItem>
+        )}
+        <PodDetailsTolerations workload={statefulSet}/>
+        <PodDetailsAffinities workload={statefulSet}/>
+        <DrawerItem name="Pod Status" className="pod-status">
+          <PodDetailsStatuses pods={childPods}/>
+        </DrawerItem>
+        <PodDetailsList pods={childPods} owner={statefulSet}/>
+      </div>
+    );
+  }
+}
+
+export const StatefulSetDetails = withInjectables<Dependencies, StatefulSetDetailsProps>(NonInjectedStatefulSetDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    podStore: di.inject(podStoreInjectable),
+    statefulSetStore: di.inject(statefulSetStoreInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/statefulset-menu.tsx b/packages/core/src/renderer/components/+workloads-statefulsets/statefulset-menu.tsx
new file mode 100644
index 0000000000..942c9674e6
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/statefulset-menu.tsx
@@ -0,0 +1,73 @@
+/**
+ * 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 { KubeObjectMenuProps } from "../kube-object-menu";
+import type { StatefulSet, StatefulSetApi } from "../../../common/k8s-api/endpoints";
+import { MenuItem } from "../menu";
+import { Icon } from "../icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import statefulSetApiInjectable from "../../../common/k8s-api/endpoints/stateful-set.api.injectable";
+import type { OpenConfirmDialog } from "../confirm-dialog/open.injectable";
+import openConfirmDialogInjectable from "../confirm-dialog/open.injectable";
+import type { ShowCheckedErrorNotification } from "../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../notifications/show-checked-error.injectable";
+
+export interface StatefulSetMenuProps extends KubeObjectMenuProps<StatefulSet> {}
+
+interface Dependencies {
+  statefulsetApi: StatefulSetApi;
+  openConfirmDialog: OpenConfirmDialog;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+const NonInjectedStatefulSetMenu = ({
+  statefulsetApi,
+  object,
+  toolbar,
+  showCheckedErrorNotification,
+  openConfirmDialog,
+}: Dependencies & StatefulSetMenuProps) => (
+  <>
+    <MenuItem
+      onClick={() => openConfirmDialog({
+        ok: async () =>
+        {
+          try {
+            await statefulsetApi.restart({
+              namespace: object.getNs(),
+              name: object.getName(),
+            });
+          } catch (err) {
+            showCheckedErrorNotification(err, "Unknown error occured while restarting statefulset");
+          }
+        },
+        labelOk: "Restart",
+        message: (
+          <p>
+            {"Are you sure you want to restart statefulset "}
+            <b>{object.getName()}</b>
+            ?
+          </p>
+        ),
+      })}
+    >
+      <Icon
+        material="autorenew"
+        tooltip="Restart"
+        interactive={toolbar}
+      />
+      <span className="title">Restart</span>
+    </MenuItem>
+  </>
+);
+
+export const StatefulSetMenu = withInjectables<Dependencies, StatefulSetMenuProps>(NonInjectedStatefulSetMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+    statefulsetApi: di.inject(statefulSetApiInjectable),
+    openConfirmDialog: di.inject(openConfirmDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets-route-component.injectable.ts b/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets-route-component.injectable.ts
new file mode 100644
index 0000000000..0f461e4735
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets-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 { StatefulSets } from "./statefulsets";
+import statefulsetsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/statefulsets/statefulsets-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const statefulsetsRouteComponentInjectable = getInjectable({
+  id: "statefulsets-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(statefulsetsRouteInjectable),
+    Component: StatefulSets,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default statefulsetsRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..db78a8eac8
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets-sidebar-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 statefulsetsRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/statefulsets/statefulsets-route.injectable";
+import { workloadsSidebarItemId } from "../+workloads/workloads-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToStatefulsetsInjectable from "../../../common/front-end-routing/routes/cluster/workloads/statefulsets/navigate-to-statefulsets.injectable";
+
+const statefulsetsSidebarItemsInjectable = getInjectable({
+  id: "statefulsets-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(statefulsetsRouteInjectable);
+    const navigateToStatefulsets = di.inject(navigateToStatefulsetsInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "stateful-sets",
+        parentId: workloadsSidebarItemId,
+        title: "StatefulSets",
+        onClick: navigateToStatefulsets,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 50,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default statefulsetsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets.scss b/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets.scss
new file mode 100644
index 0000000000..23b4da9242
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets.scss
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.StatefulSets {
+  .TableCell {
+    &.name {
+      flex-grow: 2;
+    }
+
+    &.pods {
+      flex-grow: 1;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets.tsx b/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets.tsx
new file mode 100644
index 0000000000..30a3970c69
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/statefulsets.tsx
@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./statefulsets.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { StatefulSet } from "../../../common/k8s-api/endpoints";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import type { StatefulSetStore } from "./store";
+import type { EventStore } from "../+events/store";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import eventStoreInjectable from "../+events/store.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import statefulSetStoreInjectable from "./store.injectable";
+import { prevDefault } from "../../utils";
+
+enum columnId {
+  name = "name",
+  namespace = "namespace",
+  pods = "pods",
+  age = "age",
+  replicas = "replicas",
+}
+
+interface Dependencies {
+  statefulSetStore: StatefulSetStore;
+  eventStore: EventStore;
+  filterByNamespace: FilterByNamespace;
+}
+
+const renderPodCounts = (statefulSet: StatefulSet) => {
+  const { readyReplicas, currentReplicas } = statefulSet.status ?? {};
+
+  return `${readyReplicas || 0}/${currentReplicas || 0}`;
+};
+
+const NonInjectedStatefulSets = observer((props: Dependencies) => {
+  const {
+    eventStore,
+    filterByNamespace,
+    statefulSetStore,
+  } = props;
+
+  return (
+    <SiblingsInTabLayout>
+      <KubeObjectListLayout
+        isConfigurable
+        tableId="workload_statefulsets"
+        className="StatefulSets"
+        store={statefulSetStore}
+        dependentStores={[eventStore]}
+        sortingCallbacks={{
+          [columnId.name]: statefulSet => statefulSet.getName(),
+          [columnId.namespace]: statefulSet => statefulSet.getNs(),
+          [columnId.age]: statefulSet => -statefulSet.getCreationTimestamp(),
+          [columnId.replicas]: statefulSet => statefulSet.getReplicas(),
+        }}
+        searchFilters={[
+          statefulSet => statefulSet.getSearchFields(),
+        ]}
+        renderHeaderTitle="Stateful Sets"
+        renderTableHeader={[
+          { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+          { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
+          { title: "Pods", className: "pods", id: columnId.pods },
+          { title: "Replicas", className: "replicas", sortBy: columnId.replicas, id: columnId.replicas },
+          { className: "warning", showWithColumn: columnId.replicas },
+          { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+        ]}
+        renderTableContents={statefulSet => [
+          statefulSet.getName(),
+          <a
+            key="namespace"
+            className="filterNamespace"
+            onClick={prevDefault(() => filterByNamespace(statefulSet.getNs()))}
+          >
+            {statefulSet.getNs()}
+          </a>,
+          renderPodCounts(statefulSet),
+          statefulSet.getReplicas(),
+          <KubeObjectStatusIcon key="icon" object={statefulSet} />,
+          <KubeObjectAge key="age" object={statefulSet} />,
+        ]}
+      />
+    </SiblingsInTabLayout>
+  );
+});
+
+export const StatefulSets = withInjectables<Dependencies>(NonInjectedStatefulSets, {
+  getProps: (di, props) => ({
+    ...props,
+    eventStore: di.inject(eventStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    statefulSetStore: di.inject(statefulSetStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/store.injectable.ts b/packages/core/src/renderer/components/+workloads-statefulsets/store.injectable.ts
new file mode 100644
index 0000000000..ce8649b109
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/store.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 assert from "assert";
+import getPodsByOwnerIdInjectable from "../+workloads-pods/get-pods-by-owner-id.injectable";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import statefulSetApiInjectable from "../../../common/k8s-api/endpoints/stateful-set.api.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { StatefulSetStore } from "./store";
+
+const statefulSetStoreInjectable = getInjectable({
+  id: "stateful-set-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "statefulSetStore is only available in certain environment");
+
+    const api = di.inject(statefulSetApiInjectable);
+
+    return new StatefulSetStore({
+      getPodsByOwnerId: di.inject(getPodsByOwnerIdInjectable),
+      context: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+      logger: di.inject(loggerInjectable),
+    }, api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default statefulSetStoreInjectable;
diff --git a/packages/core/src/renderer/components/+workloads-statefulsets/store.ts b/packages/core/src/renderer/components/+workloads-statefulsets/store.ts
new file mode 100644
index 0000000000..bdedcdcaf7
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads-statefulsets/store.ts
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { GetPodsByOwnerId } from "../+workloads-pods/get-pods-by-owner-id.injectable";
+import type { StatefulSet, StatefulSetApi } from "../../../common/k8s-api/endpoints";
+import { PodStatusPhase } from "../../../common/k8s-api/endpoints";
+import type { KubeObjectStoreDependencies, KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+
+interface Dependencies extends KubeObjectStoreDependencies {
+  getPodsByOwnerId: GetPodsByOwnerId;
+}
+
+export class StatefulSetStore extends KubeObjectStore<StatefulSet, StatefulSetApi> {
+  constructor(protected readonly dependencies: Dependencies, api: StatefulSetApi, opts?: KubeObjectStoreOptions) {
+    super(dependencies, api, opts);
+  }
+
+  getChildPods(statefulSet: StatefulSet) {
+    return this.dependencies.getPodsByOwnerId(statefulSet.getId());
+  }
+
+  getStatuses(statefulSets: StatefulSet[]) {
+    const status = { running: 0, failed: 0, pending: 0 };
+
+    for (const statefulSet of statefulSets) {
+      const statuses = new Set(this.getChildPods(statefulSet).map(pod => pod.getStatus()));
+
+      if (statuses.has(PodStatusPhase.FAILED)) {
+        status.failed++;
+      } else if (statuses.has(PodStatusPhase.PENDING)) {
+        status.pending++;
+      } else {
+        status.running++;
+      }
+    }
+
+    return status;
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads/workloads-mixins.scss b/packages/core/src/renderer/components/+workloads/workloads-mixins.scss
new file mode 100644
index 0000000000..2f4b20fff1
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads/workloads-mixins.scss
@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Pods
+$pod-status-running-color: var(--colorOk);
+$pod-status-pending-color: var(--colorWarning);
+$pod-status-evicted-color: var(--colorError);
+$pod-status-succeeded-color: var(--colorSuccess);
+$pod-status-failed-color: var(--colorError);
+$pod-status-terminated-color: var(--colorTerminated);
+$pod-status-terminating-color: var(--colorTerminated);
+$pod-status-unknown-color: var(--colorVague);
+$pod-status-complete-color: var(--colorSuccess);
+$pod-status-crash-loop-color: var(--colorError);
+$pod-scheduled: var(--colorOk);
+$pod-ready: var(--colorOk);
+$pod-initialized: var(--colorOk);
+$pod-unschedulable: var(--colorError);
+$pod-containers-ready: var(--colorInfo);
+$pod-error: var(--colorError);
+$pod-container-creating: var(--colorInfo);
+
+// Deployments
+$deployment-available: var(--colorOk);
+$deployment-progressing: var(--colorInfo);
+$deployment-replicafailure: var(--colorError);
+
+// Jobs
+$job-complete: var(--colorSuccess);
+$job-failed: var(--colorError);
+
+// Cronjob
+$cronjob-scheduled: var(--colorSuccess);
+$cronjob-suspended: var(--colorTerminated);
+
+// Pod Statuses
+$pod-status-color-list: (
+  running: $pod-status-running-color,
+  pending: $pod-status-pending-color,
+  evicted: $pod-status-evicted-color,
+  waiting: $pod-status-pending-color,
+  succeeded: $pod-status-succeeded-color,
+  failed: $pod-status-failed-color,
+  terminating: $pod-status-terminating-color,
+  terminated: $pod-status-terminated-color,
+  completed: $pod-status-complete-color,
+  crash-loop-back-off: $pod-status-crash-loop-color,
+  error: $pod-error,
+  container-creating: $pod-container-creating,
+);
+
+// Job Conditions
+$job-condition-color-list: (
+  complete: $job-complete,
+  failed: $job-failed,
+);
+
+// Cronjob Conditions
+$cronjob-condition-color-list: (
+  scheduled: $cronjob-scheduled,
+  suspended: $cronjob-suspended,
+);
+
+@mixin pod-status-bgs {
+  @each $status, $color in $pod-status-color-list {
+    &.#{$status} {
+      color: white;
+      background: $color;
+    }
+  }
+}
+
+@mixin pod-status-colors {
+  @each $status, $color in $pod-status-color-list {
+    &.#{$status} {
+      color: $color;
+    }
+  }
+}
+
+@mixin job-condition-bgs {
+  @each $condition, $color in $job-condition-color-list {
+    .#{$condition} {
+      color: white;
+      background: $color;
+    }
+  }
+}
+
+@mixin job-condition-colors {
+  @each $condition, $color in $job-condition-color-list {
+    &.#{$condition} {
+      color: $color;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/+workloads/workloads-sidebar-items.injectable.tsx b/packages/core/src/renderer/components/+workloads/workloads-sidebar-items.injectable.tsx
new file mode 100644
index 0000000000..933dced46a
--- /dev/null
+++ b/packages/core/src/renderer/components/+workloads/workloads-sidebar-items.injectable.tsx
@@ -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 type {
+  SidebarItemRegistration } from "../layout/sidebar-items.injectable";
+import {
+  sidebarItemsInjectionToken,
+} from "../layout/sidebar-items.injectable";
+import { Icon } from "../icon";
+import React from "react";
+import { noop } from "lodash/fp";
+
+export const workloadsSidebarItemId = "workloads";
+
+const workloadsSidebarItemsInjectable = getInjectable({
+  id: "workloads-sidebar-items",
+
+  instantiate: () =>
+    computed((): SidebarItemRegistration[] => [
+      {
+        id: workloadsSidebarItemId,
+        parentId: null,
+        title: "Workloads",
+        getIcon: () => <Icon svg="workloads" />,
+        onClick: noop,
+        orderNumber: 20,
+      },
+    ]),
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default workloadsSidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/__tests__/cronjob.store.test.ts b/packages/core/src/renderer/components/__tests__/cronjob.store.test.ts
new file mode 100644
index 0000000000..322e609953
--- /dev/null
+++ b/packages/core/src/renderer/components/__tests__/cronjob.store.test.ts
@@ -0,0 +1,171 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { CronJobStore } from "../+workloads-cronjobs/store";
+import cronJobStoreInjectable from "../+workloads-cronjobs/store.injectable";
+import { CronJob } from "../../../common/k8s-api/endpoints";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../cluster/create-cluster.injectable";
+
+const scheduledCronJob = new CronJob({
+  apiVersion: "foo",
+  kind: "CronJob",
+  metadata: {
+    name: "scheduledCronJob",
+    resourceVersion: "scheduledCronJob",
+    uid: "scheduledCronJob",
+    namespace: "default",
+    selfLink: "/apis/batch/v1beta1/cronjobs/default/scheduledCronJob",
+  },
+  spec: {
+    schedule: "test",
+    concurrencyPolicy: "test",
+    suspend: false,
+    jobTemplate: {
+      metadata: {},
+      spec: {
+        template: {
+          metadata: {},
+          spec: {
+            containers: [],
+            restartPolicy: "restart",
+            terminationGracePeriodSeconds: 1,
+            dnsPolicy: "no",
+            hostPID: true,
+            schedulerName: "string",
+          },
+        },
+      },
+    },
+    successfulJobsHistoryLimit: 1,
+    failedJobsHistoryLimit: 1,
+  },
+});
+
+const suspendedCronJob = new CronJob({
+  apiVersion: "foo",
+  kind: "CronJob",
+  metadata: {
+    name: "suspendedCronJob",
+    resourceVersion: "suspendedCronJob",
+    uid: "suspendedCronJob",
+    namespace: "default",
+    selfLink: "/apis/batch/v1beta1/cronjobs/default/suspendedCronJob",
+  },
+  spec: {
+    schedule: "test",
+    concurrencyPolicy: "test",
+    suspend: true,
+    jobTemplate: {
+      metadata: {},
+      spec: {
+        template: {
+          metadata: {},
+          spec: {
+            containers: [],
+            restartPolicy: "restart",
+            terminationGracePeriodSeconds: 1,
+            dnsPolicy: "no",
+            hostPID: true,
+            schedulerName: "string",
+          },
+        },
+      },
+    },
+    successfulJobsHistoryLimit: 1,
+    failedJobsHistoryLimit: 1,
+  },
+});
+
+const otherSuspendedCronJob = new CronJob({
+  apiVersion: "foo",
+  kind: "CronJob",
+  metadata: {
+    name: "otherSuspendedCronJob",
+    resourceVersion: "otherSuspendedCronJob",
+    uid: "otherSuspendedCronJob",
+    namespace: "default",
+    selfLink: "/apis/batch/v1beta1/cronjobs/default/otherSuspendedCronJob",
+  },
+  spec: {
+    schedule: "test",
+    concurrencyPolicy: "test",
+    suspend: true,
+    jobTemplate: {
+      metadata: {},
+      spec: {
+        template: {
+          metadata: {},
+          spec: {
+            containers: [],
+            restartPolicy: "restart",
+            terminationGracePeriodSeconds: 1,
+            dnsPolicy: "no",
+            hostPID: true,
+            schedulerName: "string",
+          },
+        },
+      },
+    },
+    successfulJobsHistoryLimit: 1,
+    failedJobsHistoryLimit: 1,
+  },
+});
+
+describe("CronJob Store tests", () => {
+  let cronJobStore: CronJobStore;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    cronJobStore = di.inject(cronJobStoreInjectable);
+  });
+
+  it("gets CronJob statuses in proper sorting order", () => {
+    const statuses = Object.entries(cronJobStore.getStatuses([
+      suspendedCronJob,
+      otherSuspendedCronJob,
+      scheduledCronJob,
+    ]));
+
+    expect(statuses).toEqual([
+      ["scheduled", 1],
+      ["suspended", 2],
+    ]);
+  });
+
+  it("returns 0 for other statuses", () => {
+    let statuses = Object.entries(cronJobStore.getStatuses([scheduledCronJob]));
+
+    expect(statuses).toEqual([
+      ["scheduled", 1],
+      ["suspended", 0],
+    ]);
+
+    statuses = Object.entries(cronJobStore.getStatuses([suspendedCronJob]));
+
+    expect(statuses).toEqual([
+      ["scheduled", 0],
+      ["suspended", 1],
+    ]);
+  });
+});
diff --git a/packages/core/src/renderer/components/__tests__/daemonset.store.test.ts b/packages/core/src/renderer/components/__tests__/daemonset.store.test.ts
new file mode 100644
index 0000000000..da5a167ffd
--- /dev/null
+++ b/packages/core/src/renderer/components/__tests__/daemonset.store.test.ts
@@ -0,0 +1,206 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable } from "mobx";
+import type { DaemonSetStore } from "../+workloads-daemonsets/store";
+import daemonSetStoreInjectable from "../+workloads-daemonsets/store.injectable";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import { DaemonSet, Pod } from "../../../common/k8s-api/endpoints";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../cluster/create-cluster.injectable";
+
+const runningDaemonSet = new DaemonSet({
+  apiVersion: "foo",
+  kind: "DaemonSet",
+  metadata: {
+    name: "runningDaemonSet",
+    resourceVersion: "runningDaemonSet",
+    uid: "runningDaemonSet",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/daemonsets/default/runningDaemonSet",
+  },
+});
+
+const failedDaemonSet = new DaemonSet({
+  apiVersion: "foo",
+  kind: "DaemonSet",
+  metadata: {
+    name: "failedDaemonSet",
+    resourceVersion: "failedDaemonSet",
+    uid: "failedDaemonSet",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/daemonsets/default/failedDaemonSet",
+  },
+});
+
+const pendingDaemonSet = new DaemonSet({
+  apiVersion: "foo",
+  kind: "DaemonSet",
+  metadata: {
+    name: "pendingDaemonSet",
+    resourceVersion: "pendingDaemonSet",
+    uid: "pendingDaemonSet",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/daemonsets/default/pendingDaemonSet",
+  },
+});
+
+const runningPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar",
+    resourceVersion: "foobar",
+    uid: "foobar",
+    ownerReferences: [{
+      uid: "runningDaemonSet",
+      apiVersion: "apps/v1",
+      kind: "DaemonSet",
+      name: "running",
+    }],
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar",
+  },
+  status: {
+    phase: "Running",
+    conditions: [
+      {
+        type: "Initialized",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+      {
+        type: "Ready",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+    ],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+    containerStatuses: [],
+    initContainerStatuses: [],
+  },
+});
+
+const pendingPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-pending",
+    resourceVersion: "foobar",
+    uid: "foobar-pending",
+    ownerReferences: [{
+      uid: "pendingDaemonSet",
+      apiVersion: "apps/v1",
+      kind: "DaemonSet",
+      name: "pending",
+    }],
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-pending",
+  },
+});
+
+const failedPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-failed",
+    resourceVersion: "foobar",
+    uid: "foobar-failed",
+    ownerReferences: [{
+      uid: "failedDaemonSet",
+      apiVersion: "apps/v1",
+      kind: "DaemonSet",
+      name: "failed",
+    }],
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-failed",
+  },
+  status: {
+    phase: "Failed",
+    conditions: [],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+  },
+});
+
+describe("DaemonSet Store tests", () => {
+  let daemonSetStore: DaemonSetStore;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    const podStore = di.inject(podStoreInjectable);
+
+    daemonSetStore = di.inject(daemonSetStoreInjectable);
+    podStore.items = observable.array([
+      runningPod,
+      failedPod,
+      pendingPod,
+    ]);
+  });
+
+  it("gets DaemonSet statuses in proper sorting order", () => {
+    const statuses = Object.entries(daemonSetStore.getStatuses([
+      failedDaemonSet,
+      runningDaemonSet,
+      pendingDaemonSet,
+    ]));
+
+    expect(statuses).toEqual([
+      ["running", 1],
+      ["failed", 1],
+      ["pending", 1],
+    ]);
+  });
+
+  it("returns 0 for other statuses", () => {
+    let statuses = Object.entries(daemonSetStore.getStatuses([runningDaemonSet]));
+
+    expect(statuses).toEqual([
+      ["running", 1],
+      ["failed", 0],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(daemonSetStore.getStatuses([failedDaemonSet]));
+
+    expect(statuses).toEqual([
+      ["running", 0],
+      ["failed", 1],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(daemonSetStore.getStatuses([pendingDaemonSet]));
+
+    expect(statuses).toEqual([
+      ["running", 0],
+      ["failed", 0],
+      ["pending", 1],
+    ]);
+  });
+});
diff --git a/packages/core/src/renderer/components/__tests__/deployments.store.test.ts b/packages/core/src/renderer/components/__tests__/deployments.store.test.ts
new file mode 100644
index 0000000000..dc50f85ccf
--- /dev/null
+++ b/packages/core/src/renderer/components/__tests__/deployments.store.test.ts
@@ -0,0 +1,279 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable } from "mobx";
+import type { DeploymentStore } from "../+workloads-deployments/store";
+import deploymentStoreInjectable from "../+workloads-deployments/store.injectable";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import type { PodSpec } from "../../../common/k8s-api/endpoints";
+import { Deployment, Pod } from "../../../common/k8s-api/endpoints";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../cluster/create-cluster.injectable";
+
+const spec: PodSpec = {
+  containers: [{
+    name: "some",
+    image: "someimage",
+    resources: {
+      requests: {
+        cpu: "2",
+        memory: "2Gi",
+      },
+    },
+    terminationMessagePath: "test",
+    terminationMessagePolicy: "File",
+    imagePullPolicy: "Always",
+  }],
+  restartPolicy: "restart",
+  terminationGracePeriodSeconds: 1200,
+  dnsPolicy: "dns",
+  serviceAccountName: "test",
+  serviceAccount: "test",
+  securityContext: {},
+  schedulerName: "test",
+};
+
+const runningDeployment = new Deployment({
+  apiVersion: "foo",
+  kind: "Deployment",
+  metadata: {
+    name: "foobar",
+    resourceVersion: "foobar",
+    uid: "foobar",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/deployments/default/foobar",
+  },
+  spec: {
+    replicas: 1,
+    selector: { matchLabels: {}},
+    strategy: {
+      type: "test",
+      rollingUpdate: {
+        maxSurge: 1,
+        maxUnavailable: 1,
+      },
+    },
+    template: {
+      metadata: {
+        labels: {
+          "name": "kube-state-metrics",
+        },
+      },
+      spec,
+    },
+  },
+});
+
+const failedDeployment = new Deployment({
+  apiVersion: "foo",
+  kind: "Deployment",
+  metadata: {
+    name: "failedDeployment",
+    resourceVersion: "failedDeployment",
+    uid: "failedDeployment",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/deployments/default/failedDeployment",
+  },
+  spec: {
+    replicas: 1,
+    selector: { matchLabels: {}},
+    strategy: {
+      type: "test",
+      rollingUpdate: {
+        maxSurge: 1,
+        maxUnavailable: 1,
+      },
+    },
+    template: {
+      metadata: {
+        labels: {
+          "name": "failedpods",
+        },
+      },
+      spec,
+    },
+  },
+});
+
+const pendingDeployment = new Deployment({
+  apiVersion: "foo",
+  kind: "Deployment",
+  metadata: {
+    name: "pendingDeployment",
+    resourceVersion: "pendingDeployment",
+    uid: "pendingDeployment",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/deployments/default/pendingDeployment",
+  },
+  spec: {
+    replicas: 1,
+    selector: { matchLabels: {}},
+    strategy: {
+      type: "test",
+      rollingUpdate: {
+        maxSurge: 1,
+        maxUnavailable: 1,
+      },
+    },
+    template: {
+      metadata: {
+        labels: {
+          "mydeployment": "true",
+        },
+      },
+      spec,
+    },
+  },
+});
+
+const runningPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar",
+    resourceVersion: "foobar",
+    uid: "foobar",
+    labels: {
+      "name": "kube-state-metrics",
+    },
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar",
+  },
+  status: {
+    phase: "Running",
+    conditions: [
+      {
+        type: "Initialized",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+      {
+        type: "Ready",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+    ],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+    containerStatuses: [],
+    initContainerStatuses: [],
+  },
+});
+
+const pendingPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-pending",
+    resourceVersion: "foobar",
+    uid: "foobar-pending",
+    labels: {
+      "mydeployment": "true",
+    },
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-pending",
+  },
+});
+
+const failedPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-failed",
+    resourceVersion: "foobar",
+    uid: "foobar-failed",
+    labels: {
+      "name": "failedpods",
+    },
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-failed",
+  },
+  status: {
+    phase: "Failed",
+    conditions: [],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+  },
+});
+
+describe("Deployment Store tests", () => {
+  let deploymentStore: DeploymentStore;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    const podStore = di.inject(podStoreInjectable);
+
+    // Add pods to pod store
+    podStore.items = observable.array([
+      runningPod,
+      failedPod,
+      pendingPod,
+    ]);
+    deploymentStore = di.inject(deploymentStoreInjectable);
+  });
+
+  it("gets Deployment statuses in proper sorting order", () => {
+    const statuses = Object.entries(deploymentStore.getStatuses([
+      failedDeployment,
+      runningDeployment,
+      pendingDeployment,
+    ]));
+
+    expect(statuses).toEqual([
+      ["running", 1],
+      ["failed", 1],
+      ["pending", 1],
+    ]);
+  });
+
+  it("returns 0 for other statuses", () => {
+    let statuses = Object.entries(deploymentStore.getStatuses([runningDeployment]));
+
+    expect(statuses).toEqual([
+      ["running", 1],
+      ["failed", 0],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(deploymentStore.getStatuses([failedDeployment]));
+
+    expect(statuses).toEqual([
+      ["running", 0],
+      ["failed", 1],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(deploymentStore.getStatuses([pendingDeployment]));
+
+    expect(statuses).toEqual([
+      ["running", 0],
+      ["failed", 0],
+      ["pending", 1],
+    ]);
+  });
+});
diff --git a/packages/core/src/renderer/components/__tests__/job.store.test.ts b/packages/core/src/renderer/components/__tests__/job.store.test.ts
new file mode 100644
index 0000000000..5a000d18ae
--- /dev/null
+++ b/packages/core/src/renderer/components/__tests__/job.store.test.ts
@@ -0,0 +1,260 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable } from "mobx";
+import type { JobStore } from "../+workloads-jobs/store";
+import jobStoreInjectable from "../+workloads-jobs/store.injectable";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import { Job, Pod } from "../../../common/k8s-api/endpoints";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../cluster/create-cluster.injectable";
+
+const runningJob = new Job({
+  apiVersion: "foo",
+  kind: "Job",
+  metadata: {
+    name: "runningJob",
+    resourceVersion: "runningJob",
+    uid: "runningJob",
+    namespace: "default",
+    selfLink: "/apis/batch/v1/jobs/default/runningJob",
+  },
+});
+
+const failedJob = new Job({
+  apiVersion: "foo",
+  kind: "Job",
+  metadata: {
+    name: "failedJob",
+    resourceVersion: "failedJob",
+    uid: "failedJob",
+    namespace: "default",
+    selfLink: "/apis/batch/v1/jobs/default/failedJob",
+  },
+});
+
+const pendingJob = new Job({
+  apiVersion: "foo",
+  kind: "Job",
+  metadata: {
+    name: "pendingJob",
+    resourceVersion: "pendingJob",
+    uid: "pendingJob",
+    namespace: "default",
+    selfLink: "/apis/batch/v1/jobs/default/pendingJob",
+  },
+});
+
+const succeededJob = new Job({
+  apiVersion: "foo",
+  kind: "Job",
+  metadata: {
+    name: "succeededJob",
+    resourceVersion: "succeededJob",
+    uid: "succeededJob",
+    namespace: "default",
+    selfLink: "/apis/batch/v1/jobs/default/succeededJob",
+  },
+});
+
+const runningPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar",
+    resourceVersion: "foobar",
+    uid: "foobar",
+    ownerReferences: [{
+      uid: "runningJob",
+      apiVersion: "v1",
+      kind: "Pod",
+      name: "running",
+    }],
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar",
+  },
+  status: {
+    phase: "Running",
+    conditions: [
+      {
+        type: "Initialized",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+      {
+        type: "Ready",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+    ],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+    containerStatuses: [],
+    initContainerStatuses: [],
+  },
+});
+
+const pendingPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-pending",
+    resourceVersion: "foobar",
+    uid: "foobar-pending",
+    ownerReferences: [{
+      uid: "pendingJob",
+      apiVersion: "v1",
+      kind: "Pod",
+      name: "pending",
+    }],
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-pending",
+  },
+});
+
+const failedPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-failed",
+    resourceVersion: "foobar",
+    uid: "foobar-failed",
+    ownerReferences: [{
+      uid: "failedJob",
+      apiVersion: "v1",
+      kind: "Pod",
+      name: "failed",
+    }],
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-failed",
+  },
+  status: {
+    phase: "Failed",
+    conditions: [],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+  },
+});
+
+const succeededPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-succeeded",
+    resourceVersion: "foobar",
+    uid: "foobar-succeeded",
+    ownerReferences: [{
+      uid: "succeededJob",
+      apiVersion: "v1",
+      kind: "Pod",
+      name: "succeeded",
+    }],
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-succeeded",
+  },
+  status: {
+    phase: "Succeeded",
+    conditions: [],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+  },
+});
+
+describe("Job Store tests", () => {
+  let jobStore: JobStore;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    jobStore = di.inject(jobStoreInjectable);
+
+    const podStore = di.inject(podStoreInjectable);
+
+    // Add pods to pod store
+    podStore.items = observable.array([
+      runningPod,
+      failedPod,
+      pendingPod,
+      succeededPod,
+    ]);
+  });
+
+  it("gets Job statuses in proper sorting order", () => {
+    const statuses = Object.entries(jobStore.getStatuses([
+      failedJob,
+      succeededJob,
+      runningJob,
+      pendingJob,
+    ]));
+
+    expect(statuses).toEqual([
+      ["succeeded", 1],
+      ["running", 1],
+      ["failed", 1],
+      ["pending", 1],
+    ]);
+  });
+
+  it("returns 0 for other statuses", () => {
+    let statuses = Object.entries(jobStore.getStatuses([succeededJob]));
+
+    expect(statuses).toEqual([
+      ["succeeded", 1],
+      ["running", 0],
+      ["failed", 0],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(jobStore.getStatuses([runningJob]));
+
+    expect(statuses).toEqual([
+      ["succeeded", 0],
+      ["running", 1],
+      ["failed", 0],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(jobStore.getStatuses([failedJob]));
+
+    expect(statuses).toEqual([
+      ["succeeded", 0],
+      ["running", 0],
+      ["failed", 1],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(jobStore.getStatuses([pendingJob]));
+
+    expect(statuses).toEqual([
+      ["succeeded", 0],
+      ["running", 0],
+      ["failed", 0],
+      ["pending", 1],
+    ]);
+  });
+});
diff --git a/packages/core/src/renderer/components/__tests__/nodes.api.test.ts b/packages/core/src/renderer/components/__tests__/nodes.api.test.ts
new file mode 100644
index 0000000000..c152dc7b18
--- /dev/null
+++ b/packages/core/src/renderer/components/__tests__/nodes.api.test.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 { formatNodeTaint } from "../../../common/k8s-api/endpoints";
+
+describe("formatNodeTaint tests", () => {
+  it("should use value if defined", () => {
+    expect(formatNodeTaint({
+      effect: "Foo",
+      key: "hello",
+      timeAdded: "pre",
+      value: "a",
+    })).toBe("hello=a:Foo");
+  });
+
+  it("should not use value if not defined", () => {
+    expect(formatNodeTaint({
+      effect: "Foo",
+      key: "hello",
+      timeAdded: "pre",
+    })).toBe("hello:Foo");
+  });
+});
diff --git a/packages/core/src/renderer/components/__tests__/pods.store.test.ts b/packages/core/src/renderer/components/__tests__/pods.store.test.ts
new file mode 100644
index 0000000000..229c94c2d8
--- /dev/null
+++ b/packages/core/src/renderer/components/__tests__/pods.store.test.ts
@@ -0,0 +1,178 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { Pod } from "../../../common/k8s-api/endpoints";
+import type { PodStore } from "../+workloads-pods/store";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../cluster/create-cluster.injectable";
+
+const runningPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar",
+    resourceVersion: "foobar",
+    uid: "foobar",
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar",
+  },
+  status: {
+    phase: "Running",
+    conditions: [
+      {
+        type: "Initialized",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+      {
+        type: "Ready",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+    ],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+    containerStatuses: [],
+    initContainerStatuses: [],
+  },
+});
+
+const pendingPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-pending",
+    resourceVersion: "foobar",
+    uid: "foobar-pending",
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-pending",
+  },
+});
+
+const failedPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-failed",
+    resourceVersion: "foobar",
+    uid: "foobar-failed",
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-failed",
+  },
+  status: {
+    phase: "Failed",
+    conditions: [],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+  },
+});
+
+const evictedPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-evicted",
+    resourceVersion: "foobar",
+    uid: "foobar-evicted",
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-evicted",
+  },
+  status: {
+    phase: "Failed",
+    reason: "Evicted",
+    conditions: [],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+  },
+});
+
+const succeededPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-succeeded",
+    resourceVersion: "foobar",
+    uid: "foobar-succeeded",
+    namespace: "default",
+    selfLink: "/api/v1/pods/default/foobar-succeeded",
+  },
+  status: {
+    phase: "Succeeded",
+    conditions: [],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+  },
+});
+
+describe("Pod Store tests", () => {
+  let podStore: PodStore;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    podStore = di.inject(podStoreInjectable);
+  });
+
+  it("gets Pod statuses in proper sorting order", () => {
+    const statuses = Object.entries(podStore.getStatuses([
+      pendingPod,
+      runningPod,
+      succeededPod,
+      failedPod,
+      evictedPod,
+      evictedPod,
+    ]));
+
+    expect(statuses).toEqual([
+      ["Succeeded", 1],
+      ["Running", 1],
+      ["Pending", 1],
+      ["Failed", 1],
+      ["Evicted", 2],
+    ]);
+  });
+
+  it("counts statuses properly", () => {
+    const statuses = Object.entries(podStore.getStatuses([
+      pendingPod,
+      pendingPod,
+      pendingPod,
+      runningPod,
+      failedPod,
+      failedPod,
+    ]));
+
+    expect(statuses).toEqual([
+      ["Running", 1],
+      ["Pending", 3],
+      ["Failed", 2],
+    ]);
+  });
+});
diff --git a/packages/core/src/renderer/components/__tests__/replicaset.store.test.ts b/packages/core/src/renderer/components/__tests__/replicaset.store.test.ts
new file mode 100644
index 0000000000..3186725981
--- /dev/null
+++ b/packages/core/src/renderer/components/__tests__/replicaset.store.test.ts
@@ -0,0 +1,206 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable } from "mobx";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import replicasetsStoreInjectable from "../+workloads-replicasets/store.injectable";
+import type { ReplicaSetStore } from "../+workloads-replicasets/store";
+import { ReplicaSet, Pod } from "../../../common/k8s-api/endpoints";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../cluster/create-cluster.injectable";
+
+const runningReplicaSet = new ReplicaSet({
+  apiVersion: "foo",
+  kind: "ReplicaSet",
+  metadata: {
+    name: "runningReplicaSet",
+    resourceVersion: "runningReplicaSet",
+    uid: "runningReplicaSet",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/replicasets/default/runningReplicaSet",
+  },
+});
+
+const failedReplicaSet = new ReplicaSet({
+  apiVersion: "foo",
+  kind: "ReplicaSet",
+  metadata: {
+    name: "failedReplicaSet",
+    resourceVersion: "failedReplicaSet",
+    uid: "failedReplicaSet",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/replicasets/default/failedReplicaSet",
+  },
+});
+
+const pendingReplicaSet = new ReplicaSet({
+  apiVersion: "foo",
+  kind: "ReplicaSet",
+  metadata: {
+    name: "pendingReplicaSet",
+    resourceVersion: "pendingReplicaSet",
+    uid: "pendingReplicaSet",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/replicasets/default/pendingReplicaSet",
+  },
+});
+
+const runningPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar",
+    resourceVersion: "foobar",
+    uid: "foobar",
+    ownerReferences: [{
+      uid: "runningReplicaSet",
+      apiVersion: "v1",
+      kind: "ReplicaSet",
+      name: "running",
+    }],
+    namespace: "default",
+    selfLink: "/apis/apps/v1/replicasets/default/foobar",
+  },
+  status: {
+    phase: "Running",
+    conditions: [
+      {
+        type: "Initialized",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+      {
+        type: "Ready",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+    ],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+    containerStatuses: [],
+    initContainerStatuses: [],
+  },
+});
+
+const pendingPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-pending",
+    resourceVersion: "foobar",
+    uid: "foobar-pending",
+    ownerReferences: [{
+      uid: "pendingReplicaSet",
+      apiVersion: "v1",
+      kind: "ReplicaSet",
+      name: "pending",
+    }],
+    namespace: "default",
+    selfLink: "/apis/apps/v1/replicasets/default/foobar-pending",
+  },
+});
+
+const failedPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-failed",
+    resourceVersion: "foobar",
+    uid: "foobar-failed",
+    ownerReferences: [{
+      uid: "failedReplicaSet",
+      apiVersion: "v1",
+      kind: "ReplicaSet",
+      name: "failed",
+    }],
+    namespace: "default",
+    selfLink: "/apis/apps/v1/replicasets/default/foobar-failed",
+  },
+  status: {
+    phase: "Failed",
+    conditions: [],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+  },
+});
+
+describe("ReplicaSet Store tests", () => {
+  let replicaSetStore: ReplicaSetStore;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    const podStore = di.inject(podStoreInjectable);
+
+    replicaSetStore = di.inject(replicasetsStoreInjectable);
+    podStore.items = observable.array([
+      runningPod,
+      failedPod,
+      pendingPod,
+    ]);
+  });
+
+  it("gets ReplicaSet statuses in proper sorting order", () => {
+    const statuses = Object.entries(replicaSetStore.getStatuses([
+      failedReplicaSet,
+      runningReplicaSet,
+      pendingReplicaSet,
+    ]));
+
+    expect(statuses).toEqual([
+      ["running", 1],
+      ["failed", 1],
+      ["pending", 1],
+    ]);
+  });
+
+  it("returns 0 for other statuses", () => {
+    let statuses = Object.entries(replicaSetStore.getStatuses([runningReplicaSet]));
+
+    expect(statuses).toEqual([
+      ["running", 1],
+      ["failed", 0],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(replicaSetStore.getStatuses([failedReplicaSet]));
+
+    expect(statuses).toEqual([
+      ["running", 0],
+      ["failed", 1],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(replicaSetStore.getStatuses([pendingReplicaSet]));
+
+    expect(statuses).toEqual([
+      ["running", 0],
+      ["failed", 0],
+      ["pending", 1],
+    ]);
+  });
+});
diff --git a/packages/core/src/renderer/components/__tests__/statefulset.store.test.ts b/packages/core/src/renderer/components/__tests__/statefulset.store.test.ts
new file mode 100644
index 0000000000..742955884c
--- /dev/null
+++ b/packages/core/src/renderer/components/__tests__/statefulset.store.test.ts
@@ -0,0 +1,208 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable } from "mobx";
+import podStoreInjectable from "../+workloads-pods/store.injectable";
+import type { StatefulSetStore } from "../+workloads-statefulsets/store";
+import statefulSetStoreInjectable from "../+workloads-statefulsets/store.injectable";
+import { StatefulSet, Pod } from "../../../common/k8s-api/endpoints";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import createClusterInjectable from "../../cluster/create-cluster.injectable";
+
+const runningStatefulSet = new StatefulSet({
+  apiVersion: "foo",
+  kind: "StatefulSet",
+  metadata: {
+    name: "runningStatefulSet",
+    resourceVersion: "runningStatefulSet",
+    uid: "runningStatefulSet",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/statefulsets/default/runningStatefulSet",
+  },
+});
+
+const failedStatefulSet = new StatefulSet({
+  apiVersion: "foo",
+  kind: "StatefulSet",
+  metadata: {
+    name: "failedStatefulSet",
+    resourceVersion: "failedStatefulSet",
+    uid: "failedStatefulSet",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/statefulsets/default/failedStatefulSet",
+  },
+});
+
+const pendingStatefulSet = new StatefulSet({
+  apiVersion: "foo",
+  kind: "StatefulSet",
+  metadata: {
+    name: "pendingStatefulSet",
+    resourceVersion: "pendingStatefulSet",
+    uid: "pendingStatefulSet",
+    namespace: "default",
+    selfLink: "/apis/apps/v1/statefulsets/default/pendingStatefulSet",
+  },
+});
+
+const runningPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar",
+    resourceVersion: "foobar",
+    uid: "foobar",
+    ownerReferences: [{
+      uid: "runningStatefulSet",
+      apiVersion: "v1",
+      kind: "StatefulSet",
+      name: "running",
+    }],
+    namespace: "default",
+    selfLink: "/apis/apps/v1/statefulsets/default/foobar",
+  },
+  status: {
+    phase: "Running",
+    conditions: [
+      {
+        type: "Initialized",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+      {
+        type: "Ready",
+        status: "True",
+        lastProbeTime: 1,
+        lastTransitionTime: "1",
+      },
+    ],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+    containerStatuses: [],
+    initContainerStatuses: [],
+  },
+});
+
+const pendingPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-pending",
+    resourceVersion: "foobar",
+    uid: "foobar-pending",
+    ownerReferences: [{
+      uid: "pendingStatefulSet",
+      apiVersion: "v1",
+      kind: "StatefulSet",
+      name: "pending",
+    }],
+    namespace: "default",
+    selfLink: "/apis/apps/v1/statefulsets/default/foobar-pending",
+  },
+});
+
+const failedPod = new Pod({
+  apiVersion: "foo",
+  kind: "Pod",
+  metadata: {
+    name: "foobar-failed",
+    resourceVersion: "foobar",
+    uid: "foobar-failed",
+    ownerReferences: [{
+      uid: "failedStatefulSet",
+      apiVersion: "v1",
+      kind: "StatefulSet",
+      name: "failed",
+    }],
+    namespace: "default",
+    selfLink: "/apis/apps/v1/statefulsets/default/foobar-failed",
+  },
+  status: {
+    phase: "Failed",
+    conditions: [],
+    hostIP: "10.0.0.1",
+    podIP: "10.0.0.1",
+    startTime: "now",
+  },
+});
+
+describe("StatefulSet Store tests", () => {
+  let statefulSetStore: StatefulSetStore;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-user-store-path");
+    di.override(directoryForKubeConfigsInjectable, () => "/some-kube-configs");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    di.override(hostedClusterInjectable, () => createCluster({
+      contextName: "some-context-name",
+      id: "some-cluster-id",
+      kubeConfigPath: "/some-path-to-a-kubeconfig",
+    }, {
+      clusterServerUrl: "https://localhost:8080",
+    }));
+
+    statefulSetStore = di.inject(statefulSetStoreInjectable);
+
+    const podStore = di.inject(podStoreInjectable);
+
+    // Add pods to pod store
+    podStore.items = observable.array([
+      runningPod,
+      failedPod,
+      pendingPod,
+    ]);
+  });
+
+  it("gets StatefulSet statuses in proper sorting order", () => {
+    const statuses = Object.entries(statefulSetStore.getStatuses([
+      failedStatefulSet,
+      runningStatefulSet,
+      pendingStatefulSet,
+    ]));
+
+    expect(statuses).toEqual([
+      ["running", 1],
+      ["failed", 1],
+      ["pending", 1],
+    ]);
+  });
+
+  it("returns 0 for other statuses", () => {
+    let statuses = Object.entries(statefulSetStore.getStatuses([runningStatefulSet]));
+
+    expect(statuses).toEqual([
+      ["running", 1],
+      ["failed", 0],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(statefulSetStore.getStatuses([failedStatefulSet]));
+
+    expect(statuses).toEqual([
+      ["running", 0],
+      ["failed", 1],
+      ["pending", 0],
+    ]);
+
+    statuses = Object.entries(statefulSetStore.getStatuses([pendingStatefulSet]));
+
+    expect(statuses).toEqual([
+      ["running", 0],
+      ["failed", 0],
+      ["pending", 1],
+    ]);
+  });
+});
diff --git a/packages/core/src/renderer/components/activate-entity-command/activate-entity-command.tsx b/packages/core/src/renderer/components/activate-entity-command/activate-entity-command.tsx
new file mode 100644
index 0000000000..631415d804
--- /dev/null
+++ b/packages/core/src/renderer/components/activate-entity-command/activate-entity-command.tsx
@@ -0,0 +1,55 @@
+/**
+ * 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 type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import React from "react";
+import { broadcastMessage } from "../../../common/ipc";
+import { catalogEntityRunListener } from "../../../common/ipc/catalog";
+import type { CatalogEntity } from "../../api/catalog-entity";
+import catalogEnitiesInjectable from "../../api/catalog/entity/entities.injectable";
+import commandOverlayInjectable from "../command-palette/command-overlay.injectable";
+import { Select } from "../select";
+
+interface Dependencies {
+  closeCommandOverlay: () => void;
+  entities: IComputedValue<CatalogEntity[]>;
+}
+
+const NonInjectedActivateEntityCommand = observer(({
+  closeCommandOverlay,
+  entities,
+}: Dependencies) => (
+  <Select
+    id="activate-entity-input"
+    menuPortalTarget={null}
+    onChange={(option) => {
+      if (option) {
+        broadcastMessage(catalogEntityRunListener, option.value.getId());
+        closeCommandOverlay();
+      }
+    }}
+    components={{ DropdownIndicator: null, IndicatorSeparator: null }}
+    menuIsOpen={true}
+    options={(
+      entities.get()
+        .map(entity => ({
+          value: entity,
+          label: `${entity.kind}: ${entity.getName()}`,
+        }))
+    )}
+    autoFocus={true}
+    escapeClearsValue={false}
+    placeholder="Activate entity ..."
+  />
+));
+
+export const ActivateEntityCommand = withInjectables<Dependencies>(NonInjectedActivateEntityCommand, {
+  getProps: di => ({
+    closeCommandOverlay: di.inject(commandOverlayInjectable).close,
+    entities: di.inject(catalogEnitiesInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/activate-entity-command/index.ts b/packages/core/src/renderer/components/activate-entity-command/index.ts
new file mode 100644
index 0000000000..af8e56d209
--- /dev/null
+++ b/packages/core/src/renderer/components/activate-entity-command/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./activate-entity-command";
diff --git a/packages/core/src/renderer/components/add-remove-buttons/add-remove-buttons.scss b/packages/core/src/renderer/components/add-remove-buttons/add-remove-buttons.scss
new file mode 100644
index 0000000000..b2b462c027
--- /dev/null
+++ b/packages/core/src/renderer/components/add-remove-buttons/add-remove-buttons.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.AddRemoveButtons {
+  position: absolute;
+  margin: $padding * 2;
+  margin-right: $padding * 4;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+
+  .Button {
+    &.remove-button {
+      background-color: var(--borderFaintColor);
+      color: var(--textColorPrimary);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/add-remove-buttons/add-remove-buttons.tsx b/packages/core/src/renderer/components/add-remove-buttons/add-remove-buttons.tsx
new file mode 100644
index 0000000000..e38e0ffe67
--- /dev/null
+++ b/packages/core/src/renderer/components/add-remove-buttons/add-remove-buttons.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 "./add-remove-buttons.scss";
+
+import React from "react";
+import { cssNames } from "../../utils";
+import { Button } from "../button";
+import { Icon } from "../icon";
+
+export interface AddRemoveButtonsProps extends React.HTMLAttributes<any> {
+  onAdd?: () => void;
+  onRemove?: () => void;
+  addTooltip?: React.ReactNode;
+  removeTooltip?: React.ReactNode;
+}
+
+export class AddRemoveButtons extends React.PureComponent<AddRemoveButtonsProps> {
+  renderButtons() {
+    const { onRemove, onAdd, addTooltip, removeTooltip } = this.props;
+
+    return [
+      {
+        onClick: onRemove,
+        className: "remove-button",
+        icon: "remove",
+        tooltip: removeTooltip,
+      },
+      {
+        onClick: onAdd,
+        className: "add-button",
+        icon: "add",
+        tooltip: addTooltip,
+      },
+    ]
+      .filter(button => button.onClick)
+      .map(({ icon, ...props }) => (
+        <Button
+          key={icon}
+          big
+          round
+          primary
+          {...props}
+        >
+          <Icon material={icon} />
+        </Button>
+      ));
+  }
+
+  render() {
+    return (
+      <div className={cssNames("AddRemoveButtons flex gaps", this.props.className)}>
+        {this.renderButtons()}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/add-remove-buttons/index.ts b/packages/core/src/renderer/components/add-remove-buttons/index.ts
new file mode 100644
index 0000000000..adcbf98964
--- /dev/null
+++ b/packages/core/src/renderer/components/add-remove-buttons/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./add-remove-buttons";
diff --git a/packages/core/src/renderer/components/animate/animate.scss b/packages/core/src/renderer/components/animate/animate.scss
new file mode 100644
index 0000000000..761ae05d8f
--- /dev/null
+++ b/packages/core/src/renderer/components/animate/animate.scss
@@ -0,0 +1,73 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Animations
+
+@mixin animate-opacity($enterDuration: var(--enter-duration), $leaveDuration: var(--leave-duration)) {
+  opacity: 0;
+
+  &.enter {
+    transition-property: opacity;
+    transition-duration: $enterDuration;
+    opacity: 1;
+  }
+
+  &.leave {
+    transition-duration: $leaveDuration;
+    transition-timing-function: ease-out;
+    opacity: 0;
+  }
+}
+
+@mixin animate-slide-right($enterDuration: var(--enter-duration), $leaveDuration: var(--leave-duration)) {
+  transform: translateX(100%);
+  will-change: transform;
+
+  &.enter {
+    transform: translateX(0);
+    transition: transform $enterDuration;
+    transition-timing-function: ease-in-out;
+  }
+
+  &.leave {
+    transform: translateX(100%);
+    transition: transform $leaveDuration;
+  }
+}
+
+@mixin animate-opacity-scale($enterDuration: var(--enter-duration), $leaveDuration: var(--leave-duration)) {
+  opacity: 0;
+
+  &.enter {
+    transition: opacity $enterDuration;
+    opacity: 1;
+  }
+
+  &.leave {
+    will-change: opacity, transform;
+    opacity: 0;
+    transform: scale(1.25);
+    transition: transform $leaveDuration ease-in, opacity $leaveDuration ease-out;
+  }
+}
+
+.Animate {
+  &:empty {
+    display: none;
+  }
+
+  // Animation name
+  &.opacity {
+    @include animate-opacity;
+  }
+
+  &.slide-right {
+    @include animate-slide-right;
+  }
+
+  &.opacity-scale {
+    @include animate-opacity-scale;
+  }
+}
diff --git a/packages/core/src/renderer/components/animate/animate.tsx b/packages/core/src/renderer/components/animate/animate.tsx
new file mode 100644
index 0000000000..aa0d673570
--- /dev/null
+++ b/packages/core/src/renderer/components/animate/animate.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 "./animate.scss";
+import React, { useEffect, useState } from "react";
+import { cssNames, noop } from "../../utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { RequestAnimationFrame } from "./request-animation-frame.injectable";
+import requestAnimationFrameInjectable from "./request-animation-frame.injectable";
+import defaultEnterDurationForAnimatedInjectable from "./default-enter-duration.injectable";
+import defaultLeaveDurationForAnimatedInjectable from "./default-leave-duration.injectable";
+
+export type AnimateName = "opacity" | "slide-right" | "opacity-scale" | string;
+
+export interface AnimateProps {
+  name?: AnimateName; // predefined names in css
+  enter?: boolean;
+  onEnter?: () => void;
+  onLeave?: () => void;
+  enterDuration?: number;
+  leaveDuration?: number;
+  children?: React.ReactNode;
+}
+
+interface Dependencies {
+  requestAnimationFrame: RequestAnimationFrame;
+  defaultEnterDuration: number;
+  defaultLeaveDuration: number;
+}
+
+const NonInjectedAnimate = (propsAndDeps: AnimateProps & Dependencies) => {
+  const {
+    requestAnimationFrame,
+    defaultEnterDuration,
+    defaultLeaveDuration,
+    ...props
+  } = propsAndDeps;
+  const {
+    children,
+    enter = true,
+    enterDuration = defaultEnterDuration,
+    leaveDuration = defaultLeaveDuration,
+    name = "opacity",
+    onEnter: onEnterHandler = noop<[]>,
+    onLeave: onLeaveHandler = noop<[]>,
+  } = props;
+
+  const [isVisible, setIsVisible] = useState(false);
+  const [showClassNameEnter, setShowClassNameEnter] = useState(false);
+  const [showClassNameLeave, setShowClassNameLeave] = useState(false);
+
+  const contentElem = React.Children.only(children) as React.ReactElement<React.HTMLAttributes<any>>;
+  const classNames = cssNames("Animate", name, contentElem.props.className, {
+    enter: showClassNameEnter,
+    leave: showClassNameLeave,
+  });
+
+  useEffect(() => {
+    if (enter) {
+      setIsVisible(true);
+
+      requestAnimationFrame(() => {
+        setShowClassNameEnter(true);
+        onEnterHandler();
+      });
+
+      return noop;
+    } else if (isVisible) {
+      setShowClassNameLeave(true);
+      onLeaveHandler();
+
+      // Cleanup after duration
+      const handle = setTimeout(() => {
+        setIsVisible(false);
+        setShowClassNameEnter(false);
+        setShowClassNameLeave(false);
+      }, leaveDuration);
+
+      return () => clearTimeout(handle);
+    }
+
+    return noop;
+  }, [enter]);
+
+  if (!isVisible) {
+    return null;
+  }
+
+  const cssVarsForAnimation = {
+    "--enter-duration": `${enterDuration}ms`,
+    "--leave-duration": `${leaveDuration}ms`,
+  } as React.CSSProperties;
+
+  return React.cloneElement(contentElem, {
+    className: classNames,
+    children: contentElem.props.children,
+    style: {
+      ...contentElem.props.style,
+      ...cssVarsForAnimation,
+    },
+  });
+};
+
+export const Animate = withInjectables<Dependencies, AnimateProps>(NonInjectedAnimate, {
+  getProps: (di, props) => ({
+    ...props,
+    requestAnimationFrame: di.inject(requestAnimationFrameInjectable),
+    defaultEnterDuration: di.inject(defaultEnterDurationForAnimatedInjectable),
+    defaultLeaveDuration: di.inject(defaultLeaveDurationForAnimatedInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/animate/default-enter-duration.injectable.ts b/packages/core/src/renderer/components/animate/default-enter-duration.injectable.ts
new file mode 100644
index 0000000000..c28f8a3346
--- /dev/null
+++ b/packages/core/src/renderer/components/animate/default-enter-duration.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 defaultEnterDurationForAnimatedInjectable = getInjectable({
+  id: "default-enter-duration-for-animated",
+  instantiate: () => 100,
+});
+
+export default defaultEnterDurationForAnimatedInjectable;
diff --git a/packages/core/src/renderer/components/animate/default-leave-duration.injectable.ts b/packages/core/src/renderer/components/animate/default-leave-duration.injectable.ts
new file mode 100644
index 0000000000..01193151ab
--- /dev/null
+++ b/packages/core/src/renderer/components/animate/default-leave-duration.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 defaultLeaveDurationForAnimatedInjectable = getInjectable({
+  id: "default-leave-duration-for-animated",
+  instantiate: () => 100,
+});
+
+export default defaultLeaveDurationForAnimatedInjectable;
diff --git a/packages/core/src/renderer/components/animate/index.ts b/packages/core/src/renderer/components/animate/index.ts
new file mode 100644
index 0000000000..2057d90df8
--- /dev/null
+++ b/packages/core/src/renderer/components/animate/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./animate";
diff --git a/packages/core/src/renderer/components/animate/request-animation-frame.injectable.ts b/packages/core/src/renderer/components/animate/request-animation-frame.injectable.ts
new file mode 100644
index 0000000000..c04fa3a72e
--- /dev/null
+++ b/packages/core/src/renderer/components/animate/request-animation-frame.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";
+
+export type RequestAnimationFrame = (callback: () => void) => void;
+
+const requestAnimationFrameInjectable = getInjectable({
+  id: "request-animation-frame",
+  // NOTE: this cannot be simplified to just `=> requestAnimationFrame` else an Illegal Invocation error will be thrown
+  instantiate: (): RequestAnimationFrame => (callback) => requestAnimationFrame(callback),
+  causesSideEffects: true,
+});
+
+export default requestAnimationFrameInjectable;
diff --git a/packages/core/src/renderer/components/app.scss b/packages/core/src/renderer/components/app.scss
new file mode 100755
index 0000000000..f44d1ee165
--- /dev/null
+++ b/packages/core/src/renderer/components/app.scss
@@ -0,0 +1,275 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import "./flexbox";
+@import "./fonts";
+
+:root {
+  --flex-gap: #{$padding};
+  --unit: 8px;
+  --padding: var(--unit);
+  --margin: var(--unit);
+  --border-radius: 3px;
+  --font-main: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+  --font-monospace: Lucida Console, Monaco, Consolas, monospace; // some defaults
+  --font-terminal: var(--font-monospace); // overridden in terminal.ts, managed by common/user-store.ts
+  --font-size-small: calc(1.5 * var(--unit));
+  --font-size: calc(1.75 * var(--unit));
+  --font-size-big: calc(2 * var(--unit));
+  --font-weight-thin: 300;
+  --font-weight-normal: 400;
+  --font-weight-bold: 500;
+  --main-layout-header: 40px;
+}
+
+*, *:before, *:after {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  outline: none;
+  -webkit-font-smoothing: antialiased;
+}
+
+::-webkit-scrollbar {
+  width: 16px;
+  height: 15px; // Align sizes visually
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scrollBarColor);
+  background-clip: padding-box;
+  border: 4px solid transparent;
+  border-right-width: 5px;
+  border-radius: 16px;
+}
+
+::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+
+::selection {
+  background: var(--primary);
+  color: white;
+}
+
+*:target {
+  color: var(--textColorAccent);
+}
+
+html, body {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  color: var(--textColorPrimary);
+  font-size: var(--font-size);
+  font-family: var(--font-main);
+}
+
+#terminal-init {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0;
+  visibility: hidden;
+  overflow: hidden;
+}
+
+#app {
+  height: 100%;
+  min-height: 100%;
+  background-color: var(--mainBackground);
+
+  &:empty {
+    background-color: transparent;
+  }
+
+  > * {
+    height: inherit;
+  }
+}
+
+fieldset {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
+label {
+  color: var(--textColorSecondary);
+}
+
+ol, ul {
+  margin: 0;
+  list-style: none;
+}
+
+h1 {
+  color: var(--textColorPrimary);
+  font-size: 28px;
+  font-weight: normal;
+  letter-spacing: -.010em;
+  margin: 0;
+}
+
+h2 {
+  @extend h1;
+  font-size: 24px;
+}
+
+h3 {
+  @extend h2;
+  font-size: 20px;
+}
+
+h4 {
+  @extend h3;
+  font-size: 18px;
+}
+
+h5 {
+  @extend h4;
+  padding: $padding * 0.5 0;
+  font-size: 16px;
+}
+
+h6 {
+  @extend h5;
+  font-size: 12px;
+}
+
+small {
+  font-size: $font-size-small;
+}
+
+code {
+  display: inline-block;
+  padding: 0.2em;
+  vertical-align: middle;
+  border-radius: $radius;
+  font-family: $font-monospace;
+  font-size: calc(var(--font-size) * .9);
+  color: #b4b5b4;
+
+  &.block {
+    @include hidden-scrollbar;
+    background: #1a1919;
+    display: block;
+    white-space: pre;
+    padding: $padding * 2;
+  }
+}
+
+a {
+  color: inherit;
+  cursor: pointer;
+
+  [href] {
+    text-decoration: underline;
+  }
+
+  &:not([href]) {
+    border-bottom: 1px dotted;
+    text-decoration: none;
+  }
+}
+
+iframe {
+  color-scheme: auto; // Remove default white background on iframes
+}
+
+// colors
+.success {
+  color: var(--colorSuccess);
+}
+
+.info {
+  color: var(--colorInfo);
+}
+
+.error {
+  color: var(--colorError);
+}
+
+.warning {
+  color: var(--colorWarning);
+}
+
+.contrast {
+  color: var(--textColorAccent);
+}
+
+.text-secondary {
+  color: var(--textColorSecondary);
+}
+
+.nobr {
+  white-space: nowrap;
+}
+
+.flow {
+  --flow-space: #{$margin * 1.5};
+
+  &:not(.column) {
+    > * + * {
+      margin-left: var(--flow-space);
+    }
+  }
+
+  &.column {
+    > * + * {
+      margin-top: var(--flow-space);
+    }
+  }
+}
+
+#fonts-preloading {
+  > span {
+    position: absolute;
+    visibility: hidden;
+    height: 0;
+
+    &:before {
+      width: 0;
+      display: block;
+      overflow: hidden;
+      content: "text-example"; // some text required to start applying/rendering font in document
+      font-family: inherit; // font-family must be specified via style="" (see: template.html)
+    }
+  }
+}
+
+// app's common loading indicator, displaying on the route transitions
+#loading {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin: -15px;
+  z-index: 1000;
+
+  &.hidden {
+    display: none;
+  }
+}
+
+// hack-fix: remove crappy yellow background from auto-filled inputs in chrome
+@keyframes autofill-remove-bgc {
+  to {
+    color: inherit;
+    background: inherit;
+  }
+}
+
+input:-webkit-autofill {
+  -webkit-animation-name: autofill-remove-bgc;
+  -webkit-animation-fill-mode: both;
+}
diff --git a/packages/core/src/renderer/components/avatar/__tests__/avatar.test.tsx b/packages/core/src/renderer/components/avatar/__tests__/avatar.test.tsx
new file mode 100644
index 0000000000..82f4591ff9
--- /dev/null
+++ b/packages/core/src/renderer/components/avatar/__tests__/avatar.test.tsx
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import { Avatar } from "../avatar";
+import { Icon } from "../../icon";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import { type DiRender, renderFor } from "../../test-utils/renderFor";
+
+describe("<Avatar/>", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+  });
+
+  test("renders w/o errors", () => {
+    const { container } = render(<Avatar title="John Ferguson"/>);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  test("shows capital letters from title", () => {
+    const { getByText } = render(<Avatar title="John Ferguson"/>);
+
+    expect(getByText("JF")).toBeInTheDocument();
+  });
+
+  test("shows custom icon passed as children", () => {
+    const { getByTestId } = render(<Avatar title="John Ferguson"><Icon material="alarm" data-testid="alarm-icon"/></Avatar>);
+
+    expect(getByTestId("alarm-icon")).toBeInTheDocument();
+  });
+
+  test("shows <img/> element if src prop passed", () => {
+    const { getByAltText } = render(<Avatar title="John Ferguson" src="someurl"/>);
+
+    expect(getByAltText("John Ferguson")).toBeInTheDocument();
+  });
+});
diff --git a/packages/core/src/renderer/components/avatar/avatar.module.scss b/packages/core/src/renderer/components/avatar/avatar.module.scss
new file mode 100644
index 0000000000..ebb32ccdb6
--- /dev/null
+++ b/packages/core/src/renderer/components/avatar/avatar.module.scss
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Avatar {
+  background-color: hsl(0deg, 0%, 45%);
+  text-transform: uppercase;
+  color: white;
+  font-size: 1.6ch;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  flex-shrink: 0;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+
+.circle {
+  border-radius: 50%;
+}
+
+.rounded {
+  border-radius: 4px;
+}
+
+.disabled {
+  opacity: 0.5;
+  filter: grayscale(0.7);
+}
diff --git a/packages/core/src/renderer/components/avatar/avatar.tsx b/packages/core/src/renderer/components/avatar/avatar.tsx
new file mode 100644
index 0000000000..a3b9837295
--- /dev/null
+++ b/packages/core/src/renderer/components/avatar/avatar.tsx
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./avatar.module.scss";
+
+import type { ImgHTMLAttributes, MouseEventHandler } from "react";
+import React from "react";
+import randomColor from "randomcolor";
+import GraphemeSplitter from "grapheme-splitter";
+import type { SingleOrMany } from "../../utils";
+import { cssNames, isDefined, iter } from "../../utils";
+
+export interface AvatarProps {
+  title: string;
+  colorHash?: string;
+  size?: number;
+  src?: string;
+  background?: string;
+  variant?: "circle" | "rounded" | "square";
+  imgProps?: ImgHTMLAttributes<HTMLImageElement>;
+  disabled?: boolean;
+  children?: SingleOrMany<React.ReactNode>;
+  className?: string;
+  id?: string;
+  onClick?: MouseEventHandler<HTMLDivElement>;
+  "data-testid"?: string;
+}
+
+function getNameParts(name: string): string[] {
+  const byWhitespace = name.split(/\s+/);
+
+  if (byWhitespace.length > 1) {
+    return byWhitespace;
+  }
+
+  const byDashes = name.split(/[-_]+/);
+
+  if (byDashes.length > 1) {
+    return byDashes;
+  }
+
+  return name.split(/@+/);
+}
+
+function getLabelFromTitle(title: string) {
+  if (!title) {
+    return "??";
+  }
+
+  const [rawFirst, rawSecond, rawThird] = getNameParts(title);
+  const splitter = new GraphemeSplitter();
+  const first = splitter.iterateGraphemes(rawFirst);
+  const second = rawSecond ? splitter.iterateGraphemes(rawSecond): first;
+  const third = rawThird ? splitter.iterateGraphemes(rawThird) : iter.newEmpty();
+
+  return [
+    ...iter.take(first, 1),
+    ...iter.take(second, 1),
+    ...iter.take(third, 1),
+  ].filter(isDefined).join("");
+}
+
+export const Avatar = ({
+  title,
+  variant = "rounded",
+  size = 32,
+  colorHash,
+  children,
+  background,
+  imgProps,
+  src,
+  className,
+  disabled,
+  id,
+  onClick,
+  "data-testid": dataTestId,
+}: AvatarProps) => (
+  <div
+    className={cssNames(styles.Avatar, {
+      [styles.circle]: variant == "circle",
+      [styles.rounded]: variant == "rounded",
+      [styles.disabled]: disabled,
+    }, className)}
+    style={{
+      width: `${size}px`,
+      height: `${size}px`,
+      background: background || (
+        src
+          ? "transparent"
+          : randomColor({ seed: colorHash, luminosity: "dark" })
+      ),
+    }}
+    id={id}
+    onClick={onClick}
+    data-testid={dataTestId}
+  >
+    {src
+      ? (
+        <img
+          src={src}
+          {...imgProps}
+          alt={title}
+        />
+      )
+      : children || getLabelFromTitle(title)}
+  </div>
+);
diff --git a/packages/core/src/renderer/components/avatar/index.ts b/packages/core/src/renderer/components/avatar/index.ts
new file mode 100644
index 0000000000..aea14e12c9
--- /dev/null
+++ b/packages/core/src/renderer/components/avatar/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./avatar";
diff --git a/packages/core/src/renderer/components/badge/badge.module.scss b/packages/core/src/renderer/components/badge/badge.module.scss
new file mode 100644
index 0000000000..2223129ebb
--- /dev/null
+++ b/packages/core/src/renderer/components/badge/badge.module.scss
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.badge {
+  position: relative;
+  display: inline-block;
+  max-width: 100%;
+}
+
+// might be used in a scrollable area with {overflow: auto}
+.badge.scrollable {
+  max-width: unset;
+
+  &:not(.isExpanded) {
+    white-space: unset;
+    text-overflow: unset;
+  }
+}
+
+
+.badge.interactive:hover {
+  background-color: var(--mainBackground);
+  cursor: pointer;
+}
+
+.badge:not(.scrollable):not(.isExpanded) {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.badge:not(.flat) {
+  background: var(--colorVague);
+  border-radius: 3px;
+  padding: .2em .4em;
+}
+
+.small {
+  font-size: var(--font-size-small);
+}
+
+.clickable {
+  cursor: pointer;
+}
+
+.disabled {
+  opacity: 0.5;
+}
diff --git a/packages/core/src/renderer/components/badge/badge.tsx b/packages/core/src/renderer/components/badge/badge.tsx
new file mode 100644
index 0000000000..f0efb701bd
--- /dev/null
+++ b/packages/core/src/renderer/components/badge/badge.tsx
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./badge.module.scss";
+
+import React, { useEffect, useRef, useState } from "react";
+import { action, observable } from "mobx";
+import { observer } from "mobx-react";
+import { cssNames } from "../../utils/cssNames";
+import { withTooltip } from "../tooltip";
+
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+  small?: boolean;
+  flat?: boolean;
+  label?: React.ReactNode;
+  expandable?: boolean;
+  disabled?: boolean;
+  scrollable?: boolean;
+}
+
+// Common handler for all Badge instances
+document.addEventListener("selectionchange", () => {
+  badgeMeta.hasTextSelected ||= (window.getSelection()?.toString().trim().length ?? 0) > 0;
+});
+
+const badgeMeta = observable({
+  hasTextSelected: false,
+});
+
+export const Badge = withTooltip(observer(({
+  small,
+  flat,
+  label,
+  expandable = true,
+  disabled,
+  scrollable,
+  className,
+  children,
+  ...elemProps
+}: BadgeProps) => {
+  const elem = useRef<HTMLDivElement>(null);
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [isExpandable, setIsExpandable] = useState(false);
+
+  useEffect(() => {
+    const { clientWidth = 0, scrollWidth = 0 } = elem.current ?? {};
+
+    setIsExpandable(expandable && (clientWidth < scrollWidth));
+  }, [expandable, elem.current]);
+
+  const onMouseUp = action(() => {
+    if (!isExpandable || badgeMeta.hasTextSelected) {
+      badgeMeta.hasTextSelected = false;
+    } else {
+      setIsExpanded(!isExpanded);
+    }
+  });
+
+  return (
+    <div
+      {...elemProps}
+      className={cssNames(styles.badge, className, {
+        [styles.small]: small,
+        [styles.flat]: flat,
+        [styles.clickable]: Boolean(elemProps.onClick) || isExpandable,
+        [styles.interactive]: isExpandable,
+        [styles.isExpanded]: isExpanded,
+        [styles.disabled]: disabled,
+        [styles.scrollable]: scrollable,
+      })}
+      onMouseUp={onMouseUp}
+      ref={elem}
+    >
+      {label}
+      {children}
+    </div>
+  );
+}));
diff --git a/packages/core/src/renderer/components/badge/has-text-selected.injectable.ts b/packages/core/src/renderer/components/badge/has-text-selected.injectable.ts
new file mode 100644
index 0000000000..f2cba73cbb
--- /dev/null
+++ b/packages/core/src/renderer/components/badge/has-text-selected.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 { observable } from "mobx";
+
+const badgeHasTextSelectedStateInjectable = getInjectable({
+  id: "badge-has-text-selected-state",
+  instantiate: () => observable.box(false),
+});
+
+export default badgeHasTextSelectedStateInjectable;
diff --git a/packages/core/src/renderer/components/badge/index.ts b/packages/core/src/renderer/components/badge/index.ts
new file mode 100644
index 0000000000..cb50a5a967
--- /dev/null
+++ b/packages/core/src/renderer/components/badge/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./badge";
diff --git a/packages/core/src/renderer/components/button/button.scss b/packages/core/src/renderer/components/button/button.scss
new file mode 100644
index 0000000000..cd46e2da86
--- /dev/null
+++ b/packages/core/src/renderer/components/button/button.scss
@@ -0,0 +1,142 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.Button {
+  position: relative;
+  overflow: hidden; // required for transition effect on hover
+  color: white;
+  font-family: var(--font-main);
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: $radius;
+  background: var(--buttonDefaultBackground);
+  padding: round($padding * .9) $padding * 1.5;
+  flex-shrink: 0;
+  line-height: 1;
+  font-size: $font-size;
+  user-select: none;
+
+  &[href] {
+    display: inline-block;
+  }
+
+  &.primary {
+    background: var(--buttonPrimaryBackground);
+  }
+
+  &.accent {
+    background: var(--buttonAccentBackground);
+  }
+
+  &.light {
+    background-color: var(--buttonLightBackground);
+    color: #505050;
+  }
+
+  &.plain {
+    color: inherit;
+    background: transparent;
+    box-shadow: none;
+
+    &:disabled {
+      background: none;
+      opacity: .5;
+    }
+
+    &.active,
+    &:focus:not(:active) {
+      color: var(--buttonPrimaryBackground);
+      box-shadow: 0 0 0 1px inset;
+    }
+  }
+
+  &.outlined {
+    color: inherit;
+    background: transparent;
+
+    &.active,
+    &:focus {
+      color: inherit;
+      box-shadow: 0 0 0 1px inset;
+    }
+  }
+
+  &.big {
+    font-size: 2.2 * $unit;
+    border-radius: 50px;
+    padding: .75em 1em;
+  }
+
+  &.round {
+    border-radius: 50%;
+    padding: .7em;
+  }
+
+  form:not([novalidate]):invalid &[type=submit]:not(.active),
+  &:disabled {
+    opacity: 50%;
+    pointer-events: none;
+  }
+
+  &.waiting {
+    pointer-events: none;
+    &:after {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 0;
+      height: 100%;
+      background: transparentize(white, .85);
+      animation: waiting 1.5s infinite linear;
+    }
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus:not(:active) {
+    transition: box-shadow 350ms;
+    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
+  }
+
+  &:active:before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: inherit;
+    background: transparentize(white, .85);
+    transform-origin: left top;
+    transition: transform 150ms;
+    transform: rotate(0deg);
+    // hackfix: safari prevents clicks on button when click-target is a child element nor button itself
+    pointer-events: none;
+  }
+
+  &:before {
+    content: "";
+    transform: rotate(-90deg);
+  }
+}
+
+@keyframes waiting {
+  0% {
+    left: 0;
+    width: 0;
+  }
+  50% {
+    left: 25%;
+    width: 75%;
+  }
+  75% {
+    left: 100%;
+    width: 0;
+  }
+}
diff --git a/packages/core/src/renderer/components/button/button.tsx b/packages/core/src/renderer/components/button/button.tsx
new file mode 100644
index 0000000000..8168c2abf3
--- /dev/null
+++ b/packages/core/src/renderer/components/button/button.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 "./button.scss";
+import type { ButtonHTMLAttributes } from "react";
+import React from "react";
+import { cssNames } from "../../utils";
+import { withTooltip } from "../tooltip";
+
+export interface ButtonProps extends ButtonHTMLAttributes<any> {
+  label?: React.ReactNode;
+  waiting?: boolean;
+  primary?: boolean;
+  accent?: boolean;
+  light?: boolean;
+  plain?: boolean;
+  outlined?: boolean;
+  hidden?: boolean;
+  active?: boolean;
+  big?: boolean;
+  round?: boolean;
+  href?: string; // render as hyperlink
+  target?: "_blank"; // in case of using @href
+}
+
+export const Button = withTooltip((props: ButtonProps) => {
+  const {
+    waiting, label, primary, accent, plain, hidden, active, big,
+    round, outlined, light, children, ...btnProps
+  } = props;
+
+  if (hidden) return null;
+
+  btnProps.className = cssNames("Button", btnProps.className, {
+    waiting, primary, accent, plain, active, big, round, outlined, light,
+  });
+
+  // render as link
+  if (props.href) {
+    return (
+      <a {...btnProps}>
+        {label}
+        {children}
+      </a>
+    );
+  }
+
+  // render as button
+  return (
+    <button
+      type="button"
+      {...btnProps}
+      data-waiting={typeof waiting === "boolean" ? String(waiting) : undefined}
+    >
+      {label}
+      {children}
+    </button>
+  );
+});
diff --git a/packages/core/src/renderer/components/button/index.ts b/packages/core/src/renderer/components/button/index.ts
new file mode 100644
index 0000000000..93bf4a6be9
--- /dev/null
+++ b/packages/core/src/renderer/components/button/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./button";
diff --git a/packages/core/src/renderer/components/catalog-entities/weblink-add-command.tsx b/packages/core/src/renderer/components/catalog-entities/weblink-add-command.tsx
new file mode 100644
index 0000000000..0209ff93fa
--- /dev/null
+++ b/packages/core/src/renderer/components/catalog-entities/weblink-add-command.tsx
@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { observer } from "mobx-react";
+import { Input } from "../input";
+import { isUrl } from "../input/input_validators";
+import type { WeblinkStore } from "../../../common/weblinks-store/weblink-store";
+import { computed, makeObservable, observable } from "mobx";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import commandOverlayInjectable from "../command-palette/command-overlay.injectable";
+import weblinkStoreInjectable from "../../../common/weblinks-store/weblink-store.injectable";
+
+interface Dependencies {
+  closeCommandOverlay: () => void;
+  weblinkStore: WeblinkStore;
+}
+
+
+@observer
+class NonInjectedWeblinkAddCommand extends React.Component<Dependencies> {
+  @observable url = "";
+  @observable nameHidden = true;
+  @observable dirty = false;
+
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  onChangeUrl(url: string) {
+    this.dirty = true;
+    this.url = url;
+  }
+
+  onSubmitUrl(url: string) {
+    this.dirty = true;
+    this.url = url;
+    this.nameHidden = false;
+  }
+
+  onSubmit(name: string) {
+    this.props.weblinkStore.add({
+      name: name || this.url,
+      url: this.url,
+    });
+    this.props.closeCommandOverlay();
+  }
+
+  @computed get showValidation() {
+    return this.url?.length > 0;
+  }
+
+  render() {
+    return (
+      <>
+        <Input
+          placeholder="Link URL"
+          autoFocus={this.nameHidden}
+          theme="round-black"
+          data-test-id="command-palette-weblink-add-url"
+          validators={[isUrl]}
+          dirty={this.dirty}
+          value={this.url}
+          onChange={(v) => this.onChangeUrl(v)}
+          onSubmit={(v) => this.onSubmitUrl(v)}
+          showValidationLine={true}
+        />
+        { this.nameHidden && (
+          <small className="hint">
+            Please provide a web link URL (Press &quot;Enter&quot; to continue or &quot;Escape&quot; to cancel)
+          </small>
+        )}
+        { !this.nameHidden && (
+          <>
+            <Input
+              placeholder="Name (optional)"
+              autoFocus={true}
+              theme="round-black"
+              data-test-id="command-palette-weblink-add-name"
+              onSubmit={(v) => this.onSubmit(v)}
+              dirty={true}
+            />
+            <small className="hint">
+              Please provide a name for the web link (Press &quot;Enter&quot; to confirm or &quot;Escape&quot; to cancel)
+            </small>
+          </>
+        )}
+      </>
+    );
+  }
+}
+
+export const WeblinkAddCommand = withInjectables<Dependencies>(NonInjectedWeblinkAddCommand, {
+  getProps: (di, props) => ({
+    ...props,
+    closeCommandOverlay: di.inject(commandOverlayInjectable).close,
+    weblinkStore: di.inject(weblinkStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/chart/bar-chart.tsx b/packages/core/src/renderer/components/chart/bar-chart.tsx
new file mode 100644
index 0000000000..e5c0e901d8
--- /dev/null
+++ b/packages/core/src/renderer/components/chart/bar-chart.tsx
@@ -0,0 +1,247 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import merge from "lodash/merge";
+import moment from "moment";
+import Color from "color";
+import { observer } from "mobx-react";
+import type { ChartOptions, ChartTooltipCallback, ChartTooltipItem, Scriptable } from "chart.js";
+import type { ChartProps } from "./chart";
+import { Chart, ChartKind } from "./chart";
+import { bytesToUnits, cssNames, isObject } from "../../utils";
+import { ZebraStripesPlugin } from "./zebra-stripes.plugin";
+import type { LensTheme } from "../../themes/lens-theme";
+import { NoMetrics } from "../resource-metrics/no-metrics";
+import assert from "assert";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
+
+export interface BarChartProps extends ChartProps {
+  name?: string;
+  timeLabelStep?: number;  // Minute labels appearance step
+}
+
+const getBarColor: Scriptable<string> = ({ dataset }) => Color(dataset?.borderColor).alpha(0.2).string();
+
+interface Dependencies {
+  activeTheme: IComputedValue<LensTheme>;
+}
+
+const NonInjectedBarChart = observer(({
+  activeTheme,
+  name,
+  data,
+  className,
+  timeLabelStep = 10,
+  plugins,
+  options: customOptions,
+  ...settings
+}: Dependencies & BarChartProps) => {
+  const { textColorPrimary, borderFaintColor, chartStripesColor } = activeTheme.get().colors;
+  const { datasets: rawDatasets = [], ...rest } = data;
+  const datasets = rawDatasets
+    .filter(set => set.data?.length)
+    .map(item => ({
+      type: ChartKind.BAR,
+      borderWidth: { top: 3 },
+      barPercentage: 1,
+      categoryPercentage: 1,
+      ...item,
+    }));
+
+  plugins ??= [new ZebraStripesPlugin({
+    stripeColor: chartStripesColor,
+    interval: datasets[0]?.data?.length,
+  })];
+
+  if (datasets.length === 0) {
+    return <NoMetrics/>;
+  }
+
+  const formatTimeLabels = (timestamp: string, index: number) => {
+    const label = moment(parseInt(timestamp)).format("HH:mm");
+    const offset = "     ";
+
+    if (index == 0) return offset + label;
+    if (index == 60) return label + offset;
+
+    return index % timeLabelStep == 0 ? label : "";
+  };
+
+  const barOptions: ChartOptions = {
+    maintainAspectRatio: false,
+    responsive: true,
+    scales: {
+      xAxes: [{
+        type: "time",
+        offset: true,
+        gridLines: {
+          display: false,
+        },
+        stacked: true,
+        ticks: {
+          callback: formatTimeLabels,
+          autoSkip: false,
+          source: "data",
+          backdropColor: "white",
+          fontColor: textColorPrimary,
+          fontSize: 11,
+          maxRotation: 0,
+          minRotation: 0,
+        },
+        bounds: "data",
+        time: {
+          unit: "minute",
+          displayFormats: {
+            minute: "x",
+          },
+          parser: timestamp => moment.unix(parseInt(timestamp)),
+        },
+      }],
+      yAxes: [{
+        position: "right",
+        gridLines: {
+          color: borderFaintColor,
+          drawBorder: false,
+          tickMarkLength: 0,
+          zeroLineWidth: 0,
+        },
+        ticks: {
+          maxTicksLimit: 6,
+          fontColor: textColorPrimary,
+          fontSize: 11,
+          padding: 8,
+          min: 0,
+        },
+      }],
+    },
+    tooltips: {
+      mode: "index",
+      position: "cursor",
+      callbacks: {
+        title([tooltip]: ChartTooltipItem[]) {
+          const xLabel = tooltip?.xLabel;
+          const skipLabel = xLabel == null || new Date(xLabel).getTime() > Date.now();
+
+          if (skipLabel) return "";
+
+          return String(xLabel);
+        },
+        labelColor: ({ datasetIndex }) => (
+          typeof datasetIndex === "number"
+            ? {
+              borderColor: "darkgray",
+              backgroundColor: datasets[datasetIndex].borderColor as string,
+            }
+            : {
+              borderColor: "darkgray",
+              backgroundColor: "gray",
+            }
+        ),
+      },
+    },
+    animation: {
+      duration: 0,
+    },
+    elements: {
+      rectangle: {
+        backgroundColor: getBarColor.bind(null),
+      },
+    },
+  };
+
+  return (
+    <Chart
+      className={cssNames("BarChart flex box grow column", className)}
+      type={ChartKind.BAR}
+      data={{ datasets, ...rest }}
+      options={merge(barOptions, customOptions)}
+      plugins={plugins}
+      {...settings}
+    />
+  );
+});
+
+export const BarChart = withInjectables<Dependencies, BarChartProps>(NonInjectedBarChart, {
+  getProps: (di, props) => ({
+    ...props,
+    activeTheme: di.inject(activeThemeInjectable),
+  }),
+});
+
+const tooltipCallbackWith = (precision: number): ChartTooltipCallback["label"] => (
+  ({ datasetIndex, index }, { datasets = [] }) => {
+    if (typeof datasetIndex !== "number" || typeof index !== "number") {
+      return "";
+    }
+
+    const { label, data } = datasets[datasetIndex];
+
+    if (!label || !data) {
+      return "<unknown>";
+    }
+
+    const value = data[index];
+
+    assert(isObject(value) && !Array.isArray(value) && typeof value.y === "number");
+
+    return `${label}: ${bytesToUnits(parseInt(value.y.toString()), { precision })}`;
+  }
+);
+
+// Default options for all charts containing memory units (network, disk, memory, etc)
+export const memoryOptions: ChartOptions = {
+  scales: {
+    yAxes: [{
+      ticks: {
+        callback: (value) => {
+          if (typeof value == "string") {
+            const float = parseFloat(value);
+
+            if (float < 1) {
+              return float.toFixed(3);
+            }
+
+            return bytesToUnits(parseInt(value));
+          }
+
+          return bytesToUnits(value);
+        },
+        stepSize: 1,
+      },
+    }],
+  },
+  tooltips: {
+    callbacks: {
+      label: tooltipCallbackWith(3),
+    },
+  },
+};
+
+// Default options for all charts with cpu units or other decimal numbers
+export const cpuOptions: ChartOptions = {
+  scales: {
+    yAxes: [{
+      ticks: {
+        callback: (value) => {
+          const float = parseFloat(`${value}`);
+
+          if (float == 0) return "0";
+          if (float < 10) return float.toFixed(3);
+          if (float < 100) return float.toFixed(2);
+
+          return float.toFixed(1);
+        },
+      },
+    }],
+  },
+  tooltips: {
+    callbacks: {
+      label: tooltipCallbackWith(2),
+    },
+  },
+};
diff --git a/packages/core/src/renderer/components/chart/chart.scss b/packages/core/src/renderer/components/chart/chart.scss
new file mode 100644
index 0000000000..11718ec6e3
--- /dev/null
+++ b/packages/core/src/renderer/components/chart/chart.scss
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Chart {
+  position: relative;
+
+  &.BarChart {
+    margin-left: -$margin * 2.2;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .legend {
+    .LegendBadge {
+      background: transparent;
+      transition: background-color 250ms;
+      white-space: normal;
+
+      &:hover {
+        background: var(--colorVague);
+        cursor: default;
+      }
+    }
+  }
+
+  .zebra-cover {
+    position: absolute;
+    pointer-events: none;
+  }
+}
diff --git a/packages/core/src/renderer/components/chart/chart.tsx b/packages/core/src/renderer/components/chart/chart.tsx
new file mode 100644
index 0000000000..3d54b90302
--- /dev/null
+++ b/packages/core/src/renderer/components/chart/chart.tsx
@@ -0,0 +1,238 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./chart.scss";
+import type { CSSProperties } from "react";
+import React from "react";
+import type { PluginServiceRegistrationOptions } from "chart.js";
+import ChartJS from "chart.js";
+import { remove } from "lodash";
+import { cssNames } from "../../utils";
+import { StatusBrick } from "../status-brick";
+import { Badge } from "../badge";
+
+export interface ChartData extends ChartJS.ChartData {
+  datasets?: ChartDataSets[];
+}
+
+export interface ChartDataSets extends ChartJS.ChartDataSets {
+  id?: string;
+  tooltip?: string;
+}
+
+export interface ChartProps {
+  data: ChartData;
+  options?: ChartJS.ChartOptions;  // Passed to ChartJS instance
+  width?: number | string;
+  height?: number | string;
+  type?: ChartKind;
+  showChart?: boolean;  // Possible to show legend only if false
+  showLegend?: boolean;
+  legendPosition?: "bottom";
+  legendColors?: string[];  // Hex colors for each of the labels in data object
+  plugins?: PluginServiceRegistrationOptions[];
+  redraw?: boolean;  // If true - recreate chart instance with no animation
+  title?: string;
+  className?: string;
+  "data-testid"?: string;
+}
+
+export enum ChartKind {
+  PIE = "pie",
+  BAR = "bar",
+  LINE = "line",
+  DOUGHNUT = "doughnut",
+}
+
+const defaultProps: Partial<ChartProps> = {
+  type: ChartKind.DOUGHNUT,
+  options: {},
+  showChart: true,
+  showLegend: true,
+  legendPosition: "bottom",
+  plugins: [],
+  redraw: false,
+};
+
+export class Chart extends React.Component<ChartProps> {
+  static defaultProps = defaultProps as object;
+
+  private canvas = React.createRef<HTMLCanvasElement>();
+  private chart: ChartJS | null = null;
+  // ChartJS adds _meta field to any data object passed to it.
+  // We clone new data prop into currentChartData to compare props and prevProps
+  private currentChartData?: ChartData;
+
+  componentDidMount() {
+    const { showChart } = this.props;
+
+    if (showChart) {
+      this.renderChart();
+    }
+  }
+
+  componentDidUpdate() {
+    const { showChart, redraw } = this.props;
+
+    if (redraw) {
+      this.chart?.destroy();
+      this.renderChart();
+    } else if (showChart) {
+      if (!this.chart) {
+        this.renderChart();
+      } else {
+        this.updateChart();
+      }
+    }
+  }
+
+  memoizeDataProps() {
+    const { data } = this.props;
+
+    this.currentChartData = {
+      ...data,
+      datasets: data.datasets && data.datasets.map(set => {
+        return {
+          ...set,
+        };
+      }),
+    };
+  }
+
+  updateChart() {
+    const { options } = this.props;
+
+    if (!this.chart) return;
+
+    this.chart.options = ChartJS.helpers.configMerge(this.chart.options, options);
+
+    this.memoizeDataProps();
+
+    const datasets: ChartDataSets[] = (this.chart.config.data ??= {}).datasets ??= [];
+    const nextDatasets: ChartDataSets[] = (this.currentChartData ??= {}).datasets ??= [];
+
+    // Remove stale datasets if they're not available in nextDatasets
+    if (datasets.length > nextDatasets.length) {
+      const sets = [...datasets];
+
+      sets.forEach(set => {
+        if (!nextDatasets.find(next => next.id === set.id)) {
+          remove(datasets, (item => item.id === set.id));
+        }
+      });
+    }
+
+    // Mutating inner chart datasets to enable seamless transitions
+    nextDatasets.forEach((next, datasetIndex) => {
+      const index = datasets.findIndex(set => set.id === next.id);
+
+      if (index !== -1) {
+        const data = datasets[index].data = (datasets[index].data ?? []).slice();  // "Clean" mobx observables data to use in ChartJS
+        const nextData = next.data ??= [];
+
+        data.splice(next.data.length);
+
+        for (let dataIndex = 0; dataIndex < nextData.length; dataIndex += 1) {
+          data[dataIndex] = nextData[dataIndex];
+        }
+
+        // Merge other fields
+        const { data: _data, ...props } = next;
+
+        datasets[index] = {
+          ...datasets[index],
+          ...props,
+        };
+      } else {
+        datasets[datasetIndex] = next;
+      }
+    });
+    this.chart.update();
+  }
+
+  renderLegend() {
+    if (!this.props.showLegend) return null;
+    const { data, legendColors } = this.props;
+    const { labels, datasets } = data;
+    const labelElem = (title: string | undefined, color: string | CSSProperties["backgroundColor"], tooltip?: string) => (
+      <Badge
+        key={title}
+        className="LegendBadge flex gaps align-center"
+        label={(
+          <div className="flex items-center">
+            <StatusBrick style={{ backgroundColor: color }} className="flex-shrink-0"/>
+            <span>{title}</span>
+          </div>
+        )}
+        tooltip={tooltip}
+        expandable={false}
+      />
+    );
+
+    return (
+      <div className="legend flex wrap">
+        {
+          labels
+            ? labels.map((label, index) => {
+              const { backgroundColor = [] } = datasets?.[0] ?? {};
+              const color = legendColors ? legendColors[index] : (backgroundColor as string[])[index];
+
+              return labelElem(label as string, color);
+            })
+            : datasets?.map(({ borderColor, label, tooltip }) =>
+              labelElem(label, borderColor as string, tooltip),
+            )
+        }
+      </div>
+    );
+  }
+
+  renderChart() {
+    const { type, options, plugins } = this.props;
+    const canvas = this.canvas.current;
+
+    if (!canvas) {
+      return;
+    }
+
+    this.memoizeDataProps();
+
+    this.chart = new ChartJS(canvas, {
+      type,
+      plugins,
+      options: {
+        ...options,
+        legend: {
+          display: false,
+        },
+      },
+      data: this.currentChartData,
+    });
+  }
+
+  render() {
+    const { width, height, showChart, title, className, "data-testid": dataTestId } = this.props;
+
+    return (
+      <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/packages/core/src/renderer/components/chart/index.ts b/packages/core/src/renderer/components/chart/index.ts
new file mode 100644
index 0000000000..d84743cb68
--- /dev/null
+++ b/packages/core/src/renderer/components/chart/index.ts
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./chart";
+export * from "./pie-chart";
+export * from "./bar-chart";
diff --git a/packages/core/src/renderer/components/chart/options.ts b/packages/core/src/renderer/components/chart/options.ts
new file mode 100644
index 0000000000..106664d26d
--- /dev/null
+++ b/packages/core/src/renderer/components/chart/options.ts
@@ -0,0 +1,150 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ChartOptions, ChartPoint } from "chart.js";
+import { bytesToUnits, isDefined } from "../../utils";
+
+export type MetricsTab = "CPU" | "Memory" | "Disk" | "Pods" | "Network" | "Filesystem" | "Duration";
+
+const memoryLikeOptions: ChartOptions = {
+  scales: {
+    yAxes: [{
+      ticks: {
+        callback: (value: number | string): string => {
+          if (typeof value == "string") {
+            const float = parseFloat(value);
+
+            if (float < 1) {
+              return float.toFixed(3);
+            }
+
+            return bytesToUnits(parseInt(value));
+          }
+
+          return bytesToUnits(value);
+        },
+        stepSize: 1,
+      },
+    }],
+  },
+  tooltips: {
+    callbacks: {
+      label: ({ datasetIndex, index }, { datasets }) => {
+        if (!isDefined(datasetIndex) || !isDefined(index) || !isDefined(datasets)) {
+          return "";
+        }
+
+        const { label, data } = datasets[datasetIndex];
+
+        if (!data) {
+          return label ?? "";
+        }
+
+        const value = data[index] as { y: number };
+
+        return `${label}: ${bytesToUnits(parseInt(value.y.toString()), { precision: 3 })}`;
+      },
+    },
+  },
+};
+
+export const metricTabOptions: Record<MetricsTab, ChartOptions> = {
+  Memory: memoryLikeOptions,
+  Disk: memoryLikeOptions,
+  Network: memoryLikeOptions,
+  Filesystem: memoryLikeOptions,
+  CPU: {
+    scales: {
+      yAxes: [{
+        ticks: {
+          callback: (value: number | string): string => {
+            const float = parseFloat(`${value}`);
+
+            if (float == 0) return "0";
+            if (float < 10) return float.toFixed(3);
+            if (float < 100) return float.toFixed(2);
+
+            return float.toFixed(1);
+          },
+        },
+      }],
+    },
+    tooltips: {
+      callbacks: {
+        label: ({ datasetIndex, index }, { datasets }) => {
+          if (!isDefined(datasetIndex) || !isDefined(index) || !isDefined(datasets)) {
+            return "";
+          }
+
+          const { label, data } = datasets[datasetIndex];
+
+          if (!data) {
+            return label ?? "";
+          }
+
+          const value = data[index] as ChartPoint;
+
+          return `${label}: ${parseFloat(value.y as string).toPrecision(2)}`;
+        },
+      },
+    },
+  },
+  Pods: {
+    scales: {
+      yAxes: [{
+        ticks: {
+          callback: value => value,
+        },
+      }],
+    },
+    tooltips: {
+      callbacks: {
+        label: ({ datasetIndex, index }, { datasets }) => {
+          if (!isDefined(datasetIndex) || !isDefined(index) || !isDefined(datasets)) {
+            return "";
+          }
+
+          const { label, data } = datasets[datasetIndex];
+
+          if (!data) {
+            return label ?? "";
+          }
+
+          const value = data[index] as ChartPoint;
+
+          return `${label}: ${value.y}`;
+        },
+      },
+    },
+  },
+  Duration: {
+    scales: {
+      yAxes: [{
+        ticks: {
+          callback: value => value,
+        },
+      }],
+    },
+    tooltips: {
+      callbacks: {
+        label: ({ datasetIndex, index }, { datasets }) => {
+          if (!isDefined(datasetIndex) || !isDefined(index) || !isDefined(datasets)) {
+            return "";
+          }
+
+          const { label, data } = datasets[datasetIndex];
+
+          if (!data) {
+            return label ?? "";
+          }
+
+          const value = data[index] as { y: string };
+
+          return `${label}: ${parseFloat(value.y).toFixed(3)} sec`;
+        },
+      },
+    },
+  },
+};
diff --git a/packages/core/src/renderer/components/chart/pie-chart.scss b/packages/core/src/renderer/components/chart/pie-chart.scss
new file mode 100644
index 0000000000..d2edcf5aa9
--- /dev/null
+++ b/packages/core/src/renderer/components/chart/pie-chart.scss
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PieChart {
+  .chart-container {
+    width: 120px;
+    min-height: 150px;
+  }
+
+  .legend {
+    margin-top: $margin;
+    flex-direction: column;
+
+    > * {
+      &.LegendBadge:hover {
+        background-color: transparent;
+      }
+
+      margin-bottom: $margin;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/chart/pie-chart.tsx b/packages/core/src/renderer/components/chart/pie-chart.tsx
new file mode 100644
index 0000000000..de1461631a
--- /dev/null
+++ b/packages/core/src/renderer/components/chart/pie-chart.tsx
@@ -0,0 +1,123 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./pie-chart.scss";
+import React from "react";
+import { observer } from "mobx-react";
+import type { ChartOptions } from "chart.js";
+import ChartJS from "chart.js";
+import type { ChartProps } from "./chart";
+import { Chart } from "./chart";
+import { cssNames } from "../../utils";
+import type { LensTheme } from "../../themes/lens-theme";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
+
+export interface PieChartProps extends ChartProps {
+}
+
+export interface PieChartData extends ChartJS.ChartData {
+  datasets?: PieChartDataSets[];
+}
+
+export type DatasetTooltipLabel = (percent: string) => string | string;
+
+interface PieChartDataSets extends ChartJS.ChartDataSets {
+  id?: string;
+  tooltipLabels?: DatasetTooltipLabel[];
+}
+
+function getCutout(length: number | undefined): number {
+  switch (length) {
+    case 0:
+    case 1:
+      return 88;
+    case 2:
+      return 76;
+    case 3:
+      return 63;
+    default:
+      return 50;
+  }
+}
+
+interface Dependencies {
+  activeTheme: IComputedValue<LensTheme>;
+}
+
+const NonInjectedPieChart = observer(({
+  activeTheme,
+  data,
+  className,
+  options,
+  showChart,
+  ...chartProps
+}: Dependencies & PieChartProps) => {
+  const { contentColor } = activeTheme.get().colors;
+  const opts: ChartOptions = {
+    maintainAspectRatio: false,
+    tooltips: {
+      mode: "index",
+      callbacks: {
+        title: () => "",
+        label: (tooltipItem: { datasetIndex: number; index: number }, data: PieChartData) => {
+          const dataset = data.datasets?.[tooltipItem.datasetIndex] ?? {};
+          const datasetData = (dataset.data ?? []) as number[];
+          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 tooltipLabelCustomizer = dataset.tooltipLabels?.[tooltipItem.index];
+
+          return tooltipLabelCustomizer
+            ? tooltipLabelCustomizer(percentLabel)
+            : `${dataset.label}: ${percentLabel}`;
+        },
+      },
+      filter: ({ datasetIndex, index }, { datasets = [] }) => {
+        if (datasetIndex === undefined) {
+          return false;
+        }
+
+        const { data = [] } = datasets[datasetIndex];
+
+        if (datasets.length === 1) return true;
+
+        return index !== data.length - 1;
+      },
+      position: "cursor",
+    },
+    elements: {
+      arc: {
+        borderWidth: 1,
+        borderColor: contentColor,
+      },
+    },
+    cutoutPercentage: getCutout(data.datasets?.length),
+    responsive: true,
+    ...options,
+  };
+
+  return (
+    <Chart
+      className={cssNames("PieChart flex column align-center", className)}
+      data={data}
+      options={showChart ? {} : opts}
+      showChart={showChart}
+      {...chartProps}
+    />
+  );
+});
+
+export const PieChart = withInjectables<Dependencies, PieChartProps>(NonInjectedPieChart, {
+  getProps: (di, props) => ({
+    ...props,
+    activeTheme: di.inject(activeThemeInjectable),
+  }),
+});
+
+ChartJS.Tooltip.positioners.cursor = function (elements: any, position: { x: number; y: number }) {
+  return position;
+};
diff --git a/packages/core/src/renderer/components/chart/zebra-stripes.plugin.ts b/packages/core/src/renderer/components/chart/zebra-stripes.plugin.ts
new file mode 100644
index 0000000000..020429530f
--- /dev/null
+++ b/packages/core/src/renderer/components/chart/zebra-stripes.plugin.ts
@@ -0,0 +1,124 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Plugin for drawing stripe bars on top of any timeseries barchart
+// Based on cover DIV element with repeating-linear-gradient style
+
+import type ChartJS from "chart.js";
+import type { Moment } from "moment";
+import moment from "moment";
+import type { PluginServiceRegistrationOptions } from "chart.js";
+
+const defaultOptions = {
+  stripeColor: "#ffffff08",
+  interval: 10,
+};
+
+export interface ZebraStripesOptions {
+  stripeColor: string;
+  interval: number;
+}
+
+export class ZebraStripesPlugin implements PluginServiceRegistrationOptions {
+  updated: Moment | null = null;
+  options: ZebraStripesOptions;
+
+  constructor(options?: Partial<ZebraStripesOptions>) {
+    this.options = Object.assign({}, defaultOptions, options);
+  }
+
+  getOptions(chart: ChartJS): ZebraStripesOptions | undefined {
+    return chart.options.plugins?.ZebraStripes;
+  }
+
+  getLastUpdate(chart: ChartJS) {
+    const data = chart.data.datasets?.[0]?.data?.[0] as ChartJS.ChartPoint;
+
+    return moment.unix(parseInt(data.x as string));
+  }
+
+  getStripesElem(chart: ChartJS) {
+    return chart.canvas?.parentElement?.querySelector<HTMLElement>(".zebra-cover");
+  }
+
+  removeStripesElem(chart: ChartJS) {
+    const elem = this.getStripesElem(chart);
+
+    if (elem) {
+      chart.canvas?.parentElement?.removeChild(elem);
+    }
+  }
+
+  updateOptions(chart: ChartJS) {
+    this.options = {
+      ...defaultOptions,
+      ...this.getOptions(chart),
+    };
+  }
+
+  getStripeMinutes() {
+    return this.options.interval < 10 ? 0 : 10;
+  }
+
+  renderStripes(chart: ChartJS) {
+    if (!chart.data.datasets?.length) return;
+    const { interval, stripeColor } = this.options;
+    const { top, left, bottom, right } = chart.chartArea;
+    const step = (right - left) / interval;
+    const stripeWidth = step * this.getStripeMinutes();
+    const cover = document.createElement("div");
+    const styles = cover.style;
+
+    if (this.getStripesElem(chart)) return;
+
+    cover.className = "zebra-cover";
+    styles.width = `${right - left}px`;
+    styles.left = `${left}px`;
+    styles.top = `${top}px`;
+    styles.height = `${bottom - top}px`;
+    styles.backgroundImage = `
+      repeating-linear-gradient(to right, ${stripeColor} 0px, ${stripeColor} ${stripeWidth}px,
+      transparent ${stripeWidth}px, transparent ${stripeWidth * 2 + step}px)
+     `;
+    chart.canvas?.parentElement?.appendChild(cover);
+  }
+
+  afterInit(chart: ChartJS) {
+    if (!chart.data.datasets?.length) return;
+    this.updateOptions(chart);
+    this.updated = this.getLastUpdate(chart);
+  }
+
+  afterUpdate(chart: ChartJS) {
+    this.updateOptions(chart);
+    this.renderStripes(chart);
+  }
+
+  resize(chart: ChartJS) {
+    this.removeStripesElem(chart);
+  }
+
+  afterDatasetUpdate(chart: ChartJS): void {
+    this.updated ??= this.getLastUpdate(chart);
+
+    const { interval } = this.options;
+    const { left, right } = chart.chartArea;
+    const step = (right - left) / interval;
+    const diff = moment(this.updated).diff(this.getLastUpdate(chart), "minutes");
+    const minutes = Math.abs(diff);
+
+    this.removeStripesElem(chart);
+    this.renderStripes(chart);
+
+    if (minutes > 0) {
+      // Move position regarding to difference in time
+      const cover = this.getStripesElem(chart);
+
+      if (cover) {
+        cover.style.backgroundPositionX = `${-step * minutes}px`;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/checkbox/checkbox.scss b/packages/core/src/renderer/components/checkbox/checkbox.scss
new file mode 100644
index 0000000000..a32de49858
--- /dev/null
+++ b/packages/core/src/renderer/components/checkbox/checkbox.scss
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@include theme-light {
+  .Checkbox {
+    --checkbox-color-active: var(--blue);
+    --checkbox-bgc-active: none;
+  }
+}
+
+.Checkbox {
+  --checkbox-color: var(--textColorPrimary); // tick color [√]
+  --checkbox-color-active: var(--contentColor);
+  --checkbox-bgc-active: var(--blue);
+
+  flex-shrink: 0;
+
+  &:hover {
+    input:not(:checked):not(:disabled) {
+      ~ .tick:after {
+        opacity: 1;
+      }
+    }
+  }
+
+  input[type="checkbox"] {
+    display: none;
+
+    &:checked {
+      ~ .box {
+        color: var(--checkbox-color-active);
+        background: var(--checkbox-bgc-active);
+        border-color: var(--checkbox-bgc-active);
+
+        &:after {
+          opacity: 1;
+        }
+      }
+    }
+
+    &:disabled {
+      ~ .box {
+        color: var(--checkbox-color);
+      }
+
+      ~ * {
+        opacity: .5;
+        pointer-events: none;
+      }
+    }
+
+    &:not(:disabled) ~ * {
+      cursor: pointer;
+    }
+  }
+
+  .label {
+    margin-right: $margin;
+  }
+
+  > .box {
+    $boxSize: round(1.7 * $unit);
+
+    position: relative;
+    width: $boxSize;
+    height: $boxSize;
+    border-radius: 2px;
+    color: var(--checkbox-color);
+    border: 2px solid currentColor;
+    flex-shrink: 0;
+
+    &:after {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 60%;
+      border: 2px solid currentColor;
+      border-top: 0;
+      border-right: 0;
+      transform: rotate(-45deg);
+      opacity: 0;
+    }
+
+    + * {
+      margin-left: .5em;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/checkbox/checkbox.tsx b/packages/core/src/renderer/components/checkbox/checkbox.tsx
new file mode 100644
index 0000000000..ecba55378e
--- /dev/null
+++ b/packages/core/src/renderer/components/checkbox/checkbox.tsx
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./checkbox.scss";
+import React from "react";
+import type { SingleOrMany } from "../../utils";
+import { cssNames, noop } from "../../utils";
+
+export interface CheckboxProps {
+  className?: string;
+  label?: React.ReactNode;
+  inline?: boolean;
+  disabled?: boolean;
+  value?: boolean;
+  onChange?(value: boolean, evt: React.ChangeEvent<HTMLInputElement>): void;
+  children?: SingleOrMany<React.ReactChild | React.ReactFragment>;
+}
+
+export function Checkbox({ label, inline, className, value, children, onChange = noop, disabled, ...inputProps }: CheckboxProps) {
+  const componentClass = cssNames("Checkbox flex align-center", className, {
+    inline,
+    checked: value,
+    disabled,
+  });
+
+  return (
+    <label className={componentClass}>
+      <input
+        {...inputProps}
+        type="checkbox"
+        checked={value}
+        disabled={disabled}
+        onChange={event => onChange(event.target.checked, event)}
+      />
+      <i className="box flex align-center"/>
+      {label ? <span className="label">{label}</span> : null}
+      {children}
+    </label>
+  );
+}
diff --git a/packages/core/src/renderer/components/checkbox/index.ts b/packages/core/src/renderer/components/checkbox/index.ts
new file mode 100644
index 0000000000..9885e31923
--- /dev/null
+++ b/packages/core/src/renderer/components/checkbox/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./checkbox";
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-frame-handler.injectable.ts b/packages/core/src/renderer/components/cluster-manager/cluster-frame-handler.injectable.ts
new file mode 100644
index 0000000000..3f40455527
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-frame-handler.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 getClusterByIdInjectable from "../../../common/cluster-store/get-by-id.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import { ClusterFrameHandler } from "./cluster-frame-handler";
+import emitClusterVisibilityInjectable from "./emit-cluster-visibility.injectable";
+
+const clusterFrameHandlerInjectable = getInjectable({
+  id: "cluster-frame-handler",
+  instantiate: (di) => new ClusterFrameHandler({
+    emitClusterVisibility: di.inject(emitClusterVisibilityInjectable),
+    getClusterById: di.inject(getClusterByIdInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
+export default clusterFrameHandlerInjectable;
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-frame-handler.ts b/packages/core/src/renderer/components/cluster-manager/cluster-frame-handler.ts
new file mode 100644
index 0000000000..cc980eb91d
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-frame-handler.ts
@@ -0,0 +1,140 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, makeObservable, observable, when } from "mobx";
+import type { ClusterId } from "../../../common/cluster-types";
+import type { Disposer } from "../../utils";
+import { getClusterFrameUrl, onceDefined } from "../../utils";
+import assert from "assert";
+import type { Logger } from "../../../common/logger";
+import type { GetClusterById } from "../../../common/cluster-store/get-by-id.injectable";
+import type { EmitClusterVisibility } from "./emit-cluster-visibility.injectable";
+
+export interface LensView {
+  isLoaded: boolean;
+  frame: HTMLIFrameElement;
+}
+
+interface Dependencies {
+  readonly logger: Logger;
+  getClusterById: GetClusterById;
+  emitClusterVisibility: EmitClusterVisibility;
+}
+
+export class ClusterFrameHandler {
+  private readonly views = observable.map<string, LensView>();
+
+  constructor(protected readonly dependencies: Dependencies) {
+    makeObservable(this);
+  }
+
+  public hasLoadedView(clusterId: string): boolean {
+    return Boolean(this.views.get(clusterId)?.isLoaded);
+  }
+
+  @action
+  public initView(clusterId: ClusterId) {
+    const cluster = this.dependencies.getClusterById(clusterId);
+
+    if (!cluster) {
+      this.dependencies.logger.warn(`[LENS-VIEW]: not initializing view; unknown clusterId="${clusterId}"`);
+
+      return;
+    }
+
+    const parentElem = document.getElementById("lens-views");
+
+    assert(parentElem, "DOM with #lens-views must be present");
+
+    if (this.views.has(clusterId)) {
+      return;
+    }
+
+    this.dependencies.logger.info(`[LENS-VIEW]: init dashboard, clusterId=${clusterId}`);
+    const iframe = document.createElement("iframe");
+
+    iframe.id = `cluster-frame-${cluster.id}`;
+    iframe.name = cluster.contextName;
+    iframe.setAttribute("src", getClusterFrameUrl(clusterId));
+    iframe.addEventListener("load", action(() => {
+      this.dependencies.logger.info(`[LENS-VIEW]: frame for clusterId=${clusterId} has loaded`);
+      const view = this.views.get(clusterId);
+
+      assert(view, `view for ${clusterId} MUST still exist here`);
+      view.isLoaded = true;
+    }), { once: true });
+    this.views.set(clusterId, { frame: iframe, isLoaded: false });
+    parentElem.appendChild(iframe);
+
+    this.dependencies.logger.info(`[LENS-VIEW]: waiting cluster to be ready, clusterId=${clusterId}`);
+
+    const dispose = when(
+      () => cluster.ready,
+      () => this.dependencies.logger.info(`[LENS-VIEW]: cluster is ready, clusterId=${clusterId}`),
+    );
+
+    when(
+      // cluster.disconnect is set to `false` when the cluster starts to connect
+      () => !cluster.disconnected,
+      () => {
+        when(
+          () => {
+            const cluster = this.dependencies.getClusterById(clusterId);
+
+            return Boolean(!cluster || (cluster.disconnected && this.views.get(clusterId)?.isLoaded));
+          },
+          () => {
+            this.dependencies.logger.info(`[LENS-VIEW]: remove dashboard, clusterId=${clusterId}`);
+            this.views.delete(clusterId);
+            parentElem.removeChild(iframe);
+            dispose();
+          },
+        );
+      },
+    );
+  }
+
+  private prevVisibleClusterChange?: Disposer;
+
+  public setVisibleCluster(clusterId: ClusterId | null): void {
+    // Clear the previous when ASAP
+    this.prevVisibleClusterChange?.();
+
+    this.dependencies.logger.info(`[LENS-VIEW]: refreshing iframe views, visible cluster id=${clusterId}`);
+    this.dependencies.emitClusterVisibility(null);
+
+    for (const { frame: view } of this.views.values()) {
+      view.classList.add("hidden");
+    }
+
+    const cluster = clusterId
+      ? this.dependencies.getClusterById(clusterId)
+      : undefined;
+
+    if (cluster && clusterId) {
+      this.prevVisibleClusterChange = onceDefined(
+        () => {
+          const view = this.views.get(clusterId);
+
+          if (cluster.available && cluster.ready && view?.isLoaded) {
+            return view;
+          }
+
+          return undefined;
+        },
+        (view: LensView) => {
+          this.dependencies.logger.info(`[LENS-VIEW]: cluster id=${clusterId} should now be visible`);
+          view.frame.classList.remove("hidden");
+          view.frame.focus();
+          this.dependencies.emitClusterVisibility(clusterId);
+        },
+      );
+    }
+  }
+
+  public clearVisibleCluster() {
+    this.setVisibleCluster(null);
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-manager-root-frame-child-component.injectable.tsx b/packages/core/src/renderer/components/cluster-manager/cluster-manager-root-frame-child-component.injectable.tsx
new file mode 100644
index 0000000000..9db066e1ad
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/cluster-manager/cluster-manager.scss b/packages/core/src/renderer/components/cluster-manager/cluster-manager.scss
new file mode 100644
index 0000000000..7644d1f4d3
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-manager.scss
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ClusterManager {
+  --hotbar-width: 75px;
+
+  display: grid;
+  grid-template-areas:
+    "topbar topbar"
+    "menu main"
+    "status-bar status-bar";
+  grid-template-rows: auto 1fr min-content;
+  grid-template-columns: min-content 1fr;
+
+  main {
+    grid-area: main;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+  }
+
+  .HotbarMenu {
+    grid-area: menu;
+  }
+
+  .error {
+    z-index: 1;
+  }
+
+  #lens-views {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    background-color: var(--mainBackground);
+
+    iframe {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex: 1;
+
+      // when updating font settings in the "Preferences -> Terminal" cluster's iframe
+      // must be accessible in DOM (e.g. elem.getBoundingClientRect() must work)
+      &.hidden {
+        opacity: 0;
+        pointer-events: none;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-manager.tsx b/packages/core/src/renderer/components/cluster-manager/cluster-manager.tsx
new file mode 100644
index 0000000000..ab418ec827
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-manager.tsx
@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./cluster-manager.scss";
+
+import React from "react";
+import { Redirect } from "react-router";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { StatusBar } from "../status-bar/status-bar";
+import { HotbarMenu } from "../hotbar/hotbar-menu";
+import { DeleteClusterDialog } from "../delete-cluster-dialog";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { TopBar } from "../layout/top-bar/top-bar";
+import catalogPreviousActiveTabStorageInjectable from "../+catalog/catalog-previous-active-tab-storage/catalog-previous-active-tab-storage.injectable";
+import type { IComputedValue } from "mobx";
+import currentRouteComponentInjectable from "../../routes/current-route-component.injectable";
+import welcomeRouteInjectable from "../../../common/front-end-routing/routes/welcome/welcome-route.injectable";
+import { buildURL } from "../../../common/utils/buildUrl";
+import type { StorageLayer } from "../../utils";
+import type { WatchForGeneralEntityNavigation } from "../../api/helpers/watch-for-general-entity-navigation.injectable";
+import watchForGeneralEntityNavigationInjectable from "../../api/helpers/watch-for-general-entity-navigation.injectable";
+import currentPathInjectable from "../../routes/current-path.injectable";
+
+interface Dependencies {
+  catalogPreviousActiveTabStorage: StorageLayer<string | null>;
+  currentRouteComponent: IComputedValue<React.ElementType | undefined>;
+  welcomeUrl: string;
+  watchForGeneralEntityNavigation: WatchForGeneralEntityNavigation;
+  currentPath: IComputedValue<string>;
+}
+
+@observer
+class NonInjectedClusterManager extends React.Component<Dependencies> {
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      this.props.watchForGeneralEntityNavigation(),
+    ]);
+  }
+
+  renderMainComponent() {
+    const Component = this.props.currentRouteComponent.get();
+
+    if (Component) {
+      return <Component />;
+    }
+
+    const currentPath = this.props.currentPath.get();
+
+    if (currentPath !== this.props.welcomeUrl) {
+      return <Redirect exact to={this.props.welcomeUrl} />;
+    }
+
+    return (
+      <div className="error">
+        <h2>ERROR!!</h2>
+        <p>
+          No matching route for the current path:
+          {" "}
+          <code>{currentPath}</code>
+          {" "}
+          which is the welcomeUrl. This is a bug.
+        </p>
+      </div>
+    );
+  }
+
+  render() {
+    return (
+      <div className="ClusterManager">
+        <TopBar />
+        <main>
+          <div id="lens-views" />
+          {this.renderMainComponent()}
+        </main>
+        <HotbarMenu />
+        <StatusBar />
+        <DeleteClusterDialog />
+      </div>
+    );
+  }
+}
+
+export const ClusterManager = withInjectables<Dependencies>(NonInjectedClusterManager, {
+  getProps: (di) => ({
+    catalogPreviousActiveTabStorage: di.inject(catalogPreviousActiveTabStorageInjectable),
+    currentRouteComponent: di.inject(currentRouteComponentInjectable),
+    welcomeUrl: buildURL(di.inject(welcomeRouteInjectable).path),
+    watchForGeneralEntityNavigation: di.inject(watchForGeneralEntityNavigationInjectable),
+    currentPath: di.inject(currentPathInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-status.module.scss b/packages/core/src/renderer/components/cluster-manager/cluster-status.module.scss
new file mode 100644
index 0000000000..194ef467db
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-status.module.scss
@@ -0,0 +1,39 @@
+.status {
+  --flex-gap: 16px;
+
+  position: relative;
+  min-width: 350px;
+  margin: auto;
+  text-align: center;
+  z-index: 1;
+  background: var(--mainBackground);
+  width: 100%;
+  height: 100%;
+
+  pre {
+    max-width: 70vw;
+    max-height: 40vh;
+    white-space: pre-line;
+    overflow: auto;
+    line-height: 1.7;
+
+    p {
+      margin-bottom: var(--margin);
+    }
+  }
+
+  a {
+    cursor: pointer;
+  }
+}
+
+.spinner {
+  --spinner-size: 38px;
+  --spinner-border: calc(var(--spinner-size) / 10);
+}
+
+.icon {
+  --size: 70px;
+  margin: auto;
+  color: var(--colorError);
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-status.tsx b/packages/core/src/renderer/components/cluster-manager/cluster-status.tsx
new file mode 100644
index 0000000000..1183b4f52b
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-status.tsx
@@ -0,0 +1,177 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./cluster-status.module.scss";
+
+import { computed, observable, makeObservable } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import React from "react";
+import { ipcRendererOn } from "../../../common/ipc";
+import type { Cluster } from "../../../common/cluster/cluster";
+import type { IClassName } from "../../utils";
+import { isBoolean, hasTypedProperty, isObject, isString, cssNames } from "../../utils";
+import { Button } from "../button";
+import { Icon } from "../icon";
+import { Spinner } from "../spinner";
+import type { KubeAuthUpdate } from "../../../common/cluster-types";
+import type { CatalogEntityRegistry } from "../../api/catalog/entity/registry";
+import { requestClusterActivation } from "../../ipc";
+import type { NavigateToEntitySettings } from "../../../common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import navigateToEntitySettingsInjectable from "../../../common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable";
+import catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
+
+export interface ClusterStatusProps {
+  className?: IClassName;
+  cluster: Cluster;
+}
+
+interface Dependencies {
+  navigateToEntitySettings: NavigateToEntitySettings;
+  entityRegistry: CatalogEntityRegistry;
+}
+
+@observer
+class NonInjectedClusterStatus extends React.Component<ClusterStatusProps & Dependencies> {
+  @observable authOutput: KubeAuthUpdate[] = [];
+  @observable isReconnecting = false;
+
+  constructor(props: ClusterStatusProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  get cluster(): Cluster {
+    return this.props.cluster;
+  }
+
+  @computed get entity() {
+    return this.props.entityRegistry.getById(this.cluster.id);
+  }
+
+  @computed get hasErrors(): boolean {
+    return this.authOutput.some(({ isError }) => isError);
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      ipcRendererOn(`cluster:${this.cluster.id}:connection-update`, (evt, res: unknown) => {
+        if (
+          isObject(res)
+          && hasTypedProperty(res, "message", isString)
+          && hasTypedProperty(res, "isError", isBoolean)
+        ) {
+          this.authOutput.push(res);
+        } else {
+          console.warn(`Got invalid connection update for ${this.cluster.id}`, { update: res });
+        }
+      }),
+    ]);
+  }
+
+  componentDidUpdate(prevProps: Readonly<ClusterStatusProps>): void {
+    if (prevProps.cluster.id !== this.props.cluster.id) {
+      this.isReconnecting = false;
+      this.authOutput = [];
+    }
+  }
+
+  reconnect = async () => {
+    this.authOutput = [];
+    this.isReconnecting = true;
+
+    try {
+      await requestClusterActivation(this.cluster.id, true);
+    } catch (error) {
+      this.authOutput.push({
+        message: String(error),
+        isError: true,
+      });
+    } finally {
+      this.isReconnecting = false;
+    }
+  };
+
+  manageProxySettings = () => {
+    this.props.navigateToEntitySettings(this.cluster.id, "proxy");
+  };
+
+  renderAuthenticationOutput() {
+    return (
+      <pre>
+        {
+          this.authOutput.map(({ message, isError }, index) => (
+            <p key={index} className={cssNames({ error: isError })}>
+              {message.trim()}
+            </p>
+          ))
+        }
+      </pre>
+    );
+  }
+
+  renderStatusIcon() {
+    if (this.hasErrors) {
+      return <Icon material="cloud_off" className={styles.icon} />;
+    }
+
+    return (
+      <>
+        <Spinner singleColor={false} className={styles.spinner} />
+        <pre className="kube-auth-out">
+          <p>
+            {this.isReconnecting ? "Reconnecting" : "Connecting"}
+            &hellip;
+          </p>
+        </pre>
+      </>
+    );
+  }
+
+  renderReconnectionHelp() {
+    if (this.hasErrors && !this.isReconnecting) {
+      return (
+        <>
+          <Button
+            primary
+            label="Reconnect"
+            className="box center"
+            onClick={this.reconnect}
+            waiting={this.isReconnecting}
+          />
+          <a
+            className="box center interactive"
+            onClick={this.manageProxySettings}
+          >
+            Manage Proxy Settings
+          </a>
+        </>
+      );
+    }
+
+    return undefined;
+  }
+
+  render() {
+    return (
+      <div className={cssNames(styles.status, "flex column box center align-center justify-center", this.props.className)}>
+        <div className="flex items-center column gaps">
+          <h2>{this.entity?.getName() ?? this.cluster.name}</h2>
+          {this.renderStatusIcon()}
+          {this.renderAuthenticationOutput()}
+          {this.renderReconnectionHelp()}
+        </div>
+      </div>
+    );
+  }
+}
+
+export const ClusterStatus = withInjectables<Dependencies, ClusterStatusProps>(NonInjectedClusterStatus, {
+  getProps: (di, props) => ({
+    ...props,
+    navigateToEntitySettings: di.inject(navigateToEntitySettingsInjectable),
+    entityRegistry: di.inject(catalogEntityRegistryInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-view-route-component.injectable.ts b/packages/core/src/renderer/components/cluster-manager/cluster-view-route-component.injectable.ts
new file mode 100644
index 0000000000..856f3647f0
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-view-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 { ClusterView } from "./cluster-view";
+import clusterViewRouteInjectable from "../../../common/front-end-routing/routes/cluster-view/cluster-view-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const clusterViewRouteComponentInjectable = getInjectable({
+  id: "cluster-view-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(clusterViewRouteInjectable),
+    Component: ClusterView,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default clusterViewRouteComponentInjectable;
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-view-route-parameters.injectable.ts b/packages/core/src/renderer/components/cluster-manager/cluster-view-route-parameters.injectable.ts
new file mode 100644
index 0000000000..6343286dff
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-view-route-parameters.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 { computed } from "mobx";
+import routePathParametersInjectable from "../../routes/route-path-parameters.injectable";
+import clusterViewRouteInjectable from "../../../common/front-end-routing/routes/cluster-view/cluster-view-route.injectable";
+
+const clusterViewRouteParametersInjectable = getInjectable({
+  id: "cluster-view-route-parameters",
+
+  instantiate: (di) => {
+    const route = di.inject(clusterViewRouteInjectable);
+    const pathParameters = di.inject(routePathParametersInjectable, route);
+
+    return {
+      clusterId: computed(() => pathParameters.get().clusterId),
+    };
+  },
+});
+
+export default clusterViewRouteParametersInjectable;
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-view.scss b/packages/core/src/renderer/components/cluster-manager/cluster-view.scss
new file mode 100644
index 0000000000..0881ba6aa1
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-view.scss
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ClusterView {
+  flex: 1;
+
+  &:empty {
+    display: none;
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-manager/cluster-view.tsx b/packages/core/src/renderer/components/cluster-manager/cluster-view.tsx
new file mode 100644
index 0000000000..4a22c80076
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/cluster-view.tsx
@@ -0,0 +1,120 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./cluster-view.scss";
+import React from "react";
+import type { IComputedValue } from "mobx";
+import { computed, makeObservable, reaction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { ClusterStatus } from "./cluster-status";
+import type { ClusterFrameHandler } from "./cluster-frame-handler";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { requestClusterActivation } from "../../ipc";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { NavigateToCatalog } from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import navigateToCatalogInjectable from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import clusterViewRouteParametersInjectable from "./cluster-view-route-parameters.injectable";
+import clusterFrameHandlerInjectable from "./cluster-frame-handler.injectable";
+import type { CatalogEntityRegistry } from "../../api/catalog/entity/registry";
+import catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
+import type { GetClusterById } from "../../../common/cluster-store/get-by-id.injectable";
+import getClusterByIdInjectable from "../../../common/cluster-store/get-by-id.injectable";
+
+interface Dependencies {
+  clusterId: IComputedValue<string>;
+  clusterFrames: ClusterFrameHandler;
+  navigateToCatalog: NavigateToCatalog;
+  entityRegistry: CatalogEntityRegistry;
+  getClusterById: GetClusterById;
+}
+
+@observer
+class NonInjectedClusterView extends React.Component<Dependencies> {
+  constructor(props: Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  get clusterId() {
+    return this.props.clusterId.get();
+  }
+
+  @computed get cluster(): Cluster | undefined {
+    return this.props.getClusterById(this.clusterId);
+  }
+
+  private readonly isViewLoaded = computed(() => this.props.clusterFrames.hasLoadedView(this.clusterId), {
+    keepAlive: true,
+    requiresReaction: true,
+  });
+
+  @computed get isReady(): boolean {
+    const { cluster } = this;
+
+    return (cluster?.ready && cluster?.available && this.isViewLoaded.get()) ?? false;
+  }
+
+  componentDidMount() {
+    this.bindEvents();
+  }
+
+  componentWillUnmount() {
+    this.props.clusterFrames.clearVisibleCluster();
+    this.props.entityRegistry.activeEntity = undefined;
+  }
+
+  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
+        this.props.entityRegistry.activeEntity = clusterId;
+      }, {
+        fireImmediately: true,
+      }),
+
+      reaction(() => [this.cluster?.ready, this.cluster?.disconnected], ([, disconnected]) => {
+        if (this.isViewLoaded.get() && disconnected) {
+          this.props.navigateToCatalog(); // redirect to catalog when active cluster get disconnected/not available
+        }
+      }),
+    ]);
+  }
+
+  renderStatus(): React.ReactNode {
+    const { cluster, isReady } = this;
+
+    if (cluster && !isReady) {
+      return <ClusterStatus cluster={cluster} className="box center"/>;
+    }
+
+    return null;
+  }
+
+  render() {
+    return (
+      <div className="ClusterView flex column align-center">
+        {this.renderStatus()}
+      </div>
+    );
+  }
+}
+
+export const ClusterView = withInjectables<Dependencies>(NonInjectedClusterView, {
+  getProps: (di) => ({
+    ...di.inject(clusterViewRouteParametersInjectable),
+    navigateToCatalog: di.inject(navigateToCatalogInjectable),
+    clusterFrames: di.inject(clusterFrameHandlerInjectable),
+    entityRegistry: di.inject(catalogEntityRegistryInjectable),
+    getClusterById: di.inject(getClusterByIdInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/cluster-manager/emit-cluster-visibility.injectable.ts b/packages/core/src/renderer/components/cluster-manager/emit-cluster-visibility.injectable.ts
new file mode 100644
index 0000000000..261582d136
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/emit-cluster-visibility.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 { MessageChannelHandler } from "../../../common/utils/channel/message-channel-listener-injection-token";
+import { sendMessageToChannelInjectionToken } from "../../../common/utils/channel/message-to-channel-injection-token";
+import { clusterVisibilityChannel } from "../../../common/cluster/visibility-channel";
+
+export type EmitClusterVisibility = MessageChannelHandler<typeof clusterVisibilityChannel>;
+
+const emitClusterVisibilityInjectable = getInjectable({
+  id: "emit-cluster-visibility",
+  instantiate: (di): EmitClusterVisibility => {
+    const sendMessageToChannel = di.inject(sendMessageToChannelInjectionToken);
+
+    return (id) => sendMessageToChannel(clusterVisibilityChannel, id);
+  },
+});
+
+export default emitClusterVisibilityInjectable;
diff --git a/packages/core/src/renderer/components/cluster-manager/index.tsx b/packages/core/src/renderer/components/cluster-manager/index.tsx
new file mode 100644
index 0000000000..a36a997087
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-manager/index.tsx
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./cluster-manager";
diff --git a/packages/core/src/renderer/components/cluster-settings/__tests__/cluster-local-terminal-settings.test.tsx b/packages/core/src/renderer/components/cluster-settings/__tests__/cluster-local-terminal-settings.test.tsx
new file mode 100644
index 0000000000..f450aa1406
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/__tests__/cluster-local-terminal-settings.test.tsx
@@ -0,0 +1,151 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { waitFor } from "@testing-library/react";
+import { ClusterLocalTerminalSetting } from "../local-terminal-settings";
+import userEvent from "@testing-library/user-event";
+import type { Stats } from "fs";
+import type { Cluster } from "../../../../common/cluster/cluster";
+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.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();
+  });
+
+  it("should render without errors", () => {
+    const dom = render(<ClusterLocalTerminalSetting cluster={null as never}/>);
+
+    expect(dom.container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("should render the current settings", async () => {
+    const cluster = {
+      preferences: {
+        terminalCWD: "/foobar",
+        defaultNamespace: "kube-system",
+      },
+      getKubeconfig: jest.fn(() => ({
+        getContextObject: jest.fn(() => ({})),
+      })),
+    } as unknown as Cluster;
+    const dom = render(<ClusterLocalTerminalSetting cluster={cluster}/>);
+
+    expect(await dom.findByDisplayValue("/foobar")).toBeDefined();
+    expect(await dom.findByDisplayValue("kube-system")).toBeDefined();
+  });
+
+  it("should change placeholder for 'Default Namespace' to be the namespace from the kubeconfig", async () => {
+    const cluster = {
+      preferences: {
+        terminalCWD: "/foobar",
+      },
+      getKubeconfig: jest.fn(() => ({
+        getContextObject: jest.fn(() => ({
+          namespace: "blat",
+        })),
+      })),
+    } as unknown as Cluster;
+    const dom = render(<ClusterLocalTerminalSetting cluster={cluster}/>);
+
+    expect(await dom.findByDisplayValue("/foobar")).toBeDefined();
+    expect(await dom.findByPlaceholderText("blat")).toBeDefined();
+  });
+
+  it("should save the new default namespace after clicking away", async () => {
+    const cluster = {
+      preferences: {
+        terminalCWD: "/foobar",
+      },
+      getKubeconfig: jest.fn(() => ({
+        getContextObject: jest.fn(() => ({})),
+      })),
+    } as unknown as Cluster;
+
+    const dom = render(<ClusterLocalTerminalSetting cluster={cluster}/>);
+    const dn = await dom.findByTestId("default-namespace");
+
+    userEvent.click(dn);
+    userEvent.type(dn, "kube-system");
+    userEvent.click(dom.baseElement);
+
+    await waitFor(() => expect(cluster.preferences.defaultNamespace).toBe("kube-system"));
+  });
+
+  it("should save the new CWD if path is a directory", async () => {
+    statMock.mockImplementation(async (path) => {
+      expect(path).toBe("/foobar");
+
+      return {
+        isDirectory: () => true,
+      } as Stats;
+    });
+
+    const cluster = {
+      getKubeconfig: jest.fn(() => ({
+        getContextObject: jest.fn(() => ({})),
+      })),
+    } as unknown as Cluster;
+
+    const dom = render(<ClusterLocalTerminalSetting cluster={cluster}/>);
+    const dn = await dom.findByTestId("working-directory");
+
+    userEvent.click(dn);
+    userEvent.type(dn, "/foobar");
+    userEvent.click(dom.baseElement);
+
+    await waitFor(() => expect(cluster.preferences?.terminalCWD).toBe("/foobar"));
+  });
+
+  it("should not save the new CWD if path is a file", async () => {
+    statMock.mockImplementation(async (path) => {
+      expect(path).toBe("/foobar");
+
+      return {
+        isDirectory: () => false,
+        isFile: () => true,
+      } as Stats;
+    });
+
+    const cluster = {
+      getKubeconfig: jest.fn(() => ({
+        getContextObject: jest.fn(() => ({})),
+      })),
+    } as unknown as Cluster;
+
+    const dom = render(<ClusterLocalTerminalSetting cluster={cluster}/>);
+    const dn = await dom.findByTestId("working-directory");
+
+    userEvent.click(dn);
+    userEvent.type(dn, "/foobar");
+    userEvent.click(dom.baseElement);
+
+    await waitFor(() => expect(showErrorNotificationMock).toHaveBeenCalled());
+  });
+});
diff --git a/packages/core/src/renderer/components/cluster-settings/accessible-namespaces.tsx b/packages/core/src/renderer/components/cluster-settings/accessible-namespaces.tsx
new file mode 100644
index 0000000000..2f3b9b930d
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/accessible-namespaces.tsx
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { SubTitle } from "../layout/sub-title";
+import { EditableList } from "../editable-list";
+import { observable, makeObservable } from "mobx";
+import { systemName } from "../input/input_validators";
+
+export interface ClusterAccessibleNamespacesProps {
+  cluster: Cluster;
+}
+
+@observer
+export class ClusterAccessibleNamespaces extends React.Component<ClusterAccessibleNamespacesProps> {
+  @observable namespaces = new Set(this.props.cluster.accessibleNamespaces);
+
+  constructor(props: ClusterAccessibleNamespacesProps) {
+    super(props);
+    makeObservable(this);
+  }
+
+  render() {
+    return (
+      <>
+        <SubTitle title="Accessible Namespaces" id="accessible-namespaces" />
+        <EditableList
+          placeholder="Add new namespace..."
+          add={(newNamespace) => {
+            this.namespaces.add(newNamespace);
+            this.props.cluster.accessibleNamespaces.replace([...this.namespaces]);
+          }}
+          validators={systemName}
+          items={Array.from(this.namespaces)}
+          remove={({ oldItem: oldNamespace }) => {
+            this.namespaces.delete(oldNamespace);
+            this.props.cluster.accessibleNamespaces.replace([...this.namespaces]);
+          }}
+          inputTheme="round-black"
+        />
+        <small className="hint">
+          This setting is useful for manually specifying which namespaces you have access to. This is useful when you do not have permissions to list namespaces.
+        </small>
+      </>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-settings/icon-settings.tsx b/packages/core/src/renderer/components/cluster-settings/icon-settings.tsx
new file mode 100644
index 0000000000..55e4b21828
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/icon-settings.tsx
@@ -0,0 +1,108 @@
+/**
+ * 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 { Cluster } from "../../../common/cluster/cluster";
+import { autoBind } from "../../utils";
+import { observable } from "mobx";
+import { observer } from "mobx-react";
+import type { KubernetesCluster } from "../../../common/catalog-entities";
+import { FilePicker, OverSizeLimitStyle } from "../file-picker";
+import { MenuActions, MenuItem } from "../menu";
+import { Avatar } from "../avatar";
+
+enum GeneralInputStatus {
+  CLEAN = "clean",
+  ERROR = "error",
+}
+
+export interface ClusterIconSettingProps {
+  cluster: Cluster;
+  entity: KubernetesCluster;
+}
+
+@observer
+export class ClusterIconSetting extends React.Component<ClusterIconSettingProps> {
+  @observable status = GeneralInputStatus.CLEAN;
+  @observable errorText?: string;
+
+  constructor(props: ClusterIconSettingProps) {
+    super(props);
+    autoBind(this);
+  }
+
+  private element = React.createRef<HTMLDivElement>();
+
+  async onIconPick([file]: File[]) {
+    if (!file) {
+      return;
+    }
+
+    const { cluster } = this.props;
+
+    try {
+      const buf = Buffer.from(await file.arrayBuffer());
+
+      cluster.preferences.icon = `data:${file.type};base64,${buf.toString("base64")}`;
+    } catch (e) {
+      this.errorText = String(e);
+      this.status = GeneralInputStatus.ERROR;
+    }
+  }
+
+  clearIcon() {
+    /**
+     * NOTE: this needs to be `null` rather than `undefined` so that we can
+     * tell the difference between it not being there and being cleared.
+     */
+    this.props.cluster.preferences.icon = null;
+  }
+
+  onUploadClick() {
+    this.element
+      .current
+      ?.querySelector<HTMLInputElement>("input[type=file]")
+      ?.click();
+  }
+
+  render() {
+    const { entity } = this.props;
+
+    return (
+      <div ref={this.element}>
+        <div className="file-loader flex flex-row items-center">
+          <div className="mr-5">
+            <FilePicker
+              accept="image/*"
+              label={(
+                <Avatar
+                  colorHash={`${entity.getName()}-${entity.metadata.source}`}
+                  title={entity.getName()}
+                  src={entity.spec.icon?.src}
+                  size={53}
+                />
+              )}
+              onOverSizeLimit={OverSizeLimitStyle.FILTER}
+              handler={this.onIconPick}
+            />
+          </div>
+          <MenuActions
+            id={`menu-actions-for-cluster-icon-settings-for-${entity.getId()}`}
+            toolbar={false}
+            autoCloseOnSelect={true}
+            triggerIcon={{ material: "more_horiz" }}
+          >
+            <MenuItem onClick={this.onUploadClick}>
+              Upload Icon
+            </MenuItem>
+            <MenuItem onClick={() => this.clearIcon()} disabled={!this.props.cluster.preferences.icon}>
+              Clear
+            </MenuItem>
+          </MenuActions>
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-settings/kubeconfig.tsx b/packages/core/src/renderer/components/cluster-settings/kubeconfig.tsx
new file mode 100644
index 0000000000..251185ba89
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/kubeconfig.tsx
@@ -0,0 +1,35 @@
+/**
+ * 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 { Cluster } from "../../../common/cluster/cluster";
+import { observer } from "mobx-react";
+import { SubTitle } from "../layout/sub-title";
+import { shell } from "electron";
+import { Notice } from "../+extensions/notice";
+
+export interface ClusterKubeconfigProps {
+  cluster: Cluster;
+}
+
+@observer
+export class ClusterKubeconfig extends React.Component<ClusterKubeconfigProps> {
+  openKubeconfig = () => {
+    const { cluster } = this.props;
+
+    shell.showItemInFolder(cluster.kubeConfigPath);
+  };
+
+  render() {
+    return (
+      <Notice className="mb-14 mt-3">
+        <SubTitle title="Kubeconfig" />
+        <span>
+          <a className="link value" onClick={this.openKubeconfig}>{this.props.cluster.kubeConfigPath}</a>
+        </span>
+      </Notice>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-settings/local-terminal-settings.tsx b/packages/core/src/renderer/components/cluster-settings/local-terminal-settings.tsx
new file mode 100644
index 0000000000..64dde94c00
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/local-terminal-settings.tsx
@@ -0,0 +1,176 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React, { useEffect, useState } from "react";
+import { observer } from "mobx-react";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { Input } from "../input";
+import { SubTitle } from "../layout/sub-title";
+import type { ShowNotification } from "../notifications";
+import { Icon } from "../icon";
+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";
+import type { ResolveTilde } from "../../../common/path/resolve-tilde.injectable";
+import resolveTildeInjectable from "../../../common/path/resolve-tilde.injectable";
+import Gutter from "../gutter/gutter";
+import isWindowsInjectable from "../../../common/vars/is-windows.injectable";
+import type { OpenPathPickingDialog } from "../../../features/path-picking-dialog/renderer/pick-paths.injectable";
+import openPathPickingDialogInjectable from "../../../features/path-picking-dialog/renderer/pick-paths.injectable";
+
+export interface ClusterLocalTerminalSettingProps {
+  cluster: Cluster;
+}
+interface Dependencies {
+  showErrorNotification: ShowNotification;
+  validateDirectory: ValidateDirectory;
+  resolveTilde: ResolveTilde;
+  openPathPickingDialog: OpenPathPickingDialog;
+  isWindows: boolean;
+}
+
+const NonInjectedClusterLocalTerminalSetting = observer(({
+  cluster,
+  showErrorNotification,
+  validateDirectory,
+  resolveTilde,
+  isWindows,
+  openPathPickingDialog,
+}: Dependencies & ClusterLocalTerminalSettingProps) => {
+  if (!cluster) {
+    return null;
+  }
+
+  const [directory, setDirectory] = useState<string>(cluster.preferences?.terminalCWD || "");
+  const [defaultNamespace, setDefaultNamespaces] = useState<string>(cluster.preferences?.defaultNamespace || "");
+  const [placeholderDefaultNamespace, setPlaceholderDefaultNamespace] = useState("default");
+
+  useEffect(() => {
+    (async () => {
+      const kubeconfig = await cluster.getKubeconfig();
+      const { namespace } = kubeconfig.getContextObject(cluster.contextName) ?? {};
+
+      if (namespace) {
+        setPlaceholderDefaultNamespace(namespace);
+      }
+    })();
+    setDirectory(cluster.preferences?.terminalCWD || "");
+    setDefaultNamespaces(cluster.preferences?.defaultNamespace || "");
+  }, [cluster]);
+
+  const commitDirectory = async (directory: string) => {
+    cluster.preferences ??= {};
+
+    if (!directory) {
+      cluster.preferences.terminalCWD = undefined;
+    } else {
+      const dir = resolveTilde(directory);
+      const result = await validateDirectory(dir);
+
+      if (!result.callWasSuccessful) {
+        showErrorNotification(
+          <>
+            <b>Terminal Working Directory</b>
+            <p>
+              {"Your changes were not saved because "}
+              {result.error}
+            </p>
+          </>,
+        );
+      } else {
+        cluster.preferences.terminalCWD = dir;
+        setDirectory(dir);
+      }
+    }
+  };
+
+  const commitDefaultNamespace = () => {
+    cluster.preferences ??= {};
+    cluster.preferences.defaultNamespace = defaultNamespace || undefined;
+  };
+
+  const setAndCommitDirectory = (newPath: string) => {
+    setDirectory(newPath);
+    commitDirectory(newPath);
+  };
+
+  const openFilePicker = () => {
+    openPathPickingDialog({
+      message: "Choose Working Directory",
+      buttonLabel: "Pick",
+      properties: ["openDirectory", "showHiddenFiles"],
+      onPick: ([directory]) => setAndCommitDirectory(directory),
+    });
+  };
+
+  return (
+    <>
+      <section className="working-directory">
+        <SubTitle title="Working Directory"/>
+        <Input
+          theme="round-black"
+          value={directory}
+          data-testid="working-directory"
+          onChange={setDirectory}
+          onBlur={() => commitDirectory(directory)}
+          placeholder={isWindows ? "$USERPROFILE" : "$HOME"}
+          iconRight={(
+            <>
+              {
+                directory && (
+                  <Icon
+                    material="close"
+                    title="Clear"
+                    onClick={() => setAndCommitDirectory("")}
+                    smallest
+                    style={{ marginRight: "var(--margin)" }}
+                  />
+                )
+              }
+              <Icon
+                material="folder"
+                title="Pick from filesystem"
+                onClick={openFilePicker}
+                smallest
+              />
+            </>
+          )}
+        />
+        <small className="hint">
+          An explicit start path where the terminal will be launched,
+          {" "}
+          this is used as the current working directory (cwd) for the shell process.
+        </small>
+      </section>
+      <Gutter />
+      <section className="default-namespace">
+        <SubTitle title="Default Namespace"/>
+        <Input
+          theme="round-black"
+          data-testid="default-namespace"
+          value={defaultNamespace}
+          onChange={setDefaultNamespaces}
+          onBlur={commitDefaultNamespace}
+          placeholder={placeholderDefaultNamespace}
+        />
+        <small className="hint">
+          Default namespace used for kubectl.
+        </small>
+      </section>
+    </>
+  );
+});
+
+export const ClusterLocalTerminalSetting = withInjectables<Dependencies, ClusterLocalTerminalSettingProps>(NonInjectedClusterLocalTerminalSetting, {
+  getProps: (di, props) => ({
+    ...props,
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+    validateDirectory: di.inject(validateDirectoryInjectable),
+    resolveTilde: di.inject(resolveTildeInjectable),
+    isWindows: di.inject(isWindowsInjectable),
+    openPathPickingDialog: di.inject(openPathPickingDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/cluster-settings/metrics-setting.tsx b/packages/core/src/renderer/components/cluster-settings/metrics-setting.tsx
new file mode 100644
index 0000000000..d8bd68f938
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/metrics-setting.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 React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { onMultiSelectFor, Select } from "../select/select";
+import { Icon } from "../icon/icon";
+import { Button } from "../button/button";
+import { SubTitle } from "../layout/sub-title";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { observable, reaction, makeObservable } from "mobx";
+import { ClusterMetricsResourceType } from "../../../common/cluster-types";
+
+export interface ClusterMetricsSettingProps {
+  cluster: Cluster;
+}
+
+@observer
+export class ClusterMetricsSetting extends React.Component<ClusterMetricsSettingProps> {
+  @observable hiddenMetrics = observable.set<string>();
+
+  constructor(props: ClusterMetricsSettingProps) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+    this.hiddenMetrics = observable.set<string>(this.props.cluster.preferences.hiddenMetrics ?? []);
+
+    disposeOnUnmount(this, [
+      reaction(() => this.props.cluster.preferences.hiddenMetrics, () => {
+        this.hiddenMetrics = observable.set<string>(this.props.cluster.preferences.hiddenMetrics ?? []);
+      }),
+    ]);
+  }
+
+  save = () => {
+    this.props.cluster.preferences.hiddenMetrics = Array.from(this.hiddenMetrics);
+  };
+
+  onChangeButton = () => {
+    this.hiddenMetrics.replace(Object.keys(ClusterMetricsResourceType));
+    this.save();
+  };
+
+  reset = () => {
+    this.hiddenMetrics.clear();
+    this.save();
+  };
+
+  renderMetricsSelect() {
+    const metricResourceTypeOptions = Object.values(ClusterMetricsResourceType)
+      .map(type => ({
+        value: type,
+        label: type,
+        isSelected: this.hiddenMetrics.has(type),
+      }));
+
+    return (
+      <>
+        <Select
+          id="cluster-metric-resource-type-input"
+          className="box grow"
+          placeholder="Select metrics to hide..."
+          isMulti
+          isSearchable
+          onMenuClose={this.save}
+          closeMenuOnSelect={false}
+          controlShouldRenderValue={false}
+          options={metricResourceTypeOptions}
+          onChange={onMultiSelectFor(this.hiddenMetrics)}
+          formatOptionLabel={(option) => (
+            <div className="flex gaps align-center">
+              <span>{option.value}</span>
+              {option.isSelected && (
+                <Icon
+                  smallest
+                  material="check"
+                  className="box right"
+                />
+              )}
+            </div>
+          )}
+          themeName="lens"
+        />
+        <Button
+          primary
+          label="Hide all metrics"
+          onClick={this.onChangeButton}
+        />
+        <Button
+          primary
+          label="Reset"
+          onClick={this.reset}
+        />
+      </>
+    );
+  }
+
+  render() {
+
+    return (
+      <div className="MetricsSelec0 mb-5">
+        <SubTitle title={"Hide metrics from the UI"}/>
+        <div className="flex gaps">
+          {this.renderMetricsSelect()}
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-settings/name-setting.tsx b/packages/core/src/renderer/components/cluster-settings/name-setting.tsx
new file mode 100644
index 0000000000..8ee315473d
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/name-setting.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 React from "react";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { Input } from "../input";
+import { observable, autorun, makeObservable } from "mobx";
+import { observer, disposeOnUnmount } from "mobx-react";
+import { SubTitle } from "../layout/sub-title";
+import { isRequired } from "../input/input_validators";
+import type { KubernetesCluster } from "../../../common/catalog-entities";
+
+export interface ClusterNameSettingProps {
+  cluster: Cluster;
+  entity: KubernetesCluster;
+}
+
+@observer
+export class ClusterNameSetting extends React.Component<ClusterNameSettingProps> {
+  @observable name = "";
+
+  constructor(props: ClusterNameSettingProps) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this,
+      autorun(() => {
+        this.name = this.props.cluster.preferences.clusterName || this.props.entity.getName();
+      }),
+    );
+  }
+
+  save = () => {
+    this.props.cluster.preferences.clusterName = this.name;
+  };
+
+  onChange = (value: string) => {
+    this.name = value;
+  };
+
+  render() {
+    return (
+      <>
+        <SubTitle title="Cluster Name" />
+        <Input
+          theme="round-black"
+          validators={isRequired}
+          value={this.name}
+          onChange={this.onChange}
+          onBlur={this.save}
+        />
+      </>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-settings/node-shell-setting.tsx b/packages/core/src/renderer/components/cluster-settings/node-shell-setting.tsx
new file mode 100644
index 0000000000..858ae9d20e
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/node-shell-setting.tsx
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { Cluster } from "../../../common/cluster/cluster";
+import { makeObservable, observable } from "mobx";
+import { SubTitle } from "../layout/sub-title";
+import React from "react";
+import { Input } from "../input/input";
+import { observer } from "mobx-react";
+import { Icon } from "../icon/icon";
+import { initialNodeShellImage } from "../../../common/cluster-types";
+import Gutter from "../gutter/gutter";
+
+export interface ClusterNodeShellSettingProps {
+  cluster: Cluster;
+}
+
+@observer
+export class ClusterNodeShellSetting extends React.Component<ClusterNodeShellSettingProps> {
+  @observable nodeShellImage = this.props.cluster.preferences?.nodeShellImage || "";
+  @observable imagePullSecret = this.props.cluster.preferences?.imagePullSecret || "";
+
+  constructor(props: ClusterNodeShellSettingProps) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentWillUnmount() {
+    this.props.cluster.preferences ??= {};
+    this.props.cluster.preferences.nodeShellImage = this.nodeShellImage || undefined;
+    this.props.cluster.preferences.imagePullSecret = this.imagePullSecret || undefined;
+  }
+
+  render() {
+    return (
+      <>
+        <section>
+          <SubTitle title="Node shell image" id="node-shell-image"/>
+          <Input
+            theme="round-black"
+            placeholder={`Default image: ${initialNodeShellImage}`}
+            value={this.nodeShellImage}
+            onChange={value => this.nodeShellImage = value}
+            iconRight={
+              this.nodeShellImage
+                ? (
+                  <Icon
+                    smallest
+                    material="close"
+                    onClick={() => this.nodeShellImage = ""}
+                    tooltip="Reset"
+                  />
+                )
+                : undefined
+            }
+          />
+          <small className="hint">
+            Node shell image. Used for creating node shell pod.
+          </small>
+        </section>
+        <Gutter />
+        <section>
+          <SubTitle title="Image pull secret" id="image-pull-secret"/>
+          <Input
+            placeholder="Specify a secret name..."
+            theme="round-black"
+            value={this.imagePullSecret}
+            onChange={value => this.imagePullSecret = value}
+            iconRight={
+              this.imagePullSecret
+                ? (
+                  <Icon
+                    smallest
+                    material="close"
+                    onClick={() => this.imagePullSecret = ""}
+                    tooltip="Clear"
+                  />
+                )
+                : undefined
+            }
+          />
+          <small className="hint">
+            Name of a pre-existing secret in the kube-system namespace. An optional setting. Used for pulling image from a private registry.
+          </small>
+        </section>
+      </>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-settings/prometheus-setting.tsx b/packages/core/src/renderer/components/cluster-settings/prometheus-setting.tsx
new file mode 100644
index 0000000000..4a1d7b5b66
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/prometheus-setting.tsx
@@ -0,0 +1,179 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { observer, disposeOnUnmount } from "mobx-react";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { SubTitle } from "../layout/sub-title";
+import type { SelectOption } from "../select";
+import { Select } from "../select";
+import { Input } from "../input";
+import { observable, computed, autorun, makeObservable } from "mobx";
+import { Spinner } from "../spinner";
+import type { MetricProviderInfo, RequestMetricsProviders } from "../../../common/k8s-api/endpoints/metrics.api/request-providers.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import requestMetricsProvidersInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-providers.injectable";
+import productNameInjectable from "../../../common/vars/product-name.injectable";
+
+export interface ClusterPrometheusSettingProps {
+  cluster: Cluster;
+}
+
+const autoDetectPrometheus = Symbol("auto-detect-prometheus");
+
+type ProviderValue = typeof autoDetectPrometheus | string;
+
+interface Dependencies {
+  productName: string;
+  requestMetricsProviders: RequestMetricsProviders;
+}
+
+@observer
+class NonInjectedClusterPrometheusSetting extends React.Component<ClusterPrometheusSettingProps & Dependencies> {
+  @observable path = "";
+  @observable selectedOption: ProviderValue = autoDetectPrometheus;
+  @observable loading = true;
+  readonly loadedOptions = observable.map<string, MetricProviderInfo>();
+
+  @computed get options(): SelectOption<ProviderValue>[] {
+    return [
+      {
+        value: autoDetectPrometheus,
+        label: "Auto Detect Prometheus",
+        isSelected: autoDetectPrometheus === this.selectedOption,
+      },
+      ...Array.from(this.loadedOptions, ([id, provider]) => ({
+        value: id,
+        label: provider.name,
+        isSelected: id === this.selectedOption,
+      })),
+    ];
+  }
+
+  constructor(props: ClusterPrometheusSettingProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed get canEditPrometheusPath(): boolean {
+    if (!this.selectedOption || this.selectedOption === autoDetectPrometheus) {
+      return false;
+    }
+
+    return this.loadedOptions.get(this.selectedOption)?.isConfigurable ?? false;
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this,
+      autorun(() => {
+        const { prometheus, prometheusProvider } = this.props.cluster.preferences;
+
+        if (prometheus) {
+          const prefix = prometheus.prefix || "";
+
+          this.path = `${prometheus.namespace}/${prometheus.service}:${prometheus.port}${prefix}`;
+        } else {
+          this.path = "";
+        }
+
+        if (prometheusProvider) {
+          this.selectedOption = this.options.find(opt => opt.value === prometheusProvider.type)?.value ?? autoDetectPrometheus;
+        } else {
+          this.selectedOption = autoDetectPrometheus;
+        }
+      }),
+    );
+
+    this.props.requestMetricsProviders()
+      .then(values => {
+        this.loading = false;
+        this.loadedOptions.replace(values.map(provider => [provider.id, provider]));
+      });
+  }
+
+  parsePrometheusPath = () => {
+    if (!this.selectedOption || !this.path) {
+      return undefined;
+    }
+    const parsed = this.path.split(/\/|:/, 3);
+    const apiPrefix = this.path.substring(parsed.join("/").length);
+
+    if (!parsed[0] || !parsed[1] || !parsed[2]) {
+      return undefined;
+    }
+
+    return {
+      namespace: parsed[0],
+      service: parsed[1],
+      port: parseInt(parsed[2]),
+      prefix: apiPrefix,
+    };
+  };
+
+  onSaveProvider = () => {
+    this.props.cluster.preferences.prometheusProvider = typeof this.selectedOption === "string"
+      ? { type: this.selectedOption }
+      : undefined;
+  };
+
+  onSavePath = () => {
+    this.props.cluster.preferences.prometheus = this.parsePrometheusPath();
+  };
+
+  render() {
+    return (
+      <>
+        <section>
+          <SubTitle title="Prometheus" />
+          {
+            this.loading
+              ? <Spinner />
+              : (
+                <>
+                  <Select
+                    id="cluster-prometheus-settings-input"
+                    value={this.selectedOption}
+                    onChange={option => {
+                      this.selectedOption = option?.value ?? autoDetectPrometheus;
+                      this.onSaveProvider();
+                    }}
+                    options={this.options}
+                    themeName="lens"
+                  />
+                  <small className="hint">What query format is used to fetch metrics from Prometheus</small>
+                </>
+              )
+          }
+        </section>
+        {this.canEditPrometheusPath && (
+          <>
+            <hr />
+            <section>
+              <SubTitle title="Prometheus service address" />
+              <Input
+                theme="round-black"
+                value={this.path}
+                onChange={(value) => this.path = value}
+                onBlur={this.onSavePath}
+                placeholder="<namespace>/<service>:<port>"
+              />
+              <small className="hint">
+                {`An address to an existing Prometheus installation (<namespace>/<service>:<port>). ${this.props.productName} tries to auto-detect address if left empty.`}
+              </small>
+            </section>
+          </>
+        )}
+      </>
+    );
+  }
+}
+
+export const ClusterPrometheusSetting = withInjectables<Dependencies, ClusterPrometheusSettingProps>(NonInjectedClusterPrometheusSetting, {
+  getProps: (di, props) => ({
+    ...props,
+    productName: di.inject(productNameInjectable),
+    requestMetricsProviders: di.inject(requestMetricsProvidersInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/cluster-settings/proxy-setting.tsx b/packages/core/src/renderer/components/cluster-settings/proxy-setting.tsx
new file mode 100644
index 0000000000..7210de36e4
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/proxy-setting.tsx
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { observable, autorun, makeObservable } from "mobx";
+import { observer, disposeOnUnmount } from "mobx-react";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { Input, InputValidators } from "../input";
+import { SubTitle } from "../layout/sub-title";
+
+export interface ClusterProxySettingProps {
+  cluster: Cluster;
+}
+
+@observer
+export class ClusterProxySetting extends React.Component<ClusterProxySettingProps> {
+  @observable proxy = "";
+
+  constructor(props: ClusterProxySettingProps) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this,
+      autorun(() => {
+        this.proxy = this.props.cluster.preferences.httpsProxy || "";
+      }),
+    );
+  }
+
+  save = () => {
+    this.props.cluster.preferences.httpsProxy = this.proxy;
+  };
+
+  onChange = (value: string) => {
+    this.proxy = value;
+  };
+
+  render() {
+    return (
+      <>
+        <SubTitle title="HTTP Proxy" id="http-proxy" />
+        <Input
+          theme="round-black"
+          value={this.proxy}
+          onChange={this.onChange}
+          onBlur={this.save}
+          placeholder="http://<address>:<port>"
+          validators={this.proxy ? InputValidators.isUrl : undefined}
+        />
+        <small className="hint">
+          HTTP Proxy server. Used for communicating with Kubernetes API.
+        </small>
+      </>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/cluster-settings/show-metrics.tsx b/packages/core/src/renderer/components/cluster-settings/show-metrics.tsx
new file mode 100644
index 0000000000..c40ddcb9df
--- /dev/null
+++ b/packages/core/src/renderer/components/cluster-settings/show-metrics.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 React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { observable, reaction, makeObservable } from "mobx";
+import { Badge } from "../badge/badge";
+import { Icon } from "../icon/icon";
+import { Notice } from "../+extensions/notice";
+
+export interface ShowMetricsSettingProps {
+  cluster: Cluster;
+}
+
+@observer
+export class ShowMetricsSetting extends React.Component<ShowMetricsSettingProps> {
+  @observable hiddenMetrics = observable.set<string>();
+
+  constructor(props: ShowMetricsSettingProps) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+    this.hiddenMetrics = observable.set<string>(this.props.cluster.preferences.hiddenMetrics ?? []);
+
+    disposeOnUnmount(this, [
+      reaction(() => this.props.cluster.preferences.hiddenMetrics, () => {
+        this.hiddenMetrics = observable.set<string>(this.props.cluster.preferences.hiddenMetrics ?? []);
+      }),
+    ]);
+  }
+
+  removeMetric(metric: string) {
+    this.hiddenMetrics.delete(metric);
+    this.props.cluster.preferences.hiddenMetrics = Array.from(this.hiddenMetrics);
+  }
+
+  renderMetrics() {
+    const metrics = Array.from(this.hiddenMetrics);
+
+    if (!metrics.length) {
+      return (
+        <div className="flex-grow text-center">All metrics are visible on the UI</div>
+      );
+    }
+
+    return (
+      metrics.map(name => {
+        const tooltipId = `${name}`;
+
+        return (
+          <Badge
+            key={name}
+            flat
+            expandable={false}
+          >
+            <span id={tooltipId}>{name}</span>
+            <Icon
+              smallest
+              material="clear"
+              onClick={() => this.removeMetric(name)}
+              tooltip="Remove"
+              className="mx-3"
+            />
+          </Badge>
+        );
+      })
+    );
+  }
+
+  render() {
+
+    return (
+      <Notice>
+        <div className="MetricsSelect flex wrap gaps leading-relaxed">
+          {this.renderMetrics()}
+        </div>
+      </Notice>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/colors.scss b/packages/core/src/renderer/components/colors.scss
new file mode 100644
index 0000000000..f92eac7698
--- /dev/null
+++ b/packages/core/src/renderer/components/colors.scss
@@ -0,0 +1,305 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+//-- Material Design colors
+
+// Red
+$red-50: rgb(255,235,238);
+$red-100: rgb(255,205,210);
+$red-200: rgb(239,154,154);
+$red-300: rgb(229,115,115);
+$red-400: rgb(239,83,80);
+$red-500: rgb(244,67,54);
+$red-600: rgb(229,57,53);
+$red-700: rgb(211,47,47);
+$red-800: rgb(198,40,40);
+$red-900: rgb(183,28,28);
+$red-a100: rgb(255,138,128);
+$red-a200: rgb(255,82,82);
+$red-a400: rgb(255,23,68);
+$red-a700: rgb(213,0,0);
+
+// Pink
+$pink-50: rgb(252,228,236);
+$pink-100: rgb(248,187,208);
+$pink-200: rgb(244,143,177);
+$pink-300: rgb(240,98,146);
+$pink-400: rgb(236,64,122);
+$pink-500: rgb(233,30,99);
+$pink-600: rgb(216,27,96);
+$pink-700: rgb(194,24,91);
+$pink-800: rgb(173,20,87);
+$pink-900: rgb(136,14,79);
+$pink-a100: rgb(255,128,171);
+$pink-a200: rgb(255,64,129);
+$pink-a400: rgb(245,0,87);
+$pink-a700: rgb(197,17,98);
+
+// Purple
+$purple-50: rgb(243,229,245);
+$purple-100: rgb(225,190,231);
+$purple-200: rgb(206,147,216);
+$purple-300: rgb(186,104,200);
+$purple-400: rgb(171,71,188);
+$purple-500: rgb(156,39,176);
+$purple-600: rgb(142,36,170);
+$purple-700: rgb(123,31,162);
+$purple-800: rgb(106,27,154);
+$purple-900: rgb(74,20,140);
+$purple-a100: rgb(234,128,252);
+$purple-a200: rgb(224,64,251);
+$purple-a400: rgb(213,0,249);
+$purple-a700: rgb(170,0,255);
+
+//Deep Purple
+$deep-purple-50: rgb(237,231,246);
+$deep-purple-100: rgb(209,196,233);
+$deep-purple-200: rgb(179,157,219);
+$deep-purple-300: rgb(149,117,205);
+$deep-purple-400: rgb(126,87,194);
+$deep-purple-500: rgb(103,58,183);
+$deep-purple-600: rgb(94,53,177);
+$deep-purple-700: rgb(81,45,168);
+$deep-purple-800: rgb(69,39,160);
+$deep-purple-900: rgb(49,27,146);
+$deep-purple-a100: rgb(179,136,255);
+$deep-purple-a200: rgb(124,77,255);
+$deep-purple-a400: rgb(101,31,255);
+$deep-purple-a700: rgb(98,0,234);
+
+// Indigo
+$indigo-50: rgb(232,234,246);
+$indigo-100: rgb(197,202,233);
+$indigo-200: rgb(159,168,218);
+$indigo-300: rgb(121,134,203);
+$indigo-400: rgb(92,107,192);
+$indigo-500: rgb(63,81,181);
+$indigo-600: rgb(57,73,171);
+$indigo-700: rgb(48,63,159);
+$indigo-800: rgb(40,53,147);
+$indigo-900: rgb(26,35,126);
+$indigo-a100: rgb(140,158,255);
+$indigo-a200: rgb(83,109,254);
+$indigo-a400: rgb(61,90,254);
+$indigo-a700: rgb(48,79,254);
+
+// Blue
+$blue-50: rgb(227,242,253);
+$blue-100: rgb(187,222,251);
+$blue-200: rgb(144,202,249);
+$blue-300: rgb(100,181,246);
+$blue-400: rgb(66,165,245);
+$blue-500: rgb(33,150,243);
+$blue-600: rgb(30,136,229);
+$blue-700: rgb(25,118,210);
+$blue-800: rgb(21,101,192);
+$blue-900: rgb(13,71,161);
+$blue-a100: rgb(130,177,255);
+$blue-a200: rgb(68,138,255);
+$blue-a400: rgb(41,121,255);
+$blue-a700: rgb(41,98,255);
+
+// Light Blue
+$light-blue-50: rgb(225,245,254);
+$light-blue-100: rgb(179,229,252);
+$light-blue-200: rgb(129,212,250);
+$light-blue-300: rgb(79,195,247);
+$light-blue-400: rgb(41,182,246);
+$light-blue-500: rgb(3,169,244);
+$light-blue-600: rgb(3,155,229);
+$light-blue-700: rgb(2,136,209);
+$light-blue-800: rgb(2,119,189);
+$light-blue-900: rgb(1,87,155);
+$light-blue-a100: rgb(128,216,255);
+$light-blue-a200: rgb(64,196,255);
+$light-blue-a400: rgb(0,176,255);
+$light-blue-a700: rgb(0,145,234);
+
+// Cyan
+$cyan-50: rgb(224,247,250);
+$cyan-100: rgb(178,235,242);
+$cyan-200: rgb(128,222,234);
+$cyan-300: rgb(77,208,225);
+$cyan-400: rgb(38,198,218);
+$cyan-500: rgb(0,188,212);
+$cyan-600: rgb(0,172,193);
+$cyan-700: rgb(0,151,167);
+$cyan-800: rgb(0,131,143);
+$cyan-900: rgb(0,96,100);
+$cyan-a100: rgb(132,255,255);
+$cyan-a200: rgb(24,255,255);
+$cyan-a400: rgb(0,229,255);
+$cyan-a700: rgb(0,184,212);
+
+// Teal
+$teal-50: rgb(224,242,241);
+$teal-100: rgb(178,223,219);
+$teal-200: rgb(128,203,196);
+$teal-300: rgb(77,182,172);
+$teal-400: rgb(38,166,154);
+$teal-500: rgb(0,150,136);
+$teal-600: rgb(0,137,123);
+$teal-700: rgb(0,121,107);
+$teal-800: rgb(0,105,92);
+$teal-900: rgb(0,77,64);
+$teal-a100: rgb(167,255,235);
+$teal-a200: rgb(100,255,218);
+$teal-a400: rgb(29,233,182);
+$teal-a700: rgb(0,191,165);
+
+// Green
+$green-50: rgb(232,245,233);
+$green-100: rgb(200,230,201);
+$green-200: rgb(165,214,167);
+$green-300: rgb(129,199,132);
+$green-400: rgb(102,187,106);
+$green-500: rgb(76,175,80);
+$green-600: rgb(67,160,71);
+$green-700: rgb(56,142,60);
+$green-800: rgb(46,125,50);
+$green-900: rgb(27,94,32);
+$green-a100: rgb(185,246,202);
+$green-a200: rgb(105,240,174);
+$green-a400: rgb(0,230,118);
+$green-a700: rgb(0,200,83);
+
+// Green
+$light-green-50: rgb(241,248,233);
+$light-green-100: rgb(220,237,200);
+$light-green-200: rgb(197,225,165);
+$light-green-300: rgb(174,213,129);
+$light-green-400: rgb(156,204,101);
+$light-green-500: rgb(139,195,74);
+$light-green-600: rgb(124,179,66);
+$light-green-700: rgb(104,159,56);
+$light-green-800: rgb(85,139,47);
+$light-green-900: rgb(51,105,30);
+$light-green-a100: rgb(204,255,144);
+$light-green-a200: rgb(178,255,89);
+$light-green-a400: rgb(118,255,3);
+$light-green-a700: rgb(100,221,23);
+
+// Lime
+$lime-50: rgb(249,251,231);
+$lime-100: rgb(240,244,195);
+$lime-200: rgb(230,238,156);
+$lime-300: rgb(220,231,117);
+$lime-400: rgb(212,225,87);
+$lime-500: rgb(205,220,57);
+$lime-600: rgb(192,202,51);
+$lime-700: rgb(175,180,43);
+$lime-800: rgb(158,157,36);
+$lime-900: rgb(130,119,23);
+$lime-a100: rgb(244,255,129);
+$lime-a200: rgb(238,255,65);
+$lime-a400: rgb(198,255,0);
+$lime-a700: rgb(174,234,0);
+
+// Yellow
+$yellow-50: rgb(255,253,231);
+$yellow-100: rgb(255,249,196);
+$yellow-200: rgb(255,245,157);
+$yellow-300: rgb(255,241,118);
+$yellow-400: rgb(255,238,88);
+$yellow-500: rgb(255,235,59);
+$yellow-600: rgb(253,216,53);
+$yellow-700: rgb(251,192,45);
+$yellow-800: rgb(249,168,37);
+$yellow-900: rgb(245,127,23);
+$yellow-a100: rgb(255,255,141);
+$yellow-a200: rgb(255,255,0);
+$yellow-a400: rgb(255,234,0);
+$yellow-a700: rgb(255,214,0);
+
+// Amber
+$amber-50: rgb(255,248,225);
+$amber-100: rgb(255,236,179);
+$amber-200: rgb(255,224,130);
+$amber-300: rgb(255,213,79);
+$amber-400: rgb(255,202,40);
+$amber-500: rgb(255,193,7);
+$amber-600: rgb(255,179,0);
+$amber-700: rgb(255,160,0);
+$amber-800: rgb(255,143,0);
+$amber-900: rgb(255,111,0);
+$amber-a100: rgb(255,229,127);
+$amber-a200: rgb(255,215,64);
+$amber-a400: rgb(255,196,0);
+$amber-a700: rgb(255,171,0);
+
+// Orange
+$orange-50: rgb(255,243,224);
+$orange-100: rgb(255,224,178);
+$orange-200: rgb(255,204,128);
+$orange-300: rgb(255,183,77);
+$orange-400: rgb(255,167,38);
+$orange-500: rgb(255,152,0);
+$orange-600: rgb(251,140,0);
+$orange-700: rgb(245,124,0);
+$orange-800: rgb(239,108,0);
+$orange-900: rgb(230,81,0);
+$orange-a100: rgb(255,209,128);
+$orange-a200: rgb(255,171,64);
+$orange-a400: rgb(255,145,0);
+$orange-a700: rgb(255,109,0);
+
+// Deep Orange
+$deep-orange-50: rgb(251,233,231);
+$deep-orange-100: rgb(255,204,188);
+$deep-orange-200: rgb(255,171,145);
+$deep-orange-300: rgb(255,138,101);
+$deep-orange-400: rgb(255,112,67);
+$deep-orange-500: rgb(255,87,34);
+$deep-orange-600: rgb(244,81,30);
+$deep-orange-700: rgb(230,74,25);
+$deep-orange-800: rgb(216,67,21);
+$deep-orange-900: rgb(191,54,12);
+$deep-orange-a100: rgb(255,158,128);
+$deep-orange-a200: rgb(255,110,64);
+$deep-orange-a400: rgb(255,61,0);
+$deep-orange-a700: rgb(221,44,0);
+
+// Brown
+$brown-50: rgb(239,235,233);
+$brown-100: rgb(215,204,200);
+$brown-200: rgb(188,170,164);
+$brown-300: rgb(161,136,127);
+$brown-400: rgb(141,110,99);
+$brown-500: rgb(121,85,72);
+$brown-600: rgb(109,76,65);
+$brown-700: rgb(93,64,55);
+$brown-800: rgb(78,52,46);
+$brown-900: rgb(62,39,35);
+
+// Grey
+$grey-50: rgb(250,250,250);
+$grey-100: rgb(245,245,245);
+$grey-200: rgb(238,238,238);
+$grey-300: rgb(224,224,224);
+$grey-400: rgb(189,189,189);
+$grey-500: rgb(158,158,158);
+$grey-600: rgb(117,117,117);
+$grey-700: rgb(97,97,97);
+$grey-800: rgb(66,66,66);
+$grey-900: rgb(33,33,33);
+
+// Blue Grey
+$blue-grey-50: rgb(236,239,241);
+$blue-grey-100: rgb(207,216,220);
+$blue-grey-200: rgb(176,190,197);
+$blue-grey-300: rgb(144,164,174);
+$blue-grey-400: rgb(120,144,156);
+$blue-grey-500: rgb(96,125,139);
+$blue-grey-600: rgb(84,110,122);
+$blue-grey-700: rgb(69,90,100);
+$blue-grey-800: rgb(55,71,79);
+$blue-grey-900: rgb(38,50,56);
+
+$color-black: rgb(0,0,0);
+$color-white: rgb(255,255,255);
+
+//-- The two possible colors for overlayed text.
+$color-dark-contrast: $color-white !default;
+$color-light-contrast: $color-black !default;
diff --git a/packages/core/src/renderer/components/command-palette/command-container-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/command-palette/command-container-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..b517ab614a
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/command-palette/command-container-root-frame-child-component.injectable.ts b/packages/core/src/renderer/components/command-palette/command-container-root-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..f1c7b72180
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/command-palette/command-container.module.scss b/packages/core/src/renderer/components/command-palette/command-container.module.scss
new file mode 100644
index 0000000000..89a98e137d
--- /dev/null
+++ b/packages/core/src/renderer/components/command-palette/command-container.module.scss
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.CommandContainer {
+  position: absolute;
+  top: 20px;
+  left: 0;
+  right: 0;
+  margin-left: auto;
+  margin-right: auto;
+  background-color: var(--layoutBackground);
+  border-radius: 8px;
+  box-shadow: rgba(0, 0, 0, 0.5) 0px 16px 70px;
+  max-width: 640px;
+  color: var(--settingsColor);
+  transition: all 0.3s;
+
+  :global(.Input) {
+    label {
+      caret-color: var(--blue);
+      color: var(--settingsColor);
+      background: transparent;
+      border: 0;
+      font-size: 18px;
+      padding: 15px 19px;
+      border-bottom: 1px solid var(--borderFaintColor);
+
+      &:focus {
+        box-shadow: none;
+      }
+    }
+  }
+
+  :global(.hint) {
+    padding: 8px;
+    display: block;
+  }
+
+  :global(.errors) {
+    padding: 8px;
+  }
+
+  :global(.Select__menu) {
+    position: relative;
+  }
+
+  :global(.Select__control) {
+    padding: var(--padding);
+    box-shadow: none;
+    border-bottom: 1px solid var(--borderFaintColor);
+    caret-color: var(--blue);
+    font-size: 18px;
+
+    &:focus {
+      box-shadow: none;
+    }
+  }
+
+  :global(.Select__menu) {
+    box-shadow: none;
+    background: transparent;
+    margin: 0;
+  }
+
+  :global(.Select__menu-list) {
+    padding: 0;
+  }
+
+  :global(.Select__option) {
+    background-color: transparent;
+    padding: 10px 18px;
+
+    &:hover {
+      background-color: var(--menuSelectedOptionBgc);
+      border-left: 4px solid var(--blue);
+      padding-left: 14px;
+    }
+
+    &:global(.Select__option--is-focused) {
+      background-color: var(--menuSelectedOptionBgc);
+      border-left: 4px solid var(--blue);
+      padding-left: 14px;
+    }
+  }
+
+  :global(.Select__menu-notice--no-options) {
+    padding: 12px;
+  }
+}
diff --git a/packages/core/src/renderer/components/command-palette/command-container.tsx b/packages/core/src/renderer/components/command-palette/command-container.tsx
new file mode 100644
index 0000000000..ca3d36bb00
--- /dev/null
+++ b/packages/core/src/renderer/components/command-palette/command-container.tsx
@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+import styles from "./command-container.module.scss";
+import { disposeOnUnmount, observer } from "mobx-react";
+import React from "react";
+import { Dialog } from "../dialog";
+import { CommandDialog } from "./command-dialog";
+import type { ClusterId } from "../../../common/cluster-types";
+import type { CommandOverlay } from "./command-overlay.injectable";
+import commandOverlayInjectable from "./command-overlay.injectable";
+import type { ipcRendererOn } from "../../../common/ipc";
+import { broadcastMessage } from "../../../common/ipc";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { AddWindowEventListener } from "../../window/event-listener.injectable";
+import windowAddEventListenerInjectable from "../../window/event-listener.injectable";
+import type { IComputedValue } from "mobx";
+import matchedClusterIdInjectable from "../../navigation/matched-cluster-id.injectable";
+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;
+  commandOverlay: CommandOverlay;
+  clusterId: ClusterId | undefined;
+  matchedClusterId: IComputedValue<ClusterId | undefined>;
+  isMac: boolean;
+  legacyOnChannelListen: typeof ipcRendererOn;
+}
+
+@observer
+class NonInjectedCommandContainer extends React.Component<Dependencies> {
+  componentDidMount() {
+    const { clusterId, addWindowEventListener, commandOverlay, matchedClusterId, isMac } = this.props;
+
+    const action = clusterId
+      ? () => commandOverlay.open(<CommandDialog />)
+      : () => {
+        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", onKeyboardShortcut(
+        isMac
+          ? "Shift+Cmd+P"
+          : "Shift+Ctrl+P",
+        action,
+      )),
+      addWindowEventListener("keydown", (event) => {
+        if (event.code === "Escape") {
+          event.stopPropagation();
+          this.props.commandOverlay.close();
+        }
+      }),
+    ]);
+  }
+
+  render() {
+    const { commandOverlay } = this.props;
+
+    return (
+      <Dialog
+        isOpen={commandOverlay.isOpen}
+        animated={false}
+        onClose={commandOverlay.close}
+        modal={false}
+      >
+        <div className={styles.CommandContainer} data-testid="command-container">
+          {commandOverlay.component}
+        </div>
+      </Dialog>
+    );
+  }
+}
+
+export const CommandContainer = withInjectables<Dependencies>(NonInjectedCommandContainer, {
+  getProps: (di, props) => ({
+    ...props,
+    clusterId: di.inject(hostedClusterIdInjectable),
+    addWindowEventListener: di.inject(windowAddEventListenerInjectable),
+    commandOverlay: di.inject(commandOverlayInjectable),
+    matchedClusterId: di.inject(matchedClusterIdInjectable),
+    isMac: di.inject(isMacInjectable),
+    legacyOnChannelListen: di.inject(legacyOnChannelListenInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/command-palette/command-dialog.tsx b/packages/core/src/renderer/components/command-palette/command-dialog.tsx
new file mode 100644
index 0000000000..db33bde1cd
--- /dev/null
+++ b/packages/core/src/renderer/components/command-palette/command-dialog.tsx
@@ -0,0 +1,118 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+import { Select } from "../select";
+import type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import React, { useState } from "react";
+import commandOverlayInjectable from "./command-overlay.injectable";
+import type { CatalogEntity } from "../../../common/catalog";
+import { broadcastMessage } from "../../../common/ipc";
+import { IpcRendererNavigationEvents } from "../../navigation/events";
+import type { RegisteredCommand } from "./registered-commands/commands";
+import { iter } from "../../utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import registeredCommandsInjectable from "./registered-commands/registered-commands.injectable";
+import type { SingleValue } from "react-select";
+import type { Navigate } from "../../navigation/navigate.injectable";
+import navigateInjectable from "../../navigation/navigate.injectable";
+import activeEntityInjectable from "../../api/catalog/entity/active.injectable";
+
+interface Dependencies {
+  commands: IComputedValue<Map<string, RegisteredCommand>>;
+  activeEntity: IComputedValue<CatalogEntity | undefined>;
+  closeCommandOverlay: () => void;
+  navigate: Navigate;
+}
+
+const NonInjectedCommandDialog = observer(({
+  commands,
+  activeEntity,
+  closeCommandOverlay,
+  navigate,
+}: Dependencies) => {
+  const [searchValue, setSearchValue] = useState("");
+  const entity = activeEntity.get();
+
+  if (!entity) {
+    return null;
+  }
+
+  const context = { entity };
+
+  const executeAction = (option: SingleValue<typeof activeCommands[number]>) => {
+    if (!option) {
+      return;
+    }
+
+    try {
+      closeCommandOverlay();
+      option.value.action({
+        ...context,
+        navigate: (url, opts = {}) => {
+          const { forceRootFrame = false } = opts;
+
+          if (forceRootFrame) {
+            broadcastMessage(IpcRendererNavigationEvents.NAVIGATE_IN_APP, url);
+          } else {
+            navigate(url);
+          }
+        },
+      });
+    } catch (error) {
+      console.error("[COMMAND-DIALOG] failed to execute command", option.value.id, error);
+    }
+  };
+
+  const activeCommands = iter.chain(commands.get().values())
+    .filter(command => {
+      try {
+        return command.isActive(context);
+      } catch (error) {
+        return void console.error(`[COMMAND-DIALOG]: isActive for ${command.id} threw an error, defaulting to false`, error);
+      }
+    })
+    .map(command => ({
+      value: command,
+      label: typeof command.title === "string"
+        ? command.title
+        : command.title(context),
+    }))
+    .collect(items => Array.from(items));
+
+  return (
+    <Select
+      id="command-palette-search-input"
+      menuPortalTarget={null}
+      onChange={executeAction}
+      components={{
+        DropdownIndicator: null,
+        IndicatorSeparator: null,
+      }}
+      menuIsOpen
+      options={activeCommands}
+      autoFocus={true}
+      escapeClearsValue={false}
+      data-test-id="command-palette-search"
+      placeholder="Type a command or search&hellip;"
+      onInputChange={(newValue, { action }) => {
+        if (action === "input-change") {
+          setSearchValue(newValue);
+        }
+      }}
+      inputValue={searchValue}
+    />
+  );
+});
+
+export const CommandDialog = withInjectables<Dependencies>(NonInjectedCommandDialog, {
+  getProps: di => ({
+    commands: di.inject(registeredCommandsInjectable),
+    activeEntity: di.inject(activeEntityInjectable),
+    closeCommandOverlay: di.inject(commandOverlayInjectable).close,
+    navigate: di.inject(navigateInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/command-palette/command-overlay.injectable.ts b/packages/core/src/renderer/components/command-palette/command-overlay.injectable.ts
new file mode 100644
index 0000000000..988a5dcbdb
--- /dev/null
+++ b/packages/core/src/renderer/components/command-palette/command-overlay.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 { action, observable } from "mobx";
+import React from "react";
+
+export class CommandOverlay {
+  #component = observable.box<React.ReactElement | null>(null, { deep: false });
+
+  get isOpen(): boolean {
+    return Boolean(this.#component.get());
+  }
+
+  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 = action(() => {
+    this.#component.set(null);
+  });
+
+  get component(): React.ReactElement | null {
+    return this.#component.get();
+  }
+}
+
+const commandOverlayInjectable = getInjectable({
+  id: "command-overlay",
+  instantiate: () => new CommandOverlay(),
+});
+
+export default commandOverlayInjectable;
diff --git a/packages/core/src/renderer/components/command-palette/index.ts b/packages/core/src/renderer/components/command-palette/index.ts
new file mode 100644
index 0000000000..f0f45004d4
--- /dev/null
+++ b/packages/core/src/renderer/components/command-palette/index.ts
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./command-container";
+export * from "./command-dialog";
+export * from "./command-overlay.injectable";
diff --git a/packages/core/src/renderer/components/command-palette/registered-commands/commands.ts b/packages/core/src/renderer/components/command-palette/registered-commands/commands.ts
new file mode 100644
index 0000000000..0be69a3557
--- /dev/null
+++ b/packages/core/src/renderer/components/command-palette/registered-commands/commands.ts
@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { CatalogEntity } from "../../../../common/catalog";
+
+/**
+ * The context given to commands when executed
+ */
+export interface CommandContext {
+  readonly entity: CatalogEntity;
+}
+
+export interface CommandActionNavigateOptions {
+  /**
+   * If `true` then the navigate will only navigate on the root frame and not
+   * within a cluster
+   * @default false
+   */
+  forceRootFrame?: boolean;
+}
+
+export interface CommandActionContext extends CommandContext {
+  navigate: (url: string, opts?: CommandActionNavigateOptions) => void;
+}
+
+export interface CommandRegistration {
+  /**
+   * The ID of the command, must be globally unique
+   */
+  id: string;
+
+  /**
+   * The display name of the command in the command pallet
+   */
+  title: string | ((context: CommandContext) => string);
+
+  /**
+   * @deprecated use `isActive` instead since there is always an entity active
+   */
+  scope?: "global" | "entity";
+
+  /**
+   * The function to run when this command is selected
+   */
+  action: (context: CommandActionContext) => void;
+
+  /**
+   * A function that determines if the command is active.
+   *
+   * @default () => true
+   */
+  isActive?: (context: CommandContext) => boolean;
+}
+
+export type RegisteredCommand = Required<Omit<CommandRegistration, "scope">>;
diff --git a/packages/core/src/renderer/components/command-palette/registered-commands/internal-commands.injectable.tsx b/packages/core/src/renderer/components/command-palette/registered-commands/internal-commands.injectable.tsx
new file mode 100644
index 0000000000..7026d8882b
--- /dev/null
+++ b/packages/core/src/renderer/components/command-palette/registered-commands/internal-commands.injectable.tsx
@@ -0,0 +1,286 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { HotbarAddCommand } from "../../hotbar/hotbar-add-command";
+import { HotbarRemoveCommand } from "../../hotbar/hotbar-remove-command";
+import { HotbarSwitchCommand } from "../../hotbar/hotbar-switch-command";
+import { HotbarRenameCommand } from "../../hotbar/hotbar-rename-command";
+import { ActivateEntityCommand } from "../../activate-entity-command";
+import type { CommandContext, CommandRegistration } from "./commands";
+import { getInjectable } from "@ogre-tools/injectable";
+import commandOverlayInjectable from "../command-overlay.injectable";
+import createTerminalTabInjectable from "../../dock/terminal/create-terminal-tab.injectable";
+import type { DockTabCreate } from "../../dock/dock/store";
+import navigateToHelmChartsInjectable from "../../../../common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable";
+import navigateToHelmReleasesInjectable from "../../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+import navigateToConfigMapsInjectable from "../../../../common/front-end-routing/routes/cluster/config/config-maps/navigate-to-config-maps.injectable";
+import navigateToSecretsInjectable from "../../../../common/front-end-routing/routes/cluster/config/secrets/navigate-to-secrets.injectable";
+import navigateToResourceQuotasInjectable from "../../../../common/front-end-routing/routes/cluster/config/resource-quotas/navigate-to-resource-quotas.injectable";
+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 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";
+
+// TODO: Importing from features is not OK. Make commands to comply with Open Closed Principle to allow moving implementation under a feature
+import navigateToPreferencesInjectable from "../../../../features/preferences/common/navigate-to-preferences.injectable";
+import type { HasCatalogEntitySettingItems } from "../../+entity-settings/has-settings.injectable";
+import hasCatalogEntitySettingItemsInjectable from "../../+entity-settings/has-settings.injectable";
+
+export function isKubernetesClusterActive(context: CommandContext): boolean {
+  return context.entity?.kind === "KubernetesCluster";
+}
+
+interface Dependencies {
+  openCommandDialog: (component: React.ReactElement) => void;
+  hasCatalogEntitySettingItems: HasCatalogEntitySettingItems;
+  createTerminalTab: () => DockTabCreate;
+  navigateToPreferences: () => void;
+  navigateToHelmCharts: () => void;
+  navigateToHelmReleases: () => void;
+  navigateToConfigMaps: () => void;
+  navigateToSecrets: () => void;
+  navigateToResourceQuotas: () => void;
+  navigateToLimitRanges: () => void;
+  navigateToHorizontalPodAutoscalers: () => void;
+  navigateToPodDisruptionBudgets: () => void;
+  navigateToPriorityClasses: () => void;
+  navigateToServices: () => void;
+  navigateToEndpoints: () => void;
+  navigateToIngresses: () => void;
+  navigateToNetworkPolicies: () => void;
+  navigateToNodes: () => void;
+  navigateToPods: () => void;
+  navigateToDeployments: () => void;
+  navigateToDaemonsets: () => void;
+  navigateToStatefulsets: () => void;
+  navigateToJobs: () => void;
+  navigateToCronJobs: () => void;
+  navigateToCustomResources: () => void;
+  navigateToEntitySettings: (entityId: string) => void;
+}
+
+function getInternalCommands(dependencies: Dependencies): CommandRegistration[] {
+  return [
+    {
+      id: "app.showPreferences",
+      title: "Preferences: Open",
+      action: () => dependencies.navigateToPreferences(),
+    },
+    {
+      id: "cluster.viewHelmCharts",
+      title: "Cluster: View Helm Charts",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToHelmCharts(),
+    },
+    {
+      id: "cluster.viewHelmReleases",
+      title: "Cluster: View Helm Releases",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToHelmReleases(),
+    },
+    {
+      id: "cluster.viewConfigMaps",
+      title: "Cluster: View ConfigMaps",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToConfigMaps(),
+    },
+    {
+      id: "cluster.viewSecrets",
+      title: "Cluster: View Secrets",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToSecrets(),
+    },
+    {
+      id: "cluster.viewResourceQuotas",
+      title: "Cluster: View ResourceQuotas",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToResourceQuotas(),
+    },
+    {
+      id: "cluster.viewLimitRanges",
+      title: "Cluster: View LimitRanges",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToLimitRanges(),
+    },
+    {
+      id: "cluster.viewHorizontalPodAutoscalers",
+      title: "Cluster: View HorizontalPodAutoscalers (HPA)",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToHorizontalPodAutoscalers(),
+    },
+    {
+      id: "cluster.viewPodDisruptionBudget",
+      title: "Cluster: View PodDisruptionBudgets",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToPodDisruptionBudgets(),
+    },
+    {
+      id: "cluster.viewPriorityClasses",
+      title: "Cluster: View PriorityClasses",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToPriorityClasses(),
+    },
+    {
+      id: "cluster.viewServices",
+      title: "Cluster: View Services",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToServices(),
+    },
+    {
+      id: "cluster.viewEndpoints",
+      title: "Cluster: View Endpoints",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToEndpoints(),
+    },
+    {
+      id: "cluster.viewIngresses",
+      title: "Cluster: View Ingresses",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToIngresses(),
+    },
+    {
+      id: "cluster.viewNetworkPolicies",
+      title: "Cluster: View NetworkPolicies",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToNetworkPolicies,
+    },
+    {
+      id: "cluster.viewNodes",
+      title: "Cluster: View Nodes",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToNodes(),
+    },
+    {
+      id: "cluster.viewPods",
+      title: "Cluster: View Pods",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToPods(),
+    },
+    {
+      id: "cluster.viewDeployments",
+      title: "Cluster: View Deployments",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToDeployments(),
+    },
+    {
+      id: "cluster.viewDaemonSets",
+      title: "Cluster: View DaemonSets",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToDaemonsets(),
+    },
+    {
+      id: "cluster.viewStatefulSets",
+      title: "Cluster: View StatefulSets",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToStatefulsets(),
+    },
+    {
+      id: "cluster.viewJobs",
+      title: "Cluster: View Jobs",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToJobs(),
+    },
+    {
+      id: "cluster.viewCronJobs",
+      title: "Cluster: View CronJobs",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToCronJobs(),
+    },
+    {
+      id: "cluster.viewCustomResourceDefinitions",
+      title: "Cluster: View Custom Resource Definitions",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToCustomResources(),
+    },
+    {
+      id: "entity.viewSettings",
+      title: ({ entity }) => `${entity.kind}/${entity.getName()}: View Settings`,
+      action: ({ entity }) => dependencies.navigateToEntitySettings(entity.getId()),
+      isActive: ({ entity }) => (
+        entity && dependencies.hasCatalogEntitySettingItems(entity)
+      ),
+    },
+    {
+      id: "cluster.openTerminal",
+      title: "Cluster: Open terminal",
+      action: () => dependencies.createTerminalTab(),
+      isActive: isKubernetesClusterActive,
+    },
+    {
+      id: "hotbar.switchHotbar",
+      title: "Hotbar: Switch ...",
+      action: () => dependencies.openCommandDialog(<HotbarSwitchCommand />),
+    },
+    {
+      id: "hotbar.addHotbar",
+      title: "Hotbar: Add Hotbar ...",
+      action: () => dependencies.openCommandDialog(<HotbarAddCommand />),
+    },
+    {
+      id: "hotbar.removeHotbar",
+      title: "Hotbar: Remove Hotbar ...",
+      action: () => dependencies.openCommandDialog(<HotbarRemoveCommand />),
+    },
+    {
+      id: "hotbar.renameHotbar",
+      title: "Hotbar: Rename Hotbar ...",
+      action: () => dependencies.openCommandDialog(<HotbarRenameCommand />),
+    },
+    {
+      id: "catalog.searchEntities",
+      title: "Catalog: Activate Entity ...",
+      action: () => dependencies.openCommandDialog(<ActivateEntityCommand />),
+    },
+  ];
+}
+
+const internalCommandsInjectable = getInjectable({
+  id: "internal-commands",
+
+  instantiate: (di) => getInternalCommands({
+    openCommandDialog: di.inject(commandOverlayInjectable).open,
+    hasCatalogEntitySettingItems: di.inject(hasCatalogEntitySettingItemsInjectable),
+    createTerminalTab: di.inject(createTerminalTabInjectable),
+    navigateToPreferences: di.inject(navigateToPreferencesInjectable),
+    navigateToHelmCharts: di.inject(navigateToHelmChartsInjectable),
+    navigateToHelmReleases: di.inject(navigateToHelmReleasesInjectable),
+    navigateToConfigMaps: di.inject(navigateToConfigMapsInjectable),
+    navigateToSecrets: di.inject(navigateToSecretsInjectable),
+    navigateToResourceQuotas: di.inject(navigateToResourceQuotasInjectable),
+    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),
+    navigateToNetworkPolicies: di.inject(navigateToNetworkPoliciesInjectable),
+    navigateToNodes: di.inject(navigateToNodesInjectable),
+    navigateToPods: di.inject(navigateToPodsInjectable),
+    navigateToDeployments: di.inject(navigateToDeploymentsInjectable),
+    navigateToDaemonsets: di.inject(navigateToDaemonsetsInjectable),
+    navigateToStatefulsets: di.inject(navigateToStatefulsetsInjectable),
+    navigateToJobs: di.inject(navigateToJobsInjectable),
+    navigateToCronJobs: di.inject(navigateToCronJobsInjectable),
+    navigateToCustomResources: di.inject(navigateToCustomResourcesInjectable),
+    navigateToEntitySettings: di.inject(navigateToEntitySettingsInjectable),
+  }),
+});
+
+export default internalCommandsInjectable;
diff --git a/packages/core/src/renderer/components/command-palette/registered-commands/registered-commands.injectable.ts b/packages/core/src/renderer/components/command-palette/registered-commands/registered-commands.injectable.ts
new file mode 100644
index 0000000000..361b1d023a
--- /dev/null
+++ b/packages/core/src/renderer/components/command-palette/registered-commands/registered-commands.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import { computed } from "mobx";
+import type { CustomResourceDefinition } from "../../../../common/k8s-api/endpoints";
+import customResourceDefinitionsInjectable from "../../+custom-resources/custom-resources.injectable";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import rendererExtensionsInjectable from "../../../../extensions/renderer-extensions.injectable";
+import type { CommandRegistration, RegisteredCommand } from "./commands";
+import internalCommandsInjectable, { isKubernetesClusterActive } from "./internal-commands.injectable";
+
+interface Dependencies {
+  extensions: IComputedValue<LensRendererExtension[]>;
+  customResourceDefinitions: IComputedValue<CustomResourceDefinition[]>;
+  internalCommands: CommandRegistration[];
+}
+
+const instantiateRegisteredCommands = ({ extensions, customResourceDefinitions, internalCommands }: Dependencies) => computed(() => {
+  const result = new Map<string, RegisteredCommand>();
+  const commands = [
+    ...internalCommands,
+    ...extensions.get().flatMap(e => e.commands),
+    ...customResourceDefinitions.get().map((command): CommandRegistration => ({
+      id: `cluster.view.${command.getResourceKind()}`,
+      title: `Cluster: View ${command.getResourceKind()}`,
+      isActive: isKubernetesClusterActive,
+      action: ({ navigate }) => navigate(command.getResourceUrl()),
+    })),
+  ];
+
+  for (const { scope, isActive = () => true, ...command } of commands) {
+    if (!result.has(command.id)) {
+      result.set(command.id, { ...command, isActive });
+    }
+  }
+
+  return result;
+});
+
+const registeredCommandsInjectable = getInjectable({
+  id: "registered-commands",
+
+  instantiate: (di) => instantiateRegisteredCommands({
+    extensions: di.inject(rendererExtensionsInjectable),
+    customResourceDefinitions: di.inject(customResourceDefinitionsInjectable),
+    internalCommands: di.inject(internalCommandsInjectable),
+  }),
+});
+
+export default registeredCommandsInjectable;
diff --git a/packages/core/src/renderer/components/confirm-dialog/confirm-dialog-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/confirm-dialog/confirm-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..196d18b27f
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/confirm-dialog/confirm-dialog-root-frame-child-component.injectable.ts b/packages/core/src/renderer/components/confirm-dialog/confirm-dialog-root-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..0132040818
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/confirm-dialog/confirm-dialog.scss b/packages/core/src/renderer/components/confirm-dialog/confirm-dialog.scss
new file mode 100644
index 0000000000..274ab127e0
--- /dev/null
+++ b/packages/core/src/renderer/components/confirm-dialog/confirm-dialog.scss
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.ConfirmDialog {
+  $spacing: $padding * 3;
+
+  &.warning {
+    .Button.ok {
+      background: var(--colorSoftError);
+    }
+  }
+
+  > .box {
+    max-width: 50vw;
+    min-width: 45 * $unit;
+    background-color: white;
+    border-radius: $radius;
+    line-height: 1.5;
+  }
+
+  .confirm-content {
+    padding: $spacing;
+    display: flex;
+    align-items: center;
+    word-break: break-word;
+
+    > .Icon {
+      margin-left: inherit;
+      margin-right: $margin * 2;
+      color: var(--colorSoftError);
+    }
+
+    > :not(.Icon) {
+      flex: 1;
+    }
+
+    .warning {
+      font-size: small;
+      margin-top: $margin;
+    }
+  }
+
+  .confirm-buttons {
+    background: #f4f4f4;
+    padding: $padding * 2.5;
+    display: flex;
+    justify-content: flex-end;
+    border-bottom-left-radius: $radius;
+    border-bottom-right-radius: $radius;
+
+    > * {
+      margin-left: $margin
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/confirm-dialog/confirm-dialog.tsx b/packages/core/src/renderer/components/confirm-dialog/confirm-dialog.tsx
new file mode 100644
index 0000000000..d63b8dcc44
--- /dev/null
+++ b/packages/core/src/renderer/components/confirm-dialog/confirm-dialog.tsx
@@ -0,0 +1,174 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./confirm-dialog.scss";
+
+import type { ReactNode } from "react";
+import React from "react";
+import type { IObservableValue } from "mobx";
+import { observable, makeObservable, computed } from "mobx";
+import { observer } from "mobx-react";
+import { cssNames, noop, prevDefault } from "../../utils";
+import type { ButtonProps } from "../button";
+import { Button } from "../button";
+import type { DialogProps } from "../dialog";
+import { Dialog } from "../dialog";
+import { Icon } from "../icon";
+import type { ShowNotification } from "../notifications";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import confirmDialogStateInjectable from "./state.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+
+export interface ConfirmDialogProps extends Partial<DialogProps> {
+}
+
+export interface ConfirmDialogParams extends ConfirmDialogBooleanParams {
+  ok?: () => any | Promise<any>;
+  cancel?: () => any | Promise<any>;
+}
+
+export interface ConfirmDialogBooleanParams {
+  labelOk?: ReactNode;
+  labelCancel?: ReactNode;
+  message: ReactNode;
+  icon?: ReactNode;
+  okButtonProps?: Partial<ButtonProps>;
+  cancelButtonProps?: Partial<ButtonProps>;
+}
+
+interface Dependencies {
+  state: IObservableValue<ConfirmDialogParams | undefined>;
+  showErrorNotification: ShowNotification;
+}
+
+const defaultParams = {
+  ok: noop,
+  cancel: noop,
+  labelOk: "Ok",
+  labelCancel: "Cancel",
+  icon: <Icon big material="warning"/>,
+};
+
+@observer
+class NonInjectedConfirmDialog extends React.Component<ConfirmDialogProps & Dependencies> {
+  @observable isSaving = false;
+
+  constructor(props: ConfirmDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  @computed
+  get params() {
+    return Object.assign({}, defaultParams, this.props.state.get() ?? {} as ConfirmDialogParams);
+  }
+
+  ok = async () => {
+    try {
+      this.isSaving = true;
+      await (async () => this.params.ok())();
+    } catch (error) {
+      this.props.showErrorNotification(
+        <>
+          <p>Confirmation action failed:</p>
+          <p>
+            {(
+              error instanceof Error
+                ? error.message
+                : typeof error === "string"
+                  ? error
+                  : "Unknown error occured while ok-ing"
+            )}
+          </p>
+        </>,
+      );
+    } finally {
+      this.isSaving = false;
+      this.props.state.set(undefined);
+    }
+  };
+
+  onClose = () => {
+    this.isSaving = false;
+  };
+
+  close = async () => {
+    try {
+      await Promise.resolve(this.params.cancel());
+    } catch (error) {
+      this.props.showErrorNotification(
+        <>
+          <p>Cancelling action failed:</p>
+          <p>
+            {(
+              error instanceof Error
+                ? error.message
+                : typeof error === "string"
+                  ? error
+                  : "Unknown error occured while cancelling"
+            )}
+          </p>
+        </>,
+      );
+    } finally {
+      this.isSaving = false;
+      this.props.state.set(undefined);
+    }
+  };
+
+  render() {
+    const { state, className, ...dialogProps } = this.props;
+    const isOpen = Boolean(state.get());
+    const {
+      icon, labelOk, labelCancel, message,
+      okButtonProps = {},
+      cancelButtonProps = {},
+    } = this.params;
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className={cssNames("ConfirmDialog", className)}
+        isOpen={isOpen}
+        onClose={this.onClose}
+        close={this.close}
+        {...(isOpen ? { "data-testid": "confirmation-dialog" } : {})}
+      >
+        <div className="confirm-content">
+          {icon}
+          {" "}
+          {message}
+        </div>
+        <div className="confirm-buttons">
+          <Button
+            plain
+            className="cancel"
+            label={labelCancel}
+            onClick={prevDefault(this.close)}
+            {...cancelButtonProps}
+          />
+          <Button
+            autoFocus
+            primary
+            className="ok"
+            label={labelOk}
+            onClick={prevDefault(this.ok)}
+            waiting={this.isSaving}
+            data-testid="confirm"
+            {...okButtonProps}
+          />
+        </div>
+      </Dialog>
+    );
+  }
+}
+
+export const ConfirmDialog = withInjectables<Dependencies, ConfirmDialogProps>(NonInjectedConfirmDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    state: di.inject(confirmDialogStateInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/confirm-dialog/confirm.injectable.ts b/packages/core/src/renderer/components/confirm-dialog/confirm.injectable.ts
new file mode 100644
index 0000000000..ac7be031bf
--- /dev/null
+++ b/packages/core/src/renderer/components/confirm-dialog/confirm.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 type { ConfirmDialogBooleanParams } from "./confirm-dialog";
+import openConfirmDialogInjectable from "./open.injectable";
+
+export type Confirm = (params: ConfirmDialogBooleanParams) => Promise<boolean>;
+
+const confirmInjectable = getInjectable({
+  id: "confirm",
+  instantiate: (di): Confirm => {
+    const open = di.inject(openConfirmDialogInjectable);
+
+    return (params) => new Promise(resolve => {
+      open({
+        ok: () => resolve(true),
+        cancel: () => resolve(false),
+        ...params,
+      });
+    });
+  },
+});
+
+export default confirmInjectable;
diff --git a/packages/core/src/renderer/components/confirm-dialog/index.ts b/packages/core/src/renderer/components/confirm-dialog/index.ts
new file mode 100644
index 0000000000..cefbdb88e7
--- /dev/null
+++ b/packages/core/src/renderer/components/confirm-dialog/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./confirm-dialog";
diff --git a/packages/core/src/renderer/components/confirm-dialog/open.injectable.ts b/packages/core/src/renderer/components/confirm-dialog/open.injectable.ts
new file mode 100644
index 0000000000..5e8b806891
--- /dev/null
+++ b/packages/core/src/renderer/components/confirm-dialog/open.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 type { ConfirmDialogParams } from "./confirm-dialog";
+import confirmDialogStateInjectable from "./state.injectable";
+
+export type OpenConfirmDialog = (params: ConfirmDialogParams) => void;
+
+const openConfirmDialogInjectable = getInjectable({
+  id: "open-confirm-dialog",
+  instantiate: (di): OpenConfirmDialog => {
+    const state = di.inject(confirmDialogStateInjectable);
+
+    return params => state.set(params);
+  },
+});
+
+export default openConfirmDialogInjectable;
diff --git a/packages/core/src/renderer/components/confirm-dialog/state.injectable.ts b/packages/core/src/renderer/components/confirm-dialog/state.injectable.ts
new file mode 100644
index 0000000000..b81b752eff
--- /dev/null
+++ b/packages/core/src/renderer/components/confirm-dialog/state.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 { observable } from "mobx";
+import type { ConfirmDialogParams } from "./confirm-dialog";
+
+const confirmDialogStateInjectable = getInjectable({
+  id: "confirm-dialog-state",
+  instantiate: () => observable.box<ConfirmDialogParams | undefined>(),
+});
+
+export default confirmDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/confirm-dialog/with-confirm.injectable.ts b/packages/core/src/renderer/components/confirm-dialog/with-confirm.injectable.ts
new file mode 100644
index 0000000000..364c9266de
--- /dev/null
+++ b/packages/core/src/renderer/components/confirm-dialog/with-confirm.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 type { ConfirmDialogParams } from "./confirm-dialog";
+import { getInjectable } from "@ogre-tools/injectable";
+import openConfirmDialogInjectable from "./open.injectable";
+
+export type WithConfirmation = (params: ConfirmDialogParams) => () => void;
+
+const withConfirmationInjectable = getInjectable({
+  id: "with-confirmation",
+  instantiate: (di): WithConfirmation => {
+    const open = di.inject(openConfirmDialogInjectable);
+
+    return (params) => () => open(params);
+  },
+});
+
+export default withConfirmationInjectable;
diff --git a/packages/core/src/renderer/components/countdown/countdown-state.injectable.ts b/packages/core/src/renderer/components/countdown/countdown-state.injectable.ts
new file mode 100644
index 0000000000..6cd290b4cf
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/countdown/countdown.test.tsx b/packages/core/src/renderer/components/countdown/countdown.test.tsx
new file mode 100644
index 0000000000..6a84e6970e
--- /dev/null
+++ b/packages/core/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, testUsingFakeTime } 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(() => {
+    testUsingFakeTime("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/packages/core/src/renderer/components/countdown/countdown.tsx b/packages/core/src/renderer/components/countdown/countdown.tsx
new file mode 100644
index 0000000000..82b0d60e92
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/delete-cluster-dialog/delete-cluster-dialog-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/delete-cluster-dialog/delete-cluster-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..e427768ae9
--- /dev/null
+++ b/packages/core/src/renderer/components/delete-cluster-dialog/delete-cluster-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 { 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,
+});
+
+export default deleteClusterDialogClusterFrameChildComponentInjectable;
diff --git a/packages/core/src/renderer/components/delete-cluster-dialog/index.ts b/packages/core/src/renderer/components/delete-cluster-dialog/index.ts
new file mode 100644
index 0000000000..af33fbe2ff
--- /dev/null
+++ b/packages/core/src/renderer/components/delete-cluster-dialog/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./view";
diff --git a/packages/core/src/renderer/components/delete-cluster-dialog/is-current-context.tsx b/packages/core/src/renderer/components/delete-cluster-dialog/is-current-context.tsx
new file mode 100644
index 0000000000..e0eebcea63
--- /dev/null
+++ b/packages/core/src/renderer/components/delete-cluster-dialog/is-current-context.tsx
@@ -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 { KubeConfig } from "@kubernetes/client-node";
+import type { Cluster } from "../../../common/cluster/cluster";
+
+export function isCurrentContext(config: KubeConfig, cluster: Cluster) {
+  return config.currentContext == cluster.contextName;
+}
diff --git a/packages/core/src/renderer/components/delete-cluster-dialog/open.injectable.ts b/packages/core/src/renderer/components/delete-cluster-dialog/open.injectable.ts
new file mode 100644
index 0000000000..987e627774
--- /dev/null
+++ b/packages/core/src/renderer/components/delete-cluster-dialog/open.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 type { KubeConfig } from "@kubernetes/client-node";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { Cluster } from "../../../common/cluster/cluster";
+import { isCurrentContext } from "./is-current-context";
+import deleteClusterDialogStateInjectable from "./state.injectable";
+
+export type OpenDeleteClusterDialog = (config: KubeConfig, cluster: Cluster) => void;
+
+const openDeleteClusterDialogInjectable = getInjectable({
+  id: "open-delete-cluster-dialog",
+  instantiate: (di): OpenDeleteClusterDialog => {
+    const state = di.inject(deleteClusterDialogStateInjectable);
+
+    return (config, cluster) => state.set({
+      cluster,
+      config,
+      newCurrentContext: "",
+      showContextSwitch: isCurrentContext(config, cluster),
+    });
+  },
+});
+
+export default openDeleteClusterDialogInjectable;
diff --git a/packages/core/src/renderer/components/delete-cluster-dialog/save-kubeconfig.global-override-for-injectable.ts b/packages/core/src/renderer/components/delete-cluster-dialog/save-kubeconfig.global-override-for-injectable.ts
new file mode 100644
index 0000000000..6fca6db49b
--- /dev/null
+++ b/packages/core/src/renderer/components/delete-cluster-dialog/save-kubeconfig.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 saveKubeconfigInjectable from "./save-kubeconfig.injectable";
+
+export default getGlobalOverride(saveKubeconfigInjectable, () => async () => {
+  throw new Error("tried to save a mondified kubeconfig without override");
+});
diff --git a/packages/core/src/renderer/components/delete-cluster-dialog/save-kubeconfig.injectable.ts b/packages/core/src/renderer/components/delete-cluster-dialog/save-kubeconfig.injectable.ts
new file mode 100644
index 0000000000..b264a2fd30
--- /dev/null
+++ b/packages/core/src/renderer/components/delete-cluster-dialog/save-kubeconfig.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 type { KubeConfig } from "@kubernetes/client-node";
+import { dumpYaml } from "@kubernetes/client-node";
+import * as lockFile from "proper-lockfile";
+import { getInjectable } from "@ogre-tools/injectable";
+import writeFileInjectable from "../../../common/fs/write-file.injectable";
+
+export type SaveKubeconfig = (config: KubeConfig, path: string) => Promise<void>;
+
+const saveKubeconfigInjectable = getInjectable({
+  id: "save-kubeconfig",
+  instantiate: (di): SaveKubeconfig => {
+    const writeFile = di.inject(writeFileInjectable);
+
+    return async (config, filePath) => {
+      const release = await lockFile.lock(filePath);
+
+      try {
+        const contents = dumpYaml(JSON.parse(config.exportConfig()));
+
+        await writeFile(filePath, contents);
+      } finally {
+        await release();
+      }
+    };
+  },
+  causesSideEffects: true,
+});
+
+export default saveKubeconfigInjectable;
+
diff --git a/packages/core/src/renderer/components/delete-cluster-dialog/state.injectable.ts b/packages/core/src/renderer/components/delete-cluster-dialog/state.injectable.ts
new file mode 100644
index 0000000000..fe75e034ef
--- /dev/null
+++ b/packages/core/src/renderer/components/delete-cluster-dialog/state.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 type { KubeConfig } from "@kubernetes/client-node";
+import { getInjectable } from "@ogre-tools/injectable";
+import { observable } from "mobx";
+import type { Cluster } from "../../../common/cluster/cluster";
+
+export interface DeleteClusterDialogState {
+  config: KubeConfig;
+  cluster: Cluster;
+  showContextSwitch: boolean;
+  newCurrentContext: string;
+}
+
+const deleteClusterDialogStateInjectable = getInjectable({
+  id: "delete-cluster-dialog-state",
+  instantiate: () => observable.box<DeleteClusterDialogState | undefined>(),
+});
+
+export default deleteClusterDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/delete-cluster-dialog/view.module.scss b/packages/core/src/renderer/components/delete-cluster-dialog/view.module.scss
new file mode 100644
index 0000000000..e8f513a991
--- /dev/null
+++ b/packages/core/src/renderer/components/delete-cluster-dialog/view.module.scss
@@ -0,0 +1,49 @@
+.warning {
+  display: flex;
+  margin-top: var(--margin);
+  padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
+  border-radius: 4px;
+  align-items: center;
+  background: #fad8d7;
+  color: #797979;
+}
+
+.warningIcon {
+  margin-right: calc(var(--margin) * 2.4);
+  font-size: 26px;
+}
+
+.dialog {
+  > div {
+    border-radius: 4px;
+    background-color: white;
+    max-width: 600px;
+    min-width: calc(45 * var(--unit));
+  }
+
+  b {
+    word-break: break-all;
+  }
+}
+
+.dialogContent {
+  padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
+}
+
+.dialogButtons {
+  display: flex;
+  border-radius: 4px;
+  justify-content: flex-end;
+  padding: calc(var(--padding) * 2);
+  background: #f4f4f4;
+
+  > * {
+    margin-left: var(--margin)
+  }
+}
+
+.hr {
+  margin-top: calc(var(--margin) * 3);
+  height: 1px;
+  background: #dfdfdf80;
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/delete-cluster-dialog/view.tsx b/packages/core/src/renderer/components/delete-cluster-dialog/view.tsx
new file mode 100644
index 0000000000..78b06c7fe2
--- /dev/null
+++ b/packages/core/src/renderer/components/delete-cluster-dialog/view.tsx
@@ -0,0 +1,275 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import styles from "./view.module.scss";
+
+import type { IObservableValue } from "mobx";
+import { runInAction } from "mobx";
+import { observer } from "mobx-react";
+import React from "react";
+
+import { Button } from "../button";
+import type { ShowNotification } from "../notifications";
+import { Dialog } from "../dialog";
+import { Icon } from "../icon";
+import { Select } from "../select";
+import { Checkbox } from "../checkbox";
+import type { HotbarStore } from "../../../common/hotbars/store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import hotbarStoreInjectable from "../../../common/hotbars/store.injectable";
+import type { DeleteClusterDialogState } from "./state.injectable";
+import deleteClusterDialogStateInjectable from "./state.injectable";
+import type { RequestSetClusterAsDeleting } from "../../../features/cluster/delete-dialog/renderer/request-set-as-deleting.injectable";
+import requestSetClusterAsDeletingInjectable from "../../../features/cluster/delete-dialog/renderer/request-set-as-deleting.injectable";
+import type { RequestClearClusterAsDeleting } from "../../../features/cluster/delete-dialog/renderer/request-clear-as-deleting.injectable";
+import requestClearClusterAsDeletingInjectable from "../../../features/cluster/delete-dialog/renderer/request-clear-as-deleting.injectable";
+import type { RequestDeleteCluster } from "../../../features/cluster/delete-dialog/renderer/request-delete.injectable";
+import requestDeleteClusterInjectable from "../../../features/cluster/delete-dialog/renderer/request-delete.injectable";
+import type { SaveKubeconfig } from "./save-kubeconfig.injectable";
+import saveKubeconfigInjectable from "./save-kubeconfig.injectable";
+import showErrorNotificationInjectable from "../notifications/show-error-notification.injectable";
+import { isCurrentContext } from "./is-current-context";
+
+interface Dependencies {
+  state: IObservableValue<DeleteClusterDialogState | undefined>;
+  hotbarStore: HotbarStore;
+  requestSetClusterAsDeleting: RequestSetClusterAsDeleting;
+  requestDeleteCluster: RequestDeleteCluster;
+  requestClearClusterAsDeleting: RequestClearClusterAsDeleting;
+  showErrorNotification: ShowNotification;
+  saveKubeconfig: SaveKubeconfig;
+}
+
+@observer
+class NonInjectedDeleteClusterDialog extends React.Component<Dependencies> {
+  async onDelete(state: DeleteClusterDialogState) {
+    const { cluster, config, newCurrentContext, showContextSwitch } = state;
+
+    await this.props.requestSetClusterAsDeleting(cluster.id);
+
+    runInAction(() => {
+      this.props.state.set({
+        ...state,
+        config: Object.assign(config, {
+          contexts: config.contexts.filter(item => item.name !== state.cluster.contextName),
+          currentContext: newCurrentContext && showContextSwitch
+            ? newCurrentContext
+            : config.currentContext,
+        }),
+      });
+    });
+
+    try {
+      await this.props.saveKubeconfig(config, cluster.kubeConfigPath);
+      this.props.hotbarStore.removeAllHotbarItems(cluster.id);
+      await this.props.requestDeleteCluster(cluster.id);
+    } catch(error) {
+      this.props.showErrorNotification(`Cannot remove cluster, failed to process config file. ${error}`);
+    } finally {
+      await this.props.requestClearClusterAsDeleting(cluster.id);
+      this.close();
+    }
+  }
+
+  shouldDeleteBeDisabled({ cluster, config, newCurrentContext, showContextSwitch }: DeleteClusterDialogState): boolean {
+    const noContextsAvailable = config.contexts.filter(context => context.name !== cluster.contextName).length == 0;
+    const newContextNotSelected = newCurrentContext === "";
+
+    if (noContextsAvailable) {
+      return false;
+    }
+
+    return showContextSwitch && newContextNotSelected;
+  }
+
+  renderCurrentContextSwitch(state: DeleteClusterDialogState) {
+    const { cluster, config, showContextSwitch, newCurrentContext } = state;
+
+    if (!showContextSwitch) {
+      return null;
+    }
+
+    const selectOptions = config
+      .contexts
+      .filter(context => context.name !== cluster.contextName)
+      .map(context => ({
+        value: context.name,
+        label: context.name,
+      }));
+
+    return (
+      <div className="mt-4">
+        <Select
+          id="delete-cluster-input"
+          options={selectOptions}
+          value={newCurrentContext}
+          onChange={opt => {
+            if (opt) {
+              this.props.state.set({
+                ...state,
+                newCurrentContext: opt.value,
+              });
+            }
+          }}
+          themeName="light"
+          className="ml-[1px] mr-[1px]"
+          placeholder="Select new context..."
+        />
+      </div>
+    );
+  }
+
+  renderDeleteMessage({ cluster }: DeleteClusterDialogState) {
+    if (cluster.isInLocalKubeconfig()) {
+      return (
+        <div>
+          {"Delete the "}
+          <b>
+            {cluster.getMeta().name}
+          </b>
+          {" context from Lens's internal kubeconfig?"}
+        </div>
+      );
+    }
+
+    return (
+      <div>
+        {"Delete the "}
+        <b>
+          {cluster.getMeta().name}
+        </b>
+        {" context from "}
+        <b>
+          {cluster.kubeConfigPath}
+        </b>
+        ?
+      </div>
+    );
+  }
+
+  getWarningMessage({ cluster, config }: DeleteClusterDialogState) {
+    if (cluster.isInLocalKubeconfig()) {
+      return (
+        <p data-testid="internal-kubeconfig-warning">
+          Are you sure you want to delete it? It can be re-added through the copy/paste mechanism.
+        </p>
+      );
+    }
+
+    const contexts = config.contexts.filter(context => context.name !== cluster.contextName);
+
+    if (!contexts.length) {
+      return (
+        <p data-testid="no-more-contexts-warning">
+          This will remove the last context in kubeconfig. There will be no active context.
+        </p>
+      );
+    }
+
+    if (isCurrentContext(config, cluster)) {
+      return (
+        <p data-testid="current-context-warning">
+          This will remove active context in kubeconfig. Use drop down below to&nbsp;select a&nbsp;different one.
+        </p>
+      );
+    }
+
+    return (
+      <p data-testid="kubeconfig-change-warning">The contents of kubeconfig file will be changed!</p>
+    );
+  }
+
+  renderWarning(state: DeleteClusterDialogState) {
+    return (
+      <div className={styles.warning}>
+        <Icon material="warning_amber" className={styles.warningIcon} />
+        {this.getWarningMessage(state)}
+      </div>
+    );
+  }
+
+  renderContents(state: DeleteClusterDialogState) {
+    const { config, cluster, showContextSwitch } = state;
+    const contexts = state.config.contexts.filter(context => context.name !== state.cluster.contextName);
+    const disableDelete = this.shouldDeleteBeDisabled(state);
+    const currentContext = isCurrentContext(config, cluster);
+
+    return (
+      <>
+        <div className={styles.dialogContent}>
+          {this.renderDeleteMessage(state)}
+          {this.renderWarning(state)}
+          {contexts.length > 0 && (
+            <>
+              <hr className={styles.hr} />
+              <div className="mt-4">
+                <Checkbox
+                  data-testid="delete-cluster-dialog-context-switch"
+                  label={(
+                    <>
+                      <span className="font-semibold">Select current-context</span>
+                      {" "}
+                      {!currentContext && "(optional)"}
+                    </>
+                  )}
+                  value={showContextSwitch}
+                  onChange={value => {
+                    this.props.state.set({
+                      ...state,
+                      showContextSwitch: currentContext || value,
+                    });
+                  }}
+                />
+              </div>
+              {this.renderCurrentContextSwitch(state)}
+            </>
+          )}
+        </div>
+        <div className={styles.dialogButtons}>
+          <Button
+            onClick={this.close}
+            plain
+            label="Cancel"
+          />
+          <Button
+            onClick={() => this.onDelete(state)}
+            autoFocus
+            accent
+            label="Delete Context"
+            disabled={disableDelete}
+          />
+        </div>
+      </>
+    );
+  }
+
+  private close = () => this.props.state.set(undefined);
+
+  render() {
+    const state = this.props.state.get();
+
+    return (
+      <Dialog
+        className={styles.dialog}
+        isOpen={Boolean(state)}
+        close={this.close}
+        data-testid={state ? "delete-cluster-dialog" : undefined}
+      >
+        {state && this.renderContents(state)}
+      </Dialog>
+    );
+  }
+}
+
+export const DeleteClusterDialog = withInjectables<Dependencies>(NonInjectedDeleteClusterDialog, {
+  getProps: (di) => ({
+    hotbarStore: di.inject(hotbarStoreInjectable),
+    state: di.inject(deleteClusterDialogStateInjectable),
+    requestSetClusterAsDeleting: di.inject(requestSetClusterAsDeletingInjectable),
+    requestClearClusterAsDeleting: di.inject(requestClearClusterAsDeletingInjectable),
+    requestDeleteCluster: di.inject(requestDeleteClusterInjectable),
+    saveKubeconfig: di.inject(saveKubeconfigInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/dialog/dialog.scss b/packages/core/src/renderer/components/dialog/dialog.scss
new file mode 100644
index 0000000000..4efb628881
--- /dev/null
+++ b/packages/core/src/renderer/components/dialog/dialog.scss
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.Dialog {
+  position: fixed;
+  overflow: auto;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: $unit * 5;
+  z-index: $zIndex-dialog;
+  overscroll-behavior: none; // prevent swiping with touch-pad on MacOSX
+  overflow: auto;
+
+  &.modal {
+    background: transparentize(#222, .5);
+  }
+
+  h5 {
+    color: white;
+  }
+}
diff --git a/packages/core/src/renderer/components/dialog/dialog.tsx b/packages/core/src/renderer/components/dialog/dialog.tsx
new file mode 100644
index 0000000000..0d7bfb24c7
--- /dev/null
+++ b/packages/core/src/renderer/components/dialog/dialog.tsx
@@ -0,0 +1,187 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./dialog.scss";
+
+import React from "react";
+import { createPortal } from "react-dom";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { reaction } from "mobx";
+import { Animate } from "../animate";
+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()?
+
+export interface DialogProps {
+  className?: string;
+  isOpen?: boolean;
+  open?: () => void;
+  close?: () => void;
+  onOpen?: () => void;
+  onClose?: () => void;
+  modal?: boolean;
+  pinned?: boolean;
+  animated?: boolean;
+  "data-testid"?: string;
+  children?: React.ReactNode | React.ReactNode[];
+}
+
+interface DialogState {
+  isOpen: boolean;
+}
+
+interface Dependencies {
+  navigation: ObservableHistory<unknown>;
+  requestAnimationFrame: (callback: () => void) => void;
+}
+
+@observer
+class NonInjectedDialog extends React.PureComponent<DialogProps & Dependencies & typeof NonInjectedDialog.defaultProps, DialogState> {
+  private readonly contentElem = React.createRef<HTMLDivElement>();
+  private readonly ref = React.createRef<HTMLDivElement>();
+
+  static defaultProps = {
+    isOpen: false,
+    open: noop,
+    close: noop,
+    onOpen: noop,
+    onClose: noop,
+    modal: true,
+    animated: true,
+    pinned: false,
+  };
+
+  public state: DialogState = {
+    isOpen: this.props.isOpen ?? false,
+  };
+
+  get elem() {
+    return this.ref.current;
+  }
+
+  get isOpen() {
+    return this.state.isOpen;
+  }
+
+  componentDidMount() {
+    if (this.isOpen) {
+      this.onOpen();
+    }
+
+    disposeOnUnmount(this, [
+      reaction(() => this.props.navigation.toString(), () => this.close()),
+    ]);
+  }
+
+  componentDidUpdate(prevProps: DialogProps) {
+    const { isOpen } = this.props;
+
+    if (isOpen !== prevProps.isOpen) {
+      this.toggle(isOpen ?? false);
+    }
+  }
+
+  componentWillUnmount() {
+    if (this.isOpen) this.onClose();
+  }
+
+  toggle(isOpen: boolean) {
+    if (isOpen) this.open();
+    else this.close();
+  }
+
+  open() {
+    this.props.requestAnimationFrame(this.onOpen); // wait for render(), bind close-event to this.elem
+    this.setState({ isOpen: true });
+    this.props.open?.();
+  }
+
+  close() {
+    this.onClose(); // must be first to get access to dialog's content from outside
+    this.setState({ isOpen: false });
+    this.props.close?.();
+  }
+
+  onOpen = () => {
+    this.props.onOpen?.();
+
+    if (!this.props.pinned) {
+      if (this.elem) this.elem.addEventListener("click", this.onClickOutside);
+      // Using document.body target to handle keydown event before Drawer does
+      document.body.addEventListener("keydown", this.onEscapeKey);
+    }
+  };
+
+  onClose = () => {
+    this.props.onClose?.();
+
+    if (!this.props.pinned) {
+      if (this.elem) this.elem.removeEventListener("click", this.onClickOutside);
+      document.body.removeEventListener("keydown", this.onEscapeKey);
+    }
+  };
+
+  onEscapeKey = (evt: KeyboardEvent) => {
+    const escapeKey = evt.code === "Escape";
+
+    if (escapeKey) {
+      this.close();
+      evt.stopPropagation();
+    }
+  };
+
+  onClickOutside = (evt: MouseEvent) => {
+    const target = evt.target as HTMLElement;
+
+    if (!this.contentElem.current?.contains(target)) {
+      this.close();
+      evt.stopPropagation();
+    }
+  };
+
+  render() {
+    const { modal, animated, pinned, "data-testid": testId, className } = this.props;
+
+    let dialog = (
+      <div
+        className={cssNames("Dialog flex center", className, { modal, pinned })}
+        onClick={stopPropagation}
+        ref={this.ref}
+        data-testid={testId}
+      >
+        <div
+          className="box"
+          ref={this.contentElem}
+        >
+          {this.props.children}
+        </div>
+      </div>
+    );
+
+    if (animated) {
+      dialog = (
+        <Animate enter={this.isOpen} name="opacity-scale">
+          {dialog}
+        </Animate>
+      );
+    } else if (!this.isOpen) {
+      return null;
+    }
+
+    return createPortal(dialog, document.body);
+  }
+}
+
+export const Dialog = withInjectables<Dependencies, DialogProps>((props) => <NonInjectedDialog {...props} />, {
+  getProps: (di, props) => ({
+    ...props,
+    navigation: di.inject(observableHistoryInjectable),
+    requestAnimationFrame: di.inject(requestAnimationFrameInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/dialog/index.ts b/packages/core/src/renderer/components/dialog/index.ts
new file mode 100644
index 0000000000..9aa342f9ba
--- /dev/null
+++ b/packages/core/src/renderer/components/dialog/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./dialog";
diff --git a/packages/core/src/renderer/components/dialog/logs-dialog.scss b/packages/core/src/renderer/components/dialog/logs-dialog.scss
new file mode 100644
index 0000000000..692152b84a
--- /dev/null
+++ b/packages/core/src/renderer/components/dialog/logs-dialog.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.LogsDialog {
+  .Wizard {
+    --wizard-width: 70vw;
+  }
+
+  .WizardStep {
+    .step-content {
+      padding: var(--wizard-spacing);
+    }
+
+    code {
+      max-height: 50vh;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/dialog/logs-dialog.tsx b/packages/core/src/renderer/components/dialog/logs-dialog.tsx
new file mode 100644
index 0000000000..cd1861db77
--- /dev/null
+++ b/packages/core/src/renderer/components/dialog/logs-dialog.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 "./logs-dialog.scss";
+
+import React from "react";
+import type { DialogProps } from "../dialog";
+import { Dialog } from "../dialog";
+import { Wizard, WizardStep } from "../wizard";
+import type { ShowNotification } from "../notifications";
+import { Button } from "../button";
+import { Icon } from "../icon";
+import { clipboard } from "electron";
+import { kebabCase } from "lodash/fp";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import showSuccessNotificationInjectable from "../notifications/show-success-notification.injectable";
+
+export interface LogsDialogProps extends DialogProps {
+  title: string;
+  logs: string;
+}
+
+interface Dependencies {
+  showSuccessNotification: ShowNotification;
+}
+
+const NonInjectedLogsDialog = (props: LogsDialogProps & Dependencies) => {
+  const {
+    title,
+    logs,
+    showSuccessNotification,
+    ...dialogProps
+  } = props;
+
+  return (
+    <Dialog
+      {...dialogProps}
+      className="LogsDialog"
+      data-testid={`logs-dialog-for-${kebabCase(title)}`}
+    >
+      <Wizard
+        header={<h5>{title}</h5>}
+        done={dialogProps.close}
+      >
+        <WizardStep
+          scrollable={false}
+          customButtons={(
+            <div className="buttons flex gaps align-center justify-space-between">
+              <Button
+                plain
+                onClick={() => {
+                  clipboard.writeText(logs);
+                  showSuccessNotification(`Logs copied to clipboard.`);
+                }}
+              >
+                <Icon material="assignment"/>
+                {" Copy to clipboard"}
+              </Button>
+              <Button plain onClick={dialogProps.close}>
+                Close
+              </Button>
+            </div>
+          )}
+        >
+          <code className="block">
+            {logs || "There are no logs available."}
+          </code>
+        </WizardStep>
+      </Wizard>
+    </Dialog>
+  );
+};
+
+export const LogsDialog = withInjectables<Dependencies, LogsDialogProps>(NonInjectedLogsDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/dock/__test__/dock-store.test.ts b/packages/core/src/renderer/components/dock/__test__/dock-store.test.ts
new file mode 100644
index 0000000000..1fd7e102e8
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/__test__/dock-store.test.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 directoryForUserDataInjectable from "../../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import hostedClusterIdInjectable from "../../../cluster-frame-context/hosted-cluster-id.injectable";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { DockStore, DockTab } from "../dock/store";
+import { TabKind } from "../dock/store";
+import dockStoreInjectable from "../dock/store.injectable";
+
+const initialTabs: DockTab[] = [
+  { id: "terminal", kind: TabKind.TERMINAL, title: "Terminal", pinned: false },
+  { id: "create", kind: TabKind.CREATE_RESOURCE, title: "Create resource", pinned: false },
+  { id: "edit", kind: TabKind.EDIT_RESOURCE, title: "Edit resource", pinned: false },
+  { id: "install", kind: TabKind.INSTALL_CHART, title: "Install chart", pinned: false },
+  { id: "logs", kind: TabKind.POD_LOGS, title: "Logs", pinned: false },
+];
+
+describe("DockStore", () => {
+  let dockStore: DockStore;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(hostedClusterIdInjectable, () => "some-cluster-id");
+    di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
+
+    dockStore = di.inject(dockStoreInjectable);
+  });
+
+  it("closes tab and selects one from right", () => {
+    dockStore.tabs = initialTabs;
+    dockStore.closeTab(dockStore.tabs[0].id);
+
+    expect(dockStore.selectedTabId).toBe("create");
+
+    dockStore.selectTab("edit");
+    dockStore.closeTab("edit");
+
+    expect(dockStore.selectedTabId).toBe("install");
+  });
+
+  it("closes last tab and selects one from right", () => {
+    dockStore.tabs = initialTabs;
+    dockStore.selectTab("logs");
+    dockStore.closeTab("logs");
+
+    expect(dockStore.selectedTabId).toBe("install");
+  });
+
+  it("closes tab and selects the last one", () => {
+    dockStore.tabs = [
+      { id: "terminal", kind: TabKind.TERMINAL, title: "Terminal", pinned: false },
+      { id: "create", kind: TabKind.CREATE_RESOURCE, title: "Create resource", pinned: false },
+    ];
+    dockStore.closeTab("terminal");
+
+    expect(dockStore.selectedTabId).toBe("create");
+  });
+
+  it("closes last tab and selects none", () => {
+    dockStore.tabs = [
+      { id: "create", kind: TabKind.CREATE_RESOURCE, title: "Create resource", pinned: false },
+    ];
+    dockStore.closeTab("create");
+
+    expect(dockStore.selectedTabId).toBeUndefined();
+  });
+
+  it("doesn't change selected tab if other tab closed", () => {
+    dockStore.tabs = initialTabs;
+    dockStore.closeTab("install");
+
+    expect(dockStore.selectedTabId).toBe("terminal");
+  });
+});
diff --git a/packages/core/src/renderer/components/dock/create-resource/clear-create-resource-tab-data.injectable.ts b/packages/core/src/renderer/components/dock/create-resource/clear-create-resource-tab-data.injectable.ts
new file mode 100644
index 0000000000..599696109c
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/create-resource/clear-create-resource-tab-data.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 { TabId } from "../dock/store";
+import createResourceTabStoreInjectable from "./store.injectable";
+
+const clearCreateResourceTabDataInjectable = getInjectable({
+  id: "clear-create-resource-tab-data",
+
+  instantiate: (di) => {
+    const createResourceTabStore = di.inject(createResourceTabStoreInjectable);
+
+    return (tabId: TabId): void => {
+      createResourceTabStore.clearData(tabId);
+    };
+  },
+});
+
+export default clearCreateResourceTabDataInjectable;
diff --git a/packages/core/src/renderer/components/dock/create-resource/create-resource-tab.injectable.ts b/packages/core/src/renderer/components/dock/create-resource/create-resource-tab.injectable.ts
new file mode 100644
index 0000000000..1218109286
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/create-resource/create-resource-tab.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 dockStoreInjectable from "../dock/store.injectable";
+import type { DockTabCreateSpecific } from "../dock/store";
+import { TabKind } from "../dock/store";
+
+const createResourceTabInjectable = getInjectable({
+  id: "create-resource-tab",
+
+  instantiate: (di) => {
+    const dockStore = di.inject(dockStoreInjectable);
+
+    return (tabParams: DockTabCreateSpecific = {}) =>
+      dockStore.createTab({
+        title: "Create resource",
+        ...tabParams,
+        kind: TabKind.CREATE_RESOURCE,
+      });
+  },
+});
+
+export default createResourceTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/create-resource/create-resource-templates.injectable.ts b/packages/core/src/renderer/components/dock/create-resource/create-resource-templates.injectable.ts
new file mode 100644
index 0000000000..ecb00e5efb
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/create-resource/create-resource-templates.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 userCreateResourceTemplatesInjectable from "./user-templates.injectable";
+import lensCreateResourceTemplatesInjectable from "./lens-templates.injectable";
+import type { GroupBase } from "react-select";
+
+export type RawTemplates = [group: string, items: [file: string, contents: string][]];
+
+const createResourceTemplatesInjectable = getInjectable({
+  id: "create-resource-templates",
+
+  instantiate: async (di) => {
+    const lensResourceTemplates = await di.inject(lensCreateResourceTemplatesInjectable);
+    const userResourceTemplates = di.inject(userCreateResourceTemplatesInjectable);
+
+    return computed((): GroupBase<{ label: string; value: string }>[] => {
+      const res = [
+        ...userResourceTemplates.get(),
+        lensResourceTemplates,
+      ];
+
+      return res.map(([group, items]) => ({
+        label: group,
+        options: items.map(([label, value]) => ({ label, value })),
+      }));
+    });
+  },
+});
+
+export default createResourceTemplatesInjectable;
diff --git a/packages/core/src/renderer/components/dock/create-resource/has-correct-extension.ts b/packages/core/src/renderer/components/dock/create-resource/has-correct-extension.ts
new file mode 100644
index 0000000000..47768161d6
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/create-resource/has-correct-extension.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+const extensionMatchers = [
+  /\.yaml$/,
+  /\.yml$/,
+  /\.json$/,
+];
+
+/**
+ * Check if a fileName matches a yaml or json file name structure
+ * @param fileName The fileName to check
+ */
+export function hasCorrectExtension(fileName: string): boolean {
+  return extensionMatchers.some(matcher => matcher.test(fileName));
+}
diff --git a/packages/core/src/renderer/components/dock/create-resource/lens-templates.injectable.ts b/packages/core/src/renderer/components/dock/create-resource/lens-templates.injectable.ts
new file mode 100644
index 0000000000..5e97fdb4d7
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/create-resource/lens-templates.injectable.ts
@@ -0,0 +1,40 @@
+/**
+ * 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 { hasCorrectExtension } from "./has-correct-extension";
+import readFileInjectable from "../../../../common/fs/read-file.injectable";
+import readDirectoryInjectable from "../../../../common/fs/read-directory.injectable";
+import type { RawTemplates } from "./create-resource-templates.injectable";
+import joinPathsInjectable from "../../../../common/path/join-paths.injectable";
+import parsePathInjectable from "../../../../common/path/parse.injectable";
+import lensResourcesDirInjectable from "../../../../common/vars/lens-resources-dir.injectable";
+
+const lensCreateResourceTemplatesInjectable = getInjectable({
+  id: "lens-create-resource-templates",
+
+  instantiate: async (di): Promise<RawTemplates> => {
+    const readFile = di.inject(readFileInjectable);
+    const readDir = di.inject(readDirectoryInjectable);
+    const joinPaths = di.inject(joinPathsInjectable);
+    const parsePath = di.inject(parsePathInjectable);
+    const resourcesDirectory = di.inject(lensResourcesDirInjectable);
+
+    /**
+     * Mapping between file names and their contents
+     */
+    const templates: [file: string, contents: string][] = [];
+    const templatesFolder = joinPaths(resourcesDirectory, "templates/create-resource");
+
+    for (const dirEntry of await readDir(templatesFolder)) {
+      if (hasCorrectExtension(dirEntry)) {
+        templates.push([parsePath(dirEntry).name, await readFile(joinPaths(templatesFolder, dirEntry))]);
+      }
+    }
+
+    return ["lens", templates];
+  },
+});
+
+export default lensCreateResourceTemplatesInjectable;
diff --git a/packages/core/src/renderer/components/dock/create-resource/store.injectable.ts b/packages/core/src/renderer/components/dock/create-resource/store.injectable.ts
new file mode 100644
index 0000000000..4cad7384d8
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/create-resource/store.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 { CreateResourceTabStore } from "./store";
+import createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+
+const createResourceTabStoreInjectable = getInjectable({
+  id: "create-resource-tab-store",
+
+  instantiate: (di) => new CreateResourceTabStore({
+    createStorage: di.inject(createStorageInjectable),
+  }),
+});
+
+export default createResourceTabStoreInjectable;
diff --git a/packages/core/src/renderer/components/dock/create-resource/store.ts b/packages/core/src/renderer/components/dock/create-resource/store.ts
new file mode 100644
index 0000000000..13e0757314
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/create-resource/store.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 { DockTabStoreDependencies } from "../dock-tab-store/dock-tab.store";
+import { DockTabStore } from "../dock-tab-store/dock-tab.store";
+
+export interface CreateResourceTabStoreDependencies extends DockTabStoreDependencies {
+}
+
+export class CreateResourceTabStore extends DockTabStore<string> {
+  constructor(protected readonly dependencies: CreateResourceTabStoreDependencies) {
+    super(dependencies, {
+      storageKey: "create_resource",
+    });
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/create-resource/user-templates.injectable.ts b/packages/core/src/renderer/components/dock/create-resource/user-templates.injectable.ts
new file mode 100644
index 0000000000..65b896f95d
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/create-resource/user-templates.injectable.ts
@@ -0,0 +1,110 @@
+/**
+ * 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, observable } from "mobx";
+import { delay, getOrInsert, isErrnoException, waitForPath } from "../../../utils";
+import { readFile } from "fs/promises";
+import { hasCorrectExtension } from "./has-correct-extension";
+import type { RawTemplates } from "./create-resource-templates.injectable";
+import joinPathsInjectable from "../../../../common/path/join-paths.injectable";
+import watchInjectable from "../../../../common/fs/watch/watch.injectable";
+import getRelativePathInjectable from "../../../../common/path/get-relative-path.injectable";
+import homeDirectoryPathInjectable from "../../../../common/os/home-directory-path.injectable";
+import getDirnameOfPathInjectable from "../../../../common/path/get-dirname.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+import parsePathInjectable from "../../../../common/path/parse.injectable";
+
+const userCreateResourceTemplatesInjectable = getInjectable({
+  id: "user-create-resource-templates",
+  instantiate: (di) => {
+    const joinPaths = di.inject(joinPathsInjectable);
+    const watch = di.inject(watchInjectable);
+    const getRelativePath = di.inject(getRelativePathInjectable);
+    const homeDirectoryPath = di.inject(homeDirectoryPathInjectable);
+    const getDirnameOfPath = di.inject(getDirnameOfPathInjectable);
+    const logger = di.inject(loggerInjectable);
+    const parsePath = di.inject(parsePathInjectable);
+
+    const userTemplatesFolder = joinPaths(homeDirectoryPath, ".k8slens", "templates");
+    const groupTemplates = (templates: Map<string, string>): RawTemplates[] => {
+      const res = new Map<string, [string, string][]>();
+
+      for (const [filePath, contents] of templates) {
+        const rawRelative = getDirnameOfPath(getRelativePath(userTemplatesFolder, filePath));
+        const title = rawRelative === "."
+          ? "ungrouped"
+          : rawRelative;
+
+        getOrInsert(res, title, []).push([parsePath(filePath).name, contents]);
+      }
+
+      return [...res.entries()];
+    };
+
+    /**
+     * Map between filePaths and template contents
+     */
+    const templates = observable.map<string, string>();
+
+    const onAddOrChange = async (filePath: string) => {
+      if (!hasCorrectExtension(filePath)) {
+      // ignore non yaml or json files
+        return;
+      }
+
+      try {
+        const contents = await readFile(filePath, "utf-8");
+
+        templates.set(filePath, contents);
+      } catch (error) {
+        if (isErrnoException(error) && error.code === "ENOENT") {
+        // ignore, file disappeared
+        } else {
+          logger.warn(`[USER-CREATE-RESOURCE-TEMPLATES]: encountered error while reading ${filePath}`, error);
+        }
+      }
+    };
+    const onUnlink = (filePath: string) => {
+      templates.delete(filePath);
+    };
+
+    (async () => {
+      for (let i = 1;; i *= 2) {
+        try {
+          await waitForPath(userTemplatesFolder);
+          break;
+        } catch (error) {
+          logger.warn(`[USER-CREATE-RESOURCE-TEMPLATES]: encountered error while waiting for ${userTemplatesFolder} to exist, waiting and trying again`, error);
+          await delay(i * 1000); // exponential backoff in seconds
+        }
+      }
+
+      /**
+     * NOTE: There is technically a race condition here of the form "time-of-check to time-of-use"
+     */
+      watch(userTemplatesFolder, {
+        disableGlobbing: true,
+        ignorePermissionErrors: true,
+        usePolling: false,
+        awaitWriteFinish: {
+          pollInterval: 100,
+          stabilityThreshold: 1000,
+        },
+        ignoreInitial: false,
+        atomic: 150, // for "atomic writes"
+      })
+        .on("add", onAddOrChange)
+        .on("change", onAddOrChange)
+        .on("unlink", onUnlink)
+        .on("error", error => {
+          logger.warn(`[USER-CREATE-RESOURCE-TEMPLATES]: encountered error while watching files under ${userTemplatesFolder}`, error);
+        });
+    })();
+
+    return computed(() => groupTemplates(templates));
+  },
+});
+
+export default userCreateResourceTemplatesInjectable;
diff --git a/packages/core/src/renderer/components/dock/create-resource/view.tsx b/packages/core/src/renderer/components/dock/create-resource/view.tsx
new file mode 100644
index 0000000000..00221a7b32
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/create-resource/view.tsx
@@ -0,0 +1,189 @@
+/**
+ * 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 { SelectOption } from "../../select";
+import { Select } from "../../select";
+import yaml, { dump } from "js-yaml";
+import type { IComputedValue } from "mobx";
+import { makeObservable, observable } from "mobx";
+import { observer } from "mobx-react";
+import type { CreateResourceTabStore } from "./store";
+import { EditorPanel } from "../editor-panel";
+import { InfoPanel } from "../info-panel";
+import type { ShowNotification } from "../../notifications";
+import type { Logger } from "../../../../common/logger";
+import type { ApiManager } from "../../../../common/k8s-api/api-manager";
+import { isObject, prevDefault } from "../../../utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import createResourceTabStoreInjectable from "./store.injectable";
+import createResourceTemplatesInjectable from "./create-resource-templates.injectable";
+import { Spinner } from "../../spinner";
+import type { GroupBase } from "react-select";
+import type { Navigate } from "../../../navigation/navigate.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 navigateInjectable from "../../../navigation/navigate.injectable";
+import type { RequestKubeObjectCreation } from "../../../../common/k8s-api/endpoints/resource-applier.api/request-update.injectable";
+import requestKubeObjectCreationInjectable from "../../../../common/k8s-api/endpoints/resource-applier.api/request-update.injectable";
+import loggerInjectable from "../../../../common/logger.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 CreateResourceProps {
+  tabId: string;
+}
+
+interface Dependencies {
+  createResourceTemplates: IComputedValue<GroupBase<{ label: string; value: string }>[]>;
+  createResourceTabStore: CreateResourceTabStore;
+  apiManager: ApiManager;
+  logger: Logger;
+  navigate: Navigate;
+  getDetailsUrl: GetDetailsUrl;
+  requestKubeObjectCreation: RequestKubeObjectCreation;
+  showSuccessNotification: ShowNotification;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedCreateResource extends React.Component<CreateResourceProps & Dependencies> {
+  @observable error = "";
+
+  constructor(props: CreateResourceProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  get tabId() {
+    return this.props.tabId;
+  }
+
+  get data() {
+    return this.props.createResourceTabStore.getData(this.tabId) ?? "";
+  }
+
+  onChange = (value: string) => {
+    this.error = ""; // reset first, validation goes later
+    this.props.createResourceTabStore.setData(this.tabId, value);
+  };
+
+  onError = (error: Error | string) => {
+    this.error = error.toString();
+  };
+
+  create = async (): Promise<void> => {
+    const { apiManager, getDetailsUrl, navigate, requestKubeObjectCreation } = this.props;
+
+    if (this.error || !this.data?.trim()) {
+      // do not save when field is empty or there is an error
+      return;
+    }
+
+    // skip empty documents
+    const resources = yaml.loadAll(this.data).filter(isObject);
+
+    if (resources.length === 0) {
+      return this.props.logger.info("Nothing to create");
+    }
+
+    const creatingResources = resources.map(async (resource) => {
+      const result = await requestKubeObjectCreation(dump(resource));
+
+      if (!result.callWasSuccessful) {
+        this.props.logger.warn("Failed to create resource", { resource }, result.error);
+        this.props.showCheckedErrorNotification(result.error, "Unknown error occured while creating resources");
+
+        return;
+      }
+
+      const { kind, apiVersion, metadata: { name, namespace }} = result.response;
+
+      const close = this.props.showSuccessNotification((
+        <p>
+          {kind}
+          {" "}
+          <a
+            onClick={prevDefault(() => {
+              const resourceLink = apiManager.lookupApiLink({ kind, apiVersion, name, namespace });
+
+              navigate(getDetailsUrl(resourceLink));
+              close();
+            })}
+          >
+            {name}
+          </a>
+          {" successfully created."}
+        </p>
+      ));
+    });
+
+    await Promise.allSettled(creatingResources);
+  };
+
+  renderControls() {
+    return (
+      <div className="flex gaps align-center">
+        <Select<string, SelectOption<string>, false>
+          id="create-resource-resource-templates-input"
+          controlShouldRenderValue={false} // always keep initial placeholder
+          className="TemplateSelect"
+          placeholder="Select Template ..."
+          options={this.props.createResourceTemplates.get()}
+          formatGroupLabel={group => group.label}
+          menuPlacement="top"
+          themeName="outlined"
+          onChange={(option) => {
+            if (option) {
+              this.props.createResourceTabStore.setData(this.tabId, option.value);
+            }
+          }}
+        />
+      </div>
+    );
+  }
+
+  render() {
+    const { tabId, data, error } = this;
+
+    return (
+      <div className="CreateResource flex column">
+        <InfoPanel
+          tabId={tabId}
+          error={error}
+          controls={this.renderControls()}
+          submit={this.create}
+          submitLabel="Create"
+          showNotifications={false}
+        />
+        <EditorPanel
+          tabId={tabId}
+          value={data}
+          onChange={this.onChange}
+          onError={this.onError}
+        />
+      </div>
+    );
+  }
+}
+
+export const CreateResource = withInjectables<Dependencies, CreateResourceProps>(NonInjectedCreateResource, {
+  getPlaceholder: () => <Spinner center />,
+
+  getProps: async (di, props) => ({
+    ...props,
+    createResourceTabStore: di.inject(createResourceTabStoreInjectable),
+    createResourceTemplates: await di.inject(createResourceTemplatesInjectable),
+    apiManager: di.inject(apiManagerInjectable),
+    logger: di.inject(loggerInjectable),
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    navigate: di.inject(navigateInjectable),
+    requestKubeObjectCreation: di.inject(requestKubeObjectCreationInjectable),
+    showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+    showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/dock/dock-tab-store/create-dock-tab-store.injectable.ts b/packages/core/src/renderer/components/dock/dock-tab-store/create-dock-tab-store.injectable.ts
new file mode 100644
index 0000000000..0fa8a3bdf8
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock-tab-store/create-dock-tab-store.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 { DockTabStoreOptions } from "./dock-tab.store";
+import { DockTabStore } from "./dock-tab.store";
+import createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+
+const createDockTabStoreInjectable = getInjectable({
+  id: "create-dock-tab-store",
+
+  instantiate: (di) => {
+    const dependencies = {
+      createStorage: di.inject(createStorageInjectable),
+    };
+
+    return <T>(options: DockTabStoreOptions = {}) => new DockTabStore<T>(dependencies, options);
+  },
+});
+
+export default createDockTabStoreInjectable;
diff --git a/packages/core/src/renderer/components/dock/dock-tab-store/dock-tab.store.ts b/packages/core/src/renderer/components/dock/dock-tab-store/dock-tab.store.ts
new file mode 100644
index 0000000000..d6ec705d2a
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock-tab-store/dock-tab.store.ts
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, observable, reaction } from "mobx";
+import type { StorageLayer } from "../../../utils";
+import { autoBind, toJS } from "../../../utils";
+import type { CreateStorage } from "../../../utils/create-storage/create-storage.injectable";
+import type { TabId } from "../dock/store";
+
+export interface DockTabStoreOptions {
+  autoInit?: boolean; // load data from storage when `storageKey` is provided and bind events, default: true
+  storageKey?: string; // save data to persistent storage under the key
+}
+
+export type DockTabStorageState<T> = Record<TabId, T>;
+
+export interface DockTabStoreDependencies {
+  createStorage: CreateStorage;
+}
+
+export class DockTabStore<T> {
+  protected readonly storage?: StorageLayer<DockTabStorageState<T>>;
+  private readonly data = observable.map<TabId, T>();
+
+  constructor(protected readonly dependencies: DockTabStoreDependencies, protected readonly options: DockTabStoreOptions) {
+    autoBind(this);
+    this.options.autoInit ??= true;
+
+    const { storageKey, autoInit } = this.options;
+
+    if (autoInit && storageKey) {
+      const storage = this.storage = this.dependencies.createStorage(storageKey, {});
+
+      this.data.replace(storage.get());
+      reaction(() => this.toJSON(), data => storage.set(data));
+    }
+  }
+
+  protected finalizeDataForSave(data: T): T {
+    return data;
+  }
+
+  protected toJSON(): DockTabStorageState<T> {
+    const deepCopy = toJS(this.data);
+
+    deepCopy.forEach((tabData, key) => {
+      deepCopy.set(key, this.finalizeDataForSave(tabData));
+    });
+
+    return Object.fromEntries<T>(deepCopy);
+  }
+
+  protected getAllData() {
+    return this.data.toJSON();
+  }
+
+  findTabIdFromData(inspecter: (val: T) => any): TabId | undefined {
+    for (const [tabId, data] of this.data) {
+      if (inspecter(data)) {
+        return tabId;
+      }
+    }
+
+    return undefined;
+  }
+
+  isReady(tabId: TabId): boolean {
+    return this.getData(tabId) !== undefined;
+  }
+
+  getData(tabId: TabId) {
+    return this.data.get(tabId);
+  }
+
+  setData(tabId: TabId, data: T) {
+    this.data.set(tabId, data);
+  }
+
+  clearData(tabId: TabId) {
+    this.data.delete(tabId);
+  }
+
+  @action
+  reset() {
+    for (const tabId of this.data.keys()) {
+      this.clearData(tabId);
+    }
+    this.storage?.reset();
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/dock-tab.module.scss b/packages/core/src/renderer/components/dock/dock-tab.module.scss
new file mode 100644
index 0000000000..64bd4768ff
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock-tab.module.scss
@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.DockTab {
+  --color-active: var(--dockTabActiveBackground);
+  --color-text-active: var(--textColorAccent);
+  --color-border-active: var(--primary);
+
+  padding: var(--padding);
+  height: 32px;
+  position: relative;
+  border-right: 1px solid var(--dockTabBorderColor);
+  background-size: 1px 3ch;
+  overflow: hidden;
+
+  /* Allow tabs to shrink and take all parent space */
+  min-width: var(--min-tab-width);
+  flex-grow: 1;
+  flex-basis: 0;
+  max-width: fit-content;
+
+  &:last-child {
+    border-right: none;
+  }
+
+  &.pinned {
+    padding-right: var(--padding);
+  }
+
+  &:last-child {
+    padding-right: var(--padding);
+  }
+
+  &:global(.active) {
+    background-color: var(--color-active);
+    background-image: none;
+    border-bottom: 1px solid var(--color-border-active);
+    color: var(--color-text-active)!important;
+
+    .close {
+      opacity: 1;
+    }
+
+    &::before {
+      display: none;
+    }
+  }
+
+  &::before {
+    content: " ";
+    display: block;
+    position: absolute;
+    width: 8px;
+    height: 100%;
+    right: 0;
+    background: linear-gradient(90deg, transparent 0%, var(--dockHeadBackground) 65%);
+  }
+
+  &::after {
+    display: none;
+  }
+
+  &:not(:global(.active)):hover {
+    background-color: var(--dockTabActiveBackground);
+    background-image: none;
+    color: var(--textColorAccent);
+
+    .close {
+      opacity: 1;
+      background: linear-gradient(90deg, transparent 0%, var(--dockTabActiveBackground) 25%);
+    }
+
+    &::before {
+      display: none;
+    }
+  }
+}
+
+.close {
+  position: absolute;
+  right: 0px;
+  width: 4ch;
+  opacity: 0;
+  text-align: center;
+  background: linear-gradient(90deg, transparent 0%, var(--color-active) 25%);
+}
+
+.tabIcon {
+  opacity: 0;
+}
+
+.title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: calc(var(--margin) * 3);
+}
diff --git a/packages/core/src/renderer/components/dock/dock-tab.tsx b/packages/core/src/renderer/components/dock/dock-tab.tsx
new file mode 100644
index 0000000000..5a672e2fb3
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock-tab.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 styles from "./dock-tab.module.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { autoBind, cssNames, prevDefault, isMiddleClick } from "../../utils";
+import type { DockStore, DockTab as DockTabModel } from "./dock/store";
+import type { TabProps } from "../tabs";
+import { Tab } from "../tabs";
+import { Icon } from "../icon";
+import { Menu, MenuItem } from "../menu";
+import { observable } from "mobx";
+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;
+}
+
+interface Dependencies {
+  dockStore: DockStore;
+  isMac: boolean;
+}
+
+@observer
+class NonInjectedDockTab extends React.Component<DockTabProps & Dependencies> {
+  private readonly menuVisible = observable.box(false);
+
+  constructor(props: DockTabProps & Dependencies) {
+    super(props);
+    autoBind(this);
+  }
+
+  close(id: string) {
+    this.props.dockStore.closeTab(id);
+  }
+
+  renderMenu(tabId: string) {
+    const { closeTab, closeAllTabs, closeOtherTabs, closeTabsToTheRight, tabs, getTabIndex } = this.props.dockStore;
+    const closeAllDisabled = tabs.length === 1;
+    const closeOtherDisabled = tabs.length === 1;
+    const closeRightDisabled = getTabIndex(tabId) === tabs.length - 1;
+
+    return (
+      <Menu
+        usePortal
+        htmlFor={`tab-${tabId}`}
+        className="DockTabMenu"
+        isOpen={this.menuVisible.get()}
+        open={() => this.menuVisible.set(true)}
+        close={() => this.menuVisible.set(false)}
+        toggleEvent="contextmenu"
+      >
+        <MenuItem onClick={() => closeTab(tabId)}>
+          Close
+        </MenuItem>
+        <MenuItem onClick={() => closeAllTabs()} disabled={closeAllDisabled}>
+          Close all tabs
+        </MenuItem>
+        <MenuItem onClick={() => closeOtherTabs(tabId)} disabled={closeOtherDisabled}>
+          Close other tabs
+        </MenuItem>
+        <MenuItem onClick={() => closeTabsToTheRight(tabId)} disabled={closeRightDisabled}>
+          Close tabs to the right
+        </MenuItem>
+      </Menu>
+    );
+  }
+
+  render() {
+    const { className, moreActions, dockStore, active, isMac, ...tabProps } = this.props;
+
+    if (!tabProps.value) {
+      return;
+    }
+
+    const { title, pinned, id } = tabProps.value;
+    const close = prevDefault(() => this.close(id));
+
+    return (
+      <>
+        <Tab
+          {...tabProps}
+          id={`tab-${id}`}
+          className={cssNames(styles.DockTab, className, {
+            [styles.pinned]: pinned,
+          })}
+          onContextMenu={() => this.menuVisible.set(true)}
+          label={(
+            <div className="flex align-center" onAuxClick={isMiddleClick(close)}>
+              <span className={styles.title}>{title}</span>
+              {moreActions}
+              {!pinned && (
+                <div className={styles.close}>
+                  <Icon
+                    small
+                    material="close"
+                    tooltip={`Close ${this.props.isMac ? "⌘+W" : "Ctrl+W"}`}
+                    onClick={close}
+                    data-testid={`dock-tab-close-for-${id}`}
+                  />
+                </div>
+              )}
+              <Tooltip
+                targetId={`tab-${id}`}
+                preferredPositions={[TooltipPosition.TOP, TooltipPosition.TOP_LEFT]}
+                style={{ transitionDelay: "700ms" }}
+              >
+                {title}
+              </Tooltip>
+            </div>
+          )}
+          data-testid={`dock-tab-for-${id}`}
+        />
+        {this.renderMenu(id)}
+      </>
+    );
+  }
+}
+
+export const DockTab = withInjectables<Dependencies, DockTabProps>(NonInjectedDockTab, {
+  getProps: (di, props) => ({
+    dockStore: di.inject(dockStoreInjectable),
+    isMac: di.inject(isMacInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/dock/dock-tabs.module.scss b/packages/core/src/renderer/components/dock/dock-tabs.module.scss
new file mode 100644
index 0000000000..4a68a00c8a
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock-tabs.module.scss
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.dockTabs {
+  --min-tab-width: 120px;
+
+  overflow: hidden;
+}
+
+.tabs {
+  width: 100%;
+
+  display: flex;
+  overflow: hidden;
+
+  &:empty {
+    display: none;
+  }
+
+  &:global(.scrollable) {
+    overflow: auto;
+    overflow-x: overlay;  /* Set scrollbar inside content area */
+
+    &::-webkit-scrollbar-thumb {
+      background-color: transparent;
+    }
+
+    &:hover {
+      &::-webkit-scrollbar {
+        width: 100%;
+        height: 3px;
+      }
+
+      &::-webkit-scrollbar-thumb {
+        border-radius: 0;
+        height: 3px;
+        background-color: rgba(106, 115, 125, 0.2);
+      }
+    }
+
+    &::before, &::after {
+      content: "\00A0";
+      position: sticky;
+      min-width: 8px;
+      z-index: 1;
+    }
+
+    &::before {
+      left: 0;
+      background: linear-gradient(270deg, transparent 0%, var(--dockHeadBackground) 65%);
+    }
+
+    &::after {
+      right: 0;
+      background: linear-gradient(90deg, transparent 0%, var(--dockHeadBackground) 65%);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/dock-tabs.tsx b/packages/core/src/renderer/components/dock/dock-tabs.tsx
new file mode 100644
index 0000000000..87b4aa756b
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock-tabs.tsx
@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./dock-tabs.module.scss";
+
+import React, { Fragment, useEffect, useRef, useState } from "react";
+import { Tabs } from "../tabs/tabs";
+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 { cssVar } from "../../utils";
+import { useResizeObserver } from "../../hooks";
+
+export interface DockTabsProps {
+  tabs: DockTabModel[];
+  autoFocus: boolean;
+  selectedTab: DockTabModel | undefined;
+  onChangeTab: (tab: DockTabModel) => void;
+}
+
+export const DockTabs = ({ tabs, autoFocus, selectedTab, onChangeTab }: DockTabsProps) => {
+  const elem = useRef<HTMLDivElement | null>(null);
+  const minTabSize = useRef<number>(0);
+  const [showScrollbar, setShowScrollbar] = useState(false);
+
+  const getTabElements = (): HTMLDivElement[] => {
+    return Array.from(elem.current?.querySelectorAll(".Tabs .Tab") ?? []);
+  };
+
+  const renderTab = (tab?: DockTabModel) => {
+    if (!tab) {
+      return null;
+    }
+
+    switch (tab.kind) {
+      case TabKind.CREATE_RESOURCE:
+      case TabKind.EDIT_RESOURCE:
+        return <DockTab value={tab} icon="edit" />;
+      case TabKind.INSTALL_CHART:
+      case TabKind.UPGRADE_CHART:
+        return <DockTab value={tab} icon="install_desktop" />;
+      case TabKind.POD_LOGS:
+        return <DockTab value={tab} icon="subject" />;
+      case TabKind.TERMINAL:
+        return <TerminalTab value={tab} />;
+    }
+  };
+
+  const scrollActiveTabIntoView = () => {
+    const tab = elem.current?.querySelector(".Tab.active");
+
+    tab?.scrollIntoView();
+  };
+
+  const updateScrollbarVisibility = () => {
+    const allTabsShrunk = getTabElements().every(tab => tab.offsetWidth == minTabSize.current);
+
+    setShowScrollbar(allTabsShrunk);
+  };
+
+  const scrollTabsWithMouseWheel = (left: number) => {
+    elem.current?.children[0]?.scrollBy({ left });
+  };
+
+  const onMouseWheel = (event: React.WheelEvent) => {
+    scrollTabsWithMouseWheel(event.deltaY);
+  };
+
+  useEffect(() => {
+    if (elem.current) {
+      const cssVars = cssVar(elem.current);
+
+      minTabSize.current = cssVars.get("--min-tab-width").valueOf();
+    }
+  });
+
+  useResizeObserver(elem.current, () => {
+    scrollActiveTabIntoView();
+    updateScrollbarVisibility();
+  });
+
+  return (
+    <div
+      className={styles.dockTabs}
+      ref={elem}
+      role="tablist"
+    >
+      <Tabs
+        autoFocus={autoFocus}
+        value={selectedTab}
+        onChange={onChangeTab}
+        onWheel={onMouseWheel}
+        scrollable={showScrollbar}
+        className={styles.tabs}
+      >
+        {tabs.map(tab => <Fragment key={tab.id}>{renderTab(tab)}</Fragment>)}
+      </Tabs>
+    </div>
+  );
+};
diff --git a/packages/core/src/renderer/components/dock/dock.scss b/packages/core/src/renderer/components/dock/dock.scss
new file mode 100644
index 0000000000..216923523f
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock.scss
@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Dock {
+  position: relative;
+  background: var(--dockHeadBackground);
+  display: flex;
+  flex-direction: column;
+
+  &:not(:focus-within) .DockTab.active {
+    &::after {
+      color: var(--halfGray);
+    }
+
+    &:hover::after {
+      color: var(--line-color-active);
+    }
+  }
+
+  &.isOpen {
+    &.fullSize {
+      position: fixed;
+      top: 0;
+      right: 0;
+      left: 0;
+      bottom: 0;
+      z-index: 100;
+    }
+  }
+
+  &:not(.isOpen) {
+    height: auto !important;
+
+    .Tab {
+      --color-active: var(--colorVague);
+      --color-text-active: inherit;
+      --color-border-active: transparent;
+
+      &:not(:focus):after {
+        display: none;
+      }
+    }
+  }
+
+  .tabs-container {
+    padding: 0 $padding * 2;
+    border-top: 1px solid var(--borderColor);
+    flex-shrink: 0;
+
+    .Tabs:empty + .toolbar {
+      padding-left: 0;
+    }
+
+    .toolbar {
+      min-height: $unit * 4;
+      padding-left: $padding;
+      user-select: none;
+
+      &.pl-0 {
+        padding-left: 0;
+      }
+    }
+  }
+
+  .tab-content {
+    position: relative;
+    flex: 1;
+    overflow: hidden;
+    transition: flex-basis 25ms ease-in;
+    background: var(--dockInfoBackground);
+
+    > *:not(.Spinner) {
+      position: absolute;
+      left: 0;
+      top: 0;
+      right: 0;
+      bottom: 0;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/dock.tsx b/packages/core/src/renderer/components/dock/dock.tsx
new file mode 100644
index 0000000000..ee4ff542b3
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock.tsx
@@ -0,0 +1,218 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./dock.scss";
+import React from "react";
+import { observer } from "mobx-react";
+import { cssNames } from "../../utils";
+import { Icon } from "../icon";
+import { MenuItem } from "../menu";
+import { MenuActions } from "../menu/menu-actions";
+import { ResizeDirection, ResizingAnchor } from "../resizing-anchor";
+import { CreateResource } from "./create-resource/view";
+import { DockTabs } from "./dock-tabs";
+import type { DockStore, DockTab } from "./dock/store";
+import { TabKind } from "./dock/store";
+import { EditResource } from "./edit-resource/view";
+import { InstallChart } from "./install-chart/view";
+import { LogsDockTab } from "./logs/view";
+import { TerminalWindow } from "./terminal/view";
+import { UpgradeChart } from "./upgrade-chart/view";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import createResourceTabInjectable from "./create-resource/create-resource-tab.injectable";
+import dockStoreInjectable from "./dock/store.injectable";
+import createTerminalTabInjectable from "./terminal/create-terminal-tab.injectable";
+import { ErrorBoundary } from "../error-boundary";
+
+export interface DockProps {
+  className?: string;
+}
+
+interface Dependencies {
+  createResourceTab: () => void;
+  createTerminalTab: () => void;
+  dockStore: DockStore;
+}
+
+enum Direction {
+  NEXT = 1,
+  PREV = -1,
+}
+
+@observer
+class NonInjectedDock extends React.Component<DockProps & Dependencies> {
+  private readonly element = React.createRef<HTMLDivElement>();
+
+  componentDidMount() {
+    document.addEventListener("keydown", this.onKeyDown);
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener("keydown", this.onKeyDown);
+  }
+
+  onKeyDown = (evt: KeyboardEvent) => {
+    const { close, selectedTab, closeTab } = this.props.dockStore;
+    const { code, ctrlKey, metaKey, shiftKey } = evt;
+
+    // Determine if user working inside <Dock/> or using any other areas in app
+    const dockIsFocused = this.element.current?.contains(document.activeElement);
+
+    if (!selectedTab || !dockIsFocused) return;
+
+    if (shiftKey && code === "Escape") {
+      close();
+    }
+
+    if ((ctrlKey && code === "KeyW") || (metaKey && code === "KeyW")) {
+      closeTab(selectedTab.id);
+      this.element.current?.focus();  // Avoid loosing focus when closing tab
+    }
+
+    if(ctrlKey && code === "Period") {
+      this.switchToNextTab(selectedTab, Direction.NEXT);
+    }
+
+    if(ctrlKey && code === "Comma") {
+      this.switchToNextTab(selectedTab, Direction.PREV);
+    }
+  };
+
+  onChangeTab = (tab: DockTab) => {
+    const { open, selectTab } = this.props.dockStore;
+
+    open();
+    selectTab(tab.id);
+    this.element.current?.focus();
+  };
+
+  switchToNextTab = (selectedTab: DockTab, direction: Direction) => {
+    const { tabs } = this.props.dockStore;
+    const currentIndex = tabs.indexOf(selectedTab);
+    const nextIndex = currentIndex + direction;
+
+    // check if moving to the next or previous tab is possible.
+    if (nextIndex >= tabs.length || nextIndex < 0) return;
+
+    const nextElement = tabs[nextIndex];
+
+    this.onChangeTab(nextElement);
+  };
+
+  renderTab(tab: DockTab) {
+    switch (tab.kind) {
+      case TabKind.CREATE_RESOURCE:
+        return <CreateResource tabId={tab.id} />;
+      case TabKind.EDIT_RESOURCE:
+        return <EditResource tabId={tab.id} />;
+      case TabKind.INSTALL_CHART:
+        return <InstallChart tabId={tab.id} />;
+      case TabKind.UPGRADE_CHART:
+        return <UpgradeChart tab={tab} />;
+      case TabKind.POD_LOGS:
+        return <LogsDockTab tab={tab} />;
+      case TabKind.TERMINAL:
+        return <TerminalWindow tab={tab} />;
+    }
+  }
+
+  renderTabContent() {
+    const { isOpen, height, selectedTab } = this.props.dockStore;
+
+    if (!isOpen || !selectedTab) return null;
+
+    return (
+      <div
+        className={`tab-content ${selectedTab.kind}`}
+        style={{ flexBasis: height }}
+        data-testid={`dock-tab-content-for-${selectedTab.id}`}>
+        {this.renderTab(selectedTab)}
+      </div>
+    );
+  }
+
+  render() {
+    const { className, dockStore } = this.props;
+    const { isOpen, toggle, tabs, toggleFillSize, selectedTab, hasTabs, fullSize } = this.props.dockStore;
+
+    return (
+      <div
+        className={cssNames("Dock", className, { isOpen, fullSize })}
+        ref={this.element}
+        tabIndex={-1}
+      >
+        <ResizingAnchor
+          disabled={!hasTabs()}
+          getCurrentExtent={() => dockStore.height}
+          minExtent={dockStore.minHeight}
+          maxExtent={dockStore.maxHeight}
+          direction={ResizeDirection.VERTICAL}
+          onStart={dockStore.open}
+          onMinExtentSubceed={dockStore.close}
+          onMinExtentExceed={dockStore.open}
+          onDrag={extent => dockStore.height = extent}
+        />
+        <div className="tabs-container flex align-center">
+          <DockTabs
+            tabs={tabs}
+            selectedTab={selectedTab}
+            autoFocus={isOpen}
+            onChangeTab={this.onChangeTab}
+          />
+          <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}
+              >
+                <MenuItem className="create-terminal-tab" onClick={() => this.props.createTerminalTab()}>
+                  <Icon small material="terminal" />
+                  Terminal session
+                </MenuItem>
+                <MenuItem className="create-resource-tab" onClick={() => this.props.createResourceTab()}>
+                  <Icon small material="create" />
+                  Create resource
+                </MenuItem>
+              </MenuActions>
+            </div>
+            {hasTabs() && (
+              <>
+                <Icon
+                  material={fullSize ? "fullscreen_exit" : "fullscreen"}
+                  tooltip={fullSize ? "Exit full size mode" : "Fit to window"}
+                  onClick={toggleFillSize}
+                />
+                <Icon
+                  material={`keyboard_arrow_${isOpen ? "down" : "up"}`}
+                  tooltip={isOpen ? "Minimize" : "Open"}
+                  onClick={toggle}
+                />
+              </>
+            )}
+          </div>
+        </div>
+        <ErrorBoundary>
+          {this.renderTabContent()}
+        </ErrorBoundary>
+      </div>
+    );
+  }
+}
+
+export const Dock = withInjectables<Dependencies, DockProps>(
+  NonInjectedDock,
+
+  {
+    getProps: (di, props) => ({
+      createResourceTab: di.inject(createResourceTabInjectable),
+      dockStore: di.inject(dockStoreInjectable),
+      createTerminalTab: di.inject(createTerminalTabInjectable),
+      ...props,
+    }),
+  },
+);
+
diff --git a/packages/core/src/renderer/components/dock/dock/close-dock-tab.injectable.ts b/packages/core/src/renderer/components/dock/dock/close-dock-tab.injectable.ts
new file mode 100644
index 0000000000..ab7fdca2cd
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock/close-dock-tab.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 { TabId } from "./store";
+import dockStoreInjectable from "./store.injectable";
+
+const closeDockTabInjectable = getInjectable({
+  id: "close-dock-tab",
+
+  instantiate: (di) => {
+    const dockStore = di.inject(dockStoreInjectable);
+
+    return (tabId: TabId): void => {
+      dockStore.closeTab(tabId);
+    };
+  },
+});
+
+export default closeDockTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/dock/create-dock-tab.injectable.ts b/packages/core/src/renderer/components/dock/dock/create-dock-tab.injectable.ts
new file mode 100644
index 0000000000..84ee7c868e
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock/create-dock-tab.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 dockStoreInjectable from "./store.injectable";
+import type { DockTab, DockTabCreate } from "./store";
+
+const createDockTabInjectable = getInjectable({
+  id: "create-dock-tab",
+
+  instantiate: (di) => {
+    const dockStore = di.inject(dockStoreInjectable);
+
+    return (rawTabDesc: DockTabCreate, addNumber?: boolean): DockTab =>
+      dockStore.createTab(rawTabDesc, addNumber);
+  },
+});
+
+export default createDockTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/dock/dock-storage.injectable.ts b/packages/core/src/renderer/components/dock/dock/dock-storage.injectable.ts
new file mode 100644
index 0000000000..ce2754dcab
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock/dock-storage.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 createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+import type { DockStorageState } from "./store";
+import { TabKind } from "./store";
+
+const dockStorageInjectable = getInjectable({
+  id: "dock-storage",
+
+  instantiate: (di) => {
+    const createStorage = di.inject(createStorageInjectable);
+
+    return createStorage<DockStorageState>("dock", {
+      height: 300,
+      tabs: [
+        {
+          id: "terminal",
+          kind: TabKind.TERMINAL,
+          title: "Terminal",
+          pinned: false,
+        },
+      ],
+      isOpen: false,
+    });
+  },
+});
+
+export default dockStorageInjectable;
diff --git a/packages/core/src/renderer/components/dock/dock/rename-tab.injectable.ts b/packages/core/src/renderer/components/dock/dock/rename-tab.injectable.ts
new file mode 100644
index 0000000000..b9f24f9cfc
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock/rename-tab.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 dockStoreInjectable from "./store.injectable";
+import type { TabId } from "./store";
+
+const renameTabInjectable = getInjectable({
+  id: "rename-tab",
+
+  instantiate: (di) => {
+    const dockStore = di.inject(dockStoreInjectable);
+
+    return (tabId: TabId, title: string): void => {
+      dockStore.renameTab(tabId, title);
+    };
+  },
+});
+
+export default renameTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/dock/select-dock-tab.injectable.ts b/packages/core/src/renderer/components/dock/dock/select-dock-tab.injectable.ts
new file mode 100644
index 0000000000..7951604deb
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock/select-dock-tab.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 { TabId } from "./store";
+import dockStoreInjectable from "./store.injectable";
+
+const selectDockTabInjectable = getInjectable({
+  id: "select-dock-tab",
+
+  instantiate: (di) => {
+    const dockStore = di.inject(dockStoreInjectable);
+
+    return (tabId: TabId): void => {
+      dockStore.selectTab(tabId);
+    };
+  },
+});
+
+export default selectDockTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/dock/store.injectable.ts b/packages/core/src/renderer/components/dock/dock/store.injectable.ts
new file mode 100644
index 0000000000..dac05009ac
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock/store.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 { DockStore, TabKind } from "./store";
+import dockStorageInjectable from "./dock-storage.injectable";
+import clearLogTabDataInjectable from "../logs/clear-log-tab-data.injectable";
+import clearUpgradeChartTabDataInjectable from "../upgrade-chart/clear-upgrade-chart-tab-data.injectable";
+import clearCreateResourceTabDataInjectable from "../create-resource/clear-create-resource-tab-data.injectable";
+import clearEditResourceTabDataInjectable from "../edit-resource/clear-edit-resource-tab-data.injectable";
+import clearTerminalTabDataInjectable from "../terminal/clear-terminal-tab-data.injectable";
+import clearInstallChartTabDataInjectable from "../install-chart/clear-install-chart-tab-data.injectable";
+import isLogsTabDataValidInjectable from "../logs/is-logs-tab-data-valid.injectable";
+
+const dockStoreInjectable = getInjectable({
+  id: "dock-store",
+
+  instantiate: (di) => new DockStore({
+    storage: di.inject(dockStorageInjectable),
+    tabDataClearers: {
+      [TabKind.POD_LOGS]: di.inject(clearLogTabDataInjectable),
+      [TabKind.UPGRADE_CHART]: di.inject(clearUpgradeChartTabDataInjectable),
+      [TabKind.CREATE_RESOURCE]: di.inject(clearCreateResourceTabDataInjectable),
+      [TabKind.EDIT_RESOURCE]: di.inject(clearEditResourceTabDataInjectable),
+      [TabKind.INSTALL_CHART]: di.inject(clearInstallChartTabDataInjectable),
+      [TabKind.TERMINAL]: di.inject(clearTerminalTabDataInjectable),
+    },
+    tabDataValidator: {
+      [TabKind.POD_LOGS]: di.inject(isLogsTabDataValidInjectable),
+    },
+  }),
+});
+
+export default dockStoreInjectable;
diff --git a/packages/core/src/renderer/components/dock/dock/store.ts b/packages/core/src/renderer/components/dock/dock/store.ts
new file mode 100644
index 0000000000..48e04c3a76
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/dock/store.ts
@@ -0,0 +1,383 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import * as uuid from "uuid";
+import { action, comparer, computed, makeObservable, observable, reaction, runInAction } from "mobx";
+import type { StorageLayer } from "../../../utils";
+import { autoBind } from "../../../utils";
+import throttle from "lodash/throttle";
+
+export type TabId = string;
+
+export enum TabKind {
+  TERMINAL = "terminal",
+  CREATE_RESOURCE = "create-resource",
+  EDIT_RESOURCE = "edit-resource",
+  INSTALL_CHART = "install-chart",
+  UPGRADE_CHART = "upgrade-chart",
+  POD_LOGS = "pod-logs",
+}
+
+/**
+ * This is the storage model for dock tabs.
+ *
+ * All fields are required.
+ */
+export type DockTab = Required<DockTabCreate>;
+
+/**
+ * These are the arguments for creating a new Tab on the dock
+ */
+export interface DockTabCreate {
+  /**
+   * The ID of the tab for reference purposes.
+   */
+  id?: TabId;
+
+  /**
+   * What kind of dock tab it is
+   */
+  kind: TabKind;
+
+  /**
+   * The tab's title, defaults to `kind`
+   */
+  title?: string;
+
+  /**
+   * If true then the dock entry will take up the whole view and will not be
+   * closable.
+   */
+  pinned?: boolean;
+
+  /**
+   * Extra fields are supported.
+   */
+  [key: string]: any;
+}
+
+/**
+ * This type is for function which specifically create a single type of dock tab.
+ *
+ * That way users should get a type error if they try and specify a `kind`
+ * themselves.
+ */
+export type DockTabCreateSpecific = Omit<DockTabCreate, "kind">;
+
+export interface DockStorageState {
+  height: number;
+  tabs: DockTab[];
+  selectedTabId?: TabId;
+  isOpen: boolean;
+}
+
+export interface DockTabChangeEvent {
+  tab: DockTab;
+  tabId: TabId;
+  prevTab?: DockTab;
+}
+
+export interface DockTabChangeEventOptions {
+  /**
+   * apply a callback right after initialization
+   */
+  fireImmediately?: boolean;
+  /**
+   * filter: by dockStore.selectedTab.kind == tabKind
+   */
+  tabKind?: TabKind;
+  /**
+   * filter: dock and selected tab should be visible (default: true)
+   */
+  dockIsVisible?: boolean;
+}
+
+export interface DockTabCloseEvent {
+  tabId: TabId; // closed tab id
+}
+
+interface Dependencies {
+  readonly storage: StorageLayer<DockStorageState>;
+  readonly tabDataClearers: Record<TabKind, (tabId: TabId) => void>;
+  readonly tabDataValidator: Partial<Record<TabKind, (tabId: TabId) => boolean>>;
+}
+
+export class DockStore implements DockStorageState {
+  constructor(private readonly dependencies: Dependencies) {
+    makeObservable(this);
+    autoBind(this);
+
+    // adjust terminal height if window size changes
+    window.addEventListener("resize", throttle(this.adjustHeight, 250));
+
+    for (const tab of this.tabs) {
+      const tabDataIsValid = this.dependencies.tabDataValidator[tab.kind] ?? (() => true);
+
+      if (!tabDataIsValid(tab.id)) {
+        this.closeTab(tab.id);
+      }
+    }
+  }
+
+  readonly minHeight = 100;
+  @observable fullSize = false;
+
+  @computed
+  get isOpen(): boolean {
+    return this.dependencies.storage.get().isOpen;
+  }
+
+  set isOpen(isOpen: boolean) {
+    this.dependencies.storage.merge({ isOpen });
+  }
+
+  @computed
+  get height(): number {
+    return this.dependencies.storage.get().height;
+  }
+
+  set height(height: number) {
+    this.dependencies.storage.merge({
+      height: Math.max(this.minHeight, Math.min(height || this.minHeight, this.maxHeight)),
+    });
+  }
+
+  @computed
+  get tabs(): DockTab[] {
+    return this.dependencies.storage.get().tabs;
+  }
+
+  set tabs(tabs: DockTab[]) {
+    this.dependencies.storage.merge({ tabs });
+  }
+
+  @computed
+  get selectedTabId(): TabId | undefined {
+    const storageData = this.dependencies.storage.get();
+
+    return (
+      storageData.selectedTabId ||
+      (this.tabs.length > 0 ? this.tabs[0]?.id : undefined)
+    );
+  }
+
+  set selectedTabId(tabId: TabId | undefined) {
+    if (tabId && !this.getTabById(tabId)) return; // skip invalid ids
+
+    this.dependencies.storage.merge({ selectedTabId: tabId });
+  }
+
+  @computed get tabsNumber() : number {
+    return this.tabs.length;
+  }
+
+  @computed get selectedTab() {
+    return this.tabs.find(tab => tab.id === this.selectedTabId);
+  }
+
+  get maxHeight() {
+    const mainLayoutHeader = 40;
+    const mainLayoutTabs = 33;
+    const mainLayoutMargin = 16;
+    const dockTabs = 33;
+    const preferredMax = window.innerHeight - mainLayoutHeader - mainLayoutTabs - mainLayoutMargin - dockTabs;
+
+    return Math.max(preferredMax, this.minHeight); // don't let max < min
+  }
+
+  protected adjustHeight() {
+    if (this.height < this.minHeight) this.height = this.minHeight;
+    if (this.height > this.maxHeight) this.height = this.maxHeight;
+  }
+
+  onResize(callback: () => void, opts: { fireImmediately?: boolean } = {}) {
+    return reaction(() => [this.height, this.fullSize], callback, {
+      fireImmediately: opts.fireImmediately,
+    });
+  }
+
+  onTabClose(callback: (evt: DockTabCloseEvent) => void, opts: { fireImmediately?: boolean } = {}) {
+    return reaction(() => this.tabs.map(tab => tab.id), (tabs: TabId[], prevTabs?: TabId[]) => {
+      if (!Array.isArray(prevTabs)) {
+        return; // tabs not yet modified
+      }
+
+      const closedTabs: TabId[] = prevTabs.filter(id => !tabs.includes(id));
+
+      if (closedTabs.length > 0) {
+        runInAction(() => {
+          closedTabs.forEach(tabId => callback({ tabId }));
+        });
+      }
+    }, {
+      equals: comparer.structural,
+      fireImmediately: opts.fireImmediately,
+    });
+  }
+
+  onTabChange(callback: (evt: DockTabChangeEvent) => void, options: DockTabChangeEventOptions = {}) {
+    const { tabKind, dockIsVisible = true, ...reactionOpts } = options;
+
+    return reaction(() => this.selectedTab, ((tab, prevTab) => {
+      if (!tab) return; // skip when dock is empty
+      if (tabKind && tabKind !== tab.kind) return; // handle specific tab.kind only
+      if (dockIsVisible && !this.isOpen) return;
+
+      callback({
+        tab, prevTab,
+        tabId: tab.id,
+      });
+    }), reactionOpts);
+  }
+
+  hasTabs() {
+    return this.tabs.length > 0;
+  }
+
+  @action
+  open(fullSize?: boolean) {
+    this.isOpen = true;
+
+    if (typeof fullSize === "boolean") {
+      this.fullSize = fullSize;
+    }
+  }
+
+  @action
+  close() {
+    this.isOpen = false;
+  }
+
+  @action
+  toggle() {
+    if (this.isOpen) this.close();
+    else this.open();
+  }
+
+  @action
+  toggleFillSize() {
+    if (!this.isOpen) this.open();
+    this.fullSize = !this.fullSize;
+  }
+
+  getTabById(tabId: TabId) {
+    return this.tabs.find(tab => tab.id === tabId);
+  }
+
+  getTabIndex(tabId: TabId) {
+    return this.tabs.findIndex(tab => tab.id === tabId);
+  }
+
+  protected getNewTabNumber(kind: TabKind) {
+    const tabNumbers = this.tabs
+      .filter(tab => tab.kind === kind)
+      .map(tab => {
+        const tabNumber = Number(tab.title.match(/\d+/));
+
+        return tabNumber === 0 ? 1 : tabNumber; // tab without a number is first
+      });
+
+    for (let i = 1; ; i++) {
+      if (!tabNumbers.includes(i)) return i;
+    }
+  }
+
+  createTab = action((rawTabDesc: DockTabCreate, addNumber = true): DockTab => {
+    const {
+      id = uuid.v4(),
+      kind,
+      pinned = false,
+      ...restOfTabFields
+    } = rawTabDesc;
+    let { title = kind } = rawTabDesc;
+
+    if (addNumber) {
+      const tabNumber = this.getNewTabNumber(kind);
+
+      if (tabNumber > 1) {
+        title += ` (${tabNumber})`;
+      }
+    }
+
+    const tab: DockTab = {
+      ...restOfTabFields,
+      id,
+      kind,
+      pinned,
+      title,
+    };
+
+    this.tabs.push(tab);
+    this.selectTab(tab.id);
+    this.open();
+
+    return tab;
+  });
+
+  @action
+  closeTab(tabId: TabId) {
+    const tab = this.getTabById(tabId);
+    const tabIndex = this.getTabIndex(tabId);
+
+    if (!tab || tab.pinned) {
+      return;
+    }
+
+    this.tabs = this.tabs.filter(tab => tab.id !== tabId);
+    this.dependencies.tabDataClearers[tab.kind](tab.id);
+
+    if (this.selectedTabId === tab.id) {
+      if (this.tabs.length) {
+        const newTab = tabIndex < this.tabsNumber ? this.tabs[tabIndex] : this.tabs[tabIndex - 1];
+
+        this.selectTab(newTab.id);
+      } else {
+        this.selectedTabId = undefined;
+        this.close();
+      }
+    }
+  }
+
+  @action
+  closeTabs(tabs: DockTab[]) {
+    tabs.forEach(tab => this.closeTab(tab.id));
+  }
+
+  closeAllTabs() {
+    this.closeTabs([...this.tabs]);
+  }
+
+  closeOtherTabs(tabId: TabId) {
+    const index = this.getTabIndex(tabId);
+    const tabs = [...this.tabs.slice(0, index), ...this.tabs.slice(index + 1)];
+
+    this.closeTabs(tabs);
+  }
+
+  closeTabsToTheRight(tabId: TabId) {
+    const index = this.getTabIndex(tabId);
+    const tabs = this.tabs.slice(index + 1);
+
+    this.closeTabs(tabs);
+  }
+
+  renameTab(tabId: TabId, title: string) {
+    const tab = this.getTabById(tabId);
+
+    if (tab) {
+      tab.title = title;
+    }
+  }
+
+  @action
+  selectTab(tabId: TabId) {
+    this.selectedTabId = this.getTabById(tabId)?.id;
+  }
+
+  @action
+  reset() {
+    this.dependencies.storage?.reset();
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/edit-resource/clear-edit-resource-tab-data.injectable.ts b/packages/core/src/renderer/components/dock/edit-resource/clear-edit-resource-tab-data.injectable.ts
new file mode 100644
index 0000000000..9f48fc2ee9
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/edit-resource/clear-edit-resource-tab-data.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 { TabId } from "../dock/store";
+import editResourceTabStoreInjectable from "./store.injectable";
+
+const clearEditResourceTabDataInjectable = getInjectable({
+  id: "clear-edit-resource-tab",
+
+  instantiate: (di) => {
+    const editResourceTabStore = di.inject(editResourceTabStoreInjectable);
+
+    return (tabId: TabId) => {
+      editResourceTabStore.clearData(tabId);
+    };
+  },
+});
+
+export default clearEditResourceTabDataInjectable;
diff --git a/packages/core/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.global-override-for-injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.global-override-for-injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/dock/edit-resource/edit-resource-model/edit-resource-model.injectable.tsx b/packages/core/src/renderer/components/dock/edit-resource/edit-resource-model/edit-resource-model.injectable.tsx
new file mode 100644
index 0000000000..f7efb026d8
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/edit-resource/edit-resource-model/edit-resource-model.injectable.tsx
@@ -0,0 +1,178 @@
+/**
+ * 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 { EditResourceTabStore } from "../store";
+import { action, computed, makeObservable, 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 model = new EditResourceModel({
+      callForResource: di.inject(callForResourceInjectable),
+      callForPatchResource: di.inject(callForPatchResourceInjectable),
+      showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+      showErrorNotification: di.inject(showErrorNotificationInjectable),
+      store: di.inject(editResourceTabStoreInjectable),
+      tabId,
+    });
+
+    await model.load();
+
+    return model;
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, tabId: string) => tabId,
+  }),
+});
+
+export default editResourceModelInjectable;
+
+interface Dependencies {
+  callForResource: CallForResource;
+  callForPatchResource: CallForPatchResource;
+  showSuccessNotification: ShowNotification;
+  showErrorNotification: ShowNotification;
+  readonly store: EditResourceTabStore;
+  readonly tabId: string;
+}
+
+export class EditResourceModel {
+  constructor(private readonly dependencies: Dependencies) {
+    makeObservable(this);
+  }
+
+  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 waitUntilDefined(() => this.dependencies.store.getData(this.dependencies.tabId));
+
+    const result = await this.dependencies.callForResource(this.selfLink);
+
+    if (!result.callWasSuccessful) {
+      this.dependencies.showErrorNotification(
+        `Loading resource failed: ${result.error}`,
+      );
+
+      return;
+    }
+
+    runInAction(() => {
+      this._resource = result.response;
+
+      if (this._resource) {
+        this.editingResource.firstDraft = yaml.dump(
+          this._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/packages/core/src/renderer/components/dock/edit-resource/edit-resource-tab.injectable.ts b/packages/core/src/renderer/components/dock/edit-resource/edit-resource-tab.injectable.ts
new file mode 100644
index 0000000000..c3eb15f0f9
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/edit-resource/edit-resource-tab.injectable.ts
@@ -0,0 +1,57 @@
+/**
+ * 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 editResourceTabStoreInjectable from "./store.injectable";
+import dockStoreInjectable from "../dock/store.injectable";
+import type { KubeObject } from "../../../../common/k8s-api/kube-object";
+import type { DockTabCreateSpecific, TabId } from "../dock/store";
+import { TabKind } from "../dock/store";
+import { runInAction } from "mobx";
+import getRandomIdForEditResourceTabInjectable from "./get-random-id-for-edit-resource-tab.injectable";
+
+const createEditResourceTabInjectable = getInjectable({
+  id: "create-edit-resource-tab",
+
+  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/packages/core/src/renderer/components/dock/edit-resource/get-random-id-for-edit-resource-tab.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/dock/edit-resource/store.injectable.ts b/packages/core/src/renderer/components/dock/edit-resource/store.injectable.ts
new file mode 100644
index 0000000000..dbf4f44a6d
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/edit-resource/store.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 { EditResourceTabStore } from "./store";
+import createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+
+const editResourceTabStoreInjectable = getInjectable({
+  id: "edit-resource-tab-store",
+
+  instantiate: (di) => new EditResourceTabStore({
+    createStorage: di.inject(createStorageInjectable),
+  }),
+});
+
+export default editResourceTabStoreInjectable;
diff --git a/packages/core/src/renderer/components/dock/edit-resource/store.ts b/packages/core/src/renderer/components/dock/edit-resource/store.ts
new file mode 100644
index 0000000000..13a2d30ad9
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/edit-resource/store.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 type { DockTabStoreDependencies } from "../dock-tab-store/dock-tab.store";
+import { DockTabStore } from "../dock-tab-store/dock-tab.store";
+import type { KubeObject } from "../../../../common/k8s-api/kube-object";
+
+export interface EditingResource {
+  resource: string; // resource path, e.g. /api/v1/namespaces/default
+  draft?: string; // edited draft in yaml
+  firstDraft?: string;
+}
+
+export class EditResourceTabStore extends DockTabStore<EditingResource> {
+  constructor(protected readonly dependencies: DockTabStoreDependencies) {
+    super(dependencies, {
+      storageKey: "edit_resource_store",
+    });
+  }
+
+  getTabIdByResource(object: KubeObject): string | undefined {
+    return this.findTabIdFromData(({ resource }) => object.selfLink === resource);
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/edit-resource/view.tsx b/packages/core/src/renderer/components/dock/edit-resource/view.tsx
new file mode 100644
index 0000000000..0465f80c93
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/edit-resource/view.tsx
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+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 { Notice } from "../../+extensions/notice";
+
+export interface EditResourceProps {
+  tabId: string;
+}
+
+interface Dependencies {
+  model: EditResourceModel;
+}
+
+const NonInjectedEditResource = observer(({
+  model,
+  tabId,
+}: EditResourceProps & Dependencies) => (
+  <div className="EditResource flex column">
+    {
+      model.shouldShowErrorAboutNoResource
+        ? (
+          <Notice>
+            Resource not found
+          </Notice>
+        )
+        : (
+          <>
+            <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, {
+  getPlaceholder: () => (
+    <Spinner center data-testid="edit-resource-tab-spinner" />
+  ),
+  getProps: async (di, props) => ({
+    ...props,
+    model: await di.inject(editResourceModelInjectable, props.tabId),
+  }),
+});
diff --git a/packages/core/src/renderer/components/dock/editor-panel.module.scss b/packages/core/src/renderer/components/dock/editor-panel.module.scss
new file mode 100644
index 0000000000..4af56c6f42
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/editor-panel.module.scss
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.EditorPanel {
+  position: relative;
+  flex: 1;
+  height: 100%;
+}
+
+.hidden {
+  display: none;
+}
diff --git a/packages/core/src/renderer/components/dock/editor-panel.tsx b/packages/core/src/renderer/components/dock/editor-panel.tsx
new file mode 100644
index 0000000000..d9eca59159
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/editor-panel.tsx
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./editor-panel.module.scss";
+import throttle from "lodash/throttle";
+import React, { createRef, useEffect } from "react";
+import { reaction } from "mobx";
+import { observer } from "mobx-react";
+import type { DockStore, TabId } from "./dock/store";
+import { cssNames, disposer } from "../../utils";
+import { MonacoEditor } from "../monaco-editor";
+import type { MonacoEditorProps, MonacoEditorRef  } from "../monaco-editor";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import dockStoreInjectable from "./dock/store.injectable";
+
+export interface EditorPanelProps {
+  tabId: TabId;
+  value: string;
+  className?: string;
+  autoFocus?: boolean; // default: true
+  onChange: MonacoEditorProps["onChange"];
+  onError?: MonacoEditorProps["onError"];
+  hidden?: boolean;
+}
+
+interface Dependencies {
+  dockStore: DockStore;
+}
+
+const NonInjectedEditorPanel = observer(({
+  dockStore,
+  onChange,
+  tabId,
+  value,
+  autoFocus = true,
+  className,
+  onError,
+  hidden,
+}: Dependencies & EditorPanelProps) => {
+  const editor = createRef<MonacoEditorRef>();
+
+  useEffect(() => disposer(
+    reaction(
+      () => dockStore.isOpen,
+      isOpen => isOpen && editor.current?.focus(),
+      {
+        fireImmediately: true,
+      },
+    ),
+    dockStore.onResize(throttle(() => editor.current?.focus(), 250)),
+  ));
+
+  if (!tabId) {
+    return null;
+  }
+
+  return (
+    <MonacoEditor
+      autoFocus={autoFocus}
+      id={tabId}
+      value={value}
+      className={cssNames(styles.EditorPanel, className, { hidden })}
+      onChange={onChange}
+      onError={onError}
+      ref={editor}
+    />
+  );
+});
+
+export const EditorPanel = withInjectables<Dependencies, EditorPanelProps>(NonInjectedEditorPanel, {
+  getProps: (di, props) => ({
+    ...props,
+    dockStore: di.inject(dockStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/dock/index.ts b/packages/core/src/renderer/components/dock/index.ts
new file mode 100644
index 0000000000..ea8991fa34
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./dock";
diff --git a/packages/core/src/renderer/components/dock/info-panel.scss b/packages/core/src/renderer/components/dock/info-panel.scss
new file mode 100644
index 0000000000..3f8320baf7
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/info-panel.scss
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.InfoPanel {
+  @include hidden-scrollbar;
+
+  background: var(--dockInfoBackground);
+  padding: var(--padding) calc(var(--padding) * 2);
+  flex-shrink: 0;
+
+  .Spinner {
+    margin-right: var(--padding);
+  }
+
+  > .controls {
+    white-space: nowrap;
+    flex: 1 1;
+
+    &:not(:empty) + .info {
+      min-height: 25px;
+      padding-left: var(--padding);
+      padding-right: var(--padding);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/info-panel.tsx b/packages/core/src/renderer/components/dock/info-panel.tsx
new file mode 100644
index 0000000000..48a53a0308
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/info-panel.tsx
@@ -0,0 +1,192 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./info-panel.scss";
+
+import type { ReactNode } from "react";
+import React, { Component } from "react";
+import { computed, observable, reaction, makeObservable } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { cssNames } from "../../utils";
+import { Button } from "../button";
+import { Icon } from "../icon";
+import { Spinner } from "../spinner";
+import type { DockStore, TabId } from "./dock/store";
+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;
+  submit?: () => Promise<string | React.ReactElement | React.ReactElement[] | null | undefined | false | void>;
+}
+
+export interface OptionalProps {
+  className?: string;
+  error?: string;
+  controls?: ReactNode;
+  submitLabel?: ReactNode;
+  submittingMessage?: ReactNode;
+  disableSubmit?: boolean;
+  showButtons?: boolean;
+  showSubmitClose?: boolean;
+  showInlineInfo?: boolean;
+  showNotifications?: boolean;
+  showStatusPanel?: boolean;
+  submitTestId?: string;
+  submitAndCloseTestId?: string;
+  cancelTestId?: string;
+  submittingTestId?: string;
+}
+
+interface Dependencies {
+  dockStore: DockStore;
+  showSuccessNotification: ShowNotification;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+}
+
+@observer
+class NonInjectedInfoPanel extends Component<InfoPanelProps & Dependencies> {
+  static defaultProps: OptionalProps = {
+    submitLabel: "Submit",
+    submittingMessage: "Submitting..",
+    showButtons: true,
+    showSubmitClose: true,
+    showInlineInfo: true,
+    showNotifications: true,
+    showStatusPanel: true,
+  };
+
+  @observable error = "";
+  @observable waiting = false;
+
+  constructor(props: InfoPanelProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      reaction(() => this.props.tabId, () => {
+        this.waiting = false;
+      }),
+    ]);
+  }
+
+  @computed get errorInfo() {
+    return this.props.error;
+  }
+
+  submit = async () => {
+    const { showNotifications } = this.props;
+
+    this.waiting = true;
+
+    try {
+      const result = await this.props.submit?.();
+
+      if (showNotifications && result) {
+        this.props.showSuccessNotification(result);
+      }
+    } catch (error) {
+      if (showNotifications) {
+        this.props.showCheckedErrorNotification(error, "Unknown error while submitting");
+      }
+    } finally {
+      this.waiting = false;
+    }
+  };
+
+  submitAndClose = async () => {
+    await this.submit();
+    this.close();
+  };
+
+  close = () => {
+    this.props.dockStore.closeTab(this.props.tabId);
+  };
+
+  renderErrorIcon() {
+    if (!this.props.showInlineInfo || !this.errorInfo) {
+      return null;
+    }
+
+    return (
+      <div className="error">
+        <Icon material="error_outline" tooltip={this.errorInfo}/>
+      </div>
+    );
+  }
+
+  render() {
+    const { className, controls, submitLabel, disableSubmit, error, submittingMessage, showButtons, showSubmitClose, showStatusPanel } = this.props;
+    const { submit, close, submitAndClose, waiting } = this;
+    const isDisabled = !!(disableSubmit || waiting || error);
+
+    return (
+      <div className={cssNames("InfoPanel flex gaps align-center", className)}>
+        <div className="controls">
+          {controls}
+        </div>
+        {showStatusPanel && (
+          <div className="flex gaps align-center">
+            {waiting ? (
+              <>
+                <Spinner data-testid={this.props.submittingTestId} />
+                {" "}
+                {submittingMessage}
+              </>
+            ) : this.renderErrorIcon()}
+          </div>
+        )}
+        {showButtons && (
+          <>
+            <Button
+              plain
+              label="Cancel"
+              onClick={close}
+              data-testid={this.props.cancelTestId}
+            />
+            <Button
+              active
+              outlined={showSubmitClose}
+              primary={!showSubmitClose}// one button always should be primary (blue)
+              label={submitLabel}
+              onClick={submit}
+              disabled={isDisabled}
+              data-testid={this.props.submitTestId}
+            />
+            {showSubmitClose && (
+              <Button
+                primary
+                active
+                label={`${submitLabel} & Close`}
+                onClick={submitAndClose}
+                disabled={isDisabled}
+                data-testid={this.props.submitAndCloseTestId}
+              />
+            )}
+          </>
+        )}
+      </div>
+    );
+  }
+}
+
+export const InfoPanel = withInjectables<Dependencies, InfoPanelProps>(
+  NonInjectedInfoPanel,
+
+  {
+    getProps: (di, props) => ({
+      dockStore: di.inject(dockStoreInjectable),
+      showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+      showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
+      ...props,
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/dock/install-chart/clear-install-chart-tab-data.injectable.ts b/packages/core/src/renderer/components/dock/install-chart/clear-install-chart-tab-data.injectable.ts
new file mode 100644
index 0000000000..68fbf3841c
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/install-chart/clear-install-chart-tab-data.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 { TabId } from "../dock/store";
+import installChartTabStoreInjectable from "./store.injectable";
+
+const clearInstallChartTabDataInjectable = getInjectable({
+  id: "clear-install-chart-tab-data",
+
+  instantiate: (di) => {
+    const installChartTabStore = di.inject(installChartTabStoreInjectable);
+
+    return (tabId: TabId) => {
+      installChartTabStore.clearData(tabId);
+    };
+  },
+});
+
+export default clearInstallChartTabDataInjectable;
diff --git a/packages/core/src/renderer/components/dock/install-chart/create-install-chart-tab.injectable.ts b/packages/core/src/renderer/components/dock/install-chart/create-install-chart-tab.injectable.ts
new file mode 100644
index 0000000000..29e94ebfc6
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/install-chart/create-install-chart-tab.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 installChartTabStoreInjectable from "./store.injectable";
+import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api";
+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";
+
+export type CreateInstallChartTab = (chart: HelmChart, tabParams?: DockTabCreateSpecific) => DockTab;
+
+const createInstallChartTabInjectable = getInjectable({
+  id: "create-install-chart-tab",
+
+  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/packages/core/src/renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable.ts b/packages/core/src/renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable.ts
new file mode 100644
index 0000000000..c9169fff92
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/dock/install-chart/install-chart-model.injectable.tsx b/packages/core/src/renderer/components/dock/install-chart/install-chart-model.injectable.tsx
new file mode 100644
index 0000000000..b0bfcfcacc
--- /dev/null
+++ b/packages/core/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 { 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 { RequestCreateHelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api/request-create.injectable";
+import requestCreateHelmReleaseInjectable from "../../../../common/k8s-api/endpoints/helm-releases.api/request-create.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 { RequestHelmChartValues } from "../../../../common/k8s-api/endpoints/helm-charts.api/request-values.injectable";
+import requestHelmChartValuesInjectable from "../../../../common/k8s-api/endpoints/helm-charts.api/request-values.injectable";
+import type { RequestHelmChartVersions } from "../../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+import requestHelmChartVersionsInjectable from "../../../../common/k8s-api/endpoints/helm-charts.api/request-versions.injectable";
+
+const installChartModelInjectable = getInjectable({
+  id: "install-chart-model",
+
+  instantiate: async (di, tabId: string) => {
+    const store = di.inject(installChartTabStoreInjectable);
+    const requestHelmChartValues = di.inject(requestHelmChartValuesInjectable);
+    const requestHelmChartVersions = di.inject(requestHelmChartVersionsInjectable);
+    const callForCreateHelmRelease = di.inject(requestCreateHelmReleaseInjectable);
+    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,
+      requestHelmChartValues,
+      requestHelmChartVersions,
+      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: RequestCreateHelmRelease;
+  requestHelmChartValues: RequestHelmChartValues;
+  requestHelmChartVersions: RequestHelmChartVersions;
+  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 chartValuesRequest = await this.dependencies.requestHelmChartValues(
+        this.chart.repo,
+        this.chart.name,
+        version,
+      );
+
+      if (!chartValuesRequest.callWasSuccessful) {
+        throw chartValuesRequest.error;
+      }
+      
+      runInAction(() => {
+        this.configuration.onChange(chartValuesRequest.response);
+        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 [defaultConfigurationRequest, versions] = await Promise.all([
+      this.dependencies.requestHelmChartValues(
+        this.chart.repo,
+        this.chart.name,
+        this.chart.version,
+      ),
+
+      this.dependencies.requestHelmChartVersions(
+        this.chart.repo,
+        this.chart.name,
+      ),
+    ]);
+
+    runInAction(() => {
+      // TODO: Make "default" not hard-coded
+      const namespace = this.chart.namespace || "default";
+      const values = this.chart.values || (defaultConfigurationRequest.callWasSuccessful ? defaultConfigurationRequest.response : "");
+
+      this.versions.replace(versions);
+
+      this.save({
+        version: this.chart.version,
+        namespace,
+        values,
+        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/packages/core/src/renderer/components/dock/install-chart/install-chart.scss b/packages/core/src/renderer/components/dock/install-chart/install-chart.scss
new file mode 100644
index 0000000000..8f4011fa90
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/install-chart/install-chart.scss
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.InstallChart {
+  .Select {
+    &.NamespaceSelect {
+      min-width: 130px;
+    }
+
+    &.chart-version {
+      min-width: 130px;
+    }
+  }
+}
+
+.InstallChartDone {
+  --flex-gap: #{$padding * 1.5};
+  padding: $padding * 2;
+}
diff --git a/packages/core/src/renderer/components/dock/install-chart/store.injectable.ts b/packages/core/src/renderer/components/dock/install-chart/store.injectable.ts
new file mode 100644
index 0000000000..9d0250ab8f
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/install-chart/store.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 { InstallChartTabStore } from "./store";
+import createDockTabStoreInjectable from "../dock-tab-store/create-dock-tab-store.injectable";
+import type { HelmReleaseUpdateDetails } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+
+const installChartTabStoreInjectable = getInjectable({
+  id: "install-chart-tab-store",
+
+  instantiate: (di) => {
+    const createDockTabStore = di.inject(createDockTabStoreInjectable);
+
+    return new InstallChartTabStore({
+      createStorage: di.inject(createStorageInjectable),
+      versionsStore: createDockTabStore<string[]>(),
+      detailsStore: createDockTabStore<HelmReleaseUpdateDetails>(),
+    });
+  },
+});
+
+export default installChartTabStoreInjectable;
diff --git a/packages/core/src/renderer/components/dock/install-chart/store.ts b/packages/core/src/renderer/components/dock/install-chart/store.ts
new file mode 100644
index 0000000000..7bb7b3bfcc
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/install-chart/store.ts
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { makeObservable } from "mobx";
+import type { DockTabStoreDependencies } from "../dock-tab-store/dock-tab.store";
+import { DockTabStore } from "../dock-tab-store/dock-tab.store";
+import type { HelmReleaseUpdateDetails } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+
+export interface IChartInstallData {
+  name: string;
+  repo: string;
+  version: string;
+  values?: string;
+  releaseName?: string;
+  description?: string;
+  namespace?: string;
+  lastVersion?: boolean;
+}
+
+export interface InstallChartTabStoreDependencies extends DockTabStoreDependencies {
+  versionsStore: DockTabStore<string[]>;
+  detailsStore: DockTabStore<HelmReleaseUpdateDetails>;
+}
+
+export class InstallChartTabStore extends DockTabStore<IChartInstallData> {
+  constructor(protected readonly dependencies: InstallChartTabStoreDependencies) {
+    super(dependencies, { storageKey: "install_charts" });
+    makeObservable(this);
+  }
+
+  get versions() {
+    return this.dependencies.versionsStore;
+  }
+
+  get details() {
+    return this.dependencies.detailsStore;
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/install-chart/view.tsx b/packages/core/src/renderer/components/dock/install-chart/view.tsx
new file mode 100644
index 0000000000..98914b88e3
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/install-chart/view.tsx
@@ -0,0 +1,162 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./install-chart.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { InfoPanel } from "../info-panel";
+import { Badge } from "../../badge";
+import { NamespaceSelect } from "../../+namespaces/namespace-select";
+import { prevDefault } from "../../../utils";
+import { Icon } from "../../icon";
+import { Button } from "../../button";
+import { LogsDialog } from "../../dialog/logs-dialog";
+import { Select } from "../../select";
+import { Input } from "../../input";
+import { EditorPanel } from "../editor-panel";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { InstallChartModel } from "./install-chart-model.injectable";
+import installChartModelInjectable from "./install-chart-model.injectable";
+import { Spinner } from "../../spinner";
+
+export interface InstallChartProps {
+  tabId: string;
+}
+
+interface Dependencies {
+  model: InstallChartModel;
+}
+
+const NonInjectedInstallChart = observer(
+  ({ model: model, tabId }: InstallChartProps & Dependencies) => {
+    const installed = model.installed.get();
+
+    if (installed) {
+      return (
+        <div className="InstallChartDone flex column gaps align-center justify-center">
+          <p>
+            <Icon
+              material="check"
+              big
+              sticker />
+          </p>
+          <p>Installation complete!</p>
+          <div className="flex gaps align-center">
+            <Button
+              autoFocus
+              primary
+              label="View Helm Release"
+              onClick={prevDefault(model.navigateToInstalledRelease)}
+              data-testid={`show-release-${installed.release.name}-for-${tabId}`}
+            />
+            <Button
+              plain
+              active
+              label="Show Notes"
+              onClick={model.executionOutput.show}
+              data-testid={`show-execution-output-for-${installed.release.name}-in-${tabId}`}
+            />
+          </div>
+          <LogsDialog
+            title="Helm Chart Install"
+            isOpen={model.executionOutput.isShown.get()}
+            close={model.executionOutput.close}
+            logs={installed.log}
+          />
+        </div>
+      );
+    }
+
+    const {
+      configuration,
+      version,
+      namespace,
+      customName,
+      errorInConfiguration,
+    } = model;
+
+    return (
+      <div className="InstallChart flex column">
+        <InfoPanel
+          tabId={tabId}
+          controls={(
+            <div className="install-controls flex gaps align-center">
+              <span>Chart</span>
+              <Badge label={model.chartName} title="Repo/Name" />
+              <span>Version</span>
+              <Select
+                className="chart-version"
+                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.value.get()}
+                onChange={namespace.onChange}
+                id={`install-chart-namespace-select-for-${tabId}`}
+              />
+              <Input
+                placeholder="Name (optional)"
+                title="Release name"
+                maxLength={50}
+                value={customName.value.get()}
+                onChange={customName.onChange}
+                data-testid={`install-chart-custom-name-input-for-${tabId}`}
+              />
+            </div>
+          )}
+          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={configuration.value.get()}
+          onChange={configuration.onChange}
+          onError={errorInConfiguration.onChange}
+          hidden={configuration.isLoading.get()}
+        />
+
+      </div>
+    );
+  },
+);
+
+export const InstallChart = withInjectables<Dependencies, InstallChartProps>(
+  NonInjectedInstallChart,
+
+  {
+    getPlaceholder: () => (
+      <Spinner
+        center
+        data-testid="install-chart-tab-spinner"
+      />
+    ),
+
+    getProps: async (di, props) => ({
+      model: await di.inject(installChartModelInjectable, props.tabId),
+      ...props,
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/dock/logs/__test__/log-resource-selector.test.tsx b/packages/core/src/renderer/components/dock/logs/__test__/log-resource-selector.test.tsx
new file mode 100644
index 0000000000..8ac373b814
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/__test__/log-resource-selector.test.tsx
@@ -0,0 +1,202 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import * as selectEvent from "react-select-event";
+import { LogResourceSelector } from "../resource-selector";
+import { dockerPod, deploymentPod1, deploymentPod2 } from "./pod.mock";
+import { getDiForUnitTesting } from "../../../../getDiForUnitTesting";
+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 callForLogsInjectable from "../call-for-logs.injectable";
+import type { LogTabViewModelDependencies } from "../logs-view-model";
+import { LogTabViewModel } from "../logs-view-model";
+import type { TabId } from "../../dock/store";
+import userEvent from "@testing-library/user-event";
+import { SearchStore } from "../../../../search-store/search-store";
+import assert from "assert";
+import fsInjectable from "../../../../../common/fs/fs.injectable";
+
+function mockLogTabViewModel(tabId: TabId, deps: Partial<LogTabViewModelDependencies>): LogTabViewModel {
+  return new LogTabViewModel(tabId, {
+    getLogs: jest.fn(),
+    getLogsWithoutTimestamps: jest.fn(),
+    getTimestampSplitLogs: jest.fn(),
+    getLogTabData: jest.fn(),
+    setLogTabData: jest.fn(),
+    loadLogs: jest.fn(),
+    reloadLogs: jest.fn(),
+    renameTab: jest.fn(),
+    stopLoadingLogs: jest.fn(),
+    getPodById: jest.fn(),
+    getPodsByOwnerId: jest.fn(),
+    searchStore: new SearchStore(),
+    areLogsPresent: jest.fn(),
+    downloadLogs: jest.fn(),
+    downloadAllLogs: jest.fn(),
+    ...deps,
+  });
+}
+
+function getOnePodViewModel(tabId: TabId, deps: Partial<LogTabViewModelDependencies> = {}): LogTabViewModel {
+  const selectedPod = dockerPod;
+
+  return mockLogTabViewModel(tabId, {
+    getLogTabData: () => ({
+      selectedPodId: selectedPod.getId(),
+      selectedContainer: selectedPod.getContainers()[0].name,
+      namespace: selectedPod.getNs(),
+      showPrevious: false,
+      showTimestamps: false,
+    }),
+    getPodById: (id) => {
+      if (id === selectedPod.getId()) {
+        return selectedPod;
+      }
+
+      return undefined;
+    },
+    ...deps,
+  });
+}
+
+const getFewPodsTabData = (tabId: TabId, deps: Partial<LogTabViewModelDependencies> = {}): LogTabViewModel => {
+  const selectedPod = deploymentPod1;
+  const anotherPod = deploymentPod2;
+
+  return mockLogTabViewModel(tabId, {
+    getLogTabData: () => ({
+      owner: {
+        uid: "uuid",
+        kind: "Deployment",
+        name: "super-deployment",
+      },
+      selectedPodId: selectedPod.getId(),
+      selectedContainer: selectedPod.getContainers()[0].name,
+      namespace: selectedPod.getNs(),
+      showPrevious: false,
+      showTimestamps: false,
+    }),
+    getPodById: (id) => {
+      if (id === selectedPod.getId()) {
+        return selectedPod;
+      }
+
+      if (id === anotherPod.getId()) {
+        return anotherPod;
+      }
+
+      return undefined;
+    },
+    getPodsByOwnerId: (id) => {
+      if (id === "uuid") {
+        return [selectedPod, anotherPod];
+      }
+
+      return [];
+    },
+    ...deps,
+  });
+};
+
+describe("<LogResourceSelector />", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    const { ensureDirSync } = di.inject(fsInjectable);
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(callForLogsInjectable, () => () => Promise.resolve("some-logs"));
+
+    render = renderFor(di);
+
+    ensureDirSync("/tmp");
+  });
+
+  describe("with one pod", () => {
+    let model: LogTabViewModel;
+
+    beforeEach(() => {
+      model = getOnePodViewModel("foobar");
+    });
+
+    it("renders w/o errors", () => {
+      const { container } = render(<LogResourceSelector model={model} />);
+
+      expect(container).toBeInstanceOf(HTMLElement);
+    });
+
+    it("renders proper namespace", async () => {
+      const { findByTestId } = render(<LogResourceSelector model={model} />);
+      const ns = await findByTestId("namespace-badge");
+
+      expect(ns).toHaveTextContent("default");
+    });
+
+    it("renders proper selected items within dropdowns", async () => {
+      const { findByText } = render(<LogResourceSelector model={model} />);
+
+      expect(await findByText("dockerExporter")).toBeInTheDocument();
+      expect(await findByText("docker-exporter")).toBeInTheDocument();
+    });
+  });
+
+  describe("with several pods", () => {
+    let model: LogTabViewModel;
+    let renameTab: jest.MockedFunction<LogTabViewModelDependencies["renameTab"]>;
+
+    beforeEach(() => {
+      renameTab = jest.fn();
+      model = getFewPodsTabData("foobar", { renameTab });
+    });
+
+    it("renders sibling pods in dropdown", async () => {
+      const { container, findByText } = render(<LogResourceSelector model={model} />);
+      const selector = container.querySelector<HTMLElement>(".pod-selector");
+
+      assert(selector);
+
+      selectEvent.openMenu(selector);
+      expect(await findByText("deploymentPod2", { selector: ".pod-selector-menu .Select__option" })).toBeInTheDocument();
+      expect(await findByText("deploymentPod1", { selector: ".pod-selector-menu .Select__option" })).toBeInTheDocument();
+    });
+
+    it("renders sibling containers in dropdown", async () => {
+      const { findByText, container } = render(<LogResourceSelector model={model} />);
+      const selector = container.querySelector<HTMLElement>(".container-selector");
+
+      assert(selector);
+
+      selectEvent.openMenu(selector);
+
+      expect(await findByText("node-exporter-1")).toBeInTheDocument();
+      expect(await findByText("init-node-exporter")).toBeInTheDocument();
+      expect(await findByText("init-node-exporter-1")).toBeInTheDocument();
+    });
+
+    it("renders pod owner as badge", async () => {
+      const { findByText } = render(<LogResourceSelector model={model} />);
+
+      expect(await findByText("super-deployment", {
+        exact: false,
+      })).toBeInTheDocument();
+    });
+
+    it("updates tab name if selected pod changes", async () => {
+      const { findByText, container } = render(<LogResourceSelector model={model} />);
+      const selector = container.querySelector<HTMLElement>(".pod-selector");
+
+      assert(selector);
+
+      selectEvent.openMenu(selector);
+      userEvent.click(await findByText("deploymentPod2", { selector: ".pod-selector-menu .Select__option" }));
+      expect(renameTab).toBeCalledWith("foobar", "Pod deploymentPod2");
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/dock/logs/__test__/log-search.test.tsx b/packages/core/src/renderer/components/dock/logs/__test__/log-search.test.tsx
new file mode 100644
index 0000000000..bf41bb8252
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/__test__/log-search.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 React from "react";
+import { screen } from "@testing-library/react";
+import { dockerPod } from "./pod.mock";
+import { getDiForUnitTesting } from "../../../../getDiForUnitTesting";
+import type { DiRender } from "../../../test-utils/renderFor";
+import { renderFor } from "../../../test-utils/renderFor";
+import type { LogTabViewModelDependencies } from "../logs-view-model";
+import { LogTabViewModel } from "../logs-view-model";
+import type { TabId } from "../../dock/store";
+import { LogSearch } from "../search";
+import userEvent from "@testing-library/user-event";
+import { SearchStore } from "../../../../search-store/search-store";
+
+function mockLogTabViewModel(tabId: TabId, deps: Partial<LogTabViewModelDependencies>): LogTabViewModel {
+  return new LogTabViewModel(tabId, {
+    getLogs: jest.fn(),
+    getLogsWithoutTimestamps: jest.fn(),
+    getTimestampSplitLogs: jest.fn(),
+    getLogTabData: jest.fn(),
+    setLogTabData: jest.fn(),
+    loadLogs: jest.fn(),
+    reloadLogs: jest.fn(),
+    renameTab: jest.fn(),
+    stopLoadingLogs: jest.fn(),
+    getPodById: jest.fn(),
+    getPodsByOwnerId: jest.fn(),
+    areLogsPresent: jest.fn(),
+    searchStore: new SearchStore(),
+    downloadLogs: jest.fn(),
+    downloadAllLogs: jest.fn(),
+    ...deps,
+  });
+}
+
+const getOnePodViewModel = (tabId: TabId, deps: Partial<LogTabViewModelDependencies> = {}): LogTabViewModel => {
+  const selectedPod = dockerPod;
+
+  return mockLogTabViewModel(tabId, {
+    getLogTabData: () => ({
+      selectedPodId: selectedPod.getId(),
+      selectedContainer: selectedPod.getContainers()[0].name,
+      namespace: selectedPod.getNs(),
+      showPrevious: false,
+      showTimestamps: false,
+    }),
+    getPodById: (id) => {
+      if (id === selectedPod.getId()) {
+        return selectedPod;
+      }
+
+      return undefined;
+    },
+    ...deps,
+  });
+};
+
+describe("LogSearch tests", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+  });
+
+  it("renders w/o errors", () => {
+    const model = getOnePodViewModel("foobar");
+    const { container } = render(
+      <LogSearch
+        model={model}
+        scrollToOverlay={jest.fn()}
+      />,
+    );
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("should scroll to new active overlay when clicking the previous button", async () => {
+    const scrollToOverlay = jest.fn();
+    const model = getOnePodViewModel("foobar", {
+      getLogsWithoutTimestamps: () => [
+        "hello",
+        "world",
+      ],
+    });
+
+    render(
+      <LogSearch
+        model={model}
+        scrollToOverlay={scrollToOverlay}
+      />,
+    );
+
+    userEvent.click(await screen.findByPlaceholderText("Search..."));
+    userEvent.keyboard("o");
+    userEvent.click(await screen.findByText("keyboard_arrow_up"));
+    expect(scrollToOverlay).toBeCalled();
+  });
+
+  it("should scroll to new active overlay when clicking the next button", async () => {
+    const scrollToOverlay = jest.fn();
+    const model = getOnePodViewModel("foobar", {
+      getLogsWithoutTimestamps: () => [
+        "hello",
+        "world",
+      ],
+    });
+
+    render(
+      <LogSearch
+        model={model}
+        scrollToOverlay={scrollToOverlay}
+      />,
+    );
+
+    userEvent.click(await screen.findByPlaceholderText("Search..."));
+    userEvent.keyboard("o");
+    userEvent.click(await screen.findByText("keyboard_arrow_down"));
+    expect(scrollToOverlay).toBeCalled();
+  });
+
+  it("next and previous should be disabled initially", async () => {
+    const scrollToOverlay = jest.fn();
+    const model = getOnePodViewModel("foobar", {
+      getLogsWithoutTimestamps: () => [
+        "hello",
+        "world",
+      ],
+    });
+
+    render(
+      <LogSearch
+        model={model}
+        scrollToOverlay={scrollToOverlay}
+      />,
+    );
+
+    userEvent.click(await screen.findByText("keyboard_arrow_down"));
+    userEvent.click(await screen.findByText("keyboard_arrow_up"));
+    expect(scrollToOverlay).not.toBeCalled();
+  });
+});
diff --git a/packages/core/src/renderer/components/dock/logs/__test__/pod.mock.ts b/packages/core/src/renderer/components/dock/logs/__test__/pod.mock.ts
new file mode 100644
index 0000000000..1736373077
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/__test__/pod.mock.ts
@@ -0,0 +1,214 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { Pod } from "../../../../../common/k8s-api/endpoints";
+
+export const dockerPod = new Pod({
+  apiVersion: "v1",
+  kind: "dummy",
+  metadata: {
+    uid: "dockerExporter",
+    name: "dockerExporter",
+    creationTimestamp: "dummy",
+    resourceVersion: "dummy",
+    namespace: "default",
+    selfLink: "/v1/pod/default/dockerExporter",
+  },
+  spec: {
+    initContainers: [],
+    containers: [
+      {
+        name: "docker-exporter",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+    ],
+    serviceAccountName: "dummy",
+    serviceAccount: "dummy",
+  },
+  status: {
+    phase: "Running",
+    conditions: [{
+      type: "Running",
+      status: "Running",
+      lastProbeTime: 1,
+      lastTransitionTime: "Some time",
+    }],
+    hostIP: "dummy",
+    podIP: "dummy",
+    startTime: "dummy",
+  },
+});
+
+export const deploymentPod1 = new Pod({
+  apiVersion: "v1",
+  kind: "dummy",
+  metadata: {
+    uid: "deploymentPod1",
+    name: "deploymentPod1",
+    creationTimestamp: "dummy",
+    resourceVersion: "dummy",
+    namespace: "default",
+    selfLink: "/v1/pod/default/deploymentPod1",
+    ownerReferences: [{
+      apiVersion: "v1",
+      kind: "Deployment",
+      name: "super-deployment",
+      uid: "uuid",
+      controller: true,
+      blockOwnerDeletion: true,
+    }],
+  },
+  spec: {
+    initContainers: [
+      {
+        name: "init-node-exporter",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+      {
+        name: "init-node-exporter-1",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+    ],
+    containers: [
+      {
+        name: "node-exporter",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+      {
+        name: "node-exporter-1",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+    ],
+    serviceAccountName: "dummy",
+    serviceAccount: "dummy",
+  },
+  status: {
+    phase: "Running",
+    conditions: [{
+      type: "Running",
+      status: "Running",
+      lastProbeTime: 1,
+      lastTransitionTime: "Some time",
+    }],
+    hostIP: "dummy",
+    podIP: "dummy",
+    startTime: "dummy",
+  },
+});
+
+export const deploymentPod2 = new Pod({
+  apiVersion: "v1",
+  kind: "dummy",
+  metadata: {
+    uid: "deploymentPod2",
+    name: "deploymentPod2",
+    creationTimestamp: "dummy",
+    resourceVersion: "dummy",
+    namespace: "default",
+    selfLink: "/v1/pod/default/deploymentPod2",
+    ownerReferences: [{
+      apiVersion: "v1",
+      kind: "Deployment",
+      name: "super-deployment",
+      uid: "uuid",
+      controller: true,
+      blockOwnerDeletion: true,
+    }],
+  },
+  spec: {
+    initContainers: [
+      {
+        name: "init-node-exporter",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+      {
+        name: "init-node-exporter-1",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+    ],
+    containers: [
+      {
+        name: "node-exporter",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+      {
+        name: "node-exporter-1",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+    ],
+    serviceAccountName: "dummy",
+    serviceAccount: "dummy",
+  },
+  status: {
+    phase: "Running",
+    conditions: [{
+      type: "Running",
+      status: "Running",
+      lastProbeTime: 1,
+      lastTransitionTime: "Some time",
+    }],
+    hostIP: "dummy",
+    podIP: "dummy",
+    startTime: "dummy",
+  },
+});
+
+export const deploymentPod3 = new Pod({
+  apiVersion: "v1",
+  kind: "dummy",
+  metadata: {
+    uid: "deploymentPod3",
+    name: "deploymentPod3",
+    creationTimestamp: "dummy",
+    resourceVersion: "dummy",
+    namespace: "default",
+    selfLink: "/v1/pod/default/deploymentPod3",
+    ownerReferences: [{
+      apiVersion: "v1",
+      kind: "Deployment",
+      name: "super-deployment",
+      uid: "uuid",
+      controller: true,
+      blockOwnerDeletion: true,
+    }],
+  },
+  spec: {
+    containers: [
+      {
+        name: "node-exporter",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+      {
+        name: "node-exporter-1",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "IfNotPresent",
+      },
+    ],
+    serviceAccountName: "dummy",
+    serviceAccount: "dummy",
+  },
+  status: {
+    phase: "Running",
+    conditions: [{
+      type: "Running",
+      status: "Running",
+      lastProbeTime: 1,
+      lastTransitionTime: "Some time",
+    }],
+    hostIP: "dummy",
+    podIP: "dummy",
+    startTime: "dummy",
+  },
+});
diff --git a/packages/core/src/renderer/components/dock/logs/__test__/to-bottom.test.tsx b/packages/core/src/renderer/components/dock/logs/__test__/to-bottom.test.tsx
new file mode 100644
index 0000000000..9e4177c1dd
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/__test__/to-bottom.test.tsx
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import { fireEvent } from "@testing-library/react";
+import { ToBottom } from "../to-bottom";
+import { noop } from "../../../../utils";
+import type { DiRender } from "../../../test-utils/renderFor";
+import { renderFor } from "../../../test-utils/renderFor";
+import { getDiForUnitTesting } from "../../../../getDiForUnitTesting";
+
+describe("<ToBottom/>", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+  });
+
+  it("renders w/o errors", () => {
+    const { container } = render(<ToBottom onClick={noop}/>);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("has 'To bottom' label", () => {
+    const { getByText } = render(<ToBottom onClick={noop}/>);
+
+    expect(getByText("To bottom")).toBeInTheDocument();
+  });
+
+  it("has a arrow down icon", () => {
+    const { getByText } = render(<ToBottom onClick={noop}/>);
+
+    expect(getByText("expand_more")).toBeInTheDocument();
+  });
+
+  it("fires an onclick event", () => {
+    const callback = jest.fn();
+    const { getByText } = render(<ToBottom onClick={callback}/>);
+
+    fireEvent.click(getByText("To bottom"));
+    expect(callback).toBeCalled();
+  });
+});
diff --git a/packages/core/src/renderer/components/dock/logs/are-logs-present.injectable.ts b/packages/core/src/renderer/components/dock/logs/are-logs-present.injectable.ts
new file mode 100644
index 0000000000..df9b1ca400
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/are-logs-present.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 type { TabId } from "../dock/store";
+import logStoreInjectable from "./store.injectable";
+
+const areLogsPresentInjectable = getInjectable({
+  id: "are-logs-present",
+
+  instantiate: (di) => {
+    const logStore = di.inject(logStoreInjectable);
+
+    return (tabId: TabId) => logStore.areLogsPresent(tabId);
+  },
+});
+
+export default areLogsPresentInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/call-for-logs.injectable.ts b/packages/core/src/renderer/components/dock/logs/call-for-logs.injectable.ts
new file mode 100644
index 0000000000..74a85ade3b
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/call-for-logs.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 { PodLogsQuery } from "../../../../common/k8s-api/endpoints";
+import podApiInjectable from "../../../../common/k8s-api/endpoints/pod.api.injectable";
+import type { ResourceDescriptor } from "../../../../common/k8s-api/kube-api";
+
+export type CallForLogs = (params: ResourceDescriptor, query?: PodLogsQuery) => Promise<string>;
+
+const callForLogsInjectable = getInjectable({
+  id: "call-for-logs",
+  instantiate: (di): CallForLogs => {
+    const api = di.inject(podApiInjectable);
+
+    return (params, query) => api.getLogs(params, query);
+  },
+});
+
+export default callForLogsInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/clear-log-tab-data.injectable.ts b/packages/core/src/renderer/components/dock/logs/clear-log-tab-data.injectable.ts
new file mode 100644
index 0000000000..4b24ce4478
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/clear-log-tab-data.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 { TabId } from "../dock/store";
+import logTabStoreInjectable from "./tab-store.injectable";
+
+const clearLogTabDataInjectable = getInjectable({
+  id: "clear-log-tab-data",
+
+  instantiate: (di) => {
+    const logTabStore = di.inject(logTabStoreInjectable);
+
+    return (tabId: TabId): void => {
+      logTabStore.clearData(tabId);
+    };
+  },
+});
+
+export default clearLogTabDataInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/controls.module.scss b/packages/core/src/renderer/components/dock/logs/controls.module.scss
new file mode 100644
index 0000000000..27eefd3dab
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/dock/logs/controls.tsx b/packages/core/src/renderer/components/dock/logs/controls.tsx
new file mode 100644
index 0000000000..8ae0a5f2fe
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/controls.tsx
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./controls.module.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+
+import { Checkbox } from "../../checkbox";
+import { DownloadLogsDropdown } from "./download-logs-dropdown";
+import type { LogTabViewModel } from "./logs-view-model";
+
+export interface LogControlsProps {
+  model: LogTabViewModel;
+}
+
+export const LogControls = observer(({ model }: LogControlsProps) => {
+  const tabData = model.logTabData.get();
+  const pod = model.pod.get();
+
+  if (!tabData || !pod) {
+    return null;
+  }
+
+  const logs = model.timestampSplitLogs.get();
+  const { showTimestamps, showPrevious: previous } = tabData;
+  const since = logs.length ? logs[0][0] : null;
+
+  const toggleTimestamps = () => {
+    model.updateLogTabData({ showTimestamps: !showTimestamps });
+  };
+
+  const togglePrevious = () => {
+    model.updateLogTabData({ showPrevious: !previous });
+    model.reloadLogs();
+  };
+
+  return (
+    <div className={styles.controls} data-testid="log-controls">
+      <div>
+        {since && (
+          <span>
+            Logs from
+            {" "}
+            <b>{new Date(since).toLocaleString()}</b>
+          </span>
+        )}
+      </div>
+      <div className="flex gaps align-center">
+        <Checkbox
+          label="Show timestamps"
+          value={showTimestamps}
+          onChange={toggleTimestamps}
+          className="show-timestamps"
+        />
+        <Checkbox
+          label="Show previous terminated container"
+          value={previous}
+          onChange={togglePrevious}
+          className="show-previous"
+        />
+
+        <DownloadLogsDropdown
+          disabled={logs.length === 0}
+          downloadVisibleLogs={model.downloadLogs}
+          downloadAllLogs={model.downloadAllLogs}
+        />
+      </div>
+    </div>
+  );
+});
+
diff --git a/packages/core/src/renderer/components/dock/logs/create-logs-tab.injectable.ts b/packages/core/src/renderer/components/dock/logs/create-logs-tab.injectable.ts
new file mode 100644
index 0000000000..44e3e8a0ec
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/create-logs-tab.injectable.ts
@@ -0,0 +1,51 @@
+/**
+ * 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 { DockTabCreate, DockTab, TabId } from "../dock/store";
+import { TabKind } from "../dock/store";
+import type { LogTabData } from "./tab-store";
+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, getRandomId }: Dependencies) => (title: string, data: CreateLogsTabData): TabId => {
+  const id = `log-tab-${getRandomId()}`;
+
+  runInAction(() => {
+    createDockTab({
+      id,
+      title,
+      kind: TabKind.POD_LOGS,
+    }, false);
+    setLogTabData(id, {
+      showTimestamps: false,
+      showPrevious: false,
+      ...data,
+    });
+  });
+
+  return id;
+};
+
+const createLogsTabInjectable = getInjectable({
+  id: "create-logs-tab",
+
+  instantiate: (di) => createLogsTab({
+    createDockTab: di.inject(createDockTabInjectable),
+    setLogTabData: di.inject(setLogTabDataInjectable),
+    getRandomId: di.inject(getRandomIdForPodLogsTabInjectable),
+  }),
+});
+
+export default createLogsTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/create-pod-logs-tab.injectable.ts b/packages/core/src/renderer/components/dock/logs/create-pod-logs-tab.injectable.ts
new file mode 100644
index 0000000000..7bcafbeb28
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/create-pod-logs-tab.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 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: Container;
+}
+
+const createPodLogsTabInjectable = getInjectable({
+  id: "create-pod-logs-tab",
+
+  instantiate: (di) => {
+    const createLogsTab = di.inject(createLogsTabInjectable);
+
+    return ({ selectedPod, selectedContainer }: PodLogsTabData): TabId =>
+      createLogsTab(`Pod ${selectedPod.getName()}`, {
+        owner: selectedPod.getOwnerRefs()[0],
+        namespace: selectedPod.getNs(),
+        selectedContainer: selectedContainer.name,
+        selectedPodId: selectedPod.getId(),
+      });
+  },
+});
+
+export default createPodLogsTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/create-workload-logs-tab.injectable.ts b/packages/core/src/renderer/components/dock/logs/create-workload-logs-tab.injectable.ts
new file mode 100644
index 0000000000..748548ddbc
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/create-workload-logs-tab.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import type { GetPodsByOwnerId } from "../../+workloads-pods/get-pods-by-owner-id.injectable";
+import getPodsByOwnerIdInjectable from "../../+workloads-pods/get-pods-by-owner-id.injectable";
+import type { DaemonSet, Deployment, Job, ReplicaSet, StatefulSet } from "../../../../common/k8s-api/endpoints";
+import type { TabId } from "../dock/store";
+import type { CreateLogsTabData } from "./create-logs-tab.injectable";
+import createLogsTabInjectable from "./create-logs-tab.injectable";
+
+export interface WorkloadLogsTabData {
+  workload: StatefulSet | Job | Deployment | DaemonSet | ReplicaSet;
+}
+
+interface Dependencies {
+  createLogsTab: (title: string, data: CreateLogsTabData) => TabId;
+  getPodsByOwnerId: GetPodsByOwnerId;
+}
+
+const createWorkloadLogsTab = ({
+  createLogsTab,
+  getPodsByOwnerId,
+}: Dependencies) => ({ workload }: WorkloadLogsTabData): TabId | undefined => {
+  const pods = getPodsByOwnerId(workload.getId());
+
+  if (pods.length === 0) {
+    return undefined;
+  }
+
+  const selectedPod = pods[0];
+
+  return createLogsTab(`${workload.kind} ${selectedPod.getName()}`, {
+    selectedContainer: selectedPod.getAllContainers()[0].name,
+    selectedPodId: selectedPod.getId(),
+    namespace: selectedPod.getNs(),
+    owner: {
+      kind: workload.kind,
+      name: workload.getName(),
+      uid: workload.getId(),
+    },
+  });
+};
+
+const createWorkloadLogsTabInjectable = getInjectable({
+  id: "create-workload-logs-tab",
+
+  instantiate: (di) => createWorkloadLogsTab({
+    createLogsTab: di.inject(createLogsTabInjectable),
+    getPodsByOwnerId: di.inject(getPodsByOwnerIdInjectable),
+  }),
+});
+
+export default createWorkloadLogsTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/download-all-logs.injectable.ts b/packages/core/src/renderer/components/dock/logs/download-all-logs.injectable.ts
new file mode 100644
index 0000000000..089652af0e
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/download-all-logs.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 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 showErrorNotificationInjectable from "../../notifications/show-error-notification.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);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    
+    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");
+      } else {
+        showErrorNotification("No logs to download");
+      }
+    };
+  },
+});
+
+export default downloadAllLogsInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/download-logs-dropdown.module.scss b/packages/core/src/renderer/components/dock/logs/download-logs-dropdown.module.scss
new file mode 100644
index 0000000000..8c93ff6559
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/dock/logs/download-logs-dropdown.tsx b/packages/core/src/renderer/components/dock/logs/download-logs-dropdown.tsx
new file mode 100644
index 0000000000..d2082927fb
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/download-logs-dropdown.tsx
@@ -0,0 +1,54 @@
+/**
+ * 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;
+  disabled?: boolean;
+}
+
+export function DownloadLogsDropdown({ downloadAllLogs, downloadVisibleLogs, disabled }: 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 || disabled}
+        >
+          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/packages/core/src/renderer/components/dock/logs/download-logs.injectable.ts b/packages/core/src/renderer/components/dock/logs/download-logs.injectable.ts
new file mode 100644
index 0000000000..c4792a9b36
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/dock/logs/get-log-tab-data.injectable.ts b/packages/core/src/renderer/components/dock/logs/get-log-tab-data.injectable.ts
new file mode 100644
index 0000000000..3b7c7c4f69
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/get-log-tab-data.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 type { LogTabData } from "./tab-store";
+import logTabStoreInjectable from "./tab-store.injectable";
+
+const getLogTabDataInjectable = getInjectable({
+  id: "get-log-tab-data",
+
+  instantiate: (di) => {
+    const logTabStore = di.inject(logTabStoreInjectable);
+
+    return (tabId: string): LogTabData | undefined => logTabStore.getData(tabId);
+  },
+});
+
+export default getLogTabDataInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/get-logs-without-timestamps.injectable.ts b/packages/core/src/renderer/components/dock/logs/get-logs-without-timestamps.injectable.ts
new file mode 100644
index 0000000000..029e23a4c2
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/get-logs-without-timestamps.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 logStoreInjectable from "./store.injectable";
+
+const getLogsWithoutTimestampsInjectable = getInjectable({
+  id: "get-logs-without-timestamps",
+
+  instantiate: (di) => {
+    const logStore = di.inject(logStoreInjectable);
+
+    return (tabId: string): string[] =>
+      logStore.getLogsWithoutTimestamps(tabId);
+  },
+});
+
+export default getLogsWithoutTimestampsInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/get-logs.injectable.ts b/packages/core/src/renderer/components/dock/logs/get-logs.injectable.ts
new file mode 100644
index 0000000000..54b02a3761
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/get-logs.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 logStoreInjectable from "./store.injectable";
+
+const getLogsInjectable = getInjectable({
+  id: "get-logs",
+
+  instantiate: (di) => {
+    const logStore = di.inject(logStoreInjectable);
+
+    return (tabId: string): string[] => logStore.getLogs(tabId);
+  },
+});
+
+export default getLogsInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/get-random-id-for-pod-logs-tab.injectable.ts b/packages/core/src/renderer/components/dock/logs/get-random-id-for-pod-logs-tab.injectable.ts
new file mode 100644
index 0000000000..1dcadcf293
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/dock/logs/get-timestamp-split-logs.injectable.ts b/packages/core/src/renderer/components/dock/logs/get-timestamp-split-logs.injectable.ts
new file mode 100644
index 0000000000..20db0c054f
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/get-timestamp-split-logs.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 logStoreInjectable from "./store.injectable";
+
+const getTimestampSplitLogsInjectable = getInjectable({
+  id: "get-timestamp-split-logs",
+
+  instantiate: (di) => {
+    const logStore = di.inject(logStoreInjectable);
+
+    return (tabId: string): [string, string][] =>
+      logStore.getTimestampSplitLogs(tabId);
+  },
+});
+
+export default getTimestampSplitLogsInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/is-logs-tab-data-valid.injectable.ts b/packages/core/src/renderer/components/dock/logs/is-logs-tab-data-valid.injectable.ts
new file mode 100644
index 0000000000..51e7d3b0ca
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/is-logs-tab-data-valid.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 type { TabId } from "../dock/store";
+import logTabStoreInjectable from "./tab-store.injectable";
+
+const isLogsTabDataValidInjectable = getInjectable({
+  id: "is-logs-tab-data-valid",
+
+  instantiate: (di) => {
+    const logTabStore = di.inject(logTabStoreInjectable);
+
+    return (tabId: TabId) => logTabStore.isDataValid(tabId);
+  },
+});
+
+export default isLogsTabDataValidInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/list.scss b/packages/core/src/renderer/components/dock/logs/list.scss
new file mode 100644
index 0000000000..58b49f4ab7
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/list.scss
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.LogList {
+  --overlay-bg: #8cc474b8;
+  --overlay-active-bg: orange;
+
+  // fix for `this.logsElement.scrollTop = this.logsElement.scrollHeight`
+  // `overflow: overlay` don't allow scroll to the last line
+  overflow: auto;
+
+  position: relative;
+  color: var(--logsForeground);
+  background: var(--logsBackground);
+  flex-grow: 1;
+
+  .VirtualList {
+    height: 100%;
+
+    .list {
+      overflow-x: scroll!important;
+
+      .LogRow {
+        padding: 2px 16px;
+        height: 18px;  // Must be equal to lineHeight variable in pod-log-list.tsx
+        font-family: var(--font-monospace);
+        font-size: smaller;
+        white-space: nowrap;
+
+        &:hover {
+          background: var(--logRowHoverBackground);
+        }
+
+        span {
+          -webkit-font-smoothing: auto; // Better readability on non-retina screens
+          white-space: pre;
+        }
+
+        span.overlay {
+          border-radius: 2px;
+          -webkit-font-smoothing: auto;
+          background-color: var(--overlay-bg);
+
+          span {
+            background-color: var(--overlay-bg)!important; // Rewriting inline styles from AnsiUp library
+          }
+
+          &.active {
+            background-color: var(--overlay-active-bg);
+
+            span {
+              background-color: var(--overlay-active-bg)!important; // Rewriting inline styles from AnsiUp library
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &.isLoading {
+    cursor: wait;
+  }
+
+  &.isScrollHidden {
+    .VirtualList .list {
+      overflow-x: hidden!important; // fixing scroll to bottom issues in PodLogs
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/logs/list.tsx b/packages/core/src/renderer/components/dock/logs/list.tsx
new file mode 100644
index 0000000000..0290049ccc
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/list.tsx
@@ -0,0 +1,291 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./list.scss";
+
+import type { ForwardedRef } from "react";
+import React from "react";
+import AnsiUp from "ansi_up";
+import DOMPurify from "dompurify";
+import debounce from "lodash/debounce";
+import { action, computed, observable, makeObservable, reaction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import moment from "moment-timezone";
+import type { Align, ListOnScrollProps } from "react-window";
+import { SearchStore } from "../../../search-store/search-store";
+import type { UserStore } from "../../../../common/user-store";
+import { array, autoBind, cssNames } from "../../../utils";
+import type { VirtualListRef } from "../../virtual-list";
+import { VirtualList } from "../../virtual-list";
+import { ToBottom } from "./to-bottom";
+import type { LogTabViewModel } from "../logs/logs-view-model";
+import { Spinner } from "../../spinner";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import userStoreInjectable from "../../../../common/user-store/user-store.injectable";
+
+export interface LogListProps {
+  model: LogTabViewModel;
+}
+
+const colorConverter = new AnsiUp();
+
+export interface LogListRef {
+  scrollToItem: (index: number, align: Align) => void;
+}
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+@observer
+class NonForwardedLogList extends React.Component<Dependencies & LogListProps & { innerRef: ForwardedRef<LogListRef> }> {
+  @observable isJumpButtonVisible = false;
+  @observable isLastLineVisible = true;
+
+  private virtualListDiv = React.createRef<HTMLDivElement>(); // A reference for outer container in VirtualList
+  private virtualListRef = React.createRef<VirtualListRef>(); // A reference for VirtualList component
+  private lineHeight = 18; // Height of a log line. Should correlate with styles in pod-log-list.scss
+
+  constructor(props: any) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      reaction(() => this.props.model.logs.get(), (logs, prevLogs) => {
+        this.onLogsInitialLoad(logs, prevLogs);
+        this.onLogsUpdate();
+        this.onUserScrolledUp(logs, prevLogs);
+      }),
+    ]);
+    this.bindInnerRef({
+      scrollToItem: this.scrollToItem,
+    });
+  }
+
+  componentDidUpdate() {
+    this.bindInnerRef({
+      scrollToItem: this.scrollToItem,
+    });
+  }
+
+  componentWillUnmount() {
+    this.bindInnerRef(null);
+  }
+
+  private bindInnerRef(value: LogListRef | null) {
+    if (typeof this.props.innerRef === "function") {
+      this.props.innerRef(value);
+    } else if (this.props.innerRef && typeof this.props.innerRef === "object") {
+      this.props.innerRef.current = value;
+    }
+  }
+
+  onLogsInitialLoad(logs: string[], prevLogs: string[]) {
+    if (!prevLogs.length && logs.length) {
+      this.isLastLineVisible = true;
+    }
+  }
+
+  onLogsUpdate() {
+    if (this.isLastLineVisible) {
+      setTimeout(() => {
+        this.scrollToBottom();
+      }, 500);  // Giving some time to VirtualList to prepare its outerRef (this.virtualListDiv) element
+    }
+  }
+
+  onUserScrolledUp(logs: string[], prevLogs: string[]) {
+    if (!this.virtualListDiv.current) return;
+
+    const newLogsAdded = prevLogs.length < logs.length;
+    const scrolledToBeginning = this.virtualListDiv.current.scrollTop === 0;
+
+    if (newLogsAdded && scrolledToBeginning) {
+      const firstLineContents = prevLogs[0];
+      const lineToScroll = logs.findIndex((value) => value == firstLineContents);
+
+      if (lineToScroll !== -1) {
+        this.scrollToItem(lineToScroll, "start");
+      }
+    }
+  }
+
+  /**
+   * Returns logs with or without timestamps regarding to showTimestamps prop
+   */
+  @computed
+  get logs(): string[] {
+    const { showTimestamps } = this.props.model.logTabData.get() ?? {};
+
+    if (!showTimestamps) {
+      return this.props.model.logsWithoutTimestamps.get();
+    }
+
+    return this.props.model.timestampSplitLogs
+      .get()
+      .map(([logTimestamp, log]) => (`${logTimestamp && moment.tz(logTimestamp, this.props.userStore.localeTimezone).format()}${log}`));
+  }
+
+  /**
+   * Checks if JumpToBottom button should be visible and sets its observable
+   * @param props Scrolling props from virtual list core
+   */
+  setButtonVisibility = action(({ scrollOffset }: ListOnScrollProps, { scrollHeight }: HTMLDivElement) => {
+    const offset = 100 * this.lineHeight;
+
+    if (scrollHeight - scrollOffset < offset) {
+      this.isJumpButtonVisible = false;
+    } else {
+      this.isJumpButtonVisible = true;
+    }
+  });
+
+  /**
+   * Checks if last log line considered visible to user, setting its observable
+   * @param props Scrolling props from virtual list core
+   */
+  setLastLineVisibility = action(({ scrollOffset }: ListOnScrollProps, { scrollHeight, clientHeight }: HTMLDivElement) => {
+    this.isLastLineVisible = (clientHeight + scrollOffset) === scrollHeight;
+  });
+
+  /**
+   * Check if user scrolled to top and new logs should be loaded
+   * @param props Scrolling props from virtual list core
+   */
+  checkLoadIntent = (props: ListOnScrollProps) => {
+    const { scrollOffset } = props;
+
+    if (scrollOffset === 0) {
+      this.props.model.loadLogs();
+    }
+  };
+
+  scrollToBottom = () => {
+    if (!this.virtualListDiv.current) return;
+    this.virtualListDiv.current.scrollTop = this.virtualListDiv.current.scrollHeight;
+  };
+
+  scrollToItem = (index: number, align: Align) => {
+    this.virtualListRef.current?.scrollToItem(index, align);
+  };
+
+  onScroll = (props: ListOnScrollProps) => {
+    this.isLastLineVisible = false;
+    this.onScrollDebounced(props);
+  };
+
+  onScrollDebounced = debounce((props: ListOnScrollProps) => {
+    const virtualList = this.virtualListDiv.current;
+
+    if (virtualList) {
+      this.setButtonVisibility(props, virtualList);
+      this.setLastLineVisibility(props, virtualList);
+      this.checkLoadIntent(props);
+    }
+  }, 700); // Increasing performance and giving some time for virtual list to settle down
+
+  /**
+   * A function is called by VirtualList for rendering each of the row
+   * @param rowIndex index of the log element in logs array
+   * @returns A react element with a row itself
+   */
+  getLogRow = (rowIndex: number) => {
+    const { searchQuery, isActiveOverlay } = this.props.model.searchStore;
+    const item = this.logs[rowIndex];
+    const contents: React.ReactElement[] = [];
+    const ansiToHtml = (ansi: string) => DOMPurify.sanitize(colorConverter.ansi_to_html(ansi));
+
+    if (searchQuery) { // If search is enabled, replace keyword with backgrounded <span>
+      // Case-insensitive search (lowercasing query and keywords in line)
+      const regex = new RegExp(SearchStore.escapeRegex(searchQuery), "gi");
+      const matches = item.matchAll(regex);
+      const modified = item.replace(regex, match => match.toLowerCase());
+      // Splitting text line by keyword
+      const pieces = modified.split(searchQuery.toLowerCase());
+
+      pieces.forEach((piece, index) => {
+        const active = isActiveOverlay(rowIndex, index);
+        const lastItem = index === pieces.length - 1;
+        const overlayValue = matches.next().value;
+        const overlay = !lastItem
+          ? (
+            <span
+              className={cssNames("overlay", { active })}
+              dangerouslySetInnerHTML={{ __html: ansiToHtml(overlayValue) }}
+            />
+          )
+          : null;
+
+        contents.push(
+          <React.Fragment key={piece + index}>
+            <span dangerouslySetInnerHTML={{ __html: ansiToHtml(piece) }} />
+            {overlay}
+          </React.Fragment>,
+        );
+      });
+    }
+
+    return (
+      <div className={cssNames("LogRow")}>
+        {contents.length > 1 ? contents : (
+          <span dangerouslySetInnerHTML={{ __html: ansiToHtml(item) }} />
+        )}
+        {/* For preserving copy-paste experience and keeping line breaks */}
+        <br />
+      </div>
+    );
+  };
+
+  render() {
+    if (this.props.model.isLoading.get()) {
+      return (
+        <div className="LogList flex box grow align-center justify-center">
+          <Spinner />
+        </div>
+      );
+    }
+
+    if (!this.logs.length) {
+      return (
+        <div className="LogList flex box grow align-center justify-center">
+          There are no logs available for container
+          {" "}
+          {this.props.model.logTabData.get()?.selectedContainer}
+        </div>
+      );
+    }
+
+    return (
+      <div className={cssNames("LogList flex" )}>
+        <VirtualList
+          items={this.logs}
+          rowHeights={array.filled(this.logs.length, this.lineHeight)}
+          getRow={this.getLogRow}
+          onScroll={this.onScroll}
+          outerRef={this.virtualListDiv}
+          ref={this.virtualListRef}
+          className="box grow"
+        />
+        {this.isJumpButtonVisible && (
+          <ToBottom onClick={this.scrollToBottom} />
+        )}
+      </div>
+    );
+  }
+}
+
+const InjectedNonForwardedLogList = withInjectables<Dependencies, LogListProps & { innerRef: ForwardedRef<LogListRef> }>(NonForwardedLogList, {
+  getProps: (di, props) => ({
+    ...props,
+    userStore: di.inject(userStoreInjectable),
+  }),
+});
+
+export const LogList = React.forwardRef<LogListRef, LogListProps>((props, ref) => (
+  <InjectedNonForwardedLogList {...props} innerRef={ref} />
+));
diff --git a/packages/core/src/renderer/components/dock/logs/load-logs.injectable.ts b/packages/core/src/renderer/components/dock/logs/load-logs.injectable.ts
new file mode 100644
index 0000000000..0d1b72ed30
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/load-logs.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 type { IComputedValue } from "mobx";
+import type { Pod } from "../../../../common/k8s-api/endpoints";
+import logStoreInjectable from "./store.injectable";
+import type { LogTabData } from "./tab-store";
+
+export interface LoadLogs {
+  (
+    tabId: string,
+    pod: IComputedValue<Pod | undefined>,
+    logTabData: IComputedValue<LogTabData | undefined>,
+  ): Promise<void>;
+}
+
+const loadLogsInjectable = getInjectable({
+  id: "load-logs",
+
+  instantiate: (di): LoadLogs => {
+    const logStore = di.inject(logStoreInjectable);
+
+    return (tabId, pod, logTabData) => logStore.load(tabId, pod, logTabData);
+  },
+});
+
+export default loadLogsInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/log-tab-data.validator.ts b/packages/core/src/renderer/components/dock/logs/log-tab-data.validator.ts
new file mode 100644
index 0000000000..32baf38fbb
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/log-tab-data.validator.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 Joi from "joi";
+import type { LogTabData, LogTabOwnerRef } from "./tab-store";
+
+export const logTabDataValidator = Joi.object<LogTabData>({
+  owner: Joi
+    .object<LogTabOwnerRef>({
+      uid: Joi
+        .string()
+        .required(),
+      name: Joi
+        .string()
+        .required(),
+      kind: Joi
+        .string()
+        .required(),
+    })
+    .unknown(true)
+    .optional(),
+  selectedPodId: Joi
+    .string()
+    .required(),
+  namespace: Joi
+    .string()
+    .required(),
+  selectedContainer: Joi
+    .string()
+    .optional(),
+  showTimestamps: Joi
+    .boolean()
+    .required(),
+  showPrevious: Joi
+    .boolean()
+    .required(),
+});
diff --git a/packages/core/src/renderer/components/dock/logs/logs-view-model.injectable.ts b/packages/core/src/renderer/components/dock/logs/logs-view-model.injectable.ts
new file mode 100644
index 0000000000..77e4ca983c
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/logs-view-model.injectable.ts
@@ -0,0 +1,51 @@
+/**
+ * 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 { LogTabViewModel } from "./logs-view-model";
+import type { TabId } from "../dock/store";
+import getLogsInjectable from "./get-logs.injectable";
+import getLogsWithoutTimestampsInjectable from "./get-logs-without-timestamps.injectable";
+import getTimestampSplitLogsInjectable from "./get-timestamp-split-logs.injectable";
+import reloadLogsInjectable from "./reload-logs.injectable";
+import getLogTabDataInjectable from "./get-log-tab-data.injectable";
+import loadLogsInjectable from "./load-logs.injectable";
+import setLogTabDataInjectable from "./set-log-tab-data.injectable";
+import stopLoadingLogsInjectable from "./stop-loading-logs.injectable";
+import renameTabInjectable from "../dock/rename-tab.injectable";
+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;
+}
+
+const logsViewModelInjectable = getInjectable({
+  id: "logs-view-model",
+
+  instantiate: (di, { tabId }: InstantiateArgs) => new LogTabViewModel(tabId, {
+    getLogs: di.inject(getLogsInjectable),
+    getLogsWithoutTimestamps: di.inject(getLogsWithoutTimestampsInjectable),
+    getTimestampSplitLogs: di.inject(getTimestampSplitLogsInjectable),
+    reloadLogs: di.inject(reloadLogsInjectable),
+    getLogTabData: di.inject(getLogTabDataInjectable),
+    setLogTabData: di.inject(setLogTabDataInjectable),
+    loadLogs: di.inject(loadLogsInjectable),
+    renameTab: di.inject(renameTabInjectable),
+    stopLoadingLogs: di.inject(stopLoadingLogsInjectable),
+    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,
+});
+
+export default logsViewModelInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/logs-view-model.ts b/packages/core/src/renderer/components/dock/logs/logs-view-model.ts
new file mode 100644
index 0000000000..85b8502df3
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/logs-view-model.ts
@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { LogTabData } from "./tab-store";
+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, 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[];
+  getLogsWithoutTimestamps: (tabId: TabId) => string[];
+  getTimestampSplitLogs: (tabId: TabId) => [string, string][];
+  getLogTabData: (tabId: TabId) => LogTabData | undefined;
+  setLogTabData: (tabId: TabId, data: LogTabData) => void;
+  loadLogs: LoadLogs;
+  reloadLogs: (tabId: TabId, pod: IComputedValue<Pod | undefined>, logTabData: IComputedValue<LogTabData | undefined>) => Promise<void>;
+  renameTab: (tabId: TabId, title: string) => void;
+  stopLoadingLogs: (tabId: TabId) => void;
+  getPodById: GetPodById;
+  getPodsByOwnerId: GetPodsByOwnerId;
+  areLogsPresent: (tabId: TabId) => boolean;
+  downloadLogs: (filename: string, logs: string[]) => void;
+  downloadAllLogs: (params: ResourceDescriptor, query: PodLogsQuery) => Promise<void>;
+  searchStore: SearchStore;
+}
+
+export class LogTabViewModel {
+  constructor(protected readonly tabId: TabId, private readonly dependencies: LogTabViewModelDependencies) {}
+
+  get searchStore() {
+    return this.dependencies.searchStore;
+  }
+
+  readonly isLoading = computed(() => this.dependencies.areLogsPresent(this.tabId));
+  readonly logs = computed(() => this.dependencies.getLogs(this.tabId));
+  readonly logsWithoutTimestamps = computed(() => this.dependencies.getLogsWithoutTimestamps(this.tabId));
+  readonly timestampSplitLogs = computed(() => this.dependencies.getTimestampSplitLogs(this.tabId));
+  readonly logTabData = computed(() => this.dependencies.getLogTabData(this.tabId));
+  readonly pods = computed(() => {
+    const data = this.logTabData.get();
+
+    if (!data) {
+      return [];
+    }
+
+    if (typeof data.owner?.uid === "string") {
+      return this.dependencies.getPodsByOwnerId(data.owner.uid);
+    }
+
+    return [this.dependencies.getPodById(data.selectedPodId)].filter(isDefined);
+  });
+  readonly pod = computed(() => {
+    const data = this.logTabData.get();
+
+    if (!data) {
+      return undefined;
+    }
+
+    return this.dependencies.getPodById(data.selectedPodId);
+  });
+
+  updateLogTabData = (partialData: Partial<LogTabData>) => {
+    const data = this.logTabData.get();
+
+    assert(data, "Can only update data once it is set");
+
+    this.dependencies.setLogTabData(this.tabId, { ...data, ...partialData });
+  };
+
+  loadLogs = () => this.dependencies.loadLogs(this.tabId, this.pod, this.logTabData);
+  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/packages/core/src/renderer/components/dock/logs/reload-logs.injectable.ts b/packages/core/src/renderer/components/dock/logs/reload-logs.injectable.ts
new file mode 100644
index 0000000000..ef2e878c87
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/reload-logs.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 { IComputedValue } from "mobx";
+import type { Pod } from "../../../../common/k8s-api/endpoints";
+import logStoreInjectable from "./store.injectable";
+import type { LogTabData } from "./tab-store";
+
+const reloadLogsInjectable = getInjectable({
+  id: "reload-logs",
+
+  instantiate: (di) => {
+    const logStore = di.inject(logStoreInjectable);
+
+    return (
+      tabId: string,
+      pod: IComputedValue<Pod | undefined>,
+      logTabData: IComputedValue<LogTabData | undefined>,
+    ): Promise<void> => logStore.reload(tabId, pod, logTabData);
+  },
+});
+
+export default reloadLogsInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/resource-selector.scss b/packages/core/src/renderer/components/dock/logs/resource-selector.scss
new file mode 100644
index 0000000000..d0221661d8
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/resource-selector.scss
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.LogResourceSelector {
+  .Select {
+    min-width: 150px;
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/logs/resource-selector.tsx b/packages/core/src/renderer/components/dock/logs/resource-selector.tsx
new file mode 100644
index 0000000000..ddca1b2c54
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/resource-selector.tsx
@@ -0,0 +1,120 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./resource-selector.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+
+import { Badge } from "../../badge";
+import type { SelectOption } from "../../select";
+import { Select } from "../../select";
+import type { LogTabViewModel } from "./logs-view-model";
+import type { Container, Pod } from "../../../../common/k8s-api/endpoints";
+import type { SingleValue } from "react-select";
+
+export interface LogResourceSelectorProps {
+  model: LogTabViewModel;
+}
+
+export const LogResourceSelector = observer(({ model }: LogResourceSelectorProps) => {
+  const tabData = model.logTabData.get();
+
+  if (!tabData) {
+    return null;
+  }
+
+  const { selectedContainer, owner } = tabData;
+  const pods = model.pods.get();
+  const pod = model.pod.get();
+
+  if (!pod) {
+    return null;
+  }
+
+  const podOptions = pods.map(pod => ({
+    value: pod,
+    label: pod.getName(),
+  }));
+  const allContainers = pod.getAllContainers();
+  const container = allContainers.find(container => container.name === selectedContainer) ?? null;
+  const onContainerChange = (option: SingleValue<SelectOption<Container>>) => {
+    if (!option) {
+      return;
+    }
+
+    model.updateLogTabData({
+      selectedContainer: option.value.name,
+    });
+    model.reloadLogs();
+  };
+
+  const onPodChange = (option: SingleValue<SelectOption<Pod>>) => {
+    if (!option) {
+      return;
+    }
+
+    model.updateLogTabData({
+      selectedPodId: option.value.getId(),
+      selectedContainer: option.value.getAllContainers()[0]?.name,
+    });
+    model.renameTab(`Pod ${option.value.getName()}`);
+    model.reloadLogs();
+  };
+
+  const containerSelectOptions = [
+    {
+      label: "Containers",
+      options: pod.getContainers().map(container => ({
+        value: container,
+        label: container.name,
+      })),
+    },
+    {
+      label: "Init Containers",
+      options: pod.getInitContainers().map(container => ({
+        value: container,
+        label: container.name,
+      })),
+    },
+  ];
+
+  return (
+    <div className="LogResourceSelector flex gaps align-center">
+      <span>Namespace</span>
+      {" "}
+      <Badge data-testid="namespace-badge" label={pod.getNs()} />
+      {
+        owner && (
+          <>
+            <span>Owner</span>
+            {" "}
+            <Badge data-testid="namespace-badge" label={`${owner.kind} ${owner.name}`} />
+          </>
+        )
+      }
+      <span>Pod</span>
+      <Select
+        options={podOptions}
+        value={pod}
+        isClearable={false}
+        onChange={onPodChange}
+        className="pod-selector"
+        menuClass="pod-selector-menu"
+      />
+      <span>Container</span>
+      <Select<Container, SelectOption<Container>, false>
+        id="container-selector-input"
+        options={containerSelectOptions}
+        value={container}
+        onChange={onContainerChange}
+        className="container-selector"
+        menuClass="container-selector-menu"
+        controlShouldRenderValue
+      />
+    </div>
+  );
+});
+
diff --git a/packages/core/src/renderer/components/dock/logs/search.scss b/packages/core/src/renderer/components/dock/logs/search.scss
new file mode 100644
index 0000000000..6669d96400
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/search.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.LogSearch {
+  .SearchInput {
+    min-width: 150px;
+
+    .find-count {
+      margin-left: 2px;
+    }
+
+    label {
+      padding-bottom: 7px;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/logs/search.tsx b/packages/core/src/renderer/components/dock/logs/search.tsx
new file mode 100644
index 0000000000..892874c53a
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/search.tsx
@@ -0,0 +1,96 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./search.scss";
+
+import React, { useEffect } from "react";
+import { observer } from "mobx-react";
+import { SearchInput } from "../../input";
+import { Icon } from "../../icon";
+import type { LogTabViewModel } from "./logs-view-model";
+
+export interface PodLogSearchProps {
+  onSearch?: (query: string) => void;
+  scrollToOverlay: (lineNumber: number | undefined) => void;
+  model: LogTabViewModel;
+}
+
+export const LogSearch = observer(({ onSearch, scrollToOverlay, model: { logTabData, searchStore, ...model }}: PodLogSearchProps) => {
+  const tabData = logTabData.get();
+
+  if (!tabData) {
+    return null;
+  }
+
+  const logs = tabData.showTimestamps
+    ? model.logs.get()
+    : model.logsWithoutTimestamps.get();
+  const { setNextOverlayActive, setPrevOverlayActive, searchQuery, occurrences, activeFind, totalFinds } = searchStore;
+  const jumpDisabled = !searchQuery || !occurrences.length;
+
+  const setSearch = (query: string) => {
+    searchStore.onSearch(logs, query);
+    onSearch?.(query);
+    scrollToOverlay(searchStore.activeOverlayLine);
+  };
+
+  const onPrevOverlay = () => {
+    setPrevOverlayActive();
+    scrollToOverlay(searchStore.activeOverlayLine);
+  };
+
+  const onNextOverlay = () => {
+    setNextOverlayActive();
+    scrollToOverlay(searchStore.activeOverlayLine);
+  };
+
+  const onClear = () => {
+    setSearch("");
+  };
+
+  const onKeyDown = (evt: React.KeyboardEvent<any>) => {
+    if (evt.key === "Enter") {
+      if (evt.shiftKey) {
+        onPrevOverlay();
+      } else {
+        onNextOverlay();
+      }
+    }
+  };
+
+  useEffect(() => {
+    // Refresh search when logs changed
+    searchStore.onSearch(logs);
+  }, [logs]);
+
+  return (
+    <div className="LogSearch flex box grow justify-flex-end gaps align-center">
+      <SearchInput
+        value={searchQuery}
+        onChange={setSearch}
+        showClearIcon={true}
+        contentRight={totalFinds > 0 && (
+          <div className="find-count">
+            {`${activeFind} / ${totalFinds}`}
+          </div>
+        )}
+        onClear={onClear}
+        onKeyDown={onKeyDown}
+      />
+      <Icon
+        material="keyboard_arrow_up"
+        tooltip="Previous"
+        onClick={onPrevOverlay}
+        disabled={jumpDisabled}
+      />
+      <Icon
+        material="keyboard_arrow_down"
+        tooltip="Next"
+        onClick={onNextOverlay}
+        disabled={jumpDisabled}
+      />
+    </div>
+  );
+});
diff --git a/packages/core/src/renderer/components/dock/logs/set-log-tab-data.injectable.ts b/packages/core/src/renderer/components/dock/logs/set-log-tab-data.injectable.ts
new file mode 100644
index 0000000000..642d5062ac
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/set-log-tab-data.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 type { LogTabData } from "./tab-store";
+import logTabStoreInjectable from "./tab-store.injectable";
+
+const setLogTabDataInjectable = getInjectable({
+  id: "set-log-tab-data",
+
+  instantiate: (di) => {
+    const logTabStore = di.inject(logTabStoreInjectable);
+
+    return (tabId: string, data: LogTabData): void => logTabStore.setData(tabId, data);
+  },
+});
+
+export default setLogTabDataInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/stop-loading-logs.injectable.ts b/packages/core/src/renderer/components/dock/logs/stop-loading-logs.injectable.ts
new file mode 100644
index 0000000000..a5a609b200
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/stop-loading-logs.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 logStoreInjectable from "./store.injectable";
+
+const stopLoadingLogsInjectable = getInjectable({
+  id: "stop-loading-logs",
+
+  instantiate: (di) => {
+    const logStore = di.inject(logStoreInjectable);
+
+    return (tabId: string): void => logStore.stopLoadingLogs(tabId);
+  },
+});
+
+export default stopLoadingLogsInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/store.injectable.ts b/packages/core/src/renderer/components/dock/logs/store.injectable.ts
new file mode 100644
index 0000000000..30c6111a9d
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/store.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 { LogStore } from "./store";
+import callForLogsInjectable from "./call-for-logs.injectable";
+
+const logStoreInjectable = getInjectable({
+  id: "log-store",
+
+  instantiate: (di) => new LogStore({
+    callForLogs: di.inject(callForLogsInjectable),
+  }),
+});
+
+export default logStoreInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/store.ts b/packages/core/src/renderer/components/dock/logs/store.ts
new file mode 100644
index 0000000000..58462f41db
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/store.ts
@@ -0,0 +1,231 @@
+/**
+ * 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 { observable } from "mobx";
+import type { PodLogsQuery, Pod } from "../../../../common/k8s-api/endpoints";
+import { waitUntilDefined } from "../../../../common/utils/wait";
+import type { IntervalFn } from "../../../utils";
+import { getOrInsertWith, interval } from "../../../utils";
+import type { TabId } from "../dock/store";
+import type { CallForLogs } from "./call-for-logs.injectable";
+import type { LogTabData } from "./tab-store";
+
+type PodLogLine = string;
+
+const logLinesToLoad = 500;
+
+interface Dependencies {
+  callForLogs: CallForLogs;
+}
+
+export class LogStore {
+  protected podLogs = observable.map<TabId, PodLogLine[]>();
+  protected refreshers = new Map<TabId, IntervalFn>();
+
+  constructor(private dependencies: Dependencies) {}
+
+  protected handlerError(tabId: TabId, error: any): void {
+    if (error.error && !(error.message || error.reason || error.code)) {
+      error = error.error;
+    }
+
+    const message = [
+      `Failed to load logs: ${error.message}`,
+      `Reason: ${error.reason} (${error.code})`,
+    ];
+
+    this.stopLoadingLogs(tabId);
+    this.podLogs.set(tabId, message);
+  }
+
+  /**
+   * Function prepares tailLines param for passing to API request
+   * Each time it increasing it's number, caused to fetch more logs.
+   * Also, it handles loading errors, rewriting whole logs with error
+   * messages
+   */
+  public async load(tabId: TabId, computedPod: IComputedValue<Pod | undefined>, logTabData: IComputedValue<LogTabData | undefined>): Promise<void> {
+    try {
+      const logs = await this.loadLogs(computedPod, logTabData, {
+        tailLines: this.getLogLines(tabId) + logLinesToLoad,
+      });
+
+      this.getRefresher(tabId, computedPod, logTabData).start();
+      this.podLogs.set(tabId, logs);
+    } catch (error) {
+      this.handlerError(tabId, error);
+    }
+  }
+
+  private getRefresher(tabId: TabId, computedPod: IComputedValue<Pod | undefined>, logTabData: IComputedValue<LogTabData | undefined>): IntervalFn {
+    return getOrInsertWith(this.refreshers, tabId, () => (
+      interval(10, () => {
+        if (this.podLogs.has(tabId)) {
+          this.loadMore(tabId, computedPod, logTabData);
+        }
+      })
+    ));
+  }
+
+  /**
+   * Stop loading more logs for a given tab
+   * @param tabId The ID of the logs tab to stop loading more logs for
+   */
+  public stopLoadingLogs(tabId: TabId): void {
+    this.refreshers.get(tabId)?.stop();
+  }
+
+  /**
+   * Function is used to refresher/stream-like requests.
+   * It changes 'sinceTime' param each time allowing to fetch logs
+   * starting from last line received.
+   * @param tabId
+   */
+  public async loadMore(tabId: TabId, computedPod: IComputedValue<Pod | undefined>, logTabData: IComputedValue<LogTabData | undefined>): Promise<void> {
+    const oldLogs = this.podLogs.get(tabId);
+
+    if (!oldLogs?.length) {
+      return;
+    }
+
+    try {
+      const logs = await this.loadLogs(computedPod, logTabData, {
+        sinceTime: this.getLastSinceTime(tabId),
+      });
+
+      // Add newly received logs to bottom
+      this.podLogs.set(tabId, [...oldLogs, ...logs.filter(Boolean)]);
+    } catch (error) {
+      this.handlerError(tabId, error);
+    }
+  }
+
+  /**
+   * Main logs loading function adds necessary data to payload and makes
+   * an API request
+   * @param tabId
+   * @param params request parameters described in IPodLogsQuery interface
+   * @returns A fetch request promise
+   */
+  private async loadLogs(computedPod: IComputedValue<Pod | undefined>, logTabData: IComputedValue<LogTabData | undefined>, params: Partial<PodLogsQuery>): Promise<string[]> {
+    const {
+      pod,
+      tabData: {
+        selectedContainer,
+        showPrevious,
+      },
+    } = await waitUntilDefined(() => {
+      const pod = computedPod.get();
+      const tabData = logTabData.get();
+
+      if (pod && tabData) {
+        return { pod, tabData };
+      }
+
+      return undefined;
+    });
+    const namespace = pod.getNs();
+    const name = pod.getName();
+
+    const result = await this.dependencies.callForLogs({ namespace, name }, {
+      ...params,
+      timestamps: true,  // Always setting timestamp to separate old logs from new ones
+      container: selectedContainer,
+      previous: showPrevious,
+    });
+
+    return result.trimEnd().replace(/\r/g, "\n").split("\n");
+  }
+
+  /**
+   * @deprecated This depends on dockStore, which should be removed
+   * Converts logs into a string array
+   * @returns Length of log lines
+   */
+  get lines(): number {
+    return this.logs.length;
+  }
+
+  getLogLines(tabId: TabId): number{
+    return this.getLogs(tabId).length;
+  }
+
+  areLogsPresent(tabId: TabId): boolean {
+    return !this.podLogs.has(tabId);
+  }
+
+  getLogs(tabId: TabId): string[]{
+    return this.podLogs.get(tabId) ?? [];
+  }
+
+  getLogsWithoutTimestamps(tabId: TabId): string[]{
+    return this.getLogs(tabId).map(this.removeTimestamps);
+  }
+
+  getTimestampSplitLogs(tabId: TabId): [string, string][]{
+    return this.getLogs(tabId).map(this.splitOutTimestamp);
+  }
+
+  /**
+   * @deprecated This now only returns the empty array
+   * Returns logs with timestamps for selected tab
+   */
+  get logs(): string[] {
+    return [];
+  }
+
+  /**
+   * @deprecated This now only returns the empty array
+   * Removes timestamps from each log line and returns changed logs
+   * @returns Logs without timestamps
+   */
+  get logsWithoutTimestamps(): string[] {
+    return this.logs.map(item => this.removeTimestamps(item));
+  }
+
+  /**
+   * It gets timestamps from all logs then returns last one + 1 second
+   * (this allows to avoid getting the last stamp in the selection)
+   * @param tabId
+   */
+  getLastSinceTime(tabId: TabId): string {
+    const logs = this.podLogs.get(tabId) ?? [];
+    const [timestamp] = this.getTimestamps(logs[logs.length - 1]) ?? [];
+    const stamp = timestamp ? new Date(timestamp) : new Date();
+
+    stamp.setSeconds(stamp.getSeconds() + 1); // avoid duplicates from last second
+
+    return stamp.toISOString();
+  }
+
+  splitOutTimestamp(logs: string): [string, string] {
+    const extraction = /^(\d+\S+)(.*)/m.exec(logs);
+
+    if (!extraction || extraction.length < 3) {
+      return ["", logs];
+    }
+
+    return [extraction[1], extraction[2]];
+  }
+
+  getTimestamps(logs: string) {
+    return logs.match(/^\d+\S+/gm);
+  }
+
+  removeTimestamps(logs: string): string {
+    return logs.replace(/^\d+.*?\s/gm, "");
+  }
+
+  clearLogs(tabId: TabId): void {
+    this.podLogs.delete(tabId);
+  }
+
+  reload(tabId: TabId, computedPod: IComputedValue<Pod | undefined>, logTabData: IComputedValue<LogTabData | undefined>): Promise<void> {
+    this.clearLogs(tabId);
+
+    return this.load(tabId, computedPod, logTabData);
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/logs/tab-store.injectable.ts b/packages/core/src/renderer/components/dock/logs/tab-store.injectable.ts
new file mode 100644
index 0000000000..b711cd8a46
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/tab-store.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 { LogTabStore } from "./tab-store";
+import createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+
+const logTabStoreInjectable = getInjectable({
+  id: "log-tab-store",
+
+  instantiate: (di) => new LogTabStore({
+    createStorage: di.inject(createStorageInjectable),
+  }),
+});
+
+export default logTabStoreInjectable;
diff --git a/packages/core/src/renderer/components/dock/logs/tab-store.ts b/packages/core/src/renderer/components/dock/logs/tab-store.ts
new file mode 100644
index 0000000000..4ba6725432
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/tab-store.ts
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { DockTabStore } from "../dock-tab-store/dock-tab.store";
+import type { TabId } from "../dock/store";
+import { logTabDataValidator } from "./log-tab-data.validator";
+import type { DockTabStoreDependencies } from  "../dock-tab-store/dock-tab.store";
+
+export interface LogTabOwnerRef {
+  /**
+   * The uid of the owner
+   */
+  uid: string;
+  /**
+   * The name of the owner
+   */
+  name: string;
+  /**
+   * The kind of the owner
+   */
+  kind: string;
+}
+
+export interface LogTabData {
+  /**
+   * The owning workload for this logging tab
+   */
+  owner?: LogTabOwnerRef;
+
+  /**
+   * The uid of the currently selected pod
+   */
+  selectedPodId: string;
+
+  /**
+   * The namespace of the pods/workload
+   */
+  namespace: string;
+
+  /**
+   * The name of the currently selected container within the currently selected
+   * pod
+   */
+  selectedContainer: string;
+
+  /**
+   * Whether to show timestamps in the logs
+   */
+  showTimestamps: boolean;
+
+  /**
+   * Whether to show the logs of the previous container instance
+   */
+  showPrevious: boolean;
+}
+
+export class LogTabStore extends DockTabStore<LogTabData> {
+  constructor(dependencies: DockTabStoreDependencies) {
+    super(dependencies, {
+      storageKey: "pod_logs",
+    });
+  }
+
+  /**
+   * Returns true if the data for `tabId` is valid
+   */
+  isDataValid(tabId: TabId): boolean {
+    if (!this.getData(tabId)) {
+      return true;
+    }
+
+    return !logTabDataValidator.validate(this.getData(tabId)).error;
+  }
+}
+
diff --git a/packages/core/src/renderer/components/dock/logs/to-bottom.tsx b/packages/core/src/renderer/components/dock/logs/to-bottom.tsx
new file mode 100644
index 0000000000..f9b5cbb03e
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/to-bottom.tsx
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { Icon } from "../../icon";
+
+export function ToBottom({ onClick }: { onClick: () => void }) {
+  return (
+    <button
+      className="absolute top-3 right-3 z-10 rounded-md flex align-center px-1 py-1 pl-3"
+      style={{ backgroundColor: "var(--blue)" }}
+      onClick={evt => {
+        evt.currentTarget.blur();
+        onClick();
+      }}
+    >
+      To bottom
+      <Icon small material="expand_more" />
+    </button>
+  );
+}
diff --git a/packages/core/src/renderer/components/dock/logs/view.tsx b/packages/core/src/renderer/components/dock/logs/view.tsx
new file mode 100644
index 0000000000..157ccfa778
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/logs/view.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 React, { createRef, useEffect } from "react";
+import { observer } from "mobx-react";
+import { InfoPanel } from "../info-panel";
+import { LogResourceSelector } from "./resource-selector";
+import type { LogListRef } from "./list";
+import { LogList } from "./list";
+import { LogSearch } from "./search";
+import { LogControls } from "./controls";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import logsViewModelInjectable from "./logs-view-model.injectable";
+import type { LogTabViewModel } from "./logs-view-model";
+import type { DockTab } from "../dock/store";
+import { cssNames } from "../../../utils";
+import type { SubscribeStores } from "../../../kube-watch-api/kube-watch-api";
+import subscribeStoresInjectable from "../../../kube-watch-api/subscribe-stores.injectable";
+import type { PodStore } from "../../+workloads-pods/store";
+import podStoreInjectable from "../../+workloads-pods/store.injectable";
+
+export interface LogsDockTabProps {
+  className?: string;
+  tab: DockTab;
+}
+
+interface Dependencies {
+  model: LogTabViewModel;
+  subscribeStores: SubscribeStores;
+  podStore: PodStore;
+}
+
+const NonInjectedLogsDockTab = observer(({
+  className,
+  tab,
+  model,
+  subscribeStores,
+  podStore,
+}: Dependencies & LogsDockTabProps) => {
+  const logListElement = createRef<LogListRef>();
+  const data = model.logTabData.get();
+
+  useEffect(() => {
+    model.reloadLogs();
+
+    return model.stopLoadingLogs;
+  }, [tab.id]);
+  useEffect(() => subscribeStores([
+    podStore,
+  ], {
+    namespaces: data ? [data.namespace] : [],
+  }), [data?.namespace]);
+
+  const scrollToOverlay = (overlayLine: number | undefined) => {
+    if (!logListElement.current || overlayLine === undefined) {
+      return;
+    }
+
+    // Scroll vertically
+    logListElement.current.scrollToItem(overlayLine, "center");
+    // Scroll horizontally in timeout since virtual list need some time to prepare its contents
+    setTimeout(() => {
+      const overlay = document.querySelector(".PodLogs .list span.active");
+
+      if (!overlay) return;
+      // Note: .scrollIntoViewIfNeeded() is non-standard and thus not present in js-dom.
+      overlay?.scrollIntoViewIfNeeded?.();
+    }, 100);
+  };
+
+  if (!data) {
+    return null;
+  }
+
+  return (
+    <div className={cssNames("PodLogs flex column", className)}>
+      <InfoPanel
+        tabId={tab.id}
+        controls={(
+          <div className="flex gaps">
+            <LogResourceSelector model={model} />
+            <LogSearch
+              model={model}
+              scrollToOverlay={scrollToOverlay}
+            />
+          </div>
+        )}
+        showSubmitClose={false}
+        showButtons={false}
+        showStatusPanel={false}
+      />
+      <LogList model={model} ref={logListElement} />
+      <LogControls model={model} />
+    </div>
+  );
+});
+
+
+export const LogsDockTab = withInjectables<Dependencies, LogsDockTabProps>(NonInjectedLogsDockTab, {
+  getProps: (di, props) => ({
+    ...props,
+    model: di.inject(logsViewModelInjectable, {
+      tabId: props.tab.id,
+    }),
+    subscribeStores: di.inject(subscribeStoresInjectable),
+    podStore: di.inject(podStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/dock/terminal/clear-terminal-tab-data.injectable.ts b/packages/core/src/renderer/components/dock/terminal/clear-terminal-tab-data.injectable.ts
new file mode 100644
index 0000000000..cb017da0e0
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/clear-terminal-tab-data.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 { TabId } from "../dock/store";
+import terminalStoreInjectable from "./store.injectable";
+
+const clearTerminalTabDataInjectable = getInjectable({
+  id: "clear-terminal-tab-data",
+
+  instantiate: (di) => {
+    const terminalStore = di.inject(terminalStoreInjectable);
+
+    return (tabId: TabId): void => {
+      terminalStore.destroy(tabId);
+    };
+  },
+});
+
+export default clearTerminalTabDataInjectable;
diff --git a/packages/core/src/renderer/components/dock/terminal/create-terminal-tab.injectable.ts b/packages/core/src/renderer/components/dock/terminal/create-terminal-tab.injectable.ts
new file mode 100644
index 0000000000..dbf692d81c
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/create-terminal-tab.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 dockStoreInjectable from "../dock/store.injectable";
+import type { DockTabCreateSpecific } from "../dock/store";
+import { TabKind } from "../dock/store";
+
+const createTerminalTabInjectable = getInjectable({
+  id: "create-terminal-tab",
+
+  instantiate: (di) => {
+    const dockStore = di.inject(dockStoreInjectable);
+
+    return (tabParams: DockTabCreateSpecific = {}) =>
+      dockStore.createTab({
+        title: `Terminal`,
+        ...tabParams,
+        kind: TabKind.TERMINAL,
+      });
+  },
+});
+
+export default createTerminalTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/terminal/create-terminal.injectable.ts b/packages/core/src/renderer/components/dock/terminal/create-terminal.injectable.ts
new file mode 100644
index 0000000000..27c7c0664a
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/create-terminal.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 type { TerminalDependencies } from "./terminal";
+import { Terminal } from "./terminal";
+import type { TabId } from "../dock/store";
+import type { TerminalApi } from "../../../api/terminal-api";
+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 isMacInjectable from "../../../../common/vars/is-mac.injectable";
+import openLinkInBrowserInjectable from "../../../../common/utils/open-link-in-browser.injectable";
+import xtermColorThemeInjectable from "../../../themes/terminal-colors.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+
+export type CreateTerminal = (tabId: TabId, api: TerminalApi) => Terminal;
+
+const createTerminalInjectable = getInjectable({
+  id: "create-terminal",
+  instantiate: (di): CreateTerminal => {
+    const dependencies: TerminalDependencies = {
+      spawningPool: di.inject(terminalSpawningPoolInjectable),
+      terminalConfig: di.inject(terminalConfigInjectable),
+      terminalCopyOnSelect: di.inject(terminalCopyOnSelectInjectable),
+      isMac: di.inject(isMacInjectable),
+      openLinkInBrowser: di.inject(openLinkInBrowserInjectable),
+      xtermColorTheme: di.inject(xtermColorThemeInjectable),
+      logger: di.inject(loggerInjectable),
+    };
+
+    return (tabId, api) => new Terminal(dependencies, { tabId, api });
+  },
+});
+
+export default createTerminalInjectable;
diff --git a/packages/core/src/renderer/components/dock/terminal/dock-tab.tsx b/packages/core/src/renderer/components/dock/terminal/dock-tab.tsx
new file mode 100644
index 0000000000..e6e07f50ee
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/dock-tab.tsx
@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./terminal-dock-tab.scss";
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { autoBind, cssNames } from "../../../utils";
+import type { DockTabProps } from "../dock-tab";
+import { DockTab } from "../dock-tab";
+import { Icon } from "../../icon";
+import type { TerminalStore } from "./store";
+import type { DockStore } from "../dock/store";
+import { reaction } from "mobx";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import dockStoreInjectable from "../dock/store.injectable";
+import terminalStoreInjectable from "./store.injectable";
+
+export interface TerminalTabProps extends DockTabProps {
+}
+
+interface Dependencies {
+  dockStore: DockStore;
+  terminalStore: TerminalStore;
+}
+
+@observer
+class NonInjectedTerminalTab<Props extends TerminalTabProps & Dependencies> extends React.Component<Props> {
+  constructor(props: Props) {
+    super(props);
+    autoBind(this);
+  }
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      reaction(() => this.isDisconnected, this.close),
+    ]);
+  }
+
+  private close() {
+    const { tabId } = this;
+
+    if (tabId) {
+      this.props.dockStore.closeTab(tabId);
+    }
+  }
+
+  private get tabId() {
+    return this.props.value?.id;
+  }
+
+  private get isDisconnected() {
+    const { tabId } = this;
+
+    return tabId
+      ? this.props.terminalStore.isDisconnected(tabId)
+      : false;
+  }
+
+  private reconnect() {
+    const { tabId } = this;
+
+    if (tabId) {
+      this.props.terminalStore.reconnect(tabId);
+    }
+  }
+
+  render() {
+    const className = cssNames("TerminalTab", this.props.className, {
+      disconnected: this.isDisconnected,
+    });
+
+    const { dockStore, terminalStore, ...tabProps } = this.props;
+
+    return (
+      <DockTab
+        {...tabProps}
+        className={className}
+        icon={<Icon material="terminal" />}
+        moreActions={this.isDisconnected && (
+          <Icon
+            small
+            material="refresh"
+            className="restart-icon"
+            tooltip="Restart session"
+            onClick={this.reconnect}
+          />
+        )}
+      />
+    );
+  }
+}
+
+export const TerminalTab = withInjectables<Dependencies, TerminalTabProps>(NonInjectedTerminalTab, {
+  getProps: (di, props) => ({
+    dockStore: di.inject(dockStoreInjectable),
+    terminalStore: di.inject(terminalStoreInjectable),
+    ...props,
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/dock/terminal/get-terminal-api.injectable.ts b/packages/core/src/renderer/components/dock/terminal/get-terminal-api.injectable.ts
new file mode 100644
index 0000000000..fdb6b97145
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/get-terminal-api.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 type { TabId } from "../dock/store";
+import terminalStoreInjectable from "./store.injectable";
+
+const getTerminalApiInjectable = getInjectable({
+  id: "get-terminal-api",
+
+  instantiate: (di) => {
+    const terminalStore = di.inject(terminalStoreInjectable);
+
+    return (tabId: TabId) => terminalStore.getTerminalApi(tabId);
+  },
+});
+
+export default getTerminalApiInjectable;
diff --git a/packages/core/src/renderer/components/dock/terminal/send-command.injectable.ts b/packages/core/src/renderer/components/dock/terminal/send-command.injectable.ts
new file mode 100644
index 0000000000..63902d34e1
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/send-command.injectable.ts
@@ -0,0 +1,93 @@
+/**
+ * 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 { when } from "mobx";
+import loggerInjectable from "../../../../common/logger.injectable";
+import { TerminalChannels } from "../../../../common/terminal/channels";
+import { waitUntilDefined } from "../../../../common/utils/wait";
+import { noop } from "../../../utils";
+import showSuccessNotificationInjectable from "../../notifications/show-success-notification.injectable";
+import selectDockTabInjectable from "../dock/select-dock-tab.injectable";
+import type { TabId } from "../dock/store";
+import createTerminalTabInjectable from "./create-terminal-tab.injectable";
+import getTerminalApiInjectable from "./get-terminal-api.injectable";
+
+export interface SendCommandOptions {
+  /**
+   * Emit an enter after the command
+   */
+  enter?: boolean;
+
+  /**
+   * @deprecated This option is ignored and infered to be `true` if `tabId` is not provided
+   */
+  newTab?: any;
+
+  /**
+   * Specify a specific terminal tab to send this command to
+   */
+  tabId?: TabId;
+}
+
+export type SendCommand = (command: string, options?: SendCommandOptions) => Promise<void>;
+
+const sendCommandInjectable = getInjectable({
+  id: "send-command",
+
+  instantiate: (di): SendCommand => {
+    const createTerminalTab = di.inject(createTerminalTabInjectable);
+    const selectTab = di.inject(selectDockTabInjectable);
+    const getTerminalApi = di.inject(getTerminalApiInjectable);
+    const showSuccessNotification = di.inject(showSuccessNotificationInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (command: string, options: SendCommandOptions = {}): Promise<void> => {
+      let tabId: string | undefined = options.tabId;
+
+      if (tabId) {
+        selectTab(tabId);
+      } else {
+        tabId = createTerminalTab().id;
+      }
+
+      const terminalApi = await waitUntilDefined(() => (
+        tabId
+          ? getTerminalApi(tabId)
+          : undefined
+      ));
+      const shellIsReady = when(() => terminalApi.isReady);
+      const notifyVeryLong = setTimeout(() => {
+        shellIsReady.cancel();
+        showSuccessNotification(
+          "If terminal shell is not ready please check your shell init files, if applicable.",
+          {
+            timeout: 4_000,
+          },
+        );
+      }, 10_000);
+
+      await shellIsReady.catch(noop);
+      clearTimeout(notifyVeryLong);
+
+      if (terminalApi) {
+        if (options.enter) {
+          command += "\r";
+        }
+
+        terminalApi.sendMessage({
+          type: TerminalChannels.STDIN,
+          data: command,
+        });
+      } else {
+        logger.warn(
+          "The selected tab is does not have a connection. Cannot send command.",
+          { tabId, command },
+        );
+      }
+    };
+  },
+});
+
+export default sendCommandInjectable;
diff --git a/packages/core/src/renderer/components/dock/terminal/store.injectable.ts b/packages/core/src/renderer/components/dock/terminal/store.injectable.ts
new file mode 100644
index 0000000000..595307ac16
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/store.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 { TerminalStore } from "./store";
+import createTerminalInjectable from "./create-terminal.injectable";
+import createTerminalApiInjectable from "../../../api/create-terminal-api.injectable";
+
+const terminalStoreInjectable = getInjectable({
+  id: "terminal-store",
+
+  instantiate: (di) => new TerminalStore({
+    createTerminal: di.inject(createTerminalInjectable),
+    createTerminalApi: di.inject(createTerminalApiInjectable),
+  }),
+});
+
+export default terminalStoreInjectable;
diff --git a/packages/core/src/renderer/components/dock/terminal/store.ts b/packages/core/src/renderer/components/dock/terminal/store.ts
new file mode 100644
index 0000000000..d8292d5751
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/store.ts
@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, observable } from "mobx";
+import type { Terminal } from "./terminal";
+import type { TerminalApi } from "../../../api/terminal-api";
+import type { DockTab, TabId } from "../dock/store";
+import { WebSocketApiState } from "../../../api/websocket-api";
+import type { CreateTerminalApi } from "../../../api/create-terminal-api.injectable";
+import type { CreateTerminal } from "./create-terminal.injectable";
+
+export interface ITerminalTab extends DockTab {
+  node?: string; // activate node shell mode
+}
+
+interface Dependencies {
+  createTerminal: CreateTerminal;
+  createTerminalApi: CreateTerminalApi;
+}
+
+export class TerminalStore {
+  protected terminals = new Map<TabId, Terminal>();
+  protected connections = observable.map<TabId, TerminalApi>();
+
+  constructor(private dependencies: Dependencies) {
+  }
+
+  @action
+  connect(tab: ITerminalTab) {
+    if (this.isConnected(tab.id)) {
+      return;
+    }
+    const api = this.dependencies.createTerminalApi({
+      id: tab.id,
+      node: tab.node,
+    });
+    const terminal = this.dependencies.createTerminal(tab.id, api);
+
+    this.connections.set(tab.id, api);
+    this.terminals.set(tab.id, terminal);
+
+    api.connect();
+  }
+
+  @action
+  destroy(tabId: TabId) {
+    const terminal = this.terminals.get(tabId);
+    const terminalApi = this.connections.get(tabId);
+
+    terminal?.destroy();
+    terminalApi?.destroy();
+    this.connections.delete(tabId);
+    this.terminals.delete(tabId);
+  }
+
+  /**
+   * @deprecated use `this.destroy()` instead
+   */
+  disconnect(tabId: TabId) {
+    this.destroy(tabId);
+  }
+
+  reconnect(tabId: TabId) {
+    this.connections.get(tabId)?.connect();
+  }
+
+  isConnected(tabId: TabId) {
+    return Boolean(this.connections.get(tabId));
+  }
+
+  isDisconnected(tabId: TabId) {
+    return this.connections.get(tabId)?.readyState === WebSocketApiState.CLOSED;
+  }
+
+  getTerminal(tabId: TabId) {
+    return this.terminals.get(tabId);
+  }
+
+  getTerminalApi(tabId: TabId) {
+    return this.connections.get(tabId);
+  }
+
+  reset() {
+    [...this.connections].forEach(([tabId]) => {
+      this.destroy(tabId);
+    });
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/terminal/terminal-dock-tab.scss b/packages/core/src/renderer/components/dock/terminal/terminal-dock-tab.scss
new file mode 100644
index 0000000000..c65e0bfb7d
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/terminal-dock-tab.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.TerminalTab {
+}
diff --git a/packages/core/src/renderer/components/dock/terminal/terminal-spawning-pool.injectable.ts b/packages/core/src/renderer/components/dock/terminal/terminal-spawning-pool.injectable.ts
new file mode 100644
index 0000000000..3ce407b335
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/terminal-spawning-pool.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 assert from "assert";
+
+const terminalSpawningPoolInjectable = getInjectable({
+  id: "terminal-spawning-pool",
+  instantiate: () => {
+    const pool = document.getElementById("terminal-init");
+
+    assert(pool, "DOM MUST contain #terminal-init element");
+
+    return pool;
+  },
+  causesSideEffects: true,
+});
+
+export default terminalSpawningPoolInjectable;
diff --git a/packages/core/src/renderer/components/dock/terminal/terminal-window.scss b/packages/core/src/renderer/components/dock/terminal/terminal-window.scss
new file mode 100644
index 0000000000..6602b595ef
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/terminal-window.scss
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "~xterm";
+
+.TerminalWindow {
+  --spacing: calc(var(--unit) * 2);
+
+  flex: 1;
+  overflow: hidden;
+
+  .terminal.xterm {
+    padding: calc(var(--padding) * 2);
+  }
+}
diff --git a/packages/core/src/renderer/components/dock/terminal/terminal.ts b/packages/core/src/renderer/components/dock/terminal/terminal.ts
new file mode 100644
index 0000000000..5f49882f1c
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/terminal.ts
@@ -0,0 +1,248 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import debounce from "lodash/debounce";
+import type { IComputedValue } from "mobx";
+import { reaction } from "mobx";
+import { Terminal as XTerm } from "xterm";
+import { FitAddon } from "xterm-addon-fit";
+import type { TabId } from "../dock/store";
+import type { TerminalApi } from "../../../api/terminal-api";
+import { disposer } from "../../../utils";
+import { once } from "lodash";
+import { clipboard } from "electron";
+import type { 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 isMac: boolean;
+  readonly xtermColorTheme: IComputedValue<Record<string, string>>;
+  readonly logger: Logger;
+  openLinkInBrowser: OpenLinkInBrowser;
+}
+
+export interface TerminalArguments {
+  tabId: TabId;
+  api: TerminalApi;
+}
+
+export class Terminal {
+  private readonly xterm: XTerm;
+  private readonly fitAddon = new FitAddon();
+  private scrollPos = 0;
+  private readonly disposer = disposer();
+  public readonly tabId: TabId;
+  protected readonly api: TerminalApi;
+
+  private get elem() {
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    return this.xterm.element!;
+  }
+
+  private get viewport() {
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    return this.elem.querySelector(".xterm-viewport")!;
+  }
+
+  attachTo(parentElem: HTMLElement) {
+    assert(this.elem, "Terminal should always be mounted somewhere");
+    parentElem.appendChild(this.elem);
+    this.onActivate();
+  }
+
+  detach() {
+    const { elem } = this;
+
+    if (elem) {
+      this.dependencies.spawningPool.appendChild(elem);
+    }
+  }
+
+  get fontFamily() {
+    return this.dependencies.terminalConfig.get().fontFamily;
+  }
+
+  get fontSize() {
+    return this.dependencies.terminalConfig.get().fontSize;
+  }
+
+  constructor(protected readonly dependencies: TerminalDependencies, {
+    tabId,
+    api,
+  }: TerminalArguments) {
+    this.tabId = tabId;
+    this.api = api;
+
+    this.xterm = new XTerm({
+      cursorBlink: true,
+      cursorStyle: "bar",
+      fontSize: this.fontSize,
+      fontFamily: this.fontFamily,
+    });
+    // enable terminal addons
+    this.xterm.loadAddon(this.fitAddon);
+
+    this.xterm.open(this.dependencies.spawningPool);
+    this.xterm.attachCustomKeyEventHandler(this.keyHandler);
+    this.xterm.onSelectionChange(this.onSelectionChange);
+
+    // bind events
+    const onDataHandler = this.xterm.onData(this.onData);
+    const clearOnce = once(this.onClear);
+
+    this.viewport.addEventListener("scroll", this.onScroll);
+    this.elem.addEventListener("contextmenu", this.onContextMenu);
+    this.api.once("ready", clearOnce);
+    this.api.once("connected", clearOnce);
+    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.dependencies.xtermColorTheme.get(),
+        colors => this.xterm.options.theme = colors,
+        {
+          fireImmediately: true,
+        },
+      ),
+      reaction(() => this.fontSize, this.setFontSize, { fireImmediately: true }),
+      reaction(() => this.fontFamily, this.setFontFamily, { fireImmediately: true }),
+      () => onDataHandler.dispose(),
+      () => this.fitAddon.dispose(),
+      () => this.api.removeAllListeners(),
+      () => window.removeEventListener("resize", this.onResize),
+      () => this.elem.removeEventListener("contextmenu", this.onContextMenu),
+      this.xterm.onResize(({ cols, rows }) => {
+        this.api.sendTerminalSize(cols, rows);
+      }),
+    );
+  }
+
+  destroy() {
+    this.disposer();
+    this.xterm.dispose();
+  }
+
+  fit = () => this.fitAddon.fit();
+
+  fitLazy = debounce(this.fit, 250);
+
+  focus = () => {
+    this.xterm.focus();
+  };
+
+  onApiData = (data: string) => {
+    this.xterm.write(data);
+  };
+
+  onData = (data: string) => {
+    if (!this.api.isReady) return;
+    this.api.sendMessage({
+      type: TerminalChannels.STDIN,
+      data,
+    });
+  };
+
+  onScroll = () => {
+    this.scrollPos = this.viewport.scrollTop;
+  };
+
+  onClear = () => {
+    this.xterm.clear();
+  };
+
+  onResize = () => {
+    this.fitLazy();
+    this.focus();
+  };
+
+  onActivate = () => {
+    this.fit();
+    setTimeout(() => this.focus(), 250); // delay used to prevent focus on active tab
+    this.viewport.scrollTop = this.scrollPos; // restore last scroll position
+  };
+
+  onContextMenu = () => {
+    if (
+      // don't paste if user hasn't turned on the feature
+      this.dependencies.terminalCopyOnSelect.get()
+
+      // don't paste if the clipboard doesn't have text
+      && clipboard.availableFormats().includes("text/plain")
+    ) {
+      this.xterm.paste(clipboard.readText());
+    }
+  };
+
+  onSelectionChange = () => {
+    const selection = this.xterm.getSelection().trim();
+
+    if (this.dependencies.terminalCopyOnSelect.get() && selection) {
+      clipboard.writeText(selection);
+    }
+  };
+
+  setFontSize = (fontSize: number) => {
+    this.dependencies.logger.info(`[TERMINAL]: set fontSize to ${fontSize}`);
+
+    this.xterm.options.fontSize = fontSize;
+    this.fit();
+  };
+
+  setFontFamily = (fontFamily: string) => {
+    this.dependencies.logger.info(`[TERMINAL]: set fontFamily to ${fontFamily}`);
+
+    this.xterm.options.fontFamily = fontFamily;
+    this.fit();
+
+    // provide css-variable within `:root {}`
+    document.documentElement.style.setProperty("--font-terminal", fontFamily);
+  };
+
+  keyHandler = (evt: KeyboardEvent): boolean => {
+    const { code, ctrlKey, metaKey } = evt;
+
+    // Handle custom hotkey bindings
+    if (ctrlKey) {
+      switch (code) {
+        // Ctrl+C: prevent terminal exit on windows / linux (?)
+        case "KeyC":
+          if (this.xterm.hasSelection()) return false;
+          break;
+
+        // Ctrl+W: prevent unexpected terminal tab closing, e.g. editing file in vim
+        case "KeyW":
+          evt.preventDefault();
+          break;
+      }
+    }
+
+    //Ctrl+K: clear the entire buffer, making the prompt line the new first line on mac os
+    if (this.dependencies.isMac && metaKey) {
+      switch (code) {
+        case "KeyK":
+          this.onClear();
+          break;
+      }
+    }
+
+    return true;
+  };
+}
diff --git a/packages/core/src/renderer/components/dock/terminal/view.tsx b/packages/core/src/renderer/components/dock/terminal/view.tsx
new file mode 100644
index 0000000000..b85824cc30
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/terminal/view.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 "./terminal-window.scss";
+
+import React from "react";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { cssNames } from "../../../utils";
+import type { Terminal } from "./terminal";
+import type { TerminalStore } from "./store";
+import type { LensTheme } from "../../../themes/lens-theme";
+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 activeThemeInjectable from "../../../themes/active.injectable";
+import type { IComputedValue } from "mobx";
+
+export interface TerminalWindowProps {
+  tab: DockTab;
+}
+
+interface Dependencies {
+  dockStore: DockStore;
+  terminalStore: TerminalStore;
+  activeTheme: IComputedValue<LensTheme>;
+}
+
+@observer
+class NonInjectedTerminalWindow extends React.Component<TerminalWindowProps & Dependencies> {
+  public elem: HTMLElement | null = null;
+  public terminal!: Terminal;
+
+  componentDidMount() {
+    this.props.terminalStore.connect(this.props.tab);
+    const terminal = this.props.terminalStore.getTerminal(this.props.tab.id);
+
+    assert(terminal, "Terminal must be created for tab before mounting");
+    this.terminal = terminal;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    this.terminal.attachTo(this.elem!);
+
+    disposeOnUnmount(this, [
+      // refresh terminal available space (cols/rows) when <Dock/> resized
+      this.props.dockStore.onResize(() => this.terminal.onResize(), {
+        fireImmediately: true,
+      }),
+    ]);
+  }
+
+  componentDidUpdate(): void {
+    this.terminal.detach();
+    this.props.terminalStore.connect(this.props.tab);
+    const terminal = this.props.terminalStore.getTerminal(this.props.tab.id);
+
+    assert(terminal, "Terminal must be created for tab before mounting");
+    this.terminal = terminal;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    this.terminal.attachTo(this.elem!);
+  }
+
+  componentWillUnmount(): void {
+    this.terminal.detach();
+  }
+
+  render() {
+    return (
+      <div
+        className={cssNames("TerminalWindow", this.props.activeTheme.get().type)}
+        ref={elem => this.elem = elem}
+      />
+    );
+  }
+}
+
+export const TerminalWindow = withInjectables<Dependencies, TerminalWindowProps>(NonInjectedTerminalWindow, {
+  getProps: (di, props) => ({
+    ...props,
+    dockStore: di.inject(dockStoreInjectable),
+    terminalStore: di.inject(terminalStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/dock/upgrade-chart/clear-upgrade-chart-tab-data.injectable.ts b/packages/core/src/renderer/components/dock/upgrade-chart/clear-upgrade-chart-tab-data.injectable.ts
new file mode 100644
index 0000000000..08187d992c
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/upgrade-chart/clear-upgrade-chart-tab-data.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 { TabId } from "../dock/store";
+import upgradeChartTabStoreInjectable from "./store.injectable";
+
+const clearUpgradeChartTabDataInjectable = getInjectable({
+  id: "clear-upgrade-chart-tab-data",
+
+  instantiate: (di) => {
+    const upgradeChartTabStore = di.inject(upgradeChartTabStoreInjectable);
+
+    return (tabId: TabId) => {
+      upgradeChartTabStore.clearData(tabId);
+    };
+  },
+});
+
+export default clearUpgradeChartTabDataInjectable;
diff --git a/packages/core/src/renderer/components/dock/upgrade-chart/create-upgrade-chart-tab.injectable.ts b/packages/core/src/renderer/components/dock/upgrade-chart/create-upgrade-chart-tab.injectable.ts
new file mode 100644
index 0000000000..7bf390da02
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/upgrade-chart/create-upgrade-chart-tab.injectable.ts
@@ -0,0 +1,65 @@
+/**
+ * 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 { IChartUpgradeData } from "./store.injectable";
+import upgradeChartTabStoreInjectable from "./store.injectable";
+import dockStoreInjectable from "../dock/store.injectable";
+import type { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import type { DockStore, DockTabCreateSpecific, TabId } from "../dock/store";
+import { TabKind } from "../dock/store";
+import { runInAction } from "mobx";
+import getRandomUpgradeChartTabIdInjectable from "./get-random-upgrade-chart-tab-id.injectable";
+import type { DockTabStore } from "../dock-tab-store/dock-tab.store";
+
+interface Dependencies {
+  upgradeChartStore: DockTabStore<IChartUpgradeData>;
+  dockStore: DockStore;
+  getRandomId: () => string;
+}
+
+const createUpgradeChartTab = ({ upgradeChartStore, dockStore, getRandomId }: Dependencies) => (release: HelmRelease, tabParams: DockTabCreateSpecific = {}): TabId => {
+  const tabId = upgradeChartStore.findTabIdFromData(val => (
+    val.releaseName === release.getName()
+    && val.releaseNamespace === release.getNs()
+  ));
+
+  if (tabId) {
+    dockStore.open();
+    dockStore.selectTab(tabId);
+
+    return tabId;
+  }
+
+  return runInAction(() => {
+    const tab = dockStore.createTab(
+      {
+        id: getRandomId(),
+        title: `Helm Upgrade: ${release.getName()}`,
+        ...tabParams,
+        kind: TabKind.UPGRADE_CHART,
+      },
+      false,
+    );
+
+    upgradeChartStore.setData(tab.id, {
+      releaseName: release.getName(),
+      releaseNamespace: release.getNs(),
+    });
+
+    return tab.id;
+  });
+};
+
+const createUpgradeChartTabInjectable = getInjectable({
+  id: "create-upgrade-chart-tab",
+
+  instantiate: (di) => createUpgradeChartTab({
+    upgradeChartStore: di.inject(upgradeChartTabStoreInjectable),
+    dockStore: di.inject(dockStoreInjectable),
+    getRandomId: di.inject(getRandomUpgradeChartTabIdInjectable),
+  }),
+});
+
+export default createUpgradeChartTabInjectable;
diff --git a/packages/core/src/renderer/components/dock/upgrade-chart/get-random-upgrade-chart-tab-id.injectable.ts b/packages/core/src/renderer/components/dock/upgrade-chart/get-random-upgrade-chart-tab-id.injectable.ts
new file mode 100644
index 0000000000..167973060f
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/dock/upgrade-chart/store.injectable.ts b/packages/core/src/renderer/components/dock/upgrade-chart/store.injectable.ts
new file mode 100644
index 0000000000..8884f5935c
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/upgrade-chart/store.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 createDockTabStoreInjectable from "../dock-tab-store/create-dock-tab-store.injectable";
+
+export interface IChartUpgradeData {
+  releaseName: string;
+  releaseNamespace: string;
+}
+
+const upgradeChartTabStoreInjectable = getInjectable({
+  id: "upgrade-chart-tab-store",
+
+  instantiate: (di) => {
+    const createDockTabStore = di.inject(createDockTabStoreInjectable);
+
+    return createDockTabStore<IChartUpgradeData>({
+      storageKey: "chart_releases",
+    });
+  },
+});
+
+export default upgradeChartTabStoreInjectable;
diff --git a/packages/core/src/renderer/components/dock/upgrade-chart/tab-data.injectable.ts b/packages/core/src/renderer/components/dock/upgrade-chart/tab-data.injectable.ts
new file mode 100644
index 0000000000..0189ecf6a7
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/upgrade-chart/tab-data.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { waitUntilDefined } from "../../../utils";
+import upgradeChartTabStoreInjectable from "./store.injectable";
+
+const upgradeChartTabDataInjectable = getInjectable({
+  id: "upgrade-chart-tab-data",
+  instantiate: (di, tabId) => {
+    const upgradeChartTabStore = di.inject(upgradeChartTabStoreInjectable);
+
+    return waitUntilDefined(() => upgradeChartTabStore.getData(tabId));
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, tabId: string) => tabId,
+  }),
+});
+
+export default upgradeChartTabDataInjectable;
diff --git a/packages/core/src/renderer/components/dock/upgrade-chart/upgrade-chart-model.injectable.ts b/packages/core/src/renderer/components/dock/upgrade-chart/upgrade-chart-model.injectable.ts
new file mode 100644
index 0000000000..bf3d9a0214
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/upgrade-chart/upgrade-chart-model.injectable.ts
@@ -0,0 +1,149 @@
+/**
+ * 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 { IComputedValue } from "mobx";
+import { action, computed, observable, when } from "mobx";
+import type { SingleValue } from "react-select";
+import type { HelmChartVersion } from "../../+helm-charts/helm-charts/versions";
+import helmChartVersionsInjectable from "../../+helm-charts/helm-charts/versions.injectable";
+import releasesInjectable from "../../+helm-releases/releases.injectable";
+import updateReleaseInjectable from "../../+helm-releases/update-release/update-release.injectable";
+import type { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import requestHelmReleaseConfigurationInjectable from "../../../../common/k8s-api/endpoints/helm-releases.api/request-configuration.injectable";
+import type { AsyncResult } from "../../../../common/utils/async-result";
+import { waitUntilDefined } from "../../../utils";
+import type { SelectOption } from "../../select";
+import type { DockTab } from "../dock/store";
+import upgradeChartTabDataInjectable from "./tab-data.injectable";
+
+export interface UpgradeChartModel {
+  readonly release: HelmRelease;
+  readonly versionOptions: IComputedValue<SelectOption<HelmChartVersion>[]>;
+  readonly configration: {
+    readonly value: IComputedValue<string>;
+    set: (value: string) => void;
+    readonly error: IComputedValue<string | undefined>;
+    setError: (error: unknown) => void;
+  };
+  readonly version: {
+    readonly value: IComputedValue<HelmChartVersion | undefined>;
+    set: (value: SingleValue<SelectOption<HelmChartVersion>>) => void;
+  };
+  submit: () => Promise<AsyncResult<void, string>>;
+}
+
+const upgradeChartModelInjectable = getInjectable({
+  id: "upgrade-chart-model",
+  instantiate: async (di, tab): Promise<UpgradeChartModel> => {
+    const releases = di.inject(releasesInjectable);
+    const requestHelmReleaseConfiguration = di.inject(requestHelmReleaseConfigurationInjectable);
+    const updateRelease = di.inject(updateReleaseInjectable);
+    const tabData = await di.inject(upgradeChartTabDataInjectable, tab.id);
+
+    const release = await waitUntilDefined(() => (
+      releases.value
+        .get()
+        .find(release => (
+          release.getName() === tabData.releaseName
+          && release.getNs() === tabData.releaseNamespace
+        ))
+    ));
+
+    const versions = di.inject(helmChartVersionsInjectable, release);
+
+    const storedConfiguration = asyncComputed({
+      getValueFromObservedPromise: () =>
+        requestHelmReleaseConfiguration(
+          release.getName(),
+          release.getNs(),
+          true,
+        ),
+
+      valueWhenPending: "",
+    });
+
+    await when(() => !versions.pending.get());
+
+    const configrationValue = observable.box<string>();
+    const configrationEditError = observable.box<string>();
+    const configration: UpgradeChartModel["configration"] = {
+      value: computed(() => configrationValue.get() ?? storedConfiguration.value.get()),
+      set: action((value) => {
+        configrationValue.set(value);
+        configrationEditError.set(undefined);
+      }),
+      error: computed(() => configrationEditError.get()),
+      setError: action((error) => configrationEditError.set(String(error))),
+    };
+    const versionValue = observable.box<HelmChartVersion>(undefined, {
+      deep: false,
+    });
+    const version: UpgradeChartModel["version"] = {
+      value: computed(() => versionValue.get() ?? versions.value.get()[0]),
+      set: action((option) => versionValue.set(option?.value)),
+    };
+    const versionOptions = computed(() => (
+      versions.value
+        .get()
+        .map(version => ({
+          value: version,
+          label: `${version.repo}/${release.getChart()}-${version.version}`,
+        }))
+    ));
+
+    return {
+      release,
+      versionOptions,
+      configration,
+      version,
+      submit: async () => {
+        const selectedVersion = version.value.get();
+
+        if (!selectedVersion) {
+          return {
+            callWasSuccessful: false,
+            error: "No selected version",
+          };
+        }
+
+        const editError = configrationEditError.get();
+
+        if (editError) {
+          return {
+            callWasSuccessful: false,
+            error: editError,
+          };
+        }
+
+        const result = await updateRelease(
+          release.getName(),
+          release.getNs(),
+          {
+            chart: release.getChart(),
+            values: configration.value.get(),
+            ...selectedVersion,
+          },
+        );
+
+        if (result.callWasSuccessful === true) {
+          storedConfiguration.invalidate();
+
+          return { callWasSuccessful: true };
+        }
+
+        return {
+          callWasSuccessful: false,
+          error: String(result.error),
+        };
+      },
+    };
+  },
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, tab: DockTab) => tab.id,
+  }),
+});
+
+export default upgradeChartModelInjectable;
diff --git a/packages/core/src/renderer/components/dock/upgrade-chart/upgrade-chart.scss b/packages/core/src/renderer/components/dock/upgrade-chart/upgrade-chart.scss
new file mode 100644
index 0000000000..87d5578929
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/upgrade-chart/upgrade-chart.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.UpgradeChart {
+}
diff --git a/packages/core/src/renderer/components/dock/upgrade-chart/view.tsx b/packages/core/src/renderer/components/dock/upgrade-chart/view.tsx
new file mode 100644
index 0000000000..b25f3f24fc
--- /dev/null
+++ b/packages/core/src/renderer/components/dock/upgrade-chart/view.tsx
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./upgrade-chart.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { cssNames } from "../../../utils";
+import type { DockTab } from "../dock/store";
+import { InfoPanel } from "../info-panel";
+import { Spinner } from "../../spinner";
+import { Badge } from "../../badge";
+import { EditorPanel } from "../editor-panel";
+import type { SelectOption } from "../../select";
+import { Select } from "../../select";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { UpgradeChartModel } from "./upgrade-chart-model.injectable";
+import upgradeChartModelInjectable from "./upgrade-chart-model.injectable";
+import type { HelmChartVersion } from "../../+helm-charts/helm-charts/versions";
+
+export interface UpgradeChartProps {
+  className?: string;
+  tab: DockTab;
+}
+
+interface Dependencies {
+  model: UpgradeChartModel;
+}
+
+@observer
+export class NonInjectedUpgradeChart extends React.Component<UpgradeChartProps & Dependencies> {
+  upgrade = async () => {
+    const { model } = this.props;
+    const result = await model.submit();
+
+    if (result.callWasSuccessful) {
+      return (
+        <p>
+          {"Release "}
+          <b>{model.release.getName()}</b>
+          {" successfully upgraded to version "}
+          <b>{model.version.value.get()?.version}</b>
+        </p>
+      );
+    }
+
+    throw result.error;
+  };
+
+  render() {
+    const { model, className, tab } = this.props;
+    const tabId = tab.id;
+    const { release } = model;
+
+    return (
+      <div
+        className={cssNames("UpgradeChart flex column", className)}
+        data-testid={`upgrade-chart-dock-tab-contents-for-${release.getId()}`}
+      >
+        <InfoPanel
+          tabId={tabId}
+          error={model.configration.error.get()}
+          submit={this.upgrade}
+          submitLabel="Upgrade"
+          submittingMessage="Updating.."
+          controls={(
+            <div className="upgrade flex gaps align-center">
+              <span>Release</span>
+              {" "}
+              <Badge label={release.getName()} />
+              <span>Namespace</span>
+              {" "}
+              <Badge label={release.getNs()} />
+              <span>Version</span>
+              {" "}
+              <Badge label={release.getVersion()} />
+              <span>Upgrade version</span>
+              <Select<HelmChartVersion, SelectOption<HelmChartVersion>, false>
+                id="char-version-input"
+                className="chart-version"
+                menuPlacement="top"
+                themeName="outlined"
+                value={model.version.value.get()}
+                options={model.versionOptions.get()}
+                onChange={model.version.set}
+              />
+            </div>
+          )}
+        />
+        <EditorPanel
+          tabId={tabId}
+          value={model.configration.value.get()}
+          onChange={model.configration.set}
+          onError={model.configration.setError}
+        />
+      </div>
+    );
+  }
+}
+
+export const UpgradeChart = withInjectables<Dependencies, UpgradeChartProps>(NonInjectedUpgradeChart, {
+  getPlaceholder: () => <Spinner center />,
+  getProps: async (di, props) => ({
+    ...props,
+    model: await di.inject(upgradeChartModelInjectable, props.tab),
+  }),
+});
diff --git a/packages/core/src/renderer/components/drawer/__snapshots__/drawer-param-toggler.test.tsx.snap b/packages/core/src/renderer/components/drawer/__snapshots__/drawer-param-toggler.test.tsx.snap
new file mode 100644
index 0000000000..7b4c9c22e4
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/drawer/drawer-item-labels.tsx b/packages/core/src/renderer/components/drawer/drawer-item-labels.tsx
new file mode 100644
index 0000000000..861feb52b9
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer-item-labels.tsx
@@ -0,0 +1,42 @@
+/**
+ * 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 { DrawerItemProps } from "./drawer-item";
+import { DrawerItem } from "./drawer-item";
+import { Badge } from "../badge";
+import { KubeObject } from "../../../common/k8s-api/kube-object";
+
+export interface DrawerItemLabelsProps extends DrawerItemProps {
+  labels: string[] | Partial<Record<string, string>>;
+}
+
+export function DrawerItemLabels(props: DrawerItemLabelsProps) {
+  const { labels, ...itemProps } = props;
+
+  if (!labels || typeof labels !== "object") {
+    return null;
+  }
+
+  const labelStrings = Array.isArray(labels)
+    ? labels
+    : KubeObject.stringifyLabels(labels);
+
+  if (labelStrings.length === 0) {
+    return null;
+  }
+
+  return (
+    <DrawerItem {...itemProps} labelsOnly>
+      {labelStrings.map(label => (
+        <Badge
+          key={label}
+          label={label}
+          title={label}
+        />
+      ))}
+    </DrawerItem>
+  );
+}
diff --git a/packages/core/src/renderer/components/drawer/drawer-item.scss b/packages/core/src/renderer/components/drawer/drawer-item.scss
new file mode 100644
index 0000000000..4dbef98746
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer-item.scss
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.DrawerItem {
+  --drawer-item-title-width: 30%;
+
+  display: grid;
+  grid-template-columns: minmax(var(--drawer-item-title-width), min-content) auto;
+  border-bottom: 1px solid var(--borderFaintColor);
+  padding: $padding 0;
+
+  > .name {
+    padding-right: $padding;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: var(--drawerItemNameColor);
+  }
+
+  > .value {
+    color: var(--drawerItemValueColor);
+    word-break: break-word;
+    max-width: 100%;
+    min-width: 0;
+
+    &:empty:after {
+      content: '—'
+    }
+
+    p {
+      margin-bottom: $margin;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    a {
+      color: var(--primary);
+    }
+  }
+
+  &.labelsOnly {
+    $spacing: $margin * 0.5;
+
+    > .value {
+      margin: -$spacing;
+
+      &:empty {
+        margin: 0;
+      }
+
+      > div {
+        float: left;
+        margin: $spacing;
+
+        &:after {
+          content: " ";
+          display: block;
+        }
+
+        &.disabled {
+          opacity: 0.5;
+        }
+      }
+    }
+  }
+
+  .DrawerItem {
+    &:last-of-type {
+      padding-bottom: 0;
+      border-bottom: none;
+    }
+
+    > .name {
+      font-weight: $font-weight-bold;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/drawer/drawer-item.tsx b/packages/core/src/renderer/components/drawer/drawer-item.tsx
new file mode 100644
index 0000000000..72a311794c
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer-item.tsx
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./drawer-item.scss";
+import React from "react";
+import { cssNames } from "../../utils";
+
+export interface DrawerItemProps extends React.HTMLAttributes<HTMLDivElement> {
+  name: React.ReactNode;
+  title?: string;
+  labelsOnly?: boolean;
+  hidden?: boolean;
+
+  /**
+   * @deprecated This prop is no longer used, you should stringify the booleans yourself.
+   *
+   * This was only meant to be an internal prop anyway.
+   */
+  renderBooleans?: boolean;
+}
+
+export function DrawerItem({
+  name,
+  title,
+  labelsOnly,
+  children,
+  hidden = false,
+  className,
+  ...elemProps
+}: DrawerItemProps) {
+  if (hidden) {
+    return null;
+  }
+
+  return (
+    <div
+      {...elemProps}
+      className={cssNames("DrawerItem", className, { labelsOnly })}
+      title={title}
+    >
+      <span className="name">{name}</span>
+      <span className="value">{children}</span>
+    </div>
+  );
+}
diff --git a/packages/core/src/renderer/components/drawer/drawer-param-toggler.scss b/packages/core/src/renderer/components/drawer/drawer-param-toggler.scss
new file mode 100644
index 0000000000..a090575e5b
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer-param-toggler.scss
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.DrawerParamToggler {
+  .param-label {
+    flex-grow: 2
+  }
+
+  .param-link {
+    cursor: pointer;
+
+    .param-link-text {
+      color: var(--blue);
+      text-decoration: underline;
+    }
+  }
+
+  .param-content {
+    &.open {
+      display: block;
+    }
+
+    display: none;
+  }
+}
diff --git a/packages/core/src/renderer/components/drawer/drawer-param-toggler.test.tsx b/packages/core/src/renderer/components/drawer/drawer-param-toggler.test.tsx
new file mode 100644
index 0000000000..6a319cdd51
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer-param-toggler.test.tsx
@@ -0,0 +1,64 @@
+/**
+ * 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 { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import { type DiRender, renderFor } from "../test-utils/renderFor";
+import { DrawerParamToggler } from "./drawer-param-toggler";
+
+describe("<DrawerParamToggler />", () => {
+  let result: RenderResult;
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+    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/packages/core/src/renderer/components/drawer/drawer-param-toggler.tsx b/packages/core/src/renderer/components/drawer/drawer-param-toggler.tsx
new file mode 100644
index 0000000000..42d4c056e9
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer-param-toggler.tsx
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./drawer-param-toggler.scss";
+import React from "react";
+import { Icon } from "../icon";
+import { cssNames } from "../../utils";
+
+export interface DrawerParamTogglerProps {
+  label: string | number;
+  children: React.ReactNode | React.ReactNode[];
+}
+
+interface State {
+  open?: boolean;
+}
+export class DrawerParamToggler extends React.Component<DrawerParamTogglerProps, State> {
+  public state: State = {};
+
+  toggle = () => {
+    this.setState({ open: !this.state.open });
+  };
+
+  render() {
+    const { label, children } = this.props;
+    const { open } = this.state;
+    const icon = `arrow_drop_${open ? "up" : "down"}`;
+    const link = open ? `Hide` : `Show`;
+
+    return (
+      <div className="DrawerParamToggler">
+        <div className="flex gaps align-center params">
+          <div className="param-label">{label}</div>
+          <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 })}>
+          {open && children}
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/drawer/drawer-storage/drawer-storage.injectable.ts b/packages/core/src/renderer/components/drawer/drawer-storage/drawer-storage.injectable.ts
new file mode 100644
index 0000000000..88ce20801d
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer-storage/drawer-storage.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 createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+
+export const defaultDrawerWidth = 725;
+
+const drawerStorageInjectable = getInjectable({
+  id: "drawer-storage",
+
+  instantiate: (di) => {
+    const createStorage = di.inject(createStorageInjectable);
+
+    return createStorage("drawer", {
+      width: defaultDrawerWidth,
+    });
+  },
+});
+
+export default drawerStorageInjectable;
diff --git a/packages/core/src/renderer/components/drawer/drawer-title.module.css b/packages/core/src/renderer/components/drawer/drawer-title.module.css
new file mode 100644
index 0000000000..7a4be3ee34
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer-title.module.css
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.DrawerTitle {
+  margin: $margin * 3 (-$margin * 3);
+  background: var(--drawerSubtitleBackground);
+}
+
+.DrawerTitle.title {
+  padding: $padding * 1.5 $padding * 3;
+}
+
+.DrawerTitle.sub-title {
+  padding: $padding $padding * 2;
+}
diff --git a/packages/core/src/renderer/components/drawer/drawer-title.tsx b/packages/core/src/renderer/components/drawer/drawer-title.tsx
new file mode 100644
index 0000000000..d920a9cef9
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer-title.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 styles from "./drawer-title.module.css";
+import React from "react";
+import { cssNames } from "../../utils";
+
+export interface DrawerTitleProps {
+  className?: string;
+  children?: React.ReactNode;
+
+  /**
+   * @deprecated Prefer passing the value as `children`
+   */
+  title?: React.ReactNode;
+
+  /**
+   * Specifies how large this title is
+   *
+   * @default "title"
+   */
+  size?: "sub-title" | "title";
+}
+
+export function DrawerTitle({ className, children, size = "title" }: DrawerTitleProps) {
+  return (
+    <div
+      className={cssNames(styles.DrawerTitle, className, {
+        [styles.title]: size === "title",
+        [styles["sub-title"]]: size === "sub-title",
+      })}
+    >
+      {children}
+    </div>
+  );
+}
diff --git a/packages/core/src/renderer/components/drawer/drawer.scss b/packages/core/src/renderer/components/drawer/drawer.scss
new file mode 100644
index 0000000000..2ef81a82dc
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer.scss
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.Drawer {
+  --spacing: #{$padding * 3};
+  --icon-focus-color: white;
+
+  position: absolute;
+  background: var(--contentColor);
+  box-shadow: 0 0 $unit * 2 var(--boxShadow);
+  z-index: $zIndex-drawer;
+  height: 100%;
+
+  &.left {
+    left: 0;
+  }
+
+  &.right {
+    right: 0;
+  }
+
+  &.top {
+    top: 0;
+  }
+
+  &.bottom {
+    bottom: 0;
+  }
+
+  &.left,
+  &.right {
+    top: 0;
+    width: var(--size);
+    max-width: 95vw; /* Prevent drawer to be bigger than viewport */
+  }
+
+  &.top,
+  &.bottom {
+    left: 0;
+    width: 100%;
+    height: var(--size);
+  }
+
+  .drawer-wrapper {
+    height: 100%;
+    min-height: 100%;
+  }
+
+  .drawer-title {
+    background: var(--blue);
+    color: var(--drawerTitleText);
+    padding: $padding $padding * 2.5;
+    word-break: break-all;
+    position: relative;
+    min-height: 54px;
+
+    .drawer-title-text {
+      font-weight: bold;
+      flex-grow: 2;
+      padding-right: $padding;
+    }
+
+    .drawer-title-text .Icon {
+      opacity: 0;
+      font-weight: normal;
+      margin-left: 8px;
+    }
+
+    .drawer-title-text:hover .Icon {
+      opacity: 1;
+      transition: opacity 250ms;
+    }
+
+    .MenuActions.toolbar .Icon {
+      color: var(--drawerTitleText);
+    }
+
+    .Menu {
+      box-shadow: none;
+    }
+  }
+
+  .drawer-content {
+    overflow: auto;
+    padding: var(--spacing);
+
+    .Table .TableHead {
+      border-bottom: 1px solid var(--borderFaintColor);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/drawer/drawer.tsx b/packages/core/src/renderer/components/drawer/drawer.tsx
new file mode 100644
index 0000000000..7a87d1a47f
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/drawer.tsx
@@ -0,0 +1,257 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./drawer.scss";
+
+import React from "react";
+import { clipboard } from "electron";
+import { createPortal } from "react-dom";
+import type { SingleOrMany, StorageLayer } from "../../utils";
+import { cssNames, noop } from "../../utils";
+import { Icon } from "../icon";
+import type { AnimateName } from "../animate";
+import { Animate } from "../animate";
+import { ResizeDirection, ResizeGrowthDirection, ResizeSide, ResizingAnchor } from "../resizing-anchor";
+import drawerStorageInjectable, { defaultDrawerWidth } from "./drawer-storage/drawer-storage.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import historyInjectable from "../../navigation/history.injectable";
+import type { History } from "history";
+
+export type DrawerPosition = "top" | "left" | "right" | "bottom";
+
+export interface DrawerProps {
+  open: boolean;
+  title: React.ReactNode;
+
+  /**
+   * The width or heigh (depending on `position`) of the Drawer.
+   *
+   * If not set then the Drawer will be resizable.
+   */
+  size?: string; // e.g. 50%, 500px, etc.
+  usePortal?: boolean;
+  className?: string | object;
+  contentClass?: string | object;
+  position?: DrawerPosition;
+  animation?: AnimateName;
+  onClose?: () => void;
+  toolbar?: React.ReactNode;
+  children?: SingleOrMany<React.ReactNode>;
+  "data-testid"?: string;
+  testIdForClose?: string;
+}
+
+const defaultProps = {
+  position: "right",
+  animation: "slide-right",
+  usePortal: false,
+  onClose: noop,
+};
+
+interface State {
+  isCopied: boolean;
+  width: number;
+}
+
+export const resizingAnchorProps: Record<DrawerPosition, [ResizeDirection, ResizeSide, ResizeGrowthDirection]> = {
+  "right": [ResizeDirection.HORIZONTAL, ResizeSide.LEADING, ResizeGrowthDirection.RIGHT_TO_LEFT],
+  "left": [ResizeDirection.HORIZONTAL, ResizeSide.TRAILING, ResizeGrowthDirection.LEFT_TO_RIGHT],
+  "top": [ResizeDirection.VERTICAL, ResizeSide.TRAILING, ResizeGrowthDirection.TOP_TO_BOTTOM],
+  "bottom": [ResizeDirection.VERTICAL, ResizeSide.LEADING, ResizeGrowthDirection.BOTTOM_TO_TOP],
+};
+
+interface Dependencies {
+  history: History;
+  drawerStorage: StorageLayer<{ width: number }>;
+}
+
+class NonInjectedDrawer extends React.Component<DrawerProps & Dependencies & typeof defaultProps, State> {
+  static defaultProps = defaultProps as object;
+
+  private mouseDownTarget: HTMLElement | null = null;
+  private contentElem: HTMLElement | null = null;
+  private scrollElem: HTMLElement | null = null;
+  private scrollPos = new Map<string, number>();
+
+  private stopListenLocation = this.props.history.listen(() => {
+    this.restoreScrollPos();
+  });
+
+  public state = {
+    isCopied: false,
+    width: this.props.drawerStorage.get().width,
+  };
+
+  componentDidMount() {
+    // Using window target for events to make sure they will be catched after other places (e.g. Dialog)
+    window.addEventListener("mousedown", this.onMouseDown);
+    window.addEventListener("click", this.onClickOutside);
+    window.addEventListener("keydown", this.onEscapeKey);
+    window.addEventListener("click", this.fixUpTripleClick);
+  }
+
+  componentWillUnmount() {
+    this.stopListenLocation();
+    window.removeEventListener("mousedown", this.onMouseDown);
+    window.removeEventListener("click", this.onClickOutside);
+    window.removeEventListener("click", this.fixUpTripleClick);
+    window.removeEventListener("keydown", this.onEscapeKey);
+  }
+
+  resizeWidth = (width: number) => {
+    this.setState({ width });
+    this.props.drawerStorage.merge({ width });
+  };
+
+  fixUpTripleClick = (ev: MouseEvent) => {
+    // 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 && !isSelectingChildrenOfInputLabel) {
+        selection.selectAllChildren(selection.anchorNode.parentNode);
+      }
+    }
+  };
+
+  saveScrollPos = () => {
+    const key = this.props.history.location.key;
+
+    if (this.scrollElem && key) {
+      this.scrollPos.set(key, this.scrollElem.scrollTop);
+    }
+  };
+
+  restoreScrollPos = () => {
+    const key = this.props.history.location.key;
+
+    if (this.scrollElem && key) {
+      this.scrollElem.scrollTop = this.scrollPos.get(key) || 0;
+    }
+  };
+
+  onEscapeKey = (evt: KeyboardEvent) => {
+    if (!this.props.open) {
+      return;
+    }
+
+    if (evt.code === "Escape") {
+      this.close();
+    }
+  };
+
+  onClickOutside = (evt: MouseEvent) => {
+    const { contentElem, mouseDownTarget, close, props: { open }} = this;
+
+    if (!open || evt.defaultPrevented || contentElem?.contains(mouseDownTarget)) {
+      return;
+    }
+    const clickedElem = evt.target as HTMLElement;
+    const isOutsideAnyDrawer = !clickedElem.closest(".Drawer");
+
+    if (isOutsideAnyDrawer) {
+      close();
+    }
+    this.mouseDownTarget = null;
+  };
+
+  onMouseDown = (evt: MouseEvent) => {
+    if (this.props.open) {
+      this.mouseDownTarget = evt.target as HTMLElement;
+    }
+  };
+
+  close = () => {
+    const { open, onClose } = this.props;
+
+    if (open) onClose();
+  };
+
+  copyTitle = (title: string) => {
+    const itemName = title.split(":").splice(1).join(":") || title; // copy whole if no :
+
+    clipboard.writeText(itemName.trim());
+    this.setState({ isCopied: true });
+    setTimeout(() => {
+      this.setState({ isCopied: false });
+    }, 3000);
+  };
+
+  render() {
+    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";
+    const canCopyTitle = typeof title === "string" && title.length > 0;
+    const [direction, placement, growthDirection] = resizingAnchorProps[position];
+    const drawerSize = size || `${width}px`;
+
+    const drawer = (
+      <Animate name={animation} enter={open}>
+        <div
+          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">
+              <div className="drawer-title-text flex gaps align-center">
+                {title}
+                {canCopyTitle && (
+                  <Icon
+                    material={copyIcon}
+                    tooltip={copyTooltip}
+                    onClick={() => this.copyTitle(title)}
+                  />
+                )}
+              </div>
+              {toolbar}
+              <Icon
+                material="close"
+                tooltip="Close"
+                onClick={this.close}
+                data-testid={testIdForClose}
+              />
+            </div>
+            <div
+              className={cssNames("drawer-content flex column box grow", contentClass)}
+              onScroll={this.saveScrollPos}
+              ref={e => this.scrollElem = e}
+            >
+              {children}
+            </div>
+          </div>
+          {
+            !size && (
+              <ResizingAnchor
+                direction={direction}
+                placement={placement}
+                growthDirection={growthDirection}
+                getCurrentExtent={() => width}
+                onDrag={this.resizeWidth}
+                onDoubleClick={() => this.resizeWidth(defaultDrawerWidth)}
+                minExtent={300}
+                maxExtent={window.innerWidth * 0.9}
+              />
+            )
+          }
+        </div>
+      </Animate>
+    );
+
+    return usePortal ? createPortal(drawer, document.body) : drawer;
+  }
+}
+
+export const Drawer = withInjectables<Dependencies, DrawerProps>(NonInjectedDrawer as React.ElementType<DrawerProps & Dependencies>, {
+  getProps: (di, props) => ({
+    ...props,
+    history: di.inject(historyInjectable),
+    drawerStorage: di.inject(drawerStorageInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/drawer/index.ts b/packages/core/src/renderer/components/drawer/index.ts
new file mode 100644
index 0000000000..67fb08b65b
--- /dev/null
+++ b/packages/core/src/renderer/components/drawer/index.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 * from "./drawer";
+export * from "./drawer-title";
+export * from "./drawer-item";
+export * from "./drawer-item-labels";
+export * from "./drawer-param-toggler";
diff --git a/packages/core/src/renderer/components/dropdown/dropdown.tsx b/packages/core/src/renderer/components/dropdown/dropdown.tsx
new file mode 100644
index 0000000000..40efd877c6
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/duration/reactive-duration.tsx b/packages/core/src/renderer/components/duration/reactive-duration.tsx
new file mode 100644
index 0000000000..42a6b0949b
--- /dev/null
+++ b/packages/core/src/renderer/components/duration/reactive-duration.tsx
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observer } from "mobx-react";
+import React from "react";
+import { formatDuration } from "../../utils";
+import { reactiveNow } from "../../../common/utils/reactive-now/reactive-now";
+
+export interface ReactiveDurationProps {
+  timestamp: string | undefined;
+
+  /**
+   * Whether the display string should prefer length over precision
+   * @default true
+   */
+  compact?: boolean;
+}
+
+const everySecond = 1000;
+const everyMinute = 60 * 1000;
+
+/**
+ * This function computes a resonable update interval, matching `formatDuration`'s rules on when to display seconds
+ */
+function computeUpdateInterval(creationTimestampEpoch: number, compact: boolean): number {
+  const seconds = Math.floor((Date.now() - creationTimestampEpoch) / 1000);
+  const minutes = Math.floor(seconds / 60);
+
+  if (minutes < 10) {
+    return everySecond;
+  }
+
+  if (compact) {
+    return everyMinute;
+  }
+
+  if (minutes < (60 * 3)) {
+    return everySecond;
+  }
+
+  return everyMinute;
+}
+
+export const ReactiveDuration = observer(({ timestamp, compact = true }: ReactiveDurationProps) => {
+  if (!timestamp) {
+    return <>{"<unknown>"}</>;
+  }
+
+  const timestampSeconds = new Date(timestamp).getTime();
+
+  return (
+    <>
+      {formatDuration(reactiveNow(computeUpdateInterval(timestampSeconds, compact)) - timestampSeconds, compact)}
+    </>
+  );
+});
diff --git a/packages/core/src/renderer/components/editable-list/editable-list.scss b/packages/core/src/renderer/components/editable-list/editable-list.scss
new file mode 100644
index 0000000000..089c92bce0
--- /dev/null
+++ b/packages/core/src/renderer/components/editable-list/editable-list.scss
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.EditableList {
+  --gradientColor: var(--colorVague);
+
+  .el-contents {
+    display: flex;
+    background-color: var(--colorVague);
+    color: var(--textColorSecondary);
+    border-radius: $radius;
+    flex-direction: column;
+
+    &:not(:empty) {
+      margin: $padding 0px;
+    }
+
+    .el-value-remove {
+      .Icon {
+        justify-content: unset;
+      }
+    }
+
+    .el-item {
+      display: flex;
+      flex-direction: row;
+      padding: $padding 0;
+      margin-bottom: 1px;
+
+      .el-value-container {
+        position: relative;
+        max-width: calc(100% - 29px);
+        align-self: center;
+
+        &::before, &::after {
+          content: ' ';
+          position: absolute;
+          z-index: 20;
+          display: block;
+          width: 8px;
+          height: var(--font-size);
+        }
+
+        &::before {
+          left: 0px;
+          top: 0px;
+          background: linear-gradient(to right, var(--gradientColor) 0px, transparent);
+        }
+
+        &::after {
+          right: 0px;
+          top: 0px;
+          background: linear-gradient(to left, var(--gradientColor) 0px, transparent);
+        }
+      }
+
+      .el-value {
+        white-space: nowrap;
+        overflow: scroll!important;
+        text-overflow: unset!important;
+        padding-left: 8px;
+        padding-right: 8px;
+
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
+    }
+
+    :last-child {
+      margin-bottom: unset;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/editable-list/editable-list.tsx b/packages/core/src/renderer/components/editable-list/editable-list.tsx
new file mode 100644
index 0000000000..48d19a7006
--- /dev/null
+++ b/packages/core/src/renderer/components/editable-list/editable-list.tsx
@@ -0,0 +1,88 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./editable-list.scss";
+
+import { observer } from "mobx-react";
+import React from "react";
+
+import { Icon } from "../icon";
+import type { InputProps, InputValidator } from "../input";
+import { Input } from "../input";
+import { autoBind } from "../../utils";
+import type { SingleOrMany } from "../../utils";
+
+export interface EditableListProps<T> {
+  items: T[];
+  add: (newItem: string) => void;
+  remove: (info: { oldItem: T; index: number }) => void;
+  placeholder?: string;
+  validators?: SingleOrMany<InputValidator<boolean>>;
+
+  // An optional prop used to convert T to a displayable string
+  // defaults to `String`
+  renderItem?: (item: T, index: number) => React.ReactNode;
+  inputTheme?: InputProps["theme"];
+}
+
+const defaultProps = {
+  placeholder: "Add new item...",
+  renderItem: (item: any, index: number) => <React.Fragment key={index}>{item}</React.Fragment>,
+  inputTheme: "round",
+};
+
+@observer
+class DefaultedEditableList<T> extends React.Component<EditableListProps<T> & typeof defaultProps> {
+  static defaultProps = defaultProps as EditableListProps<any>;
+
+  constructor(props: EditableListProps<T> & typeof defaultProps) {
+    super(props);
+    autoBind(this);
+  }
+
+  onSubmit(val: string, evt: React.KeyboardEvent) {
+    if (val) {
+      evt.preventDefault();
+      this.props.add(val);
+    }
+  }
+
+  render() {
+    const { items, remove, renderItem, placeholder, validators, inputTheme } = this.props;
+
+    return (
+      <div className="EditableList">
+        <div className="el-header">
+          <Input
+            theme={inputTheme}
+            onSubmit={this.onSubmit}
+            validators={validators}
+            placeholder={placeholder}
+            blurOnEnter={false}
+            iconRight={({ isDirty }) => isDirty ? <Icon material="keyboard_return" size={16} /> : null}
+          />
+        </div>
+        <div className="el-contents">
+          {
+            items.map((item, index) => (
+              <div key={`${item}${index}`} className="el-item">
+                <div className="el-value-container">
+                  <div className="el-value">{renderItem(item, index)}</div>
+                </div>
+                <div className="el-value-remove">
+                  <Icon material="delete_outline" onClick={() => remove(({ index, oldItem: item }))} />
+                </div>
+              </div>
+            ))
+          }
+        </div>
+      </div>
+    );
+  }
+}
+
+export function EditableList<T>(props: EditableListProps<T>) {
+  return <DefaultedEditableList {...props as object}/>;
+}
diff --git a/packages/core/src/renderer/components/editable-list/index.ts b/packages/core/src/renderer/components/editable-list/index.ts
new file mode 100644
index 0000000000..11344dc8e3
--- /dev/null
+++ b/packages/core/src/renderer/components/editable-list/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./editable-list";
diff --git a/packages/core/src/renderer/components/error-boundary/error-boundary.scss b/packages/core/src/renderer/components/error-boundary/error-boundary.scss
new file mode 100644
index 0000000000..b68ab5878f
--- /dev/null
+++ b/packages/core/src/renderer/components/error-boundary/error-boundary.scss
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ErrorBoundary {
+  --flex-gap: #{$padding * 2};
+
+  padding: var(--flex-gap);
+  word-break: break-all;
+
+  .wrapper {
+    display: grid;
+    grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
+    column-gap: 12px;
+    row-gap: 12px;
+
+    @media screen and (max-width: 900px) {
+      grid-template-columns: auto;
+    }
+  }
+
+  code {
+    max-height: none;
+    border: 5px solid var(--borderFaintColor);
+    white-space: pre-wrap;
+    background: var(--contentColor);
+    color: var(--textColorSecondary);
+  }
+
+  a {
+    color: var(--colorInfo);
+  }
+}
diff --git a/packages/core/src/renderer/components/error-boundary/error-boundary.tsx b/packages/core/src/renderer/components/error-boundary/error-boundary.tsx
new file mode 100644
index 0000000000..75e5cf4689
--- /dev/null
+++ b/packages/core/src/renderer/components/error-boundary/error-boundary.tsx
@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./error-boundary.scss";
+
+import type { ErrorInfo } from "react";
+import React from "react";
+import { observer } from "mobx-react";
+import { Button } from "../button";
+import { issuesTrackerUrl, slackUrl } from "../../../common/vars";
+import type { SingleOrMany } from "../../utils";
+import type { ObservableHistory } from "mobx-observable-history";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import observableHistoryInjectable from "../../navigation/observable-history.injectable";
+
+export interface ErrorBoundaryProps {
+  children?: SingleOrMany<React.ReactNode>;
+}
+
+interface State {
+  error?: Error;
+  errorInfo?: ErrorInfo;
+}
+
+interface Dependencies {
+  observableHistory: ObservableHistory<unknown>;
+}
+
+@observer
+class NonInjectedErrorBoundary extends React.Component<ErrorBoundaryProps & Dependencies, State> {
+  public state: State = {};
+
+  componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+    this.setState({ error, errorInfo });
+  }
+
+  back = () => {
+    this.setState({ error: undefined, errorInfo: undefined });
+    this.props.observableHistory.goBack();
+  };
+
+  render() {
+    const { error, errorInfo } = this.state;
+
+    if (error) {
+      return (
+        <div className="ErrorBoundary flex column gaps">
+          <h5>
+            {"App crash at "}
+            <span className="contrast">{location.pathname}</span>
+          </h5>
+          <p>
+
+            {"To help us improve the product please report bugs to "}
+            <a
+              href={slackUrl}
+              rel="noreferrer"
+              target="_blank"
+            >
+              Slack
+            </a>
+            {" community or "}
+            <a
+              href={issuesTrackerUrl}
+              rel="noreferrer"
+              target="_blank"
+            >
+              Github
+            </a>
+            {" issues tracker."}
+          </p>
+          <div className="wrapper">
+            <code className="block">
+              <p className="contrast">Component stack:</p>
+              {errorInfo?.componentStack}
+            </code>
+            <code className="block">
+              <p className="contrast">Error stack:</p>
+              {error.stack}
+            </code>
+          </div>
+          <Button
+            className="box self-flex-start"
+            primary
+            label="Back"
+            onClick={this.back}
+          />
+        </div>
+      );
+    }
+
+    return this.props.children;
+  }
+}
+
+export const ErrorBoundary = withInjectables<Dependencies, ErrorBoundaryProps>(NonInjectedErrorBoundary, {
+  getProps: (di, props) => ({
+    ...props,
+    observableHistory: di.inject(observableHistoryInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/error-boundary/index.ts b/packages/core/src/renderer/components/error-boundary/index.ts
new file mode 100644
index 0000000000..49746a7b25
--- /dev/null
+++ b/packages/core/src/renderer/components/error-boundary/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./error-boundary";
diff --git a/packages/core/src/renderer/components/file-picker/file-picker.scss b/packages/core/src/renderer/components/file-picker/file-picker.scss
new file mode 100644
index 0000000000..91e71b259f
--- /dev/null
+++ b/packages/core/src/renderer/components/file-picker/file-picker.scss
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.FilePicker {
+  input[type="file"] {
+    display: none;
+  }
+
+  label {
+    display: inline-flex;
+    cursor: pointer;
+    color: var(--blue);
+  }
+}
diff --git a/packages/core/src/renderer/components/file-picker/file-picker.tsx b/packages/core/src/renderer/components/file-picker/file-picker.tsx
new file mode 100644
index 0000000000..df5ea38a0d
--- /dev/null
+++ b/packages/core/src/renderer/components/file-picker/file-picker.tsx
@@ -0,0 +1,235 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./file-picker.scss";
+
+import React from "react";
+import fse from "fs-extra";
+import path from "path";
+import { Icon } from "../icon";
+import { Spinner } from "../spinner";
+import { observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import _ from "lodash";
+
+export interface FileUploadProps {
+    uploadDir: string;
+    rename?: boolean;
+    handler(path: string[]): void;
+}
+
+export interface MemoryUseProps {
+    handler(file: File[]): void;
+}
+
+enum FileInputStatus {
+  CLEAR = "clear",
+  PROCESSING = "processing",
+  ERROR = "error",
+}
+
+export enum OverLimitStyle {
+  REJECT = "reject",
+  CAP = "cap",
+}
+
+export enum OverSizeLimitStyle {
+  REJECT = "reject",
+  FILTER = "filter",
+}
+
+export enum OverTotalSizeLimitStyle {
+  REJECT = "reject",
+  FILTER_LAST = "filter-last",
+  FILTER_LARGEST = "filter-largest",
+}
+
+export interface BaseProps {
+    accept?: string;
+    label: React.ReactNode;
+    multiple?: boolean;
+
+    // limit is the optional maximum number of files to upload
+    // the larger number is upper limit, the lower is lower limit
+    // the lower limit is capped at 0 and the upper limit is capped at Infinity
+    limit?: [number, number];
+
+    // default is "Reject"
+    onOverLimit?: OverLimitStyle;
+
+    // individual files are checked before the total size.
+    maxSize?: number;
+    // default is "Reject"
+    onOverSizeLimit?: OverSizeLimitStyle;
+
+    maxTotalSize?: number;
+    // default is "Reject"
+    onOverTotalSizeLimit?: OverTotalSizeLimitStyle;
+}
+
+export type FilePickerProps = BaseProps & (MemoryUseProps | FileUploadProps);
+
+const defaultProps = {
+  maxSize: Infinity,
+  onOverSizeLimit: OverSizeLimitStyle.REJECT,
+  maxTotalSize: Infinity,
+  onOverLimit: OverLimitStyle.REJECT,
+  onOverTotalSizeLimit: OverTotalSizeLimitStyle.REJECT,
+};
+
+@observer
+class DefaultedFilePicker extends React.Component<FilePickerProps & typeof defaultProps> {
+  static defaultProps = defaultProps as Object;
+
+  @observable status = FileInputStatus.CLEAR;
+  @observable errorText?: string;
+
+  constructor(props: FilePickerProps & typeof defaultProps) {
+    super(props);
+    makeObservable(this);
+  }
+
+  handleFileCount(files: File[]): File[] {
+    const { limit: [minLimit, maxLimit] = [0, Infinity], onOverLimit } = this.props;
+
+    if (files.length > maxLimit) {
+      switch (onOverLimit) {
+        case OverLimitStyle.CAP:
+          files.length = maxLimit;
+          break;
+        case OverLimitStyle.REJECT:
+          throw `Too many files. Expected at most ${maxLimit}. Got ${files.length}.`;
+      }
+    }
+
+    if (files.length < minLimit) {
+      throw `Too many files. Expected at most ${maxLimit}. Got ${files.length}.`;
+    }
+
+    return files;
+  }
+
+  handleIndividualFileSizes(files: File[]): File[] {
+    const { onOverSizeLimit, maxSize } = this.props;
+
+    switch (onOverSizeLimit) {
+      case OverSizeLimitStyle.FILTER:
+        return files.filter(file => file.size <= maxSize );
+
+      case OverSizeLimitStyle.REJECT: {
+        const firstFileToLarge = files.find(file => file.size > maxSize);
+
+        if (firstFileToLarge) {
+          throw `${firstFileToLarge.name} is too large. Maximum size is ${maxSize}. Has size of ${firstFileToLarge.size}`;
+        }
+
+        return files;
+      }
+    }
+  }
+
+  handleTotalFileSizes(files: File[]): File[] {
+    const { maxTotalSize, onOverTotalSizeLimit } = this.props;
+
+    const totalSize = _.sum(files.map(f => f.size));
+
+    if (totalSize <= maxTotalSize) {
+      return files;
+    }
+
+    switch (onOverTotalSizeLimit) {
+      case OverTotalSizeLimitStyle.FILTER_LARGEST:
+        files = _.orderBy(files, ["size"]);
+
+        // fallthrough
+      case OverTotalSizeLimitStyle.FILTER_LAST: {
+        let newTotalSize = totalSize;
+
+        for (let file = files.pop(); file; file = files.pop()) {
+          newTotalSize -= file.size;
+
+          if (newTotalSize <= maxTotalSize) {
+            break;
+          }
+        }
+
+        return files;
+      }
+      case OverTotalSizeLimitStyle.REJECT:
+        throw `Total file size to upload is too large. Expected at most ${maxTotalSize}. Found ${totalSize}.`;
+    }
+  }
+
+  async handlePickFiles(selectedFiles: FileList | null) {
+    const files = Array.from(selectedFiles ?? []);
+
+    try {
+      const numberLimitedFiles = this.handleFileCount(files);
+      const sizeLimitedFiles = this.handleIndividualFileSizes(numberLimitedFiles);
+      const totalSizeLimitedFiles = this.handleTotalFileSizes(sizeLimitedFiles);
+
+      if ("uploadDir" in this.props) {
+        const { uploadDir } = this.props;
+
+        this.status = FileInputStatus.PROCESSING;
+
+        const paths: string[] = [];
+        const promises = totalSizeLimitedFiles.map(async file => {
+          const destinationPath = path.join(uploadDir, file.name);
+
+          paths.push(destinationPath);
+
+          return fse.copyFile(file.path, destinationPath);
+        });
+
+        await Promise.all(promises);
+        this.props.handler(paths);
+        this.status = FileInputStatus.CLEAR;
+      } else {
+        this.props.handler(totalSizeLimitedFiles);
+      }
+    } catch (errorText) {
+      this.status = FileInputStatus.ERROR;
+      this.errorText = String(errorText);
+
+      return;
+    }
+  }
+
+  render() {
+    const { accept, label, multiple } = this.props;
+
+    return (
+      <div className="FilePicker">
+        <label className="flex gaps align-center" htmlFor="file-upload">
+          {label}
+          {" "}
+          {this.getIconRight()}
+        </label>
+        <input
+          id="file-upload"
+          name="FilePicker"
+          type="file"
+          accept={accept}
+          multiple={multiple}
+          onChange={(event) => this.handlePickFiles(event.target.files)}
+        />
+      </div>
+    );
+  }
+
+  getIconRight(): React.ReactNode {
+    switch (this.status) {
+      case FileInputStatus.PROCESSING:
+        return <Spinner />;
+      case FileInputStatus.ERROR:
+        return <Icon material="error" tooltip={this.errorText} />;
+      default:
+        return null;
+    }
+  }
+}
+
+export const FilePicker = (props: FilePickerProps) => <DefaultedFilePicker {...(props as FilePickerProps & typeof defaultProps)} />;
diff --git a/packages/core/src/renderer/components/file-picker/index.ts b/packages/core/src/renderer/components/file-picker/index.ts
new file mode 100644
index 0000000000..fbe0375230
--- /dev/null
+++ b/packages/core/src/renderer/components/file-picker/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./file-picker";
diff --git a/packages/core/src/renderer/components/flexbox.scss b/packages/core/src/renderer/components/flexbox.scss
new file mode 100644
index 0000000000..5ebad45641
--- /dev/null
+++ b/packages/core/src/renderer/components/flexbox.scss
@@ -0,0 +1,114 @@
+//-- Flexbox
+.flex {
+  display: flex;
+
+  &.inline {
+    display: inline-flex;
+  }
+
+  &.fullsize {
+    width: 100vw;
+    height: 100vh;
+  }
+
+  &.column {
+    flex-direction: column;
+    &.reverse {
+      flex-direction: column-reverse;
+    }
+  }
+
+  &.reverse {
+    flex-direction: row-reverse;
+  }
+
+  &.wrap {
+    flex-wrap: wrap;
+    &-reverse {
+      flex-wrap: wrap-reverse;
+    }
+  }
+
+  &.auto {
+    > * {
+      flex: 1 1 0%;
+    }
+  }
+
+  &.center {
+    > * {
+      margin: auto;
+    }
+  }
+
+  $flex: flex-start flex-end center;
+  $justifyContent: join($flex, space-around space-between);
+  $alignContent: join($justifyContent, stretch);
+  $alignItems: join($flex, stretch baseline);
+
+  // align items in x-axis for flex=row (default) and in y-axis when flex=column mode
+  @each $mod in $justifyContent {
+    &.justify-#{$mod} {
+      justify-content: $mod;
+    }
+  }
+
+  @each $mod in $alignItems {
+    &.align-#{$mod} {
+      align-items: $mod;
+    }
+  }
+  @each $mod in $alignContent {
+    &.content-#{$mod} {
+      align-content: $mod;
+    }
+  }
+
+  // gaps
+  &.gaps {
+    $gap: var(--flex-gap, 1em);
+    &.column {
+      &:not(.reverse) > :not(:last-child) {
+        margin-bottom: $gap;
+      }
+      &.reverse > :not(:last-child) {
+        margin-top: $gap;
+      }
+    }
+    &:not(.column) {
+      &:not(.reverse) > :not(:last-child) {
+        margin-right: $gap;
+      }
+      &.reverse > :not(:last-child) {
+        margin-left: $gap;
+      }
+    }
+  }
+
+  // children
+  > .box {
+    &.grow {
+      flex: 1 0;
+      &-fixed {
+        flex: 1 0 0;
+      }
+    }
+    &.center {
+      margin: auto;
+    }
+    &.left {
+      margin-left: 0;
+      margin-right: auto;
+    }
+    &.right {
+      margin-right: 0;
+      margin-left: auto;
+    }
+
+    @each $mod in $alignItems {
+      &.self-#{$mod} {
+        align-self: $mod;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/fonts.scss b/packages/core/src/renderer/components/fonts.scss
new file mode 100644
index 0000000000..40f9e9625b
--- /dev/null
+++ b/packages/core/src/renderer/components/fonts.scss
@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// App's main font
+// Downloaded from: https://fonts.google.com/specimen/Roboto
+@font-face {
+  font-family: "Roboto";
+  src: url("../fonts/Roboto-Light.ttf") format("truetype");
+  font-display: swap;
+  font-weight: 300; // "light"
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
+  font-display: swap;
+  font-weight: 300; // "light" + italic
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
+  font-display: swap;
+  font-weight: 400; // "normal"
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
+  font-display: swap;
+  font-weight: 700; // "bold"
+}
+
+
+// Icon fonts, see: `icon.tsx`
+// Latest version for manual update: https://github.com/google/material-design-icons/tree/master/font
+@font-face {
+  font-family: "Material Icons";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../fonts/MaterialIcons-Regular.ttf") format("truetype");
+}
+
+
+// Terminal fonts (monospaced)
+// Source: https://fonts.google.com/?category=Monospace
+@font-face {
+  font-family: "Anonymous Pro";
+  src: local("Anonymous Pro"), url("../fonts/AnonymousPro-Regular.ttf") format("truetype");
+  font-display: block;
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  src: local("IBM Plex Mono"), url("../fonts/IBMPlexMono-Regular.ttf") format("truetype");
+  font-display: block;
+}
+
+@font-face {
+  font-family: "JetBrains Mono";
+  src: local("JetBrains Mono"), url("../fonts/JetBrainsMono-Regular.ttf") format("truetype");
+  font-display: block;
+}
+
+@font-face {
+  font-family: "Red Hat Mono";
+  src: local("Red Hat Mono"), url("../fonts/RedHatMono-Regular.ttf") format("truetype");
+  font-display: block;
+}
+
+
+@font-face {
+  font-family: "Source Code Pro";
+  src: local("Source Code Pro"), url("../fonts/SourceCodePro-Regular.ttf") format("truetype");
+  font-display: block;
+}
+
+@font-face {
+  font-family: "Space Mono";
+  src: local("Space Mono"), url("../fonts/SpaceMono-Regular.ttf") format("truetype");
+  font-display: block;
+}
+
+@font-face {
+  font-family: "Ubuntu Mono";
+  src: local("Ubuntu Mono"), url("../fonts/UbuntuMono-Regular.ttf") format("truetype");
+  font-display: block;
+}
+
+// Patched RobotoMono font with icons
+// RobotoMono Windows Compatible for using in terminal
+// https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/RobotoMono
+@font-face {
+  font-family: "RobotoMono";
+  src: local("RobotoMono"), url("../fonts/Roboto-Mono-nerd.ttf") format("truetype");
+  font-display: block;
+}
diff --git a/packages/core/src/renderer/components/gutter/gutter.module.scss b/packages/core/src/renderer/components/gutter/gutter.module.scss
new file mode 100644
index 0000000000..2671090f19
--- /dev/null
+++ b/packages/core/src/renderer/components/gutter/gutter.module.scss
@@ -0,0 +1,15 @@
+@mixin gutterSize(
+  $sizeName,
+  $size
+) {
+  .size-#{$sizeName} {
+    min-width: $size;
+    min-height: $size;
+  }
+}
+
+$baseline: 8px;
+
+@include gutterSize('sm', 2 * $baseline);
+@include gutterSize('md', 3 * $baseline);
+@include gutterSize('xl', 5 * $baseline);
diff --git a/packages/core/src/renderer/components/gutter/gutter.tsx b/packages/core/src/renderer/components/gutter/gutter.tsx
new file mode 100644
index 0000000000..c0fce2b6ba
--- /dev/null
+++ b/packages/core/src/renderer/components/gutter/gutter.tsx
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { cssNames } from "../../utils";
+import styles from "./gutter.module.scss";
+
+interface GutterProps {
+  size?: "sm" | "md" | "xl";
+}
+
+const Gutter = ({ size = "md" }: GutterProps) => {
+  const classNames = cssNames(styles[`size-${size}`]);
+
+  return <div className={classNames} />;
+};
+
+
+export default Gutter;
diff --git a/packages/core/src/renderer/components/horizontal-line/horizontal-line.module.scss b/packages/core/src/renderer/components/horizontal-line/horizontal-line.module.scss
new file mode 100644
index 0000000000..91dc5106d3
--- /dev/null
+++ b/packages/core/src/renderer/components/horizontal-line/horizontal-line.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.
+ */
+
+.HorizontalLine {
+  height: 1px;
+  border-top: thin solid var(--hrColor);
+}
+
+@mixin horizontalLineSize(
+  $sizeName,
+  $size
+) {
+  .size-#{$sizeName} {
+  margin-top: $size;
+  margin-bottom: $size;
+  }
+}
+
+$baseline: 8px;
+
+@include horizontalLineSize('sm', 2 * $baseline);
+@include horizontalLineSize('md', 3 * $baseline);
+@include horizontalLineSize('xl', 5 * $baseline);
diff --git a/packages/core/src/renderer/components/horizontal-line/horizontal-line.tsx b/packages/core/src/renderer/components/horizontal-line/horizontal-line.tsx
new file mode 100644
index 0000000000..107a269b35
--- /dev/null
+++ b/packages/core/src/renderer/components/horizontal-line/horizontal-line.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 styles from "./horizontal-line.module.scss";
+import { cssNames } from "../../utils";
+
+interface HorizontalLineProps {
+  size?: "sm" | "md" | "xl";
+}
+
+export const HorizontalLine = ({ size = "xl" }: HorizontalLineProps = { size: "xl" }) => {
+  const classNames = cssNames(styles.HorizontalLine, styles[`size-${size}`]);
+
+  return <div className={classNames} />;
+};
diff --git a/packages/core/src/renderer/components/hotbar/__tests__/hotbar-remove-command.test.tsx b/packages/core/src/renderer/components/hotbar/__tests__/hotbar-remove-command.test.tsx
new file mode 100644
index 0000000000..a481db2d3b
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/__tests__/hotbar-remove-command.test.tsx
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "@testing-library/jest-dom/extend-expect";
+import { HotbarRemoveCommand } from "../hotbar-remove-command";
+import { fireEvent } from "@testing-library/react";
+import React from "react";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+import hotbarStoreInjectable from "../../../../common/hotbars/store.injectable";
+import { ConfirmDialog } from "../../confirm-dialog";
+import directoryForUserDataInjectable from "../../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import type { HotbarStore } from "../../../../common/hotbars/store";
+import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
+
+const mockHotbars: Partial<Record<string, any>> = {
+  "1": {
+    id: "1",
+    name: "Default",
+    items: [],
+  },
+};
+
+describe("<HotbarRemoveCommand />", () => {
+  let di: DiContainer;
+  let render: DiRender;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+
+    render = renderFor(di);
+  });
+
+  it("renders w/o errors", () => {
+    di.override(hotbarStoreInjectable, () => ({
+      hotbars: [mockHotbars["1"]],
+      getById: (id: string) => mockHotbars[id],
+      remove: () => {
+      },
+      hotbarIndex: () => 0,
+      getDisplayLabel: () => "1: Default",
+    }) as unknown as HotbarStore);
+
+    const { container } = render(<HotbarRemoveCommand />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("calls remove if you click on the entry", () => {
+    const removeMock = jest.fn();
+
+    di.override(hotbarStoreInjectable, () => ({
+      hotbars: [mockHotbars["1"]],
+      getById: (id: string) => mockHotbars[id],
+      remove: removeMock,
+      hotbarIndex: () => 0,
+      getDisplayLabel: () => "1: Default",
+    }) as unknown as HotbarStore);
+
+    const { getByText } = render(
+      <>
+        <HotbarRemoveCommand />
+        <ConfirmDialog />
+      </>,
+    );
+
+    fireEvent.click(getByText("1: Default"));
+    fireEvent.click(getByText("Remove Hotbar"));
+
+    expect(removeMock).toHaveBeenCalled();
+  });
+});
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-add-command.tsx b/packages/core/src/renderer/components/hotbar/hotbar-add-command.tsx
new file mode 100644
index 0000000000..3fd261b213
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-add-command.tsx
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { InputValidator } from "../input";
+import { Input } from "../input";
+import type { CreateHotbarData, CreateHotbarOptions } from "../../../common/hotbars/types";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import commandOverlayInjectable from "../command-palette/command-overlay.injectable";
+import uniqueHotbarNameInjectable from "../input/validators/unique-hotbar-name.injectable";
+import addHotbarInjectable from "../../../common/hotbars/add-hotbar.injectable";
+
+interface Dependencies {
+  closeCommandOverlay: () => void;
+  addHotbar: (data: CreateHotbarData, opts: CreateHotbarOptions) => void;
+  uniqueHotbarName: InputValidator<boolean>;
+}
+
+const NonInjectedHotbarAddCommand = observer(({ closeCommandOverlay, addHotbar, uniqueHotbarName }: Dependencies) => {
+  const onSubmit = (name: string) => {
+    if (!name.trim()) {
+      return;
+    }
+
+    addHotbar({ name }, { setActive: true });
+    closeCommandOverlay();
+  };
+
+  return (
+    <>
+      <Input
+        placeholder="Hotbar name"
+        autoFocus={true}
+        theme="round-black"
+        data-test-id="command-palette-hotbar-add-name"
+        validators={uniqueHotbarName}
+        onSubmit={onSubmit}
+        dirty={true}
+        showValidationLine={true}
+      />
+      <small className="hint">
+        Please provide a new hotbar name (Press &quot;Enter&quot; to confirm or &quot;Escape&quot; to cancel)
+      </small>
+    </>
+  );
+});
+
+export const HotbarAddCommand = withInjectables<Dependencies>(NonInjectedHotbarAddCommand, {
+  getProps: (di, props) => ({
+    closeCommandOverlay: di.inject(commandOverlayInjectable).close,
+    addHotbar: di.inject(addHotbarInjectable),
+    uniqueHotbarName: di.inject(uniqueHotbarNameInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-cell.tsx b/packages/core/src/renderer/components/hotbar/hotbar-cell.tsx
new file mode 100644
index 0000000000..90dfc49000
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-cell.tsx
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import "./hotbar-menu.scss";
+
+import type { HTMLAttributes, ReactNode } from "react";
+import React, { useState } from "react";
+
+import { cssNames } from "../../utils";
+
+export interface HotbarCellProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+  index: number;
+  innerRef?: React.Ref<HTMLDivElement>;
+}
+
+export function HotbarCell({ innerRef, children, className, ...rest }: HotbarCellProps) {
+  const [animating, setAnimating] = useState(false);
+  const onAnimationEnd = () => { setAnimating(false); };
+  const onClick = () => {
+    setAnimating(!className?.includes("isDraggingOver"));
+  };
+
+  return (
+    <div
+      className={cssNames("HotbarCell", { animating }, className)}
+      onAnimationEnd={onAnimationEnd}
+      onClick={onClick}
+      ref={innerRef}
+      {...rest}
+    >
+      {children}
+    </div>
+  );
+}
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.module.scss b/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.module.scss
new file mode 100644
index 0000000000..94684d5ab5
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.module.scss
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.led {
+  position: absolute;
+  left: 3px;
+  top: 3px;
+  background-color: var(--layoutBackground);
+  border: 1px solid var(--clusterMenuBackground);
+  border-radius: 50%;
+  padding: 0px;
+  width: 8px;
+  height: 8px;
+
+  &.online {
+    background-color: var(--primary);
+    box-shadow: 0 0 5px var(--clusterMenuBackground), 0 0 5px var(--primary);
+  }
+}
+
+.badge {
+  position: absolute;
+  right: -2px;
+  bottom: -3px;
+  margin: -8px;
+  font-size: var(--font-size-small);
+  background: var(--clusterMenuBackground);
+  color: var(--textColorAccent);
+  padding: 0px;
+  border-radius: 50%;
+  border: 2px solid var(--clusterMenuBackground);
+  width: 15px;
+  height: 15px;
+
+  svg {
+    width: 13px;
+  }
+}
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.tsx b/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.tsx
new file mode 100644
index 0000000000..b3f635acb5
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.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 styles from "./hotbar-entity-icon.module.scss";
+
+import React from "react";
+import type { IComputedValue } from "mobx";
+import { observable } from "mobx";
+import { observer } from "mobx-react";
+
+import type { CatalogCategoryRegistry, CatalogEntity, CatalogEntityContextMenu } from "../../../common/catalog";
+import type { IClassName } from "../../utils";
+import { cssNames } from "../../utils";
+import { Icon } from "../icon";
+import { HotbarIcon } from "./hotbar-icon";
+import { LensKubernetesClusterStatus } from "../../../common/catalog-entities/kubernetes-cluster";
+import type { VisitEntityContextMenu } from "../../../common/catalog/visit-entity-context-menu.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import catalogCategoryRegistryInjectable from "../../../common/catalog/category-registry.injectable";
+import visitEntityContextMenuInjectable from "../../../common/catalog/visit-entity-context-menu.injectable";
+import activeEntityInjectable from "../../api/catalog/entity/active.injectable";
+import type { Navigate } from "../../navigation/navigate.injectable";
+import navigateInjectable from "../../navigation/navigate.injectable";
+
+export interface HotbarEntityIconProps {
+  entity: CatalogEntity;
+  index: number;
+  errorClass?: IClassName;
+  add: (item: CatalogEntity, index: number) => void;
+  remove: (uid: string) => void;
+  size?: number;
+  onClick?: () => void;
+  className?: string;
+}
+
+interface Dependencies {
+  visitEntityContextMenu: VisitEntityContextMenu;
+  catalogCategoryRegistry: CatalogCategoryRegistry;
+  activeEntity: IComputedValue<CatalogEntity | undefined>;
+  navigate: Navigate;
+}
+
+@observer
+class NonInjectedHotbarEntityIcon extends React.Component<HotbarEntityIconProps & Dependencies> {
+  private readonly menuItems = observable.array<CatalogEntityContextMenu>();
+
+  private renderKindIcon() {
+    const className = styles.badge;
+    const category = this.props.catalogCategoryRegistry.getCategoryForEntity(this.props.entity);
+
+    if (!category) {
+      return <Icon material="bug_report" className={className} />;
+    }
+
+    if (Icon.isSvg(category.metadata.icon)) {
+      return <Icon svg={category.metadata.icon} className={className} />;
+    }
+
+    return <Icon material={category.metadata.icon} className={className} />;
+  }
+
+  private renderLedIcon() {
+    if (this.props.entity.kind !== "KubernetesCluster") {
+      return null;
+    }
+
+    return (
+      <div
+        className={cssNames(styles.led, {
+          // TODO: make it more generic
+          [styles.online]: this.props.entity.status.phase === LensKubernetesClusterStatus.CONNECTED,
+        })}
+      />
+    );
+  }
+
+  isActive(item: CatalogEntity) {
+    return this.props.activeEntity.get()?.metadata?.uid == item.getId();
+  }
+
+  onMenuOpen() {
+    this.menuItems.replace([{
+      title: "Remove from Hotbar",
+      onClick: () => this.props.remove(this.props.entity.getId()),
+    }]);
+
+    this.props.visitEntityContextMenu(this.props.entity, {
+      menuItems: this.menuItems,
+      navigate: this.props.navigate,
+    });
+  }
+
+  render() {
+    const { entity, className, onClick } = this.props;
+
+    return (
+      <HotbarIcon
+        uid={entity.getId()}
+        title={entity.getName()}
+        source={entity.metadata.source}
+        src={entity.spec.icon?.src}
+        material={entity.spec.icon?.material}
+        background={entity.spec.icon?.background}
+        className={className}
+        active={this.isActive(entity)}
+        onMenuOpen={() => this.onMenuOpen()}
+        disabled={!entity}
+        menuItems={this.menuItems}
+        tooltip={(
+          entity.metadata.source
+            ? `${entity.getName()} (${entity.metadata.source})`
+            : entity.getName()
+        )}
+        onClick={onClick}
+      >
+        {this.renderLedIcon()}
+        {this.renderKindIcon()}
+      </HotbarIcon>
+    );
+  }
+}
+
+export const HotbarEntityIcon = withInjectables<Dependencies, HotbarEntityIconProps>(NonInjectedHotbarEntityIcon, {
+  getProps: (di, props) => ({
+    ...props,
+    catalogCategoryRegistry: di.inject(catalogCategoryRegistryInjectable),
+    visitEntityContextMenu: di.inject(visitEntityContextMenuInjectable),
+    activeEntity: di.inject(activeEntityInjectable),
+    navigate: di.inject(navigateInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-icon.module.scss b/packages/core/src/renderer/components/hotbar/hotbar-icon.module.scss
new file mode 100644
index 0000000000..38df5c3d5f
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-icon.module.scss
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.HotbarIcon {
+  --corner: 0px 0px 0px 1px var(--clusterMenuBackground);
+  --iconActiveShadow: var(--corner), var(--corner), 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px var(--textColorAccent);
+  --iconHoverShadow: 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px #ffffff50;
+
+  display: flex;
+  cursor: pointer;
+  position: relative;
+  border-radius: 6px;
+  transition: box-shadow 0.1s ease-in-out;
+
+  &:not(.active):hover {
+    box-shadow: var(--iconHoverShadow);
+  }
+}
+
+.contextMenuAvailable {
+  cursor: context-menu;
+}
+
+.avatar {
+  border-radius: 6px;
+
+  &.hasImage {
+    background-color: var(--clusterMenuCellBackground);
+  }
+}
+
+.active {
+  box-shadow: var(--iconActiveShadow);
+}
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-icon.tsx b/packages/core/src/renderer/components/hotbar/hotbar-icon.tsx
new file mode 100644
index 0000000000..3bbe644c88
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-icon.tsx
@@ -0,0 +1,104 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./hotbar-icon.module.scss";
+
+import React, { useState } from "react";
+
+import type { CatalogEntityContextMenu } from "../../../common/catalog";
+import { cssNames } from "../../utils";
+import { Menu, MenuItem } from "../menu";
+import { observer } from "mobx-react";
+import type { AvatarProps } from "../avatar";
+import { Avatar } from "../avatar";
+import { Icon } from "../icon";
+import { Tooltip } from "../tooltip";
+import type { NormalizeCatalogEntityContextMenu } from "../../catalog/normalize-menu-item.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import normalizeCatalogEntityContextMenuInjectable from "../../catalog/normalize-menu-item.injectable";
+
+export interface HotbarIconProps extends AvatarProps {
+  uid: string;
+  source?: string;
+  material?: string;
+  onMenuOpen?: () => void;
+  active?: boolean;
+  menuItems?: CatalogEntityContextMenu[];
+  disabled?: boolean;
+  tooltip?: string;
+}
+
+interface Dependencies {
+  normalizeMenuItem: NormalizeCatalogEntityContextMenu;
+}
+
+const NonInjectedHotbarIcon = observer(({
+  menuItems = [],
+  size = 40,
+  tooltip,
+  normalizeMenuItem,
+  ...props
+}: HotbarIconProps & Dependencies) => {
+  const { uid, title, src, material, active, className, source, disabled, onMenuOpen, onClick, children, ...rest } = props;
+  const id = `hotbarIcon-${uid}`;
+  const [menuOpen, setMenuOpen] = useState(false);
+
+  const toggleMenu = () => {
+    setMenuOpen(!menuOpen);
+  };
+
+  return (
+    <div className={cssNames(styles.HotbarIcon, className, { [styles.contextMenuAvailable]: menuItems.length > 0 })}>
+      {tooltip && (
+        <Tooltip targetId={id}>
+          {tooltip}
+        </Tooltip>
+      )}
+      <Avatar
+        {...rest}
+        id={id}
+        title={title}
+        colorHash={source ? `${title}-${source}` : title}
+        className={cssNames(styles.avatar, { [styles.active]: active, [styles.hasImage]: !!src })}
+        disabled={disabled}
+        size={size}
+        src={src}
+        onClick={(event) => !disabled && onClick?.(event)}
+      >
+        {material && <Icon material={material} />}
+      </Avatar>
+      {children}
+      <Menu
+        usePortal
+        htmlFor={id}
+        isOpen={menuOpen}
+        toggleEvent="contextmenu"
+        position={{ right: true, bottom: true }} // FIXME: position does not work
+        open={() => {
+          onMenuOpen?.();
+          toggleMenu();
+        }}
+        close={() => toggleMenu()}
+      >
+        {
+          menuItems
+            .map(normalizeMenuItem)
+            .map((menuItem) => (
+              <MenuItem key={menuItem.title} onClick={menuItem.onClick}>
+                {menuItem.title}
+              </MenuItem>
+            ))
+        }
+      </Menu>
+    </div>
+  );
+});
+
+export const HotbarIcon = withInjectables<Dependencies, HotbarIconProps>(NonInjectedHotbarIcon, {
+  getProps: (di, props) => ({
+    ...props,
+    normalizeMenuItem: di.inject(normalizeCatalogEntityContextMenuInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-menu.scss b/packages/core/src/renderer/components/hotbar/hotbar-menu.scss
new file mode 100644
index 0000000000..d92e325350
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-menu.scss
@@ -0,0 +1,127 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.HotbarMenu {
+  $spacing: $padding * 2;
+
+  position: relative;
+  text-align: center;
+  background: var(--clusterMenuBackground);
+  padding-top: 1px;
+  width: var(--hotbar-width);
+  overflow: hidden;
+
+  &.draggingOver::after {
+    content: " ";
+    position: fixed;
+    left: var(--hotbar-width);
+    width: 100%;
+    height: 100%;
+  }
+
+  .HotbarItems {
+    --cellWidth: 40px;
+    --cellHeight: 40px;
+
+    box-sizing: content-box;
+    margin: 0 auto;
+    height: 100%;
+    overflow: hidden;
+    padding-bottom: 8px;
+
+    &:hover {
+      overflow: overlay;
+
+      &::-webkit-scrollbar {
+        width: 0.4em;
+        background: transparent;
+        z-index: 1;
+      }
+
+      &::-webkit-scrollbar-thumb {
+        background: var(--borderFaintColor);
+      }
+    }
+
+    .HotbarCell {
+      width: var(--cellWidth);
+      height: var(--cellHeight);
+      min-height: var(--cellHeight);
+      margin: 12px;
+      background: var(--clusterMenuCellBackground);
+      border-radius: 6px;
+      position: relative;
+
+      &.isDraggingOver {
+        background-color: #3e4148;
+        box-shadow: 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px #ffffff30;
+
+        &:not(.isDraggingOwner) {
+          z-index: 50;
+
+          > div:not(:empty) {
+            border-radius: 6px;
+            box-shadow: 0 0 9px #00000042;
+          }
+
+          &.animateUp {
+            > div {
+              transform: translate(0px, -40px)!important;
+            }
+          }
+
+          &.animateDown {
+            > div {
+              transform: translate(0px, 40px);
+            }
+          }
+        }
+      }
+
+      &.animating {
+        &:empty {
+          animation: shake .6s cubic-bezier(.36,.07,.19,.97) both;
+          transform: translate3d(0, 0, 0);
+          backface-visibility: hidden;
+          perspective: 1000px;
+        }
+
+        &:not(:empty) {
+          > div {
+            animation: click .1s;
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes shake {
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+
+  30%, 50%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+}
+
+@keyframes click {
+  0% {
+    margin-top: 0;
+  }
+
+  100% {
+    margin-top: 2px;
+  }
+}
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-menu.tsx b/packages/core/src/renderer/components/hotbar/hotbar-menu.tsx
new file mode 100644
index 0000000000..53191c2d87
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-menu.tsx
@@ -0,0 +1,208 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./hotbar-menu.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { HotbarEntityIcon } from "./hotbar-entity-icon";
+import type { IClassName } from "../../utils";
+import { cssNames } from "../../utils";
+import type { CatalogEntityRegistry } from "../../api/catalog/entity/registry";
+import type { CatalogEntity } from "../../api/catalog-entity";
+import { DragDropContext, Draggable, Droppable, type DropResult } from "react-beautiful-dnd";
+import { HotbarSelector } from "./hotbar-selector";
+import { HotbarCell } from "./hotbar-cell";
+import { HotbarIcon } from "./hotbar-icon";
+import type { HotbarItem } from "../../../common/hotbars/types";
+import { defaultHotbarCells } from "../../../common/hotbars/types";
+import { action, makeObservable, observable } from "mobx";
+import hotbarStoreInjectable from "../../../common/hotbars/store.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { HotbarStore } from "../../../common/hotbars/store";
+import catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
+
+export interface HotbarMenuProps {
+  className?: IClassName;
+}
+
+interface Dependencies {
+  hotbarStore: HotbarStore;
+  entityRegistry: CatalogEntityRegistry;
+}
+
+@observer
+class NonInjectedHotbarMenu extends React.Component<Dependencies & HotbarMenuProps> {
+  @observable draggingOver = false;
+
+  constructor(props: Dependencies & HotbarMenuProps) {
+    super(props);
+    makeObservable(this);
+  }
+
+  get hotbar() {
+    return this.props.hotbarStore.getActive();
+  }
+
+  getEntity(item: HotbarItem | null) {
+    const hotbar = this.props.hotbarStore.getActive();
+
+    if (!hotbar || !item) {
+      return null;
+    }
+
+    return this.props.entityRegistry.getById(item.entity.uid) ?? null;
+  }
+
+  @action
+  onDragStart() {
+    this.draggingOver = true;
+  }
+
+  @action
+  onDragEnd(result: DropResult) {
+    const { source, destination } = result;
+
+    this.draggingOver = false;
+
+    if (!destination) {  // Dropped outside of the list
+      return;
+    }
+
+    const from = parseInt(source.droppableId);
+    const to = parseInt(destination.droppableId);
+
+    this.props.hotbarStore.restackItems(from, to);
+  }
+
+  removeItem = (uid: string) => {
+    const hotbar = this.props.hotbarStore;
+
+    hotbar.removeFromHotbar(uid);
+  };
+
+  addItem = (entity: CatalogEntity, index = -1) => {
+    const hotbar = this.props.hotbarStore;
+
+    hotbar.addToHotbar(entity, index);
+  };
+
+  getMoveAwayDirection(entityId: string | undefined | null, cellIndex: number) {
+    if (!entityId) {
+      return "animateDown";
+    }
+
+    const draggableItemIndex = this.hotbar.items.findIndex(item => item?.entity.uid == entityId);
+
+    return draggableItemIndex > cellIndex ? "animateDown" : "animateUp";
+  }
+
+  renderGrid() {
+    return this.hotbar.items.map((item, index) => {
+      const entity = this.getEntity(item);
+
+      return (
+        <Droppable droppableId={`${index}`} key={index}>
+          {(provided, snapshot) => (
+            <HotbarCell
+              index={index}
+              key={entity ? entity.getId() : `cell${index}`}
+              innerRef={provided.innerRef}
+              className={cssNames(
+                {
+                  isDraggingOver: snapshot.isDraggingOver,
+                  isDraggingOwner: snapshot.draggingOverWith == entity?.getId(),
+                },
+                this.getMoveAwayDirection(snapshot.draggingOverWith, index),
+              )}
+              {...provided.droppableProps}
+            >
+              {item && (
+                <Draggable
+                  draggableId={item.entity.uid}
+                  key={item.entity.uid}
+                  index={0}
+                >
+                  {(provided, snapshot) => {
+                    const style = {
+                      zIndex: defaultHotbarCells - index,
+                      position: "absolute",
+                      ...provided.draggableProps.style,
+                    } as React.CSSProperties;
+
+                    return (
+                      <div
+                        key={item.entity.uid}
+                        ref={provided.innerRef}
+                        {...provided.draggableProps}
+                        {...provided.dragHandleProps}
+                        style={style}
+                      >
+                        {entity ? (
+                          <HotbarEntityIcon
+                            key={index}
+                            index={index}
+                            entity={entity}
+                            onClick={() => this.props.entityRegistry.onRun(entity)}
+                            className={cssNames({ isDragging: snapshot.isDragging })}
+                            remove={this.removeItem}
+                            add={this.addItem}
+                            size={40}
+                          />
+                        ) : (
+                          <HotbarIcon
+                            uid={`hotbar-icon-${item.entity.uid}`}
+                            title={item.entity.name}
+                            source={item.entity.source ?? "local"}
+                            tooltip={`${item.entity.name} (${item.entity.source})`}
+                            menuItems={[
+                              {
+                                title: "Remove from Hotbar",
+                                onClick: () => this.removeItem(item.entity.uid),
+                              },
+                            ]}
+                            disabled
+                            size={40}
+                          />
+                        )}
+                      </div>
+                    );
+                  }}
+                </Draggable>
+              )}
+              {provided.placeholder}
+            </HotbarCell>
+          )}
+        </Droppable>
+      );
+    });
+  }
+
+  render() {
+    const { className, hotbarStore } = this.props;
+    const hotbar = hotbarStore.getActive();
+
+    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)}>
+            {this.renderGrid()}
+          </DragDropContext>
+        </div>
+        <HotbarSelector hotbar={hotbar} />
+      </div>
+    );
+  }
+}
+
+export const HotbarMenu = withInjectables<Dependencies, HotbarMenuProps>(NonInjectedHotbarMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    hotbarStore: di.inject(hotbarStoreInjectable),
+    entityRegistry: di.inject(catalogEntityRegistryInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-remove-command.tsx b/packages/core/src/renderer/components/hotbar/hotbar-remove-command.tsx
new file mode 100644
index 0000000000..0199b7f739
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-remove-command.tsx
@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { observer } from "mobx-react";
+import { Select } from "../select";
+import hotbarStoreInjectable from "../../../common/hotbars/store.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import commandOverlayInjectable from "../command-palette/command-overlay.injectable";
+import type { HotbarStore } from "../../../common/hotbars/store";
+import type { OpenConfirmDialog } from "../confirm-dialog/open.injectable";
+import openConfirmDialogInjectable from "../confirm-dialog/open.injectable";
+
+interface Dependencies {
+  closeCommandOverlay: () => void;
+  openConfirmDialog: OpenConfirmDialog;
+  hotbarStore: HotbarStore;
+}
+
+const NonInjectedHotbarRemoveCommand = observer(({
+  closeCommandOverlay,
+  hotbarStore,
+  openConfirmDialog,
+}: Dependencies) => (
+  <Select
+    menuPortalTarget={null}
+    onChange={option => {
+      if (!option) {
+        return;
+      }
+
+      closeCommandOverlay();
+      openConfirmDialog({
+        okButtonProps: {
+          label: "Remove Hotbar",
+          primary: false,
+          accent: true,
+        },
+        ok: () => hotbarStore.remove(option.value),
+        message: (
+          <div className="confirm flex column gaps">
+            <p>
+              Are you sure you want remove hotbar
+              {" "}
+              <b>
+                {option.value.name}
+              </b>
+              ?
+            </p>
+          </div>
+        ),
+      });
+    } }
+    components={{ DropdownIndicator: null, IndicatorSeparator: null }}
+    menuIsOpen={true}
+    options={(
+      hotbarStore.hotbars
+        .map(hotbar => ({
+          value: hotbar,
+          label: hotbarStore.getDisplayLabel(hotbar),
+        }))
+    )}
+    autoFocus={true}
+    escapeClearsValue={false}
+    placeholder="Remove hotbar"
+  />
+));
+
+export const HotbarRemoveCommand = withInjectables<Dependencies>(NonInjectedHotbarRemoveCommand, {
+  getProps: (di, props) => ({
+    ...props,
+    closeCommandOverlay: di.inject(commandOverlayInjectable).close,
+    hotbarStore: di.inject(hotbarStoreInjectable),
+    openConfirmDialog: di.inject(openConfirmDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-rename-command.tsx b/packages/core/src/renderer/components/hotbar/hotbar-rename-command.tsx
new file mode 100644
index 0000000000..022050ecf2
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-rename-command.tsx
@@ -0,0 +1,94 @@
+/**
+ * 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 { observer } from "mobx-react";
+import { Select } from "../select";
+import hotbarStoreInjectable from "../../../common/hotbars/store.injectable";
+import type { InputValidator } from "../input";
+import { Input } from "../input";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import commandOverlayInjectable from "../command-palette/command-overlay.injectable";
+import uniqueHotbarNameInjectable from "../input/validators/unique-hotbar-name.injectable";
+import type { HotbarStore } from "../../../common/hotbars/store";
+
+interface Dependencies {
+  closeCommandOverlay: () => void;
+  hotbarStore: HotbarStore;
+  uniqueHotbarName: InputValidator<false>;
+}
+
+const NonInjectedHotbarRenameCommand = observer(({
+  closeCommandOverlay,
+  hotbarStore,
+  uniqueHotbarName,
+}: Dependencies) => {
+  const [hotbarId, setHotbarId] = useState("");
+  const [hotbarName, setHotbarName] = useState("");
+
+  const onSubmit = (name: string) => {
+    if (!name.trim()) {
+      return;
+    }
+
+    hotbarStore.setHotbarName(hotbarId, name);
+    closeCommandOverlay();
+  };
+
+  if (hotbarId) {
+    return (
+      <>
+        <Input
+          trim={true}
+          value={hotbarName}
+          onChange={setHotbarName}
+          placeholder="New hotbar name"
+          autoFocus={true}
+          theme="round-black"
+          validators={uniqueHotbarName}
+          onSubmit={onSubmit}
+          showValidationLine={true}
+        />
+        <small className="hint">
+          Please provide a new hotbar name (Press &quot;Enter&quot; to confirm or &quot;Escape&quot; to cancel)
+        </small>
+      </>
+    );
+  }
+
+  return (
+    <Select
+      id="rename-hotbar-input"
+      menuPortalTarget={null}
+      onChange={(option) => {
+        if (option) {
+          setHotbarId(option.value.id);
+          setHotbarName(option.value.name);
+        }
+      }}
+      components={{ DropdownIndicator: null, IndicatorSeparator: null }}
+      menuIsOpen={true}
+      options={(
+        hotbarStore.hotbars
+          .map(hotbar => ({
+            value: hotbar,
+            label: hotbarStore.getDisplayLabel(hotbar),
+          }))
+      )}
+      autoFocus={true}
+      escapeClearsValue={false}
+      placeholder="Rename hotbar"
+    />
+  );
+});
+
+export const HotbarRenameCommand = withInjectables<Dependencies>(NonInjectedHotbarRenameCommand, {
+  getProps: (di, props) => ({
+    closeCommandOverlay: di.inject(commandOverlayInjectable).close,
+    hotbarStore: di.inject(hotbarStoreInjectable),
+    uniqueHotbarName: di.inject(uniqueHotbarNameInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-selector.module.scss b/packages/core/src/renderer/components/hotbar/hotbar-selector.module.scss
new file mode 100644
index 0000000000..a8154c4579
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-selector.module.scss
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.HotbarSelector {
+  display: flex;
+  align-items: center;
+  height: 25px;
+  background-color: var(--layoutBackground);
+  position: relative;
+  justify-content: center;
+
+  &:before {
+    content: " ";
+    position: absolute;
+    width: 100%;
+    height: 20px;
+    background: linear-gradient(0deg, var(--clusterMenuBackground), transparent);
+    top: -20px;
+  }
+
+  .HotbarIndex {
+    display: flex;
+    width: 3ch;
+  }
+
+  .Badge {
+    cursor: pointer;
+    background: var(--secondaryBackground);
+    width: 100%;
+    color: var(--settingsColor);
+    padding: 0px calc(var(--padding) / 2);
+  }
+
+  .Icon {
+    &:hover {
+      box-shadow: none;
+      background-color: transparent;
+    }
+
+    &:focus-visible {
+      z-index: 1;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-selector.tsx b/packages/core/src/renderer/components/hotbar/hotbar-selector.tsx
new file mode 100644
index 0000000000..4d6104b5b3
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-selector.tsx
@@ -0,0 +1,97 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./hotbar-selector.module.scss";
+import React, { useRef, useState } from "react";
+import { Icon } from "../icon";
+import { Badge } from "../badge";
+import hotbarStoreInjectable from "../../../common/hotbars/store.injectable";
+import { HotbarSwitchCommand } from "./hotbar-switch-command";
+import { Tooltip, TooltipPosition } from "../tooltip";
+import { observer } from "mobx-react";
+import type { Hotbar } from "../../../common/hotbars/types";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import commandOverlayInjectable from "../command-palette/command-overlay.injectable";
+import { cssNames } from "../../utils";
+import type { HotbarStore } from "../../../common/hotbars/store";
+
+interface Dependencies {
+  hotbarStore: HotbarStore;
+  openCommandOverlay: (component: React.ReactElement) => void;
+}
+
+export interface HotbarSelectorProps extends Partial<Dependencies> {
+  hotbar: Hotbar;
+}
+
+const NonInjectedHotbarSelector = observer(({ hotbar, hotbarStore, openCommandOverlay }: HotbarSelectorProps & Dependencies) => {
+  const [tooltipVisible, setTooltipVisible] = useState(false);
+  const tooltipTimeout = useRef<number>();
+
+  function clearTimer() {
+    clearTimeout(tooltipTimeout.current);
+  }
+
+  function onTooltipShow() {
+    setTooltipVisible(true);
+    clearTimer();
+    tooltipTimeout.current = window.setTimeout(() => setTooltipVisible(false), 1500);
+  }
+
+  function onPrevClick() {
+    onTooltipShow();
+    hotbarStore.switchToPrevious();
+  }
+
+  function onNextClick() {
+    onTooltipShow();
+    hotbarStore.switchToNext();
+  }
+
+  function onMouseEvent(event: React.MouseEvent) {
+    clearTimer();
+    setTooltipVisible(event.type == "mouseenter");
+  }
+
+  return (
+    <div className={styles.HotbarSelector}>
+      <Icon
+        material="arrow_left"
+        className={cssNames(styles.Icon, styles.previous)}
+        onClick={onPrevClick}/>
+      <div className={styles.HotbarIndex}>
+        <Badge
+          id="hotbarIndex"
+          small
+          label={hotbarStore.getDisplayIndex(hotbarStore.getActive())}
+          onClick={() => openCommandOverlay(<HotbarSwitchCommand />)}
+          className={styles.Badge}
+          onMouseEnter={onMouseEvent}
+          onMouseLeave={onMouseEvent}
+        />
+        <Tooltip
+          visible={tooltipVisible}
+          targetId="hotbarIndex"
+          preferredPositions={[TooltipPosition.TOP, TooltipPosition.TOP_LEFT]}
+        >
+          {hotbar.name}
+        </Tooltip>
+      </div>
+      <Icon
+        material="arrow_right"
+        className={styles.Icon}
+        onClick={onNextClick}
+      />
+    </div>
+  );
+});
+
+export const HotbarSelector = withInjectables<Dependencies, HotbarSelectorProps>(NonInjectedHotbarSelector, {
+  getProps: (di, props) => ({
+    hotbarStore: di.inject(hotbarStoreInjectable),
+    openCommandOverlay: di.inject(commandOverlayInjectable).open,
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/hotbar/hotbar-switch-command.tsx b/packages/core/src/renderer/components/hotbar/hotbar-switch-command.tsx
new file mode 100644
index 0000000000..060fb75c71
--- /dev/null
+++ b/packages/core/src/renderer/components/hotbar/hotbar-switch-command.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 React from "react";
+import { observer } from "mobx-react";
+import { Select } from "../select";
+import hotbarStoreInjectable from "../../../common/hotbars/store.injectable";
+import type { CommandOverlay } from "../command-palette";
+import { HotbarAddCommand } from "./hotbar-add-command";
+import { HotbarRemoveCommand } from "./hotbar-remove-command";
+import { HotbarRenameCommand } from "./hotbar-rename-command";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import commandOverlayInjectable from "../command-palette/command-overlay.injectable";
+import type { HotbarStore } from "../../../common/hotbars/store";
+
+const hotbarAddAction = Symbol("hotbar-add");
+const hotbarRemoveAction = Symbol("hotbar-remove");
+const hotbarRenameAction = Symbol("hotbar-rename");
+
+interface Dependencies {
+  hotbarStore: HotbarStore;
+  commandOverlay: CommandOverlay;
+}
+
+function ignoreIf<T>(check: boolean, menuItems: T[]): T[] {
+  return check ? [] : menuItems;
+}
+
+const NonInjectedHotbarSwitchCommand = observer(({
+  hotbarStore,
+  commandOverlay,
+}: Dependencies) => (
+  <Select
+    id="switch-to-hotbar-input"
+    menuPortalTarget={null}
+    onChange={(option) => {
+      if (!option) {
+        return;
+      }
+
+      if (typeof option.value === "symbol") {
+        switch (option.value) {
+          case hotbarAddAction:
+            return commandOverlay.open(<HotbarAddCommand />);
+          case hotbarRemoveAction:
+            return commandOverlay.open(<HotbarRemoveCommand />);
+          case hotbarRenameAction:
+            return commandOverlay.open(<HotbarRenameCommand />);
+        }
+      } else {
+        hotbarStore.setActiveHotbar(option.value);
+        commandOverlay.close();
+      }
+    }}
+    components={{ DropdownIndicator: null, IndicatorSeparator: null }}
+    menuIsOpen={true}
+    options={[
+      ...hotbarStore.hotbars.map(hotbar => ({
+        value: hotbar,
+        label: hotbarStore.getDisplayLabel(hotbar),
+      })),
+      {
+        value: hotbarAddAction,
+        label: "Add hotbar ...",
+      },
+      ...ignoreIf(hotbarStore.hotbars.length > 1, [
+        {
+          value: hotbarRemoveAction,
+          label: "Remove hotbar ...",
+        },
+      ]),
+      {
+        value: hotbarRenameAction,
+        label: "Rename hotbar ...",
+      },
+    ]}
+    autoFocus={true}
+    escapeClearsValue={false}
+    isClearable={false}
+    placeholder="Switch to hotbar"
+  />
+));
+
+export const HotbarSwitchCommand = withInjectables<Dependencies>(NonInjectedHotbarSwitchCommand, {
+  getProps: (di, props) => ({
+    hotbarStore: di.inject(hotbarStoreInjectable),
+    commandOverlay: di.inject(commandOverlayInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/icon/arrow-spinner.svg b/packages/core/src/renderer/components/icon/arrow-spinner.svg
new file mode 100644
index 0000000000..413b93f3a2
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/icon/configuration.svg b/packages/core/src/renderer/components/icon/configuration.svg
new file mode 100644
index 0000000000..9f28ca0250
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/configuration.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m3.1 9.3c.1.4.3.7.4 1.1l-.5.6c-.2.2-.2.5 0 .7l1 1c.2.2.5.2.7 0l.7-.5c.3.2.7.4 1.1.5l.1.9c0 .3.3.5.6.5h1.3c.2-.1.5-.3.5-.6l.1-.8c.4-.1.8-.3 1.2-.5l.7.5c.2.2.5.2.7 0l.9-.9c.2-.2.2-.5 0-.7l-.5-.6c.2-.4.4-.8.5-1.2l.8-.1c.3 0 .5-.3.5-.6v-1.4c0-.3-.2-.5-.5-.6l-.8-.1c-.1-.4-.3-.8-.5-1.1l.5-.6c.2-.2.2-.5 0-.7l-.9-.9c-.2-.2-.5-.2-.7 0l-.6.5c-.4-.3-.8-.5-1.3-.6v-.7c0-.3-.3-.5-.6-.5h-1.3c-.3 0-.5.2-.6.5v.7c-.5.1-.9.3-1.3.5l-.6-.4c-.2-.2-.5-.2-.7 0l-.9.9c-.2.2-.3.5-.1.8l.5.6c-.2.4-.3.8-.4 1.2h-.9c-.2.1-.4.3-.4.6v1.3c0 .3.2.5.5.6zm4.8-3.6c1.2 0 2.2 1 2.2 2.2s-1 2.2-2.2 2.2-2.2-1-2.2-2.2 1-2.2 2.2-2.2z"/><path d="m20.8 9.6-.7-.6c-.2-.2-.5-.2-.7 0l-.4.4c-.3-.2-.7-.3-1-.3l-.1-.5c-.1-.3-.3-.5-.6-.4l-.9.1c-.3 0-.5.3-.5.5v.5c-.3.1-.7.3-1 .5l-.5-.3c-.2-.2-.5-.1-.7.1l-.6.7c-.2.2-.2.5 0 .7l.4.4c-.1.3-.2.6-.3 1l-.6.1c-.3.1-.5.3-.4.6l.1.9c0 .3.3.5.5.5h.6c.1.3.3.6.4.8l-.3.5c-.2.2-.1.5.1.7l.7.6c.2.2.5.2.7 0l.5-.4.9.3.1.6c.1.3.3.5.6.4l.9-.1c.3 0 .5-.3.5-.5v-.6c.3-.1.6-.3.9-.5l.5.3c.2.2.5.1.7-.1l.6-.7c.2-.2.2-.5 0-.7l-.4-.4c.1-.3.3-.6.3-1l.5-.1c.3-.1.5-.3.4-.6l-.1-.9c0-.3-.3-.5-.5-.5h-.6c-.1-.3-.3-.6-.5-.9l.3-.5c.5-.1.4-.4.2-.6zm-3.4 5.2c-1 .1-1.8-.6-1.9-1.6s.6-1.8 1.6-1.9 1.8.6 1.9 1.6-.6 1.8-1.6 1.9z"/><path d="m6.3 17.2c-.3 0-.5.3-.5.5v.6c0 .3.2.5.5.6l.4.1c.1.2.2.5.3.7l-.3.3c-.2.2-.2.5 0 .7l.4.4c.2.2.5.2.7.1l.3-.3c.2.1.5.2.7.3v.4c0 .3.3.5.5.5h.6c.3 0 .5-.2.6-.5l.1-.4c.3-.1.5-.2.8-.3l.3.2c.2.2.5.2.7 0l.4-.4c.2-.2.2-.5.1-.7l-.2-.3c.1-.2.3-.5.3-.8h.4c.3 0 .5-.3.5-.5v-.6c0-.3-.2-.5-.5-.6h-.4c-.1-.3-.2-.5-.3-.8l.2-.3c.2-.2.2-.5 0-.7l-.4-.4c-.2-.2-.5-.2-.7-.1l-.3.2c-.3-.2-.5-.3-.8-.3v-.3c0-.3-.3-.5-.5-.5h-.6c-.3 0-.5.2-.6.5v.3c-.3.1-.6.2-.8.3l-.3-.1c-.2-.2-.5-.2-.7 0l-.4.4c-.2.2-.2.5-.1.7l.3.3c-.1.2-.2.5-.3.8zm3.6-.6c.8 0 1.4.7 1.4 1.5s-.7 1.4-1.5 1.4-1.4-.7-1.4-1.5.7-1.4 1.5-1.4z"/></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/crane.svg b/packages/core/src/renderer/components/icon/crane.svg
new file mode 100644
index 0000000000..0adc3806ea
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/crane.svg
@@ -0,0 +1,182 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1303.8 737.4" style="enable-background:new 0 0 1303.8 737.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{fill:#393C40;}
+	.st2{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9.54,9.54;}
+	.st3{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10.35,10.35;}
+	.st4{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9.06,9.06;}
+	.st5{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12.67,12.67;}
+	.st6{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12.81,12.81;}
+	.st7{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10.4,10.4;}
+	.st8{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9.25,9.25;}
+	.st9{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9.55,9.55;}
+	.st10{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9.66,9.66;}
+	.st11{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10.37,10.37;}
+	.st12{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10,10;}
+	.st13{fill:none;stroke:#393C40;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:11.37,11.37;}
+	.st14{clip-path:url(#SVGID_4_);}
+	.st15{fill:#2E3136;}
+	.st16{clip-path:url(#SVGID_6_);}
+	.st17{clip-path:url(#SVGID_8_);}
+</style>
+<title>Artboard 1</title>
+<g>
+	<defs>
+		<rect id="SVGID_1_" width="1303.8" height="737.4"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g class="st0">
+		<path class="st1" d="M715.5,222.6c0.2-6.2-4-12.2-9.6-15V190c-2.1,1.9-4.9,3-7.8,3c-1.8,0-3.6-0.5-5.2-1.4v15.9
+			c-5.6,2.6-9.3,8.2-9.6,14.4c-0.1,2.7,0.6,5.5,1.8,7.9c-0.1-0.8-0.2-1.7-0.2-2.5c0.2-7.8,7.1-14.5,14.7-14.2s14.4,7.4,14.2,14.9
+			c0,0.4,0,0.8-0.1,1.2C714.8,227.2,715.4,225,715.5,222.6"/>
+	</g>
+</g>
+<line class="st2" x1="870.3" y1="376.4" x2="870.3" y2="519.5"/>
+<line class="st3" x1="936.8" y1="407.1" x2="936.8" y2="562.4"/>
+<line class="st4" x1="1034.7" y1="581.8" x2="1034.7" y2="627.1"/>
+<line class="st5" x1="967.1" y1="547" x2="967.1" y2="585"/>
+<line class="st6" x1="1104.2" y1="542.4" x2="1104.2" y2="580.8"/>
+<line class="st7" x1="1036.7" y1="279.6" x2="1036.7" y2="435.6"/>
+<line class="st8" x1="1106.2" y1="240.8" x2="1106.2" y2="361"/>
+<line class="st9" x1="1204" y1="436.5" x2="1204" y2="522.4"/>
+<line class="st10" x1="1134.5" y1="475.5" x2="1134.5" y2="562.4"/>
+<line class="st11" x1="1064.9" y1="436.5" x2="1064.9" y2="467.6"/>
+<line class="st12" x1="1006.4" y1="370.6" x2="1006.4" y2="460.6"/>
+<line class="st13" x1="965.1" y1="240.8" x2="965.1" y2="297.6"/>
+<g>
+	<defs>
+		<rect id="SVGID_3_" width="1303.8" height="737.4"/>
+	</defs>
+	<clipPath id="SVGID_4_">
+		<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+	</clipPath>
+	<g class="st14">
+		<path class="st15" d="M773.7,590.9c-8.2-4.8-8.2-12.5,0-17.3L823,545c8.2-4.8,21.7-4.8,30,0l49.4,28.6c8.2,4.8,8.2,12.5,0,17.3
+			L853,619.5c-8.2,4.8-21.7,4.8-30,0L773.7,590.9z"/>
+		<path class="st15" d="M921.8,676.7c8.2,4.8,21.7,4.8,30,0l49.4-28.6c8.2-4.8,8.2-12.5,0-17.3l-49.4-28.6c-8.2-4.8-21.7-4.8-30,0
+			l-49.4,28.6c-8.2,4.8-8.2,12.5,0,17.3L921.8,676.7z"/>
+		<path class="st15" d="M1020.7,733.8c8.2,4.8,21.7,4.8,30,0l49.3-28.6c8.2-4.8,8.2-12.5,0-17.3l-49.4-28.6c-8.2-4.8-21.7-4.8-30,0
+			l-49.4,28.6c-8.2,4.8-8.2,12.5,0,17.3L1020.7,733.8z"/>
+		<path class="st15" d="M1119.5,676.7c8.2,4.8,21.7,4.8,30,0l49.4-28.6c8.2-4.8,8.2-12.5,0-17.3l-49.4-28.6c-8.2-4.8-21.7-4.8-30,0
+			l-49.4,28.6c-8.2,4.8-8.2,12.5,0,17.3L1119.5,676.7z"/>
+		<path class="st15" d="M1248.3,545.1c-8.2-4.8-21.7-4.8-30,0l-49.4,28.6c-8.2,4.8-8.2,12.5,0,17.3l49.4,28.6c8.2,4.8,21.7,4.8,30,0
+			l49.4-28.5c8.2-4.8,8.2-12.5,0-17.3L1248.3,545.1z"/>
+		<path class="st15" d="M942.8,369.3c-3.5,2.3-5.7,6-5.9,10.2V391c0,3.7-2.7,5.2-6,3.4l-51.6-29.2c-3.5-2.2-5.7-6-6-10.1v-22.7
+			l1.1-0.6c0.6-0.3,3.8,0.9,7,2.7l48.6,27.3c3.7,1.8,8.1,1.8,11.9,0l49.1-28.3c3.3-1.9,6.7-3.1,7.7-2.8c1.1,0.5,1.8,1.6,1.8,2.8
+			c0,1.2-2.6,3.7-5.9,5.6L942.8,369.3z M942.8,292.3c-3.7-1.9-8.1-1.9-11.8,0l-58.7,33.9c-3.5,2.2-5.7,6-5.9,10.1v22.9
+			c0.2,4.1,2.5,7.9,6,10.1l58.7,33.2c3.7,1.9,8.1,1.9,11.9,0l58.7-33.2c3.5-2.2,5.7-6,6-10.1v-22.8c-0.2-4.1-2.4-7.9-5.9-10.1
+			L942.8,292.3z"/>
+		<path class="st15" d="M1140.4,437.4c-3.5,2.3-5.7,6-5.9,10.2v11.6c0,3.7-2.7,5.2-5.9,3.4l-51.6-29.2c-3.5-2.2-5.7-6-5.9-10.1
+			v-22.8l1.1-0.6c0.6-0.3,3.8,0.9,7,2.7l48.5,27.3c3.7,1.9,8.1,1.9,11.9,0l49.2-28.3c3.3-1.9,6.7-3.1,7.7-2.8
+			c1.1,0.5,1.8,1.6,1.8,2.8c0,1.2-2.6,3.7-5.9,5.6L1140.4,437.4z M1140.4,360.4c-3.7-1.9-8.1-1.9-11.8,0l-58.7,33.9
+			c-3.5,2.2-5.7,6-5.9,10.1v22.9c0.2,4.1,2.5,7.9,5.9,10.1l58.7,33.2c3.7,1.9,8.1,1.9,11.9,0l58.7-33.2c3.5-2.2,5.7-6,5.9-10.1
+			v-22.9c-0.2-4.1-2.4-7.9-5.9-10.1L1140.4,360.4z"/>
+		<path class="st15" d="M1041.6,241c-3.5,2.3-5.7,6-5.9,10.2v11.6c0,3.7-2.7,5.2-5.9,3.4L978.1,237c-3.5-2.2-5.7-6-6-10.1v-22.8
+			l1.1-0.6c0.6-0.3,3.8,0.9,7,2.7l48.5,27.3c3.7,1.9,8.1,1.9,11.9,0l49.2-28.3c3.3-1.9,6.7-3.1,7.7-2.8c1.1,0.5,1.8,1.6,1.8,2.8
+			c0,1.2-2.6,3.7-5.9,5.6L1041.6,241z M1041.6,164c-3.7-1.9-8.1-1.9-11.8,0L971,197.9c-3.5,2.2-5.7,6-5.9,10.1v22.8
+			c0.2,4.1,2.5,7.9,6,10.1l58.7,33.2c3.7,1.9,8.1,1.9,11.9,0l58.7-33.2c3.5-2.2,5.7-6,5.9-10.1v-22.8c-0.2-4.1-2.4-7.9-5.9-10.1
+			L1041.6,164z"/>
+		<path class="st15" d="M1041.6,538.7c-3.5,2.3-5.7,6-5.9,10.2v11.6c0,3.7-2.7,5.2-5.9,3.4l-51.6-29.2c-3.5-2.2-5.7-6-6-10.1v-22.8
+			l1.1-0.6c0.6-0.3,3.8,0.9,7,2.7l48.5,27.3c3.7,1.8,8.1,1.8,11.9,0l49.2-28.3c3.3-1.9,6.7-3.1,7.7-2.8c1.1,0.5,1.8,1.6,1.8,2.8
+			c0,1.2-2.6,3.7-5.9,5.6L1041.6,538.7z M1041.6,461.7c-3.7-1.9-8.1-1.9-11.8,0L971,495.6c-3.5,2.2-5.7,6-5.9,10.1v22.9
+			c0.2,4.1,2.5,7.9,6,10.1l58.7,33.2c3.7,1.9,8.1,1.9,11.9,0l58.7-33.2c3.5-2.2,5.7-6,5.9-10.1v-22.9c-0.2-4.1-2.4-7.9-5.9-10.1
+			L1041.6,461.7z"/>
+		<path class="st1" d="M582.5,50.3l-0.1-0.1L582.5,50.3 M396.4,166.1c-6.8,6.8-6.1,10.1,2.8,13.7c10.5,4.3,17.5,12,21.7,22.5
+			c2.9,7.2,6.9,8.1,12.4,2.6c16-15.9,26.1-26,42.2-41.8c3.9-4,8.2-9.3,8.9-16c1.4-10.3,5-17,9-21c19.1-19,27.1-27.7,40.5-41.3
+			c1.6-1.7,2.5-4.1,2.4-6.5c-1.6-10.5,1.7-18.2,10.5-23.3c8.2-4.7,16.9-4,24.6,2.1c0.3,0.2,1.7,1.7,1.8,1.9c0,0,0.2,0.1,4.4-4.1
+			l4.8-4.8c-3.1-3.1-22.3-22.2-24.7-24.4c-4.9-4.7-3.9-4.7-4.9-3.7L527,47.2c0,0-3.8,3.8-9.6-1.9C517.8,45,436.3,126.2,396.4,166.1"
+			/>
+		<path class="st1" d="M180.6,384c0,0.3,0,0.6,0,0.9C180.6,384.5,180.6,384.2,180.6,384 M362.3,256.2c-10.5-4.3-17.5-12-21.7-22.5
+			c-2.9-7.2-6.9-8.1-12.4-2.6c-16,15.9-31.8,32-47.9,47.8c-3.2,3.2-4.9,6.3-4,10.7c1.8,8.8-1.6,15.1-8.1,21.2
+			c-12,11.2-22.9,22.5-34.4,34.3c11.9,4,22.6,15.8,27,29l104.2-104.2C372,263,371.2,259.8,362.3,256.2"/>
+		<path class="st1" d="M616.5,60.2c-0.2,0.2-0.3,0.4-0.3,0.6C616.2,60.6,616.3,60.4,616.5,60.2 M616.2,60.9c0,0,0,0.1,0,0.1
+			C616.1,61,616.1,60.9,616.2,60.9 M616.5,61.6c0.1,0.1,0.1,0.1,0.2,0.2C616.6,61.7,616.5,61.7,616.5,61.6 M626.9,61.2
+			c-0.1-3.3-2.6-6-5.9-6.2c-3.3,0-6,2.6-6.1,5.9c-0.1,3.3,2.5,6,5.8,6.2C624,67,626.7,64.5,626.9,61.2"/>
+		<path class="st1" d="M575.9,72.3c-0.1-10.5-8.7-18.9-19.2-18.8s-18.9,8.7-18.8,19.2c0,10.5,9,19.4,19.2,19.2
+			C567.8,91.7,576.1,82.9,575.9,72.3"/>
+		<path class="st1" d="M188.9,482h-53c-12,0-12-12-12-12v-71c0,82,65,82.8,65,82.8C200.9,482,188.9,482,188.9,482 M223.2,483v-46
+			c0-6-6-6.3-6-6.3c-11.7-0.9-22.6-6.1-30.7-14.5c-10-10.7-11.2-24.1-10.8-32.4c0.3-6-5.7-6-5.7-6h-47c-6,0-6,6-6,6V483c0,6,6,6,6,6
+			h94.2C223.2,489,223.2,483,223.2,483"/>
+		<path class="st1" d="M2.2,363.7c0,0-0.6-1.2-0.8-1.1l-1,0.4c0,0-0.3,0.1-0.3-5.9v-24.4c0,0,0-6,2.4-6s11.8-0.4,16.2-0.4
+			c11,0,13.1,2.1,13.1,13.2c0,12.6,0,25.2,0,32.2c0,0,0,6,3.8,5.7s4.8,3.7,4.8,9.5c-0.2,27.7-0.2,55.4,0,83.1c0,6.2,0.2,12-4.2,11.8
+			c0,0-4.4-0.1-4.4,5.9c0,7.9,0.1,21.2,0,34.5c0,6.5-2.9,10.1-8.9,10.4s-16.8,0.4-19.9,0.4c0,0-3.1,0-3.1-6v-24.6c0,0,0-6,0.3-5.9
+			l1.2,0.3c0,0,0.3,0.1,0.8-1.1s2.5-3.7,2.5-6.1c0.2-40,0.2-79.9,0-119.9C5,367.5,2.9,365,2.2,363.7"/>
+		<path class="st1" d="M114.9,469.9l-1.5,1.2c0,0-0.3,0.2-0.8-0.5s-2.3-2.1-2.3-3.5c-0.2-23.2-0.2-46.4,0-69.6c0-1.3,2-2.6,2.5-3.2
+			c0,0,0.5-0.6,0.8-0.5l1.3,0.9 M44.9,432.6c0-15.2,0.1-30.5,0-45.8c0-5.4,2.1-7.9,7.6-7.8c10.5,0.2,37.1,0.1,47.6,0
+			c5.4-0.1,7.9,2.2,7.9,7.6c-0.1,30.5-0.1,61,0,91.5c0,5.3-2.2,8-7.7,7.9c-10.3-0.1-36.7-0.1-47,0c-5.8,0.1-8.6-2.3-8.5-8.4
+			C45,462.6,44.8,447.6,44.9,432.6"/>
+		<path class="st1" d="M218.4,427.1c-24.7-0.2-40.3-21.7-39.5-41.9c1-24.1,19.7-40.8,43.9-39.6c21.8,1.1,38.3,20.9,37,44.4
+			C258.6,410.9,239.4,428.2,218.4,427.1"/>
+		<path class="st15" d="M692.1,363.5c4.6,2.3,10,2.2,14.5-0.1l60.3-34.7c4-2.3,8.2-3.8,9.4-3.4c1.1,0.5,1.9,1.5,2.2,2.7
+			c0,0,0,0.7,0,1.4s-3.2,3.8-7.2,6.1l-63.5,37.1c-4,2.3-7.2,7.9-7.2,12.5v14.2c0,4.5-3.3,6.4-7.3,4.1L630,367.7
+			c-4-2.3-7.3-7.8-7.3-12.4v-27.9c0,0,0,0,0.3-0.2l1-0.6c0.7-0.4,4.6,1.1,8.6,3.3L692.1,363.5z M693.3,278.3l-72,41.5
+			c-4.1,2.7-6.7,7.1-7.2,11.9l1.7,0.2c1.2,0.2,2,1.3,1.9,2.5v8c0,0,0,1.1-3.7,2.8v14.9c0,4.5,3.3,10.1,7.3,12.4l71.9,40.7
+			c4.6,2.3,10,2.3,14.6,0l71.9-40.7c4-2.3,7.3-7.8,7.3-12.4v-12c-0.3-0.1-0.6-0.1-0.8-0.2c-8.1-2.7-8.1-4.6-8.1-4.6v-8
+			c-0.1-1.2,0.7-2.3,1.9-2.5l7-1c-0.4-4.9-3.1-9.4-7.2-12.1l-72-41.5C703.2,276,697.9,276,693.3,278.3"/>
+		<path class="st1" d="M487.8,147L487.8,147l35.2-36.8l-5.1-4.9l-23,23.7C494.9,129,488.9,135,487.8,147"/>
+		<path class="st1" d="M519.9,43.1L519.9,43.1L563.6,0l5.3,5.2l-14,14.4l-1.3-1.3l-27.2,26.1C526.4,44.5,523.8,47.1,519.9,43.1"/>
+		<path class="st1" d="M631.5,61.3l-7.1,7.1c0,0-4.2,4.2,0,8.5l62.5,62.6c0,0,4.2,4.2,8.5,0l2.8-2.8c0,0,4.2-4.2,0-8.5L631.5,61.3z"
+			/>
+		<path class="st1" d="M709.3,166.1L594.9,51.7c0,0-4.2-4.2-8.5,0l-2.8,2.8c0,0-4.2,4.2,0,8.5l24.1,24.1l-11.6,11.6
+			c0,0-4.2,4.2,0,8.5l86,86c0,0,4.2,4.2,8.5,0l1.9-1.9c-3.5-2.2-5.6-6-5.5-10.1c0.2-6.2,5.7-11.5,11.6-11.2c3.9,0.3,7.4,2.4,9.5,5.7
+			l1.2-1.2C709.3,174.5,713.5,170.3,709.3,166.1 M690.2,182.8c-0.1-0.1-0.2-0.2-0.3-0.3L690.2,182.8 M690.4,183l-0.1-0.1L690.4,183
+			 M689.4,181c0.1-0.4,0.3-0.8,0.7-1.1C689.7,180.2,689.4,180.6,689.4,181"/>
+		<path class="st1" d="M708.4,138.2c0,0-4.2-4.2-8.5,0L697,141c0,0-4.2,4.2,0,8.5l14,13.9L708.4,138.2z"/>
+		<path class="st1" d="M693,228.7c0.1-0.3,0.2-0.6,0.5-0.8C693.2,228.1,693.1,228.4,693,228.7 M693.7,230c-0.1-0.1-0.2-0.2-0.3-0.3
+			C693.5,229.8,693.6,229.9,693.7,230 M707.3,229.2c-0.3,4.3-3.9,7.7-8.2,7.8c-4.4-0.2-7.8-3.8-7.7-8.2c0.2-4.4,3.7-7.8,8.1-7.8
+			C703.8,221.3,707.2,224.9,707.3,229.2 M690.5,227.4c-0.3,0.3-0.6,0.7-0.7,1.1C689.9,228,690.2,227.6,690.5,227.4 M724.9,239v-3
+			c0,0,0-5-5-5h-8.8c0.1-0.5,0.2-1.1,0.2-1.6c0.2-6.2-5.4-12.1-11.7-12.4s-12,5.3-12.2,11.7c0,0.8,0,1.5,0.2,2.3h-8.7c0,0-5,0-5,5v3
+			c0,0,0,5,5,5h41C719.9,244,724.9,244,724.9,239"/>
+		<path class="st1" d="M707.7,181.8c-0.1-5-4-9.1-9-9.5c-4.8-0.2-9.2,4.1-9.4,9c-0.1,5.1,3.8,9.3,8.9,9.4
+			C703.2,190.6,707.4,186.7,707.7,181.8"/>
+	</g>
+</g>
+<polygon class="st1" points="570.8,7.1 570.8,7.1 568.9,9 615.4,55.5 617.3,53.6 "/>
+<g>
+	<defs>
+		<rect id="SVGID_5_" width="1303.8" height="737.4"/>
+	</defs>
+	<clipPath id="SVGID_6_">
+		<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+	</clipPath>
+	<g class="st16">
+		<path class="st1" d="M586.1,44.3l-25.1-25.1c-0.4-0.4-1-0.4-1.4,0c0,0-0.1,0.1-0.1,0.1l-1.8,1.8c-0.1,0.1-0.1,0.2-0.2,0.3
+			L583.9,48l0.1-0.1l0,0c0.1-0.1,0.2-0.1,0.3-0.2l1.7-1.9C586,45.8,586.8,45,586.1,44.3"/>
+	</g>
+</g>
+<polygon class="st1" points="540.7,88.9 540.7,88.9 538.8,87 521,105.1 522.9,107 "/>
+<g>
+	<defs>
+		<rect id="SVGID_7_" width="1303.8" height="737.4"/>
+	</defs>
+	<clipPath id="SVGID_8_">
+		<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+	</clipPath>
+	<g class="st17">
+		<path class="st1" d="M1123.8,193.5c0.3,0.3,0.1,0.5-0.2,0.7c-2.5,1.6-5,3.1-7.4,4.8c-2,1.3-3.6,3-4.7,5.1
+			c-0.8,1.6-0.7,3.6,0.3,5.2c1.3,2,3,3.7,5.1,5c2.2,1.5,4.5,2.9,6.7,4.3c0.3,0.2,0.5,0.3,0.2,0.6c-1.7-0.9-3.4-1.9-5.1-2.7
+			c-2.1-1.1-4.3-2-6.6-2.6c-1.8-0.6-3.7-0.5-5.4,0.2c-1.3,0.7-2.4,2-2.8,3.4c-0.7,1.8-1.1,3.6-1.2,5.5c-0.3,2.8-0.4,5.7-0.3,8.5
+			c0,0.1,0,0.2,0,0.2h-0.6c0-0.2,0-0.3,0-0.5c-0.1-2.3-0.1-4.6-0.3-6.9c-0.1-2.5-0.6-4.9-1.5-7.2c-0.6-1.9-2.2-3.3-4.2-3.6
+			c-1.4-0.2-2.8-0.1-4.1,0.4c-1.8,0.6-3.5,1.2-5.2,2c-2.1,1-4.2,2.1-6.3,3.2l-0.2-0.3c0.1-0.1,0.3-0.2,0.4-0.3
+			c2.5-1.6,5-3.1,7.4-4.9c1.9-1.3,3.5-3,4.6-5c0.9-1.7,0.7-3.7-0.3-5.2c-1.3-2-3-3.7-5-4.9c-2.2-1.5-4.5-2.9-6.7-4.3
+			c-0.3-0.2-0.5-0.3-0.2-0.6c1.8,1,3.6,2,5.4,2.9c2.2,1.1,4.4,2,6.8,2.6c1.3,0.3,2.6,0.4,3.9,0.1c1.7-0.5,3-1.7,3.6-3.3
+			c0.8-1.9,1.3-4,1.4-6.1c0.2-2.3,0.2-4.6,0.4-6.9c0-0.5,0.1-1,0.1-1.5c0-0.1,0.2-0.2,0.3-0.3l0.2,0.1c0,0.4,0,0.9,0,1.3
+			c0,1.5,0,3,0.1,4.5c0.1,2.9,0.6,5.7,1.5,8.4c0.8,2,2,3.5,4.2,3.9c1.6,0.2,3.2,0.1,4.7-0.4c3.5-1.2,6.8-2.7,10-4.6L1123.8,193.5"/>
+		<path class="st1" d="M654.9,259c-9,0-14-0.2-22,0c-5,0.1-17,0-17.8,1.1c-4.3,6.1-7.5,14.1-8,21.6c-1.1,17-0.4,34.2-0.4,51.8l8,1.1
+			v8.6c-15.6,5.2-21.9-3.5-21.7-17.2c0.2-15.7-0.2-31.4,0.2-47.1c0.1-6.4,1.3-12.7,2.1-19.5c-7.4-0.6-5.1-6.6-4.5-12.4h89V259"/>
+		<path class="st1" d="M731.9,259c9,0,27-0.2,35,0c5,0.1,12.2-0.6,14,2c4.3,6.2,7.5,13.4,8,20.8c1.1,17,0.4,34.2,0.4,51.8l-8,1.1
+			v8.6c15.6,5.2,21.9-3.5,21.7-17.2c-0.2-15.7,0.2-31.4-0.2-47.1c-0.1-6.4-1.3-12.7-2.1-19.5c7.4-0.6,5.1-6.6,4.5-12.4h-89v12"/>
+		<path class="st1" d="M275.1,286c-7.5,7.5-44.8,44.5-58.3,57.9c2.7-0.3,5.3-0.4,8-0.3c2.1,0.1,4.1,0.4,6.1,0.8
+			c3.1-3.2,7-7.3,12.1-12.5c8.1-8.3,15.8-16.3,24.2-24.2c4.6-4.3,7-8.7,5.8-15C272.5,290.3,273.2,287.7,275.1,286 M275.8,285.2
+			c-0.2,0.2-0.5,0.5-0.7,0.8C276.5,284.6,276.9,284.2,275.8,285.2"/>
+		<path class="st1" d="M390.6,217c0,5.9-4.8,10.6-10.7,10.6c-5.9,0-10.6-4.8-10.6-10.7c0-5.8,4.7-10.5,10.4-10.6
+			C385.7,206.3,390.5,211.1,390.6,217 M419,217c0-21.6-17.5-39.1-39.1-39.1s-39.1,17.5-39.1,39.1c0,21.6,17.5,39.1,39.1,39.1
+			S419,238.6,419,217L419,217"/>
+	</g>
+</g>
+</svg>
diff --git a/packages/core/src/renderer/components/icon/group.svg b/packages/core/src/renderer/components/icon/group.svg
new file mode 100644
index 0000000000..5399ef5f13
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/group.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 351 195" viewBox="0 0 351 195" xmlns="http://www.w3.org/2000/svg"><g fill="#58606b"><path d="m11.4 102.5c-5.2-3-5.2-7.9 0-10.8l30.9-17.9c5.9-3 12.9-3 18.8 0l30.9 17.9c5.2 3 5.2 7.9 0 10.8l-30.9 17.9c-5.9 3-12.9 3-18.8 0z"/><path d="m104.2 84.6c5.9 3 12.9 3 18.8 0l30.9-17.9c5.2-3 5.2-7.9 0-10.8l-30.9-18c-5.9-3-12.9-3-18.8 0l-30.9 17.9c-5.2 3-5.2 7.9 0 10.8z"/><path d="m166.1 48.7c5.9 3 12.9 3 18.8 0l30.9-17.9c5.2-3 5.2-7.9 0-10.8l-30.9-18c-5.9-3-12.9-3-18.8 0l-30.9 17.9c-5.2 3-5.2 7.9 0 10.8z"/><path d="m104.2 156.2c5.9 3 12.9 3 18.8 0l30.9-17.9c5.2-3 5.2-7.9 0-10.8l-30.9-18c-5.9-3-12.9-3-18.8 0l-30.9 17.8c-5.2 3-5.2 7.9 0 10.8z"/><path d="m228 84.6c5.9 3 12.9 3 18.8 0l30.9-17.9c5.2-3 5.2-7.9 0-10.8l-30.9-18c-5.9-3-12.9-3-18.8 0l-30.9 17.9c-5.2 3-5.2 7.9 0 10.8z"/><path d="m166.1 192c5.9 3 12.9 3 18.8 0l30.9-17.9c5.2-3 5.2-7.9 0-10.8l-30.9-17.9c-5.9-3-12.9-3-18.8 0l-30.9 17.9c-5.2 3-5.2 7.9 0 10.8z"/><path d="m166.1 120.3c5.9 3 12.9 3 18.8 0l30.9-17.9c5.2-3 5.2-7.9 0-10.8l-30.9-17.9c-5.9-3-12.9-3-18.8 0l-30.9 17.9c-5.2 3-5.2 7.9 0 10.8z"/><path d="m228 156.2c5.9 3 12.9 3 18.8 0l30.9-17.9c5.2-3 5.2-7.9 0-10.8l-30.9-17.9c-5.9-3-12.9-3-18.8 0l-30.9 17.8c-5.2 3-5.2 7.9 0 10.8z"/><path d="m308.7 73.7c-5.9-3-12.9-3-18.8 0l-30.9 17.9c-5.2 3-5.2 7.9 0 10.8l30.9 17.9c5.9 3 12.9 3 18.8 0l30.9-17.9c5.2-3 5.2-7.9 0-10.8z"/></g></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/helm.svg b/packages/core/src/renderer/components/icon/helm.svg
new file mode 100644
index 0000000000..a5b6321722
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/helm.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><defs><style>.cls-1{fill:#fff;}</style></defs><path class="cls-1" d="M136.52938,121.13478c-.572-.54252-1.19462-1.12636-1.81-1.71761-12.61677-12.12115-22.38092-26.13637-28.279-42.702-1.65073-4.63637-2.89692-9.36515-2.67587-14.35871.021-.4739.01959-.94915.05226-1.42214.445-6.44594,4.75912-9.70322,11.05839-8.17669a27.325,27.325,0,0,1,5.73149,2.19653c6.89022,3.45538,12.5062,8.56359,17.67051,14.16571a112.52651,112.52651,0,0,1,21.722,33.42965,8.29635,8.29635,0,0,0,.38946.861c.07116.12855.22232.21282.55927.51883A176.357,176.357,0,0,1,241.968,79.06864c-.17651-.8761-.28195-1.54571-.44772-2.2a112.49436,112.49436,0,0,1-2.65292-36.95637,84.07478,84.07478,0,0,1,4.44444-21.76378,31.32555,31.32555,0,0,1,5.47651-10.17139,15.687,15.687,0,0,1,3.16336-2.82149,7.026,7.026,0,0,1,8.03255-.056,17.27854,17.27854,0,0,1,5.8402,6.73185A53.05435,53.05435,0,0,1,271.08657,26.508a112.50469,112.50469,0,0,1,2.12263,33.00356,95.59806,95.59806,0,0,1-3.49052,19.91081c7.12171,1.31193,14.20955,2.32869,21.1473,3.97713a186.37909,186.37909,0,0,1,20.44069,6.0033A188.31671,188.31671,0,0,1,331.0769,97.9721c6.34538,3.16433,12.38553,6.94066,18.71757,10.53829.20571-.433.50439-.94982.706-1.50212A108.65959,108.65959,0,0,1,383.40128,60.246a37.75787,37.75787,0,0,1,11.822-6.883,17.24558,17.24558,0,0,1,3.67827-.84512c6.264-.71729,8.89351,3.2244,9.35653,7.93183a29.94372,29.94372,0,0,1-.77381,10.35466A87.90551,87.90551,0,0,1,396.75426,95.492c-6.79016,10.97178-14.85015,20.85494-25.09307,28.83042-.30234.2354-.56784.51814-1.07988.99029a177.77993,177.77993,0,0,1,26.59293,30.88244,10.96227,10.96227,0,0,1-1.689.29762c-10.59546.015-21.1911-.01829-31.78622.04607a4.004,4.004,0,0,1-3.17246-1.69,147.87522,147.87522,0,0,0-88.17776-46.54846,143.35862,143.35862,0,0,0-30.27955-1.16923,146.40735,146.40735,0,0,0-82.53728,31.81054,140.06663,140.06663,0,0,0-16.97616,15.84186,4.72839,4.72839,0,0,1-3.86326,1.75742c-10.12056-.07028-20.24188-.035-30.36293-.03495h-2.15212c.618-2.408,6.84026-10.93786,13.88352-18.55281C125.31349,132.2744,130.87768,126.8839,136.52938,121.13478Z"/><path class="cls-1" d="M394.52934,347.9123a176.63854,176.63854,0,0,1-23.97343,27.16338c.70941.59068,1.28594,1.07041,1.86212,1.55057A108.31456,108.31456,0,0,1,406.10131,424.772a34.61831,34.61831,0,0,1,2.202,14.42026,14.88544,14.88544,0,0,1-.74786,3.69206,7.20762,7.20762,0,0,1-8.15793,5.02308,22.23329,22.23329,0,0,1-6.76276-2.00629,51.23237,51.23237,0,0,1-9.18151-5.8151,107.59183,107.59183,0,0,1-32.936-46.7072c-.18746-.51334-.39218-1.0204-.72243-1.87691a194.65008,194.65008,0,0,1-25.01223,14.00774,181.66925,181.66925,0,0,1-26.6869,9.72442,187.55649,187.55649,0,0,1-28.3045,5.38805c.16807.84015.26446,1.5098.43745,2.15907a109.172,109.172,0,0,1,2.9708,36.44311,80.804,80.804,0,0,1-4.42286,22.4773,78.24971,78.24971,0,0,1-4.16475,8.74473,13.39,13.39,0,0,1-2.33865,2.97083c-3.98009,4.109-8.73225,4.144-12.61157-.07366a27.28012,27.28012,0,0,1-3.907-5.61776c-3.07685-5.77569-4.6604-12.056-5.791-18.46021a116.86329,116.86329,0,0,1-1.35893-26.465,94.4795,94.4795,0,0,1,2.88466-19.18513c.14009-.53269.268-1.0696.37134-1.61034.02629-.13754-.06342-.2973-.17067-.73825a176.12108,176.12108,0,0,1-80.96855-24.99386c-.40992.90921-.76206,1.67473-1.10168,2.44579a110.47729,110.47729,0,0,1-30.90112,41.42041,38.16071,38.16071,0,0,1-12.04706,6.95909,12.08987,12.08987,0,0,1-6.51516.70023,7.11858,7.11858,0,0,1-5.40329-4.4892c-1.41614-3.424-1.16526-6.985-.68438-10.51691a55.45267,55.45267,0,0,1,4.30768-14.25037A112.49985,112.49985,0,0,1,134.88761,380.779c.459-.43461.92981-.857,1.38087-1.29954a3.76029,3.76029,0,0,0,.36534-.65529,178.90466,178.90466,0,0,1-28.469-31.31672c.98458-.08018,1.64327-.18,2.30205-.1806,10.51436-.00976,21.029.02736,31.54284-.04358a4.70554,4.70554,0,0,1,3.70344,1.62615,146.94611,146.94611,0,0,0,39.40276,28.88494,139.94667,139.94667,0,0,0,49.70395,14.77367q70.68048,6.87067,121.59971-42.85452a7.64571,7.64571,0,0,1,5.99261-2.44347c9.80139.12121,19.60512.04986,29.408.04986h2.53353Z"/><path class="cls-1" d="M350.73576,197.76167c2.78711,0,5.47037.18919,8.11487-.0501,2.9951-.271,5.139.8001,7.32354,2.81308,12.61275,11.62214,25.35732,23.10129,38.05863,34.62729.63855.57948,1.29039,1.14432,2.1101,1.8701.76445-.65718,1.48119-1.24318,2.16483-1.8655Q428.14636,217.27914,447.756,199.37a5.44772,5.44772,0,0,1,4.20358-1.64576c3.21888.13038,6.44673.03746,9.8412.03746V303.13036c-1.72309.50368-24.8756.60366-27.63911.0611v-53.362l-.53656-.25427c-9.01079,8.21784-18.0216,16.43564-27.23786,24.8408-9.22584-8.31119-18.34194-16.52347-27.458-24.73577l-.52449.19192c-.023,4.45359-.00774,8.90828-.01046,13.36233q-.00408,6.63942-.00058,13.27882v26.87211h-27.428C350.45161,301.61243,350.21289,203.72342,350.73576,197.76167Z"/><path class="cls-1" d="M97.63436,197.88229h27.26325c.55054,1.75251.65821,102.97139.09469,105.525H97.70468c-.15021-6.70344-.04736-13.38394-.06622-20.06131-.01871-6.62261-.0041-13.24531-.0041-20.03958H63.84679V303.047c-2.05946.61518-25.33374.67417-27.64758.123V197.89436H63.73742v37.18876c1.96793.56844,30.92319.67339,33.872.12942.00818-2.97713.02-6.02646.024-9.0758q.0063-4.7433.00094-9.4866,0-4.625,0-9.25C97.63437,204.32179,97.63436,201.24346,97.63436,197.88229Z"/><path class="cls-1" d="M157.5757,303.3683V198.1946c1.617-.52913,61.545-.73586,65.46219-.20457v22.41432c-.87869.063-1.7857.18341-2.69279.18454q-16.0086.01994-32.01725.00881l-2.96767,0v17.43353H218.7067V261.2229H185.65838c-.55339,1.98509-.70531,15.81681-.25622,19.64583.84488.05679,1.75.16952,2.6553.17059q16.00862.01863,32.01727.00822h2.96945V303.3683Z"/><path class="cls-1" d="M254.28291,303.40855c-.50074-2.82232-.39948-103.60181.09747-105.51735h27.16208v77.76453c1.17173.06084,2.09122.14921,3.01077.15005q16.128.01468,32.2561.00658c.92562,0,1.85125,0,2.90733,0v27.59622Z"/></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/icon.scss b/packages/core/src/renderer/components/icon/icon.scss
new file mode 100644
index 0000000000..de8d6fbdf2
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/icon.scss
@@ -0,0 +1,132 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Icon {
+  --size: 21px;
+  --small-size: 18px;
+  --smallest-size: 16px;
+  --big-size: 32px;
+  --color-active: var(--iconActiveColor);
+  --bgc-active: var(--iconActiveBackground);
+  --focus-color: var(--icon-focus-color, var(--blue));
+
+  display: inline-flex;
+  flex-shrink: 0;
+  font-style: normal;
+  vertical-align: middle;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  user-select: none;
+  box-sizing: content-box; // allow to use padding for outer spacing
+  -webkit-user-select: none; /* safari */
+  -moz-user-select: none; /* firefox */
+
+  font-size: var(--size);
+  width: var(--size);
+  height: var(--size);
+
+  &.smallest {
+    font-size: var(--smallest-size);
+    width: var(--smallest-size);
+    height: var(--smallest-size);
+  }
+
+  &.small {
+    font-size: var(--small-size);
+    width: var(--small-size);
+    height: var(--small-size);
+  }
+
+  &.big {
+    font-size: var(--big-size);
+    width: var(--big-size);
+    height: var(--big-size);
+  }
+
+  // material-icon
+  &.material {
+    > .icon {
+      font-family: "Material Icons";
+      font-size: inherit;
+      font-weight: inherit;
+      font-style: inherit;
+      display: inline-block;
+      line-height: 1;
+      text-transform: none;
+      letter-spacing: normal;
+      word-wrap: normal;
+      white-space: nowrap;
+      direction: ltr;
+
+      /* Support for all WebKit browsers. */
+      -webkit-font-smoothing: antialiased;
+      /* Support for Safari and Chrome. */
+      text-rendering: optimizeLegibility;
+      /* Support for Firefox. */
+      -moz-osx-font-smoothing: grayscale;
+      /* Support for IE. */
+      font-feature-settings: 'liga';
+    }
+  }
+
+  // inline svg icon
+  &.svg {
+    box-sizing: content-box;
+
+    > .icon {
+      width: 100%;
+      height: 100%;
+    }
+
+    svg {
+      pointer-events: none;
+      width: 100%;
+      height: 100%;
+
+      * {
+        fill: currentColor;
+      }
+
+      line {
+        stroke: currentColor;
+      }
+    }
+  }
+
+  &.disabled {
+    opacity: .5;
+    color: inherit !important;
+    cursor: not-allowed !important;
+  }
+
+  &.sticker {
+    background: var(--colorOk);
+    color: var(--textColorAccent);
+    border-radius: 50%;
+    box-sizing: content-box;
+    padding: $padding * 0.5;
+  }
+
+  &.active {
+    color: var(--color-active);
+    box-shadow: 0 0 0 2px var(--iconActiveBackground);
+    background-color: var(--iconActiveBackground);
+  }
+
+  &.interactive {
+    cursor: pointer;
+    transition: 250ms color, 250ms opacity, 150ms background-color, 150ms box-shadow;
+    border-radius: var(--border-radius);
+
+    &.focusable:focus-visible {
+      box-shadow: 0 0 0 2px var(--focus-color);
+    }
+
+    &:hover {
+      @extend .active;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/icon/icon.test.tsx b/packages/core/src/renderer/components/icon/icon.test.tsx
new file mode 100644
index 0000000000..f927caa7da
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/icon.test.tsx
@@ -0,0 +1,93 @@
+/**
+ * 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 { Logger } from "../../../common/logger";
+import loggerInjectable from "../../../common/logger.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import type { DiRender } from "../test-utils/renderFor";
+import { renderFor } from "../test-utils/renderFor";
+import { Icon } from "./icon";
+
+describe("<Icon> href technical tests", () => {
+  let render: DiRender;
+  let logger: jest.MockedObject<Logger>;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting();
+
+    logger = {
+      debug: jest.fn(),
+      error: jest.fn(),
+      info: jest.fn(),
+      silly: jest.fn(),
+      warn: jest.fn(),
+    };
+
+    di.override(loggerInjectable, () => logger);
+
+    render = renderFor(di);
+  });
+
+  it("should render an <Icon> with http href", () => {
+    const result = render((
+      <Icon
+        data-testid="my-icon"
+        href="http://localhost"
+      />
+    ));
+
+    const icon = result.queryByTestId("my-icon");
+
+    expect(icon).toBeInTheDocument();
+    expect(icon).toHaveAttribute("href", "http://localhost");
+    expect(logger.warn).not.toBeCalled();
+  });
+
+  it("should render an <Icon> with https href", () => {
+    const result = render((
+      <Icon
+        data-testid="my-icon"
+        href="https://localhost"
+      />
+    ));
+
+    const icon = result.queryByTestId("my-icon");
+
+    expect(icon).toBeInTheDocument();
+    expect(icon).toHaveAttribute("href", "https://localhost");
+    expect(logger.warn).not.toBeCalled();
+  });
+
+  it("should warn about ws hrefs", () => {
+    const result = render((
+      <Icon
+        data-testid="my-icon"
+        href="ws://localhost"
+      />
+    ));
+
+    const icon = result.queryByTestId("my-icon");
+
+    expect(icon).toBeInTheDocument();
+    expect(icon).not.toHaveAttribute("href", "ws://localhost");
+    expect(logger.warn).toBeCalled();
+  });
+
+  it("should warn about javascript: hrefs", () => {
+    const result = render((
+      <Icon
+        data-testid="my-icon"
+        href="javascript:void 0"
+      />
+    ));
+
+    const icon = result.queryByTestId("my-icon");
+
+    expect(icon).toBeInTheDocument();
+    expect(icon).not.toHaveAttribute("href", "javascript:void 0");
+    expect(logger.warn).toBeCalled();
+  });
+});
diff --git a/packages/core/src/renderer/components/icon/icon.tsx b/packages/core/src/renderer/components/icon/icon.tsx
new file mode 100644
index 0000000000..b51299ba15
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/icon.tsx
@@ -0,0 +1,284 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./icon.scss";
+
+import type { ReactNode } from "react";
+import React, { createRef } from "react";
+import { NavLink } from "react-router-dom";
+import type { LocationDescriptor } from "history";
+import { cssNames } from "../../utils";
+import { withTooltip } from "../tooltip";
+import isNumber from "lodash/isNumber";
+import Configuration from "./configuration.svg";
+import Crane from "./crane.svg";
+import Group from "./group.svg";
+import Helm from "./helm.svg";
+import Install from "./install.svg";
+import Kube from "./kube.svg";
+import LensLogo from "./lens-logo.svg";
+import License from "./license.svg";
+import LogoLens from "./logo-lens.svg";
+import Logout from "./logout.svg";
+import Nodes from "./nodes.svg";
+import PushOff from "./push_off.svg";
+import PushPin from "./push_pin.svg";
+import Spinner from "./spinner.svg";
+import Ssh from "./ssh.svg";
+import Storage from "./storage.svg";
+import Terminal from "./terminal.svg";
+import Notice from "./notice.svg";
+import User from "./user.svg";
+import Users from "./users.svg";
+import Wheel from "./wheel.svg";
+import Workloads from "./workloads.svg";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const hrefValidation = /https?:\/\//;
+
+const hrefIsSafe = (href: string) => Boolean(href.match(hrefValidation));
+
+/**
+ * Mapping between the local file names and the svgs
+ *
+ * Because we only really want a fixed list of bundled icons, this is safer so that consumers of
+ * `<Icon>` cannot pass in a `../some/path`.
+ */
+const localSvgIcons = new Map([
+  ["configuration", Configuration],
+  ["crane", Crane],
+  ["group", Group],
+  ["helm", Helm],
+  ["install", Install],
+  ["kube", Kube],
+  ["lens-logo", LensLogo],
+  ["license", License],
+  ["logo-lens", LogoLens],
+  ["logout", Logout],
+  ["nodes", Nodes],
+  ["push_off", PushOff],
+  ["push_pin", PushPin],
+  ["spinner", Spinner],
+  ["ssh", Ssh],
+  ["storage", Storage],
+  ["terminal", Terminal],
+  ["notice", Notice],
+  ["user", User],
+  ["users", Users],
+  ["wheel", Wheel],
+  ["workloads", Workloads],
+]);
+
+export interface BaseIconProps {
+   /**
+   * One of the names from https://material.io/icons/
+   */
+  material?: string;
+
+  /**
+   * Either an SVG XML or one of the following names
+   * - configuration
+   * - crane
+   * - group
+   * - helm
+   * - install
+   * - kube
+   * - lens-logo
+   * - license
+   * - logo-lens
+   * - logout
+   * - nodes
+   * - push_off
+   * - push_pin
+   * - spinner
+   * - ssh
+   * - storage
+   * - terminal
+   * - user
+   * - users
+   * - wheel
+   * - workloads
+   */
+  svg?: string;
+
+  /**
+   * render icon as NavLink from react-router-dom
+   */
+  link?: LocationDescriptor;
+
+  /**
+   * render icon as hyperlink
+   */
+  href?: string;
+
+  /**
+   * The icon size (css units)
+   */
+  size?: string | number;
+
+  /**
+   * A pre-defined icon-size
+   */
+  small?: boolean;
+
+  /**
+   * A pre-defined icon-size
+   */
+  smallest?: boolean;
+
+  /**
+   * A pre-defined icon-size
+   */
+  big?: boolean;
+
+  /**
+   * apply active-state styles
+   */
+  active?: boolean;
+
+  /**
+   * indicates that icon is interactive and highlight it on focus/hover
+   */
+  interactive?: boolean;
+
+  /**
+   * Allow focus to the icon to show `.active` styles. Only applicable if {@link IconProps.interactive} is `true`.
+   *
+   * @default true
+   */
+  focusable?: boolean;
+  sticker?: boolean;
+  disabled?: boolean;
+  "data-testid"?: string;
+}
+
+export interface IconProps extends React.HTMLAttributes<any>, BaseIconProps {}
+
+export function isSvg(content: string): boolean {
+  // source code of the asset
+  return String(content).includes("<svg");
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+const RawIcon = (props: IconProps & Dependencies) => {
+  const ref = createRef<HTMLAnchorElement>();
+
+  const {
+    // skip passing props to icon's html element
+    className, href, link, material, svg, size, smallest, small, big,
+    disabled, sticker, active,
+    focusable = true,
+    children,
+    interactive, onClick, onKeyDown,
+    logger,
+    ...elemProps
+  } = props;
+  const isInteractive = interactive ?? !!(onClick || href || link);
+
+  const boundOnClick = (event: React.MouseEvent) => {
+    if (!disabled) {
+      onClick?.(event);
+    }
+  };
+  const boundOnKeyDown = (event: React.KeyboardEvent<any>) => {
+    switch (event.nativeEvent.code) {
+      case "Space":
+
+        // fallthrough
+      case "Enter": {
+        ref.current?.click();
+        event.preventDefault();
+        break;
+      }
+    }
+
+    onKeyDown?.(event);
+  };
+
+  let iconContent: ReactNode;
+  const iconProps: Partial<IconProps> = {
+    className: cssNames("Icon", className,
+      { svg, material, interactive: isInteractive, disabled, sticker, active, focusable },
+      !size ? { smallest, small, big } : {},
+    ),
+    onClick: isInteractive ? boundOnClick : undefined,
+    onKeyDown: isInteractive ? boundOnKeyDown : undefined,
+    tabIndex: isInteractive && focusable && !disabled ? 0 : undefined,
+    style: size ? { "--size": size + (isNumber(size) ? "px" : "") } as React.CSSProperties : undefined,
+    ...elemProps,
+  };
+
+  // render as inline svg-icon
+  if (typeof svg === "string") {
+    const svgIconText = isSvg(svg)
+      ? svg
+      : localSvgIcons.get(svg) ?? "";
+
+    iconContent = (
+      <span
+        className="icon"
+        dangerouslySetInnerHTML={{ __html: svgIconText }}
+      />
+    );
+  }
+
+  // render as material-icon
+  if (typeof material === "string") {
+    iconContent = <span className="icon" data-icon-name={material}>{material}</span>;
+  }
+
+  // wrap icon's content passed from decorator
+  iconProps.children = (
+    <>
+      {iconContent}
+      {children}
+    </>
+  );
+
+  // render icon type
+  if (link) {
+    const { className, children } = iconProps;
+
+    return (
+      <NavLink
+        className={className}
+        to={link}
+        ref={ref}
+      >
+        {children}
+      </NavLink>
+    );
+  }
+
+  if (href) {
+    if (hrefIsSafe(href)) {
+      return (
+        <a
+          {...iconProps}
+          href={href}
+          ref={ref}
+        />
+      );
+    }
+
+    logger.warn("[ICON]: href prop is unsafe, blocking", { href });
+  }
+
+  return <i {...iconProps} ref={ref} />;
+};
+
+const InjectedIcon = withInjectables<Dependencies, IconProps>(RawIcon, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
+export const Icon = Object.assign(withTooltip(InjectedIcon), { isSvg });
diff --git a/packages/core/src/renderer/components/icon/index.ts b/packages/core/src/renderer/components/icon/index.ts
new file mode 100644
index 0000000000..7b7999604d
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./icon";
diff --git a/packages/core/src/renderer/components/icon/install.svg b/packages/core/src/renderer/components/icon/install.svg
new file mode 100644
index 0000000000..28c00c0b5d
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/install.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 1000 1000" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="m4486.6 4986.6c-3.9-9.8-64.4-246-130.8-525.1l-123-511.5-244-62.5-244-64.4-89.8 95.7c-48.8 52.7-216.7 228.4-374.8 392.4l-285 296.7-437.3-253.8c-240.1-138.6-439.2-259.6-443.1-269.4s60.5-242.1 140.6-517.3c82-275.3 148.4-511.5 148.4-525.1 0-33.2-296.7-326-329.9-326-13.7 0-253.8 66.4-533 148.4-277.2 82-509.5 144.5-513.4 140.6-5.9-3.9-123-205-263.5-447.1l-254-437.4 113.2-107.4c60.5-58.6 242.1-232.3 400.2-384.6l288.9-279.2-54.7-224.5-54.6-224.5-68.3-19.5c-37.1-9.8-251.8-62.5-478.3-117.1-226.5-54.7-443.2-107.4-482.2-119.1l-74.2-19.5v-513.5-513.4l548.6-134.7c462.7-113.2 552.5-140.6 566.1-173.8 7.8-21.5 37.1-117.1 64.4-214.7l50.8-175.7-411.9-400.2-410-400.2 247.9-429.5c134.7-236.2 253.8-435.3 259.6-445.1 7.8-7.8 255.7 56.6 548.6 142.5 294.8 85.9 544.7 156.2 556.4 156.2s83.9-64.4 162-142.5l140.6-142.5-156.2-529c-85.9-290.9-156.2-540.8-156.2-556.4 0-21.5 669.6-427.5 845.3-511.5 31.2-17.6 91.8 37.1 441.2 398.2l404.1 417.8 164-44.9c91.8-25.4 183.5-52.7 205-60.5 33.2-11.7 60.5-101.5 175.7-574l136.7-558.3h517.3 519.3l134.7 552.5c74.2 302.6 140.6 556.4 146.4 564.2s99.6 37.1 208.9 66.4l199.1 50.8 269.4-281.1c148.4-152.3 326-337.7 394.3-410 68.3-74.2 134.7-132.8 144.5-132.8 19.5 0 802.4 449 855.1 492 29.3 23.4 19.5 74.2-128.8 572l-162 546.6 138.6 140.6c76.1 78.1 150.3 142.5 164 142.5s263.5-70.3 556.4-156.2 536.9-150.3 544.6-140.6c7.8 7.8 126.9 207 263.5 443.2l247.9 429.5-410 400.2-410 400.2 60.5 212.8 60.5 214.7 552.5 134.7 550.6 134.7v515.4c0 283.1-1.9 515.4-3.9 515.4-3.9 2-247.9 60.5-542.7 134.7-499.8 123-538.8 134.7-550.5 179.6-7.8 25.4-37.1 126.9-62.5 222.5l-48.8 175.7 402.2 392.4 404.1 390.4-242.1 419.7c-132.8 230.4-251.8 429.5-263.6 443.1-19.5 21.5-115.2 0-529-121-279.2-82-519.3-146.4-534.9-146.4-15.6 2-97.6 74.2-179.6 162l-150.3 158.1 154.2 527.1c85.9 290.9 148.4 529 140.6 532.9s-206.9 119.1-443.2 257.7l-429.5 251.8-380.7-392.4-382.6-392.4-230.4 60.5c-126.9 33.2-234.3 64.4-238.2 68.3-5.9 5.9-206.9 806.3-251.8 1005.4l-9.8 43h-517.3c-283 .1-519.2-5.7-523.1-13.5zm1085.4-3959.1c1132.3-788.7 1202.6-841.4 1169.4-870.7-44.9-42.9-2735-2047.8-2746.7-2047.8-5.8 0-9.8 905.8-9.8 2010.8v2012.7l191.3-132.8c103.4-72.2 732-509.5 1395.8-972.2z" fill="#87909c" transform="matrix(.1 0 0 -.1 0 511)"/></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/kube.svg b/packages/core/src/renderer/components/icon/kube.svg
new file mode 100644
index 0000000000..e0e7d1636b
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/kube.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m22.1 14.3c-.1 0-.1 0 0 0-.1 0-.1 0-.2 0s-.3 0-.4 0-.1 0-.2 0c-.4 0-.8-.1-1.1-.2-.1-.1-.2-.1-.2-.2l-.3-.1c.1-.9.1-1.9-.1-2.8-.3-1.1-.6-2-1.2-2.8l.2-.2c0-.1 0-.2.1-.3.3-.3.6-.4.9-.7.1 0 .1-.1.2-.1.1-.1.2-.1.3-.2 0 0 .1 0 .1-.1.3-.2.3-.6.1-.9-.1-.1-.3-.2-.5-.2s-.3.1-.4.2-.1.1-.1.1c-.1.1-.2.2-.3.3 0 0-.1.1-.1.1-.3.3-.5.5-.8.7 0 .1 0 .1-.1.1h-.1l-.2.2c-.3-.3-.5-.5-.8-.8-1.2-.9-2.7-1.5-4.2-1.7v-.3c-.1-.1-.1-.1-.2-.3 0-.3 0-.7.1-1.1 0-.1 0-.1 0-.2s0-.2.1-.4v-.1c0-.4-.3-.7-.6-.7-.2 0-.3.1-.4.2s-.2.3-.2.5v.1c0 .1 0 .3.1.4v.2c0 .4.1.8.1 1.1 0 .1-.1.2-.2.3v.3c-.4 0-.7.1-1.1.2-1.8.3-3.1 1.1-4.2 2.2l-.2-.2h-.1c-.1 0-.1 0-.2-.1-.3-.1-.6-.3-.8-.6s-.1-.1-.1-.1c-.2-.2-.2-.3-.3-.4 0 0-.1 0-.1-.1-.2-.1-.4-.1-.5-.1-.2 0-.4.1-.5.2-.2.2-.1.6.2.9s.1.1.1.1c.1.1.2.1.3.2.1 0 .1.1.2.1.4.2.7.4.9.6.1.1.1.2.1.3l.2.2c0 .1-.1.1-.1.2-1 1.6-1.4 3.5-1.1 5.3l-.3.1c0 .1-.1.2-.2.2-.3.1-.7.2-1.1.2-.1 0-.1 0-.2 0s-.2 0-.4 0h-.1s0 0-.1 0c-.4.1-.6.4-.5.7s.3.5.6.5h.2.1c.1 0 .2-.1.4-.1.1 0 .1-.1.2-.1.4-.1.7-.3 1-.3.1 0 .2.1.3.1h.3c.5 1.5 1.4 2.8 2.6 3.8.3.2.6.4.9.6l-.1.3c0 .1.1.2 0 .3-.1.3-.3.6-.5.9 0 .1-.1.1-.1.2-.1.1-.1.2-.2.3 0 0 0 .1-.1.1-.2.3 0 .7.3.9.1 0 .2.1.2.1.2 0 .5-.2.6-.4s0-.1.1-.1c.1-.1.1-.2.1-.4 0-.1 0-.1.1-.2.1-.4.2-.7.4-1 .2-.1.3-.1.3-.2l.1-.3c.9.3 1.8.5 2.8.5.6 0 1.2-.1 1.7-.2.4-.1.7-.2 1-.3l.1.2c.1 0 .2.1.3.2.2.3.3.6.4 1 0 .1 0 .1.1.2 0 .1.1.2.1.4 0 0 0 .1.1.1.1.2.4.4.6.4.1 0 .2 0 .2-.1.1-.1.3-.2.3-.4s0-.3 0-.5 0-.1-.1-.1c-.1-.1-.1-.2-.2-.3 0-.1-.1-.1-.1-.2-.2-.3-.4-.6-.5-.9 0-.1 0-.2 0-.3l.1-.2c1.1-.6 2-1.5 2.6-2.6.4-.6.6-1.2.8-1.8h.2c.1 0 .1-.1.3-.1.3 0 .7.2 1 .3.1 0 .1.1.2.1.1.1.2.1.4.1h.1.1.2c.3 0 .6-.2.6-.5.1-.1-.1-.4-.4-.5zm-9.3-1-.9.4-.9-.4-.2-.9.6-.8h1l.6.8zm5.2-2.1c.2.7.2 1.4.1 2l-3.1-.9c-.3-.1-.4-.4-.4-.6 0-.1.1-.2.1-.2l2.4-2.2c.5.6.7 1.2.9 1.9zm-1.7-3.1-2.6 1.9c-.2.1-.5.1-.7-.1-.1-.1-.1-.1-.1-.2l-.2-3.3c1.4.1 2.6.7 3.6 1.7zm-5.8-1.7c.2 0 .4-.1.6-.1l-.2 3.2c0 .3-.2.5-.5.5-.1 0-.2 0-.2-.1l-2.7-1.8c.8-.8 1.8-1.4 3-1.7zm-4 2.9 2.4 2.1c.2.2.2.5.1.7-.1.1-.1.1-.2.2l-3.1.9c-.2-1.3.1-2.7.8-3.9zm-.5 5.4 3.2-.5c.3 0 .5.2.6.4v.3l-1.2 2.9c-1.2-.6-2.1-1.8-2.6-3.1zm7.3 4c-.5.1-.9.2-1.4.2-.7 0-1.4-.1-2-.3l1.6-2.9c.2-.2.4-.3.6-.1.1.1.2.1.2.2l1.5 2.8c-.1 0-.3.1-.5.1zm3.9-2.8c-.5.8-1.2 1.4-1.9 1.9l-1.3-3c-.1-.2 0-.5.3-.6.1 0 .2-.1.3-.1l3.2.5c-.1.5-.3.9-.6 1.3z"/></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/lens-logo.svg b/packages/core/src/renderer/components/icon/lens-logo.svg
new file mode 100644
index 0000000000..9b961a56c6
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/lens-logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 497.43 228.97">
+<defs><style>.cls-1{fill:#3f90ce;}</style></defs>
+<title>Lens logo</title>
+<g>
+  <path class="cls-1" d="M0,0H12.25V170H110v11.64H0Z"/>
+  <path class="cls-1" d="M138.75,167.24Q122.82,148,122.82,116.39t15.93-50.84q15.93-19,42.27-19T223.29,64q15.92,17.46,15.93,46.55v5.82H135.08q0,26.65,12.55,42.58T181,174.9a50.14,50.14,0,0,0,28.18-8.27A44.23,44.23,0,0,0,227,144.27h12.25q-3.08,18.07-19.61,30T181,186.23Q154.68,186.23,138.75,167.24ZM227,104.75v-4.59a46.49,46.49,0,0,0-14.71-30.63A45.05,45.05,0,0,0,181,57.28a43.4,43.4,0,0,0-30.94,12.56,47.58,47.58,0,0,0-15,31.54v3.37Z"/>
+  <path class="cls-1" d="M268,181.64V51.15h12.25V73.21a41.83,41.83,0,0,1,16.85-18.38,46.6,46.6,0,0,1,25.12-7q19.29,0,32.77,12.56Q368.79,73.21,368.78,91v90.67H356.53V91a30.37,30.37,0,0,0-10.11-23,34.12,34.12,0,0,0-24.19-9.5A40.35,40.35,0,0,0,295,68.92a45.21,45.21,0,0,0-14.7,26.65v86.07Z"/>
+  <path class="cls-1" d="M409.83,172.75Q395.12,160.51,395.12,143h11.34q0,13.17,11.33,22.67,11.32,9.18,27.26,9.19,18.38,0,29.71-8.27a27,27,0,0,0,11-22.36q0-10.41-11.64-17.77-11.64-7-31.24-8.88-20.84-1.84-33.08-11.64-12.57-9.8-12.56-24.2,0-16.23,12.56-25.11t35.22-8.89q21.75,0,34.61,9.5,13.17,9.5,13.17,25.42H481.19A28.06,28.06,0,0,0,469.55,64q-9.49-6.73-24.5-6.74-16.55,0-26.34,6.74t-9.8,17.76q0,10.43,11.94,17.77,11.64,7,31.25,8.88,20.5,1.84,33.08,12.25,12.24,10.42,12.25,26,0,17.46-14.4,27.87Q468.95,185,445.05,185,424.22,185,409.83,172.75Z"/>
+</g>
+</svg>
diff --git a/packages/core/src/renderer/components/icon/license.svg b/packages/core/src/renderer/components/icon/license.svg
new file mode 100644
index 0000000000..a8e2ff5ad1
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/license.svg
@@ -0,0 +1 @@
+<svg height="512pt" viewBox="-87 0 512 512.001" width="512pt" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="m337.039062 100.152344c-.003906-.109375-.007812-.21875-.015624-.328125-.03125-.433594-.074219-.859375-.160157-1.28125 0 0 0 0 0-.003907-.085937-.421874-.207031-.839843-.34375-1.246093-.035156-.101563-.070312-.203125-.109375-.304688-.144531-.386719-.308594-.765625-.496094-1.132812-.011718-.019531-.019531-.039063-.03125-.058594-.203124-.382813-.4375-.746094-.691406-1.101563-.0625-.089843-.128906-.175781-.195312-.265624-.269532-.351563-.550782-.691407-.867188-1.007813l-90.492187-90.492187c-.316407-.316407-.65625-.597657-1.007813-.867188-.089844-.066406-.179687-.136719-.269531-.199219-.355469-.253906-.714844-.488281-1.09375-.6875-.027344-.015625-.054687-.023437-.078125-.039062-.359375-.1875-.734375-.347657-1.113281-.492188-.105469-.039062-.207031-.074219-.316407-.109375-.40625-.136718-.816406-.257812-1.242187-.34375-.003906 0-.007813 0-.007813 0-.417968-.082031-.84375-.128906-1.273437-.160156-.109375-.0039062-.21875-.0117188-.328125-.015625-.113281-.0039062-.226562-.015625-.339844-.015625h-226.566406c-5.523438 0-10 4.476562-10 10v428.023438c0 5.523437 4.476562 10 10 10h150.554688v53.976562c0 3.636719 1.976562 6.988281 5.160156 8.75 3.1875 1.761719 7.074218 1.65625 10.15625-.277344l38.085937-23.894531 38.085938 23.894531c1.621093 1.015625 3.46875 1.527344 5.316406 1.527344 1.664063 0 3.332031-.414062 4.839844-1.246094 3.183593-1.761718 5.160156-5.113281 5.160156-8.753906v-53.976562h59.695313c5.523437 0 10-4.476563 10-10v-337.53125c0-.113282-.011719-.226563-.015626-.339844zm-90.472656-66.007813 56.347656 56.347657h-56.347656zm-90.945312 274.726563c-.703125-1.910156-1.847656-5.03125-1.875-6.308594.78125-.96875 3.492187-2.683594 5.152344-3.730469 3.5625-2.25 7.601562-4.804687 10.53125-8.796875 2.957031-4.035156 4.160156-8.695312 5.222656-12.804687.464844-1.796875 1.214844-4.699219 1.855468-5.796875.351563-.074219 1.089844-.179688 2.476563-.179688 1.113281 0 2.359375.0625 3.679687.128906 1.515626.074219 3.078126.152344 4.710938.152344 3.601562 0 6.507812-.40625 9.144531-1.285156 4.605469-1.53125 8.289063-4.496094 11.539063-7.113281 1.796875-1.445313 4.804687-3.867188 5.851562-4.015625 1.144532.148437 4.148438 2.570312 5.945313 4.015625 3.25 2.617187 6.9375 5.582031 11.542969 7.113281 2.636718.878906 5.539062 1.285156 9.144531 1.285156 1.628906 0 3.195312-.078125 4.707031-.152344 1.320312-.066406 2.566406-.128906 3.683594-.128906 1.386718 0 2.121094.101563 2.476562.179688.640625 1.097656 1.390625 4 1.851563 5.796875 1.0625 4.109375 2.269531 8.769531 5.226562 12.804687 2.925781 3.992188 6.964844 6.542969 10.53125 8.796875 1.65625 1.050781 4.367188 2.761719 5.148438 3.730469-.027344 1.277344-1.171875 4.398438-1.871094 6.308594-1.488281 4.050781-3.171875 8.644531-3.171875 13.734375 0 5.089843 1.683594 9.683593 3.167969 13.738281.703125 1.910156 1.847656 5.03125 1.875 6.308594-.78125.96875-3.492188 2.679687-5.148438 3.730468-3.566406 2.25-7.605469 4.804688-10.53125 8.796876-2.957031 4.035156-4.164062 8.695312-5.226562 12.804687-.460938 1.792969-1.214844 4.699219-1.851563 5.796875-.355468.074219-1.089844.179688-2.476562.179688-1.117188 0-2.363282-.0625-3.683594-.128907-1.511719-.074219-3.078125-.152343-4.707031-.152343-3.605469 0-6.507813.40625-9.144531 1.285156-4.605469 1.53125-8.292969 4.5-11.542969 7.113281-1.769531 1.429687-4.722657 3.800781-5.898438 4.011719-1.175781-.210938-4.125-2.582032-5.894531-4.011719-3.253906-2.613281-6.9375-5.582031-11.542969-7.113281-2.636719-.878906-5.542969-1.285156-9.144531-1.285156-1.628906 0-3.195312.078124-4.710938.152343-1.316406.066407-2.5625.128907-3.679687.128907-1.386719 0-2.121094-.105469-2.476563-.179688-.640624-1.097656-1.390624-4-1.855468-5.796875-1.058594-4.109375-2.265625-8.769531-5.222656-12.804687-2.925782-3.992188-6.964844-6.546876-10.53125-8.796876-1.65625-1.046874-4.367188-2.761718-5.148438-3.730468.027344-1.273438 1.171875-4.398438 1.871094-6.308594 1.488281-4.050781 3.171875-8.644531 3.171875-13.734375 0-5.09375-1.6875-9.6875-3.171875-13.738281zm91.738281 175.050781-28.085937-17.621094c-3.25-2.035156-7.382813-2.035156-10.632813 0l-28.085937 17.621094v-89.992187c1.0625-.03125 2.105468-.070313 3.117187-.121094 1.324219-.070313 2.574219-.132813 3.703125-.132813 1.773438 0 2.53125.164063 2.824219.261719 1.191406.398438 3.480469 2.242188 5.320312 3.722656 4.667969 3.757813 10.476563 8.433594 18.4375 8.433594 7.960938 0 13.769531-4.675781 18.4375-8.433594 1.839844-1.480468 4.128907-3.324218 5.316407-3.71875.296874-.097656 1.054687-.261718 2.828124-.261718 1.128907 0 2.378907.0625 3.703126.128906 1.011718.050781 2.054687.09375 3.113281.121094v89.992187zm20-55.898437v-42.152344c2.972656-4.039063 4.214844-8.820313 5.265625-12.882813.550781-2.132812 1.304688-5.050781 1.992188-5.984375.683593-.9375 3.226562-2.542968 5.082031-3.714844 4.921875-3.109374 11.046875-6.980468 13.480469-14.300781 2.40625-7.222656-.097657-14.046875-2.109376-19.53125-.914062-2.488281-1.949218-5.3125-1.949218-6.851562 0-1.539063 1.035156-4.359375 1.949218-6.847657 2.011719-5.484374 4.515626-12.3125 2.109376-19.535156-2.433594-7.316406-8.558594-11.1875-13.480469-14.296875-1.855469-1.171875-4.398438-2.78125-5.082031-3.710937-.6875-.9375-1.441407-3.855469-1.992188-5.988282-1.4375-5.566406-3.226562-12.496093-9.351562-16.988281-4.875-3.570312-10.519532-3.984375-14.34375-3.984375-1.617188 0-3.179688.078125-4.6875.15625-1.324219.066406-2.574219.128906-3.699219.128906-1.777344 0-2.535157-.164062-2.828125-.261718-1.1875-.394532-3.476563-2.238282-5.316406-3.722656-4.671876-3.753907-10.480469-8.429688-18.441407-8.429688-7.957031 0-13.769531 4.675781-18.4375 8.429688-1.839843 1.480468-4.128906 3.328124-5.316406 3.722656-.292969.097656-1.054687.261718-2.828125.261718-1.125 0-2.378906-.0625-3.703125-.132812-1.507813-.074219-3.066406-.152344-4.6875-.152344-3.820313 0-9.464844.414063-14.335937 3.984375-6.128907 4.492188-7.921876 11.421875-9.359376 16.988281-.550781 2.132813-1.304687 5.050782-1.988281 5.984376-.6875.933593-3.230469 2.542968-5.085937 3.714843-4.921875 3.109375-11.042969 6.980469-13.480469 14.296875-2.40625 7.226563.097656 14.050782 2.109375 19.535156.914062 2.488282 1.949219 5.308594 1.949219 6.847657 0 1.539062-1.035157 4.363281-1.949219 6.851562-2.011719 5.484375-4.515625 12.308594-2.109375 19.535157 2.4375 7.316406 8.5625 11.1875 13.480469 14.296874 1.859375 1.171876 4.398437 2.78125 5.085937 3.714844.683594.933594 1.4375 3.851563 1.988281 5.984375 1.050782 4.0625 2.296876 8.847657 5.269532 12.882813v42.152344h-140.558594v-408.023438h206.566406v80.492188c0 5.523437 4.476563 10 10 10h80.488282v317.53125zm0 0"/><path d="m58.863281 110.492188h128.835938c5.519531 0 10-4.476563 10-10 0-5.523438-4.480469-10-10-10h-128.835938c-5.523437 0-10 4.476562-10 10 0 5.523437 4.480469 10 10 10zm0 0"/><path d="m279.308594 140.96875h-220.445313c-5.523437 0-10 4.476562-10 10s4.476563 10 10 10h220.445313c5.523437 0 10-4.476562 10-10s-4.476563-10-10-10zm0 0"/><path d="m239.308594 191.445312h-180.445313c-5.523437 0-10 4.480469-10 10 0 5.523438 4.476563 10 10 10h180.445313c5.523437 0 10-4.476562 10-10 0-5.519531-4.476563-10-10-10zm0 0"/><path d="m279.308594 191.445312c-5.507813 0-10 4.492188-10 10 0 5.507813 4.492187 10 10 10 5.511718 0 10-4.492187 10-10 0-5.507812-4.488282-10-10-10zm0 0"/></g></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/logo-lens.svg b/packages/core/src/renderer/components/icon/logo-lens.svg
new file mode 100644
index 0000000000..0ac3453ad3
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/logo-lens.svg
@@ -0,0 +1,4 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <defs><style>.cls-1{fill:none!important;}</style></defs>
+  <rect class="cls-1" width="512" height="512"/><path d="M193.6,220,308.08,21.76A247.33,247.33,0,0,0,256,16,239.62,239.62,0,0,0,104.32,70l87.84,152.4Z"/><path d="M485,184A240.6,240.6,0,0,0,341,31.84L253.12,184Z"/><path d="M491.2,208H311.44l7,12L432.64,418A237.85,237.85,0,0,0,496,256,243,243,0,0,0,491.2,208Z"/><path d="M173,256,79.36,94C40.24,136.72,16,193.36,16,256a243,243,0,0,0,4.8,48H200.56Z"/><path d="M27,328A240.6,240.6,0,0,0,171,480.16L258.88,328Z"/><path d="M297.52,328l-93.6,162.24A247.33,247.33,0,0,0,256,496a239.62,239.62,0,0,0,151.68-54L319.84,289.6Z"/>
+</svg>
diff --git a/packages/core/src/renderer/components/icon/logout.svg b/packages/core/src/renderer/components/icon/logout.svg
new file mode 100644
index 0000000000..abb046acb3
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/logout.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 14.4 14.4" viewBox="0 0 14.4 14.4" xmlns="http://www.w3.org/2000/svg"><path d="m7.2 14.4c-4 0-7.2-3.2-7.2-7.2 0-2.1.9-4.1 2.5-5.5.1-.1.2-.1.3 0l1.1 1.1s.1.1.1.1c0 .1 0 .1-.1.1-1.2 1-1.9 2.5-1.9 4.1 0 2.9 2.4 5.2 5.2 5.2 2.9 0 5.2-2.4 5.2-5.2 0-1.6-.7-3.1-1.9-4.1 0 0-.1-.1-.1-.1 0-.1 0-.1.1-.1l1.1-1.1c.1-.1.2-.1.3 0 1.6 1.4 2.5 3.4 2.5 5.5 0 3.9-3.3 7.2-7.2 7.2zm.8-6.2h-1.6c-.1 0-.2-.1-.2-.2v-7.8c0-.1.1-.2.2-.2h1.6c.1 0 .2.1.2.2v7.8c0 .1-.1.2-.2.2z" fill="#707275"/></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/nodes.svg b/packages/core/src/renderer/components/icon/nodes.svg
new file mode 100644
index 0000000000..86ee1ff08a
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/nodes.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m8.7 4v16h6.7v-16zm3.3 13.3c-.3 0-.6-.3-.6-.6s.3-.6.6-.6.6.3.6.6-.3.6-.6.6zm2-6.8h-4v-1.2h4zm0-2.4h-4v-1.2h4z"/><path d="m16.6 5.1v13.8h6.2v-13.8zm2.9 11.2c-.3 0-.6-.3-.6-.6s.3-.6.6-.6.6.3.6.6-.1.6-.6.6zm1.7-4.9h-3.2v-1.3h3.2zm0-2.4h-3.2v-1.3h3.2z"/><path d="m1.2 5.1v13.8h6.2v-13.8zm3.3 11.2c-.3 0-.6-.3-.6-.6s.3-.7.6-.7.6.3.6.6-.3.7-.6.7zm1.5-4.9h-3.2v-1.3h3.2zm0-2.4h-3.2v-1.3h3.2z"/></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/notice.svg b/packages/core/src/renderer/components/icon/notice.svg
new file mode 100644
index 0000000000..2774b185f6
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/notice.svg
@@ -0,0 +1,30 @@
+<svg xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+  xmlns:dc="http://purl.org/dc/elements/1.1/"
+  xmlns:cc="http://creativecommons.org/ns#"
+  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+  xmlns:svg="http://www.w3.org/2000/svg"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" sodipodi:docname="notice.svg" inkscape:version="1.0 (4035a4f, 2020-05-01)" id="notice" version="1.1" viewBox="0 0 135.46666 135.46666" height="512" width="512">
+  <defs id="defs2">
+    <rect id="rect2785" height="134.1693" width="135.23837" y="0.26726951" x="-0.53453903" />
+    <linearGradient osb:paint="solid" id="linearGradient837">
+      <stop id="stop835" offset="0" style="stop-color:#000000;stop-opacity:1;" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview inkscape:window-maximized="0" inkscape:window-y="0" inkscape:window-x="0" inkscape:window-height="1080" inkscape:window-width="1920" inkscape:pagecheckerboard="true" units="px" showgrid="false" inkscape:document-rotation="0" inkscape:current-layer="layer1" inkscape:document-units="px" inkscape:cy="263.00246" inkscape:cx="240.74335" inkscape:zoom="2.0359339" inkscape:pageshadow="2" inkscape:pageopacity="0.0" borderopacity="1.0" bordercolor="#666666" pagecolor="#ffffff" id="base" />
+  <metadata id="metadata5">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g id="layer1" inkscape:groupmode="layer" inkscape:label="Layer 1">
+    <ellipse ry="59.764721" rx="59.764713" cy="67.73333" cx="67.733345" id="path10" style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:15.9372;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path id="path2807" d="M 58.707956,29.522524 H 76.674473 L 76.739452,43.330427 73.23062,71.076192 62.054343,71.043701 58.740444,43.427894 Z" style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <rect y="83.204803" x="59.292759" height="14.815064" width="16.861885" id="rect2809" style="fill:#000000;fill-opacity:1;stroke:none;" />
+  </g>
+</svg>
diff --git a/packages/core/src/renderer/components/icon/push_off.svg b/packages/core/src/renderer/components/icon/push_off.svg
new file mode 100644
index 0000000000..07221c1cc2
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/push_off.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z" /></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/push_pin.svg b/packages/core/src/renderer/components/icon/push_pin.svg
new file mode 100644
index 0000000000..5435ce2d82
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/push_pin.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 193.826 193.826" viewBox="0 0 193.826 193.826" xmlns="http://www.w3.org/2000/svg"><path d="m191.495 55.511-54.046-54.046c-1.951-1.953-5.119-1.953-7.07 0l-.229.229c-3.314 3.313-5.14 7.72-5.14 12.406 0 3.019.767 5.916 2.192 8.485l-56.55 48.533c-4.328-3.868-9.852-5.985-15.703-5.985-6.305 0-12.232 2.455-16.689 6.913l-.339.339c-1.953 1.952-1.953 5.118 0 7.07l32.378 32.378-31.534 31.533c-.631.649-15.557 16.03-25.37 28.27-9.345 11.653-11.193 13.788-11.289 13.898-1.735 1.976-1.639 4.956.218 6.822.973.977 2.256 1.471 3.543 1.471 1.173 0 2.349-.41 3.295-1.237.083-.072 2.169-1.885 13.898-11.289 12.238-9.813 27.619-24.74 28.318-25.421l31.483-31.483 30.644 30.644c.976.977 2.256 1.465 3.535 1.465s2.56-.488 3.535-1.465l.339-.339c4.458-4.457 6.913-10.385 6.913-16.689 0-5.851-2.118-11.375-5.985-15.703l48.533-56.55c2.569 1.425 5.466 2.192 8.485 2.192 4.687 0 9.093-1.825 12.406-5.14l.229-.229c1.953-1.954 1.953-5.12 0-7.072z"/></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/spinner.svg b/packages/core/src/renderer/components/icon/spinner.svg
new file mode 100644
index 0000000000..abea10570a
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/spinner.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="64" height="64" fill="white">
+  <circle cx="16" cy="3" r="0">
+    <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
+  </circle>
+  <circle transform="rotate(45 16 16)" cx="16" cy="3" r="0">
+    <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.125s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
+  </circle>
+  <circle transform="rotate(90 16 16)" cx="16" cy="3" r="0">
+    <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.25s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
+  </circle>
+  <circle transform="rotate(135 16 16)" cx="16" cy="3" r="0">
+    <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.375s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
+  </circle>
+  <circle transform="rotate(180 16 16)" cx="16" cy="3" r="0">
+    <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
+  </circle>
+  <circle transform="rotate(225 16 16)" cx="16" cy="3" r="0">
+    <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.625s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
+  </circle>
+  <circle transform="rotate(270 16 16)" cx="16" cy="3" r="0">
+    <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.75s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
+  </circle>
+  <circle transform="rotate(315 16 16)" cx="16" cy="3" r="0">
+    <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.875s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
+  </circle>
+  <circle transform="rotate(180 16 16)" cx="16" cy="3" r="0">
+    <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
+  </circle>
+</svg>
diff --git a/packages/core/src/renderer/components/icon/ssh.svg b/packages/core/src/renderer/components/icon/ssh.svg
new file mode 100644
index 0000000000..ec6c65683d
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/ssh.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <title>ssh</title>
+  <path d="M19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5a2,2,0,0,0-2-2M10.2,13.3,6.7,16.8,5.3,15.4l3.5-3.5L5.2,8.3,6.6,6.9l3.5,3.5,1.4,1.4ZM19,17H12V15h7Z" transform="translate(0 0)" fill="#87909c"/>
+</svg>
diff --git a/packages/core/src/renderer/components/icon/storage.svg b/packages/core/src/renderer/components/icon/storage.svg
new file mode 100644
index 0000000000..588325018c
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/storage.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.8 13.3c-.3 0-.5 0-.8 0s-.6 0-.8 0c-2.3-.1-4.1-.4-5.4-.9-.6-.2-1.2-.5-1.6-.7v2.2.2.2.4c.9.9 3.8 1.7 7.8 1.7s6.9-.9 7.8-1.8v-.4-.2-.2-2.2c-.4.3-1 .5-1.6.7-1.3.6-3.1.9-5.4 1z"/><path d="m4.2 7.6v2.2.2.2.4c.8.9 3.5 1.7 6.9 1.8h.1.3.4.4.3.1c3.6-.1 6.1-.9 6.9-1.8v-.4-.3-.1-2.2c-1.5 1.1-4.7 1.6-7.8 1.6s-6.1-.6-7.6-1.6z"/><path d="m19.8 5.6c-.4-1.4-3.1-2.7-7.8-2.7s-7.4 1.3-7.8 2.7v.2.2.6c.9.8 3.9 1.7 7.8 1.7s6.9-.9 7.8-1.8v-.6z"/><path d="m4.2 15.7v2.6.1c.4 1.5 3.6 2.7 7.8 2.7 4 0 7.4-1.1 7.8-2.7 0 0 0-.1 0-.2v-2.6c-1.3.9-3.9 1.6-7.8 1.6-3.8.1-6.5-.6-7.8-1.5z"/></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/terminal.svg b/packages/core/src/renderer/components/icon/terminal.svg
new file mode 100644
index 0000000000..8a203f8157
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/terminal.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 18.1 18.1" style="enable-background:new 0 0 18.1 18.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#87909C;}
+</style>
+<path class="st0" d="M16,0H2C0.9,0,0,0.9,0,2v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V2C18,0.9,17.1,0,16,0 M7.2,10.3l-3.5,3.5
+	l-1.4-1.4l3.5-3.5L2.2,5.3l1.4-1.4l3.5,3.5l1.4,1.4L7.2,10.3z M16,14H9v-2h7V14z"/>
+</svg>
diff --git a/packages/core/src/renderer/components/icon/user.svg b/packages/core/src/renderer/components/icon/user.svg
new file mode 100644
index 0000000000..76db024102
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/user.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 351 346" viewBox="0 0 351 346" xmlns="http://www.w3.org/2000/svg"><g fill="#58606b"><path d="m43.8 296.9c0-2.8 0-.8 0 0z"/><path d="m307.4 299.1c0-.8 0-5.4 0 0z"/><path d="m307.1 293.5c-1.3-81.6-11.9-104.8-93.5-119.5 0 0-11.5 14.7-38.2 14.7s-38.2-14.7-38.2-14.7c-80.6 14.6-91.9 37.5-93.4 116.9-.1 6.5-.3 6.8-.3 6.1v8.6s19.4 39.1 131.9 39.1c112.4 0 131.9-39.1 131.9-39.1 0-2.9 0-4.9 0-6.3.1.4-.1-.7-.2-5.8z"/><path d="m175.3 1.4-72.4 42v82.8l72.4 42.9 73.3-42.9v-82.8z"/></g></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/users.svg b/packages/core/src/renderer/components/icon/users.svg
new file mode 100644
index 0000000000..fc5d6e3e67
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/users.svg
@@ -0,0 +1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g fill="#879199"><path d="m13.27 10.74a3.37 3.37 0 0 0 1.45.32 3.41 3.41 0 1 0 0-6.83 3.47 3.47 0 0 0 -1.45.32 4.9 4.9 0 0 1 .73 1.45 5 5 0 0 1 0 3.29 4.82 4.82 0 0 1 -.78 1.45z"/><path d="m14.12 12.72a8.05 8.05 0 0 1 1.63 1.72 7.82 7.82 0 0 1 1.37 3.69 7.73 7.73 0 0 1 0 .82 2.45 2.45 0 0 1 -.14.82h3.13a.82.82 0 0 0 .82-.82 6.26 6.26 0 0 0 -6.25-6.25h-.6z"/><path d="m9.28 11.06a3.42 3.42 0 0 0 2.72-1.35 3.38 3.38 0 0 0 .69-2.06 3.41 3.41 0 1 0 -3.41 3.41z"/><path d="m3.85 19.76h10.87a.82.82 0 0 0 .82-.82 6.45 6.45 0 0 0 -.05-.82 6.24 6.24 0 0 0 -1.85-3.67 6.43 6.43 0 0 0 -1.64-1.14 6.25 6.25 0 0 0 -9 5.63.81.81 0 0 0 .82.82z"/></g></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/icon/wheel.svg b/packages/core/src/renderer/components/icon/wheel.svg
new file mode 100644
index 0000000000..b4a9068420
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/wheel.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 256 249" style="enable-background:new 0 0 256 249;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M247.7,151.3L247.7,151.3L247.7,151.3C247.4,151.3,247.4,151.3,247.7,151.3h-0.2c-0.2,0-0.5,0-0.5-0.2
+	c-0.5,0-1-0.2-1.4-0.2c-1.7-0.2-3.1-0.5-4.5-0.5c-0.7,0-1.4,0-2.4-0.2h-0.2c-5-0.5-9-1-12.8-2.1c-1.7-0.7-2.1-1.7-2.6-2.6
+	c0-0.2-0.2-0.2-0.2-0.5l0,0l-3.1-1c1.4-10.9,1-22.3-1.7-33.5c-2.6-11.2-7.1-21.6-13.3-31.1l2.4-2.1v-0.5c0-1.2,0.2-2.4,1.2-3.6
+	c2.9-2.6,6.4-4.8,10.7-7.4l0,0c0.7-0.5,1.4-0.7,2.1-1.2c1.4-0.7,2.6-1.4,4-2.4c0.2-0.2,0.7-0.5,1.2-1c0.2-0.2,0.5-0.2,0.5-0.5l0,0
+	c3.3-2.9,4-7.6,1.7-10.7c-1.2-1.7-3.3-2.6-5.5-2.6c-1.9,0-3.6,0.7-5.2,1.9l0,0l0,0c-0.2,0.2-0.2,0.2-0.5,0.5c-0.5,0.2-0.7,0.7-1.2,1
+	c-1.2,1.2-2.1,2.1-3.1,3.3c-0.5,0.5-1,1.2-1.7,1.7l0,0c-3.3,3.6-6.4,6.4-9.5,8.6c-0.7,0.5-1.4,0.7-2.1,0.7c-0.5,0-1,0-1.4-0.2h-0.5
+	l0,0l-2.9,1.9c-3.1-3.3-6.4-6.2-9.7-9c-14.3-11.2-31.6-18.1-49.6-19.7l-0.2-3.1c-0.2-0.2-0.2-0.2-0.5-0.5c-0.7-0.7-1.7-1.4-1.9-3.1
+	c-0.2-3.8,0.2-8.1,0.7-12.8v-0.2c0-0.7,0.2-1.7,0.5-2.4c0.2-1.4,0.5-2.9,0.7-4.5V10V9.3l0,0l0,0c0-4.3-3.3-7.8-7.4-7.8
+	c-1.9,0-3.8,1-5.2,2.4c-1.4,1.4-2.1,3.3-2.1,5.5l0,0l0,0v0.5v1.4c0,1.7,0.2,3.1,0.7,4.5c0.2,0.7,0.2,1.4,0.5,2.4v0.2
+	c0.5,4.8,1.2,9,0.7,12.8c-0.2,1.7-1.2,2.4-1.9,3.1c-0.2,0.2-0.2,0.2-0.5,0.5l0,0l-0.2,3.1c-4.3,0.5-8.6,1-12.8,1.9
+	c-18.3,4-34.4,13.3-47,26.6l-2.4-1.7h-0.5c-0.5,0-1,0.2-1.4,0.2c-0.7,0-1.4-0.2-2.1-0.7c-3.1-2.1-6.2-5.2-9.5-8.8l0,0
+	c-0.5-0.5-1-1.2-1.7-1.7c-1-1.2-1.9-2.1-3.1-3.3c-0.2-0.2-0.7-0.5-1.2-1c-0.2-0.2-0.5-0.2-0.5-0.5l0,0c-1.4-1.2-3.3-1.9-5.2-1.9
+	c-2.1,0-4.3,1-5.5,2.6c-2.4,3.1-1.7,7.8,1.7,10.7l0,0l0,0c0.2,0,0.2,0.2,0.5,0.2c0.5,0.2,0.7,0.7,1.2,1c1.4,1,2.6,1.7,4,2.4
+	c0.7,0.2,1.4,0.7,2.1,1.2l0,0c4.3,2.6,7.8,4.8,10.7,7.4c1.2,1.2,1.2,2.4,1.2,3.6v0.5l0,0l2.4,2.1c-0.5,0.7-1,1.2-1.2,1.9
+	c-11.9,18.8-16.4,40.9-13.3,62.7l-3.1,1c0,0.2-0.2,0.2-0.2,0.5c-0.5,1-1.2,1.9-2.6,2.6c-3.6,1.2-7.8,1.7-12.8,2.1h-0.2
+	c-0.7,0-1.7,0-2.4,0.2c-1.4,0-2.9,0.2-4.5,0.5c-0.5,0-1,0.2-1.4,0.2c-0.2,0-0.5,0-0.7,0.2l0,0l0,0c-4.3,1-6.9,5-6.2,8.8
+	c0.7,3.3,3.8,5.5,7.6,5.5c0.7,0,1.2,0,1.9-0.2l0,0l0,0c0.2,0,0.5,0,0.5-0.2c0.5,0,1-0.2,1.4-0.2c1.7-0.5,2.9-1,4.3-1.7
+	c0.7-0.2,1.4-0.7,2.1-1h0.2c4.5-1.7,8.6-3.1,12.4-3.6h0.5c1.4,0,2.4,0.7,3.1,1.2c0.2,0,0.2,0.2,0.5,0.2l0,0l3.3-0.5
+	c5.7,17.6,16.6,33.3,31.1,44.7c3.3,2.6,6.7,4.8,10.2,6.9l-1.4,3.1c0,0.2,0.2,0.2,0.2,0.5c0.5,1,1,2.1,0.5,3.8
+	c-1.4,3.6-3.6,7.1-6.2,11.2v0.2c-0.5,0.7-1,1.2-1.4,1.9c-1,1.2-1.7,2.4-2.6,3.8c-0.2,0.2-0.5,0.7-0.7,1.2c0,0.2-0.2,0.5-0.2,0.5l0,0
+	l0,0c-1.9,4-0.5,8.6,3.1,10.2c1,0.5,1.9,0.7,2.9,0.7c2.9,0,5.7-1.9,7.1-4.5l0,0l0,0c0-0.2,0.2-0.5,0.2-0.5c0.2-0.5,0.5-1,0.7-1.2
+	c0.7-1.7,1-2.9,1.4-4.3c0.2-0.7,0.5-1.4,0.7-2.1l0,0c1.7-4.8,2.9-8.6,5-11.9c1-1.4,2.1-1.7,3.1-2.1c0.2,0,0.2,0,0.5-0.2l0,0l1.7-3.1
+	c10.5,4,21.9,6.2,33.3,6.2c6.9,0,14-0.7,20.7-2.4c4.3-1,8.3-2.1,12.4-3.6l1.4,2.6c0.2,0,0.2,0,0.5,0.2c1.2,0.2,2.1,0.7,3.1,2.1
+	c1.9,3.3,3.3,7.4,5,11.9v0.2c0.2,0.7,0.5,1.4,0.7,2.1c0.5,1.4,0.7,2.9,1.4,4.3c0.2,0.5,0.5,0.7,0.7,1.2c0,0.2,0.2,0.5,0.2,0.5l0,0
+	l0,0c1.4,2.9,4.3,4.5,7.1,4.5c1,0,1.9-0.2,2.9-0.7c1.7-1,3.1-2.4,3.6-4.3s0.5-4-0.5-5.9l0,0l0,0c0-0.2-0.2-0.2-0.2-0.5
+	c-0.2-0.5-0.5-1-0.7-1.2c-0.7-1.4-1.7-2.6-2.6-3.8c-0.5-0.7-1-1.2-1.4-1.9V229c-2.6-4-5-7.6-6.2-11.2c-0.5-1.7,0-2.6,0.2-3.8
+	c0-0.2,0.2-0.2,0.2-0.5l0,0l-1.2-2.9c12.6-7.4,23.3-17.8,31.4-30.6c4.3-6.7,7.6-14,10-21.4l2.9,0.5c0.2,0,0.2-0.2,0.5-0.2
+	c1-0.5,1.7-1.2,3.1-1.2h0.5c3.8,0.5,7.8,1.9,12.4,3.6h0.2c0.7,0.2,1.4,0.7,2.1,1c1.4,0.7,2.6,1.2,4.3,1.7c0.5,0,1,0.2,1.4,0.2
+	c0.2,0,0.5,0,0.7,0.2l0,0c0.7,0.2,1.2,0.2,1.9,0.2c3.6,0,6.7-2.4,7.6-5.5C254.6,156.3,251.9,152.5,247.7,151.3L247.7,151.3z
+	 M137.7,139.7l-10.5,5l-10.5-5l-2.6-11.2l7.1-9h11.6l7.1,9L137.7,139.7L137.7,139.7z M199.7,115c1.9,8.1,2.4,16.2,1.7,24L165,128.5
+	c-3.3-1-5.2-4.3-4.5-7.6c0.2-1,0.7-1.9,1.4-2.6l28.7-25.9C194.7,99.1,197.8,106.7,199.7,115L199.7,115z M179.3,78.2l-31.1,22.1
+	c-2.6,1.7-6.2,1.2-8.3-1.4c-0.7-0.7-1-1.7-1.2-2.6l-2.1-38.7C152.9,59.4,167.8,66.8,179.3,78.2L179.3,78.2z M110.4,58.7
+	c2.6-0.5,5-1,7.6-1.4l-2.1,38c-0.2,3.3-2.9,6.2-6.4,6.2c-1,0-2.1-0.2-2.9-0.7L75,78.2C84.7,68.4,96.8,61.8,110.4,58.7L110.4,58.7z
+	 M63.6,92.4l28.3,25.2c2.6,2.1,2.9,6.2,0.7,8.8c-0.7,1-1.7,1.7-2.9,1.9L52.9,139C51.4,122.8,55,106.4,63.6,92.4L63.6,92.4z
+	 M57.1,156.8l37.8-6.4c3.1-0.2,5.9,1.9,6.7,5c0.2,1.4,0.2,2.6-0.2,3.8l0,0l-14.5,34.9C73.5,185.6,62.8,172.5,57.1,156.8L57.1,156.8z
+	 M143.9,204.1c-5.5,1.2-10.9,1.9-16.6,1.9c-8.3,0-16.4-1.4-24-3.8l18.8-34c1.9-2.1,5-3.1,7.6-1.7c1.2,0.7,2.1,1.7,2.9,2.6l0,0
+	l18.3,33C148.6,202.9,146.2,203.4,143.9,204.1L143.9,204.1z M190.2,171.1c-5.9,9.5-13.8,17.1-22.8,23l-15-35.9
+	c-0.7-2.9,0.5-5.9,3.3-7.4c1-0.5,2.1-0.7,3.3-0.7l38,6.4C195.6,161.8,193.3,166.5,190.2,171.1L190.2,171.1z"/>
+</svg>
diff --git a/packages/core/src/renderer/components/icon/workloads.svg b/packages/core/src/renderer/components/icon/workloads.svg
new file mode 100644
index 0000000000..5148bd6e95
--- /dev/null
+++ b/packages/core/src/renderer/components/icon/workloads.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path d="m12 7.47 4.25-2.47-4.25-2.44-4.25 2.44z"/><path d="m11.66 8.06-4.25-2.46v4.91l4.25 2.49z"/><path d="m12.34 8.06v4.94l4.25-2.45v-4.95z"/><path d="m16.93 15.94 4.26-2.45-4.26-2.49-4.25 2.45z"/><path d="m16.59 16.53-4.25-2.45v4.92l4.25 2.46z"/><path d="m17.26 16.53v4.91l4.26-2.44v-4.93z"/><path d="m7.07 15.94 4.25-2.45-4.25-2.49-4.25 2.49z"/><path d="m6.74 16.53-4.26-2.46v4.93l4.26 2.46z"/><path d="m7.41 16.53v4.91l4.25-2.44v-4.93z"/></svg>
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/input/__tests__/input_validators.test.ts b/packages/core/src/renderer/components/input/__tests__/input_validators.test.ts
new file mode 100644
index 0000000000..63dda431d0
--- /dev/null
+++ b/packages/core/src/renderer/components/input/__tests__/input_validators.test.ts
@@ -0,0 +1,158 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * 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];
+
+describe("input validation tests", () => {
+  describe("unionInputValidators()", () => {
+    const emailOrUrl = unionInputValidators(
+      {
+        message: "Not an email or URL",
+      },
+      isEmail,
+      isUrl,
+    );
+
+    it.each([
+      "abc@news.com",
+      "abc@news.co.uk",
+    ])("Given '%s' is a valid email, emailOrUrl matches", (input) => {
+      expect(emailOrUrl.validate(input)).toBe(true);
+    });
+
+    it.each([
+      "https://github-production-registry-package-file-4f11e5.s3.amazonaws.com/307985088/68bbbf00-309f-11eb-8457-a15e4efe9e77?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIWNJYAX4CSVEH53A%2F20201127%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20201127T123754Z&X-Amz-Expires=300&X-Amz-Signature=9b8167f00685a20d980224d397892195abc187cdb2934cefb79edcd7ec600f78&X-Amz-SignedHeaders=host&actor_id=0&key_id=0&repo_id=0&response-content-disposition=filename%3Dstarboard-lens-extension-0.0.1-alpha.1-npm.tgz&response-content-type=application%2Foctet-stream",
+      "http://www.google.com",
+    ])("Given '%s' is a valid url, emailOrUrl matches", (input) => {
+      expect(emailOrUrl.validate(input)).toBe(true);
+    });
+
+    it.each([
+      "hello",
+      "57",
+    ])("Given '%s' is neither a valid email nor URL, emailOrUrl does not match", (input) => {
+      expect(emailOrUrl.validate(input)).toBe(false);
+    });
+  });
+
+  describe("unionInputValidatorsAsync()", () => {
+    const emailOrUrl = unionInputValidatorsAsync(
+      {
+        message: "Not an email or URL",
+      },
+      isEmail,
+      isUrl,
+    );
+
+    it.each([
+      "abc@news.com",
+      "abc@news.co.uk",
+    ])("Given '%s' is a valid email, emailOrUrl matches", async (input) => {
+      try {
+        await emailOrUrl.validate(input);
+      } catch {
+        fail("Should not throw on valid input");
+      }
+    });
+
+    it.each([
+      "https://github-production-registry-package-file-4f11e5.s3.amazonaws.com/307985088/68bbbf00-309f-11eb-8457-a15e4efe9e77?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIWNJYAX4CSVEH53A%2F20201127%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20201127T123754Z&X-Amz-Expires=300&X-Amz-Signature=9b8167f00685a20d980224d397892195abc187cdb2934cefb79edcd7ec600f78&X-Amz-SignedHeaders=host&actor_id=0&key_id=0&repo_id=0&response-content-disposition=filename%3Dstarboard-lens-extension-0.0.1-alpha.1-npm.tgz&response-content-type=application%2Foctet-stream",
+      "http://www.google.com",
+    ])("Given '%s' is a valid url, emailOrUrl matches", async (input) => {
+      try {
+        await emailOrUrl.validate(input);
+      } catch {
+        fail("Should not throw on valid input");
+      }
+    });
+
+    it.each([
+      "hello",
+      "57",
+    ])("Given '%s' is neither a valid email nor URL, emailOrUrl does not match", async (input) => {
+      try {
+        await emailOrUrl.validate(input);
+        fail("Should throw on invalid input");
+      } catch {
+        // We want this to happen
+      }
+    });
+  });
+
+  describe("isEmail tests", () => {
+    const tests: TextValidationCase[] = [
+      ["abc@news.com", true],
+      ["abc@news.co.uk", true],
+      ["abc1.3@news.co.uk", true],
+      ["abc1.3@news.name", true],
+      ["@news.com", false],
+      ["abcnews.co.uk", false],
+      ["abc1.3@news", false],
+      ["abc1.3@news.name.a.b.c.d.d", false],
+    ];
+
+    it.each(tests)("validate %s", (input, output) => {
+      expect(isEmail.validate(input)).toBe(output);
+    });
+  });
+
+  describe("isUrl tests", () => {
+    const cases: TextValidationCase[] = [
+      ["https://github-production-registry-package-file-4f11e5.s3.amazonaws.com/307985088/68bbbf00-309f-11eb-8457-a15e4efe9e77?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIWNJYAX4CSVEH53A%2F20201127%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20201127T123754Z&X-Amz-Expires=300&X-Amz-Signature=9b8167f00685a20d980224d397892195abc187cdb2934cefb79edcd7ec600f78&X-Amz-SignedHeaders=host&actor_id=0&key_id=0&repo_id=0&response-content-disposition=filename%3Dstarboard-lens-extension-0.0.1-alpha.1-npm.tgz&response-content-type=application%2Foctet-stream", true],
+      ["google.ca", false],
+      ["", false],
+      [".", false],
+      ["google.askdgjkhsadjkhdas.dsakljsd", false],
+      ["https://google.com", true],
+      ["https://example.org", true],
+      ["https://www.example.org", true],
+    ];
+
+    it.each(cases)("validate %s", (input, output) => {
+      expect(isUrl.validate(input)).toBe(output);
+    });
+  });
+
+  describe("systemName tests", () => {
+    const tests: TextValidationCase[] = [
+      ["a", true],
+      ["ab", true],
+      ["abc", true],
+      ["1", true],
+      ["12", true],
+      ["123", true],
+      ["1a2", true],
+      ["1-2", true],
+      ["1---------------2", true],
+      ["1---------------2.a", true],
+      ["1---------------2.a.1", true],
+      ["1---------------2.9-a.1", true],
+      ["", false],
+      ["-", false],
+      [".", false],
+      ["as.", false],
+      [".asd", false],
+      ["a.-", false],
+      ["a.1-", false],
+      ["o.2-2.", false],
+      ["o.2-2....", false],
+    ];
+
+    it.each(tests)("validate %s", (input, output) => {
+      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/packages/core/src/renderer/components/input/drop-file-input.scss b/packages/core/src/renderer/components/input/drop-file-input.scss
new file mode 100644
index 0000000000..91fc85897e
--- /dev/null
+++ b/packages/core/src/renderer/components/input/drop-file-input.scss
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.DropFileInput {
+  &.droppable {
+    box-shadow: inset 0 0 0 6px var(--primary);
+    transition: all 0.3s;
+  }
+}
diff --git a/packages/core/src/renderer/components/input/drop-file-input.tsx b/packages/core/src/renderer/components/input/drop-file-input.tsx
new file mode 100644
index 0000000000..41461a27c9
--- /dev/null
+++ b/packages/core/src/renderer/components/input/drop-file-input.tsx
@@ -0,0 +1,115 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./drop-file-input.scss";
+import React from "react";
+import type { IClassName } from "../../utils";
+import { autoBind, cssNames } from "../../utils";
+import { observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import type { Logger } from "../../../common/logger";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface DropFileInputProps<T extends HTMLElement> extends React.DOMAttributes<T> {
+  className?: IClassName;
+  disabled?: boolean;
+  onDropFiles(files: File[], meta: DropFileMeta<T>): void;
+}
+
+export interface DropFileMeta<T extends HTMLElement> {
+  evt: React.DragEvent<T>;
+}
+
+interface Dependencies {
+  logger: Logger;
+}
+
+@observer
+class NonInjectedDropFileInput<T extends HTMLElement> extends React.Component<DropFileInputProps<T> & Dependencies> {
+  @observable dropAreaActive = false;
+  dragCounter = 0; // Counter preventing firing onDragLeave() too early (https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element)
+
+  constructor(props: DropFileInputProps<T> & Dependencies) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  onDragEnter() {
+    this.dragCounter++;
+    this.dropAreaActive = true;
+  }
+
+  onDragLeave() {
+    this.dragCounter--;
+
+    if (this.dragCounter == 0) {
+      this.dropAreaActive = false;
+    }
+  }
+
+  onDragOver(evt: React.DragEvent<T>) {
+    if (this.props.onDragOver) {
+      this.props.onDragOver(evt);
+    }
+    evt.preventDefault(); // enable onDrop()-callback
+    evt.dataTransfer.dropEffect = "move";
+  }
+
+  onDrop(evt: React.DragEvent<T>) {
+    if (this.props.onDrop) {
+      this.props.onDrop(evt);
+    }
+    this.dropAreaActive = false;
+    const files = Array.from(evt.dataTransfer.files);
+
+    if (files.length > 0) {
+      this.props.onDropFiles(files, { evt });
+    }
+  }
+
+  render() {
+    const { onDragEnter, onDragLeave, onDragOver, onDrop } = this;
+    const { disabled, className } = this.props;
+
+    try {
+      const contentElem = React.Children.only(this.props.children) as React.ReactElement<React.HTMLProps<HTMLElement>>;
+
+      if (disabled) {
+        return contentElem;
+      }
+
+      if (React.isValidElement(contentElem)) {
+        const contentElemProps: React.HTMLProps<HTMLElement> = {
+          className: cssNames("DropFileInput", contentElem.props.className, className, {
+            droppable: this.dropAreaActive,
+          }),
+          onDragEnter,
+          onDragLeave,
+          onDragOver,
+          onDrop,
+        };
+
+        return React.cloneElement(contentElem, contentElemProps);
+      }
+
+      return null;
+    } catch (err) {
+      this.props.logger.error(`Error: <DropFileInput/> must contain only single child element`);
+
+      return this.props.children;
+    }
+  }
+}
+
+const InjectedDropFileInput = withInjectables<Dependencies, DropFileInputProps<HTMLElement>>(NonInjectedDropFileInput, {
+  getProps: (di, props) => ({
+    ...props,
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
+export const DropFileInput = <T extends HTMLElement>(props: DropFileInputProps<T>) => <InjectedDropFileInput {...props} />;
diff --git a/packages/core/src/renderer/components/input/file-input.tsx b/packages/core/src/renderer/components/input/file-input.tsx
new file mode 100644
index 0000000000..07d6c7f2a8
--- /dev/null
+++ b/packages/core/src/renderer/components/input/file-input.tsx
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { InputHTMLAttributes } from "react";
+import React from "react";
+
+export interface FileInputSelection<T = string> {
+  file: File;
+  data?: T | any; // not available when readAsTexts={false}
+  error?: string;
+}
+
+export interface FileInputProps extends InputHTMLAttributes<any> {
+  id?: string; // could be used with <label htmlFor={id}/> to open filesystem dialog
+  accept?: string; // allowed file types to select, e.g. "application/json"
+  readAsText?: boolean; // provide files content as text in selection-callback
+  multiple?: boolean;
+  onSelectFiles(...selectedFiles: FileInputSelection[]): void;
+}
+
+export class FileInput extends React.Component<FileInputProps> {
+  protected input: HTMLInputElement | null = null;
+
+  protected style: React.CSSProperties = {
+    position: "absolute",
+    display: "none",
+  };
+
+  selectFiles = () => {
+    this.input?.click(); // opens system dialog for selecting files
+  };
+
+  protected onChange = async (evt: React.ChangeEvent<HTMLInputElement>) => {
+    const fileList = Array.from(evt.target.files ?? []);
+
+    if (!fileList.length) {
+      return;
+    }
+    let selectedFiles: FileInputSelection[] = fileList.map(file => ({ file }));
+
+    if (this.props.readAsText) {
+      const readingFiles: Promise<FileInputSelection>[] = fileList.map(file => {
+        return new Promise((resolve) => {
+          const reader = new FileReader();
+
+          reader.onloadend = () => {
+            resolve({
+              file,
+              data: reader.result,
+              error: reader.error ? String(reader.error) : undefined,
+            });
+          };
+          reader.readAsText(file);
+        });
+      });
+
+      selectedFiles = await Promise.all(readingFiles);
+    }
+    this.props.onSelectFiles(...selectedFiles);
+  };
+
+  render() {
+    const { onSelectFiles, readAsText, ...props } = this.props;
+
+    return (
+      <input
+        type="file"
+        style={this.style}
+        onChange={this.onChange}
+        ref={e => this.input = e}
+        {...props}
+      />
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/input/index.ts b/packages/core/src/renderer/components/input/index.ts
new file mode 100644
index 0000000000..d2e6b46d95
--- /dev/null
+++ b/packages/core/src/renderer/components/input/index.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 * from "./input";
+export * from "./search-input";
+export * from "./search-input-url";
+export * from "./file-input";
+export * from "./drop-file-input";
diff --git a/packages/core/src/renderer/components/input/input.scss b/packages/core/src/renderer/components/input/input.scss
new file mode 100644
index 0000000000..11c45fb18a
--- /dev/null
+++ b/packages/core/src/renderer/components/input/input.scss
@@ -0,0 +1,144 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.Input {
+  position: relative;
+  text-align: left;
+
+  &.invalid.dirty:not(.validating) {
+    label:after {
+      width: 100%;
+      background: var(--colorError);
+    }
+  }
+
+  &.focused:not(.validating) {
+    label:after {
+      width: 100%;
+    }
+  }
+
+  &.validatingLine {
+    label:after {
+      width: 100%;
+      @include stripeLinesAnimation;
+    }
+  }
+
+  label {
+    --flex-gap: $padding * 0.6667;
+    position: relative;
+    padding: $padding * 0.75 0;
+    border-bottom: 1px solid var(--halfGray);
+    line-height: 1;
+
+    &:after {
+      content: "";
+      position: absolute;
+      top: calc(100% - 1px);
+      left: 50%;
+      transform: translateX(-50%);
+      width: 0;
+      height: 2px;
+      background: var(--primary);
+    }
+  }
+
+  input[type=number]::-webkit-inner-spin-button {
+    -webkit-appearance: none; // hide browser controls (top/bottom arrows)
+  }
+
+  input, textarea {
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: inherit;
+    text-transform: inherit;
+
+    &:invalid {
+      box-shadow: none;
+    }
+
+    &::placeholder {
+      color: inherit;
+      opacity: .75;
+    }
+  }
+
+  textarea {
+    @include hidden-scrollbar;
+    line-height: 1.2;
+    resize: none;
+  }
+
+  fieldset:disabled &,
+  &.disabled {
+    opacity: .5;
+    pointer-events: none;
+  }
+
+  .input-info {
+    .errors {
+      color: var(--colorError);
+      font-size: $font-size-small;
+    }
+
+    .maxLengthIndicator {
+      text-align: right;
+      font-size: 80%;
+      padding: $padding * 0.33333;
+    }
+  }
+
+  //- Themes
+
+  &.theme {
+    &.round {
+      &.invalid.dirty {
+        label {
+          border-color: var(--colorSoftError);
+        }
+      }
+      label {
+        border-radius: $radius;
+        border: 1px solid var(--halfGray);
+        color: inherit;
+        padding: $padding * 0.25 * 3 $padding * 0.25 * 3;
+
+        &:focus-within {
+          border-color: var(--colorInfo);
+        }
+
+        &:after {
+          display: none;
+        }
+      }
+      &.black {
+        label {
+          background: var(--inputControlBackground);
+          border-color: var(--inputControlBorder);
+          color: var(--textColorTertiary);
+          padding: $padding;
+          transition: border-color 0.1s;
+
+          &:hover {
+            border-color: var(--inputControlHoverBorder);
+          }
+
+          &:focus-within {
+            border-color: var(--colorInfo);
+          }
+        }
+      }
+    }
+  }
+}
+
+.Tooltip.InputTooltipError {
+  --bgc: var(--colorError);
+  --border: none;
+  --color: white;
+}
diff --git a/packages/core/src/renderer/components/input/input.tsx b/packages/core/src/renderer/components/input/input.tsx
new file mode 100644
index 0000000000..bbbfa60a86
--- /dev/null
+++ b/packages/core/src/renderer/components/input/input.tsx
@@ -0,0 +1,475 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./input.scss";
+
+import type { DOMAttributes, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
+import React from "react";
+import type { SingleOrMany } from "../../utils";
+import { autoBind, cssNames, debouncePromise, getRandId, isPromiseSettledFulfilled } from "../../utils";
+import { Icon } from "../icon";
+import type { TooltipProps } from "../tooltip";
+import { Tooltip } from "../tooltip";
+import * as Validators from "./input_validators";
+import type { InputValidator, InputValidation, InputValidationResult, SyncValidationMessage } from "./input_validators";
+import uniqueId from "lodash/uniqueId";
+import { debounce } from "lodash";
+
+const {
+  conditionalValidators,
+  asyncInputValidator,
+  inputValidator,
+  isAsyncValidator,
+  unionInputValidatorsAsync,
+  ...InputValidators
+} = Validators;
+
+export {
+  InputValidators,
+  asyncInputValidator,
+  inputValidator,
+  isAsyncValidator,
+  unionInputValidatorsAsync,
+};
+export type {
+  InputValidator,
+  InputValidation,
+  InputValidationResult,
+  SyncValidationMessage,
+};
+
+type InputElement = HTMLInputElement | HTMLTextAreaElement;
+type InputElementProps =
+  InputHTMLAttributes<HTMLInputElement>
+  & TextareaHTMLAttributes<HTMLTextAreaElement>
+  & DOMAttributes<InputElement>;
+
+export interface IconDataFnArg {
+  isDirty: boolean;
+}
+
+/**
+ * One of the folloing:
+ * - A material icon name
+ * - A react node
+ * - Or a function that produces a react node
+ */
+export type IconData = string | React.ReactNode | ((opt: IconDataFnArg) => React.ReactNode);
+
+export type InputProps = Omit<InputElementProps, "onChange" | "onSubmit"> & {
+  theme?: "round-black" | "round";
+  className?: string;
+  value?: string;
+  trim?: boolean;
+  autoSelectOnFocus?: boolean;
+  defaultValue?: string;
+  multiLine?: boolean; // use text-area as input field
+  maxRows?: number; // when multiLine={true} define max rows size
+  dirty?: boolean; // show validation errors even if the field wasn't touched yet
+  showValidationLine?: boolean; // show animated validation line for async validators
+  showErrorsAsTooltip?: boolean | Omit<TooltipProps, "targetId">; // show validation errors as a tooltip :hover (instead of block below)
+  iconLeft?: IconData;
+  iconRight?: IconData;
+  contentRight?: string | React.ReactNode; // Any component of string goes after iconRight
+  validators?: SingleOrMany<InputValidator>;
+  blurOnEnter?: boolean;
+  onChange?(value: string, evt: React.ChangeEvent<InputElement>): void;
+  onSubmit?(value: string, evt: React.KeyboardEvent<InputElement>): void;
+};
+
+interface State {
+  focused: boolean;
+  dirty: boolean;
+  valid: boolean;
+  validating: boolean;
+  errors: React.ReactNode[];
+  submitted: boolean;
+}
+
+const defaultProps: Partial<InputProps> = {
+  rows: 1,
+  maxRows: 10000,
+  showValidationLine: true,
+  validators: [],
+  blurOnEnter: true,
+};
+
+export class Input extends React.Component<InputProps, State> {
+  static defaultProps = defaultProps as object;
+
+  public input: InputElement | null = null;
+  public validators: InputValidator[] = [];
+
+  public state: State = {
+    focused: false,
+    valid: true,
+    validating: false,
+    dirty: !!this.props.dirty,
+    errors: [],
+    submitted: false,
+  };
+
+  constructor(props: InputProps) {
+    super(props);
+    autoBind(this);
+  }
+
+  componentWillUnmount(): void {
+    this.setDirtyOnChange.cancel();
+  }
+
+  setValue(value = "") {
+    if (value !== this.getValue() && this.input) {
+      Object.getOwnPropertyDescriptor(this.input.constructor.prototype, "value")
+        ?.set
+        ?.call(this.input, value);
+      this.input.dispatchEvent(new Event("input", { bubbles: true }));
+    }
+  }
+
+  getValue(): string {
+    const { trim, value, defaultValue } = this.props;
+    const rawValue = value ?? this.input?.value ?? defaultValue ?? "";
+
+    return trim ? rawValue.trim() : rawValue;
+  }
+
+  focus() {
+    this.input?.focus();
+  }
+
+  blur() {
+    this.input?.blur();
+  }
+
+  select() {
+    this.input?.select();
+  }
+
+  private autoFitHeight() {
+    const { rows, maxRows } = this.props;
+    const textArea = this.input;
+
+    if (!(textArea instanceof HTMLTextAreaElement)) {
+      return;
+    }
+
+    const lineHeight = parseFloat(window.getComputedStyle(textArea).lineHeight);
+    const rowsCount = (this.getValue().match(/\n/g) || []).length + 1;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const height = lineHeight * Math.min(Math.max(rowsCount, rows!), maxRows!);
+
+    textArea.style.height = `${height}px`;
+  }
+
+  private validationId?: string;
+
+  async validate() {
+    const value = this.getValue();
+    let validationId = (this.validationId = ""); // reset every time for async validators
+    const asyncValidators: Promise<React.ReactNode>[] = [];
+    const errors: React.ReactNode[] = [];
+
+    // run validators
+    for (const validator of this.validators) {
+      if (errors.length) {
+        // stop validation check if there is an error already
+        break;
+      }
+
+      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_");
+        }
+        asyncValidators.push((async () => {
+          try {
+            await validator.validate(value, this.props);
+          } catch (error) {
+            return this.getValidatorError(value, validator) || (error instanceof Error ? error.message : String(error));
+          }
+        })());
+      }
+    }
+
+    // save sync validators result first
+    this.setValidation(errors);
+
+    // handle async validators result
+    if (asyncValidators.length > 0) {
+      this.setState({ validating: true, valid: false });
+      const asyncErrors = await Promise.allSettled(asyncValidators);
+
+      if (this.validationId === validationId) {
+        errors.push(...asyncErrors
+          .filter(isPromiseSettledFulfilled)
+          .map(res => res.value)
+          .filter(Boolean));
+
+        this.setValidation(errors);
+      }
+    }
+
+    this.input?.setCustomValidity(errors[0]?.toString() ?? "");
+  }
+
+  setValidation(errors: React.ReactNode[]) {
+    this.setState({
+      validating: false,
+      valid: !errors.length,
+      errors,
+    });
+  }
+
+  private getValidatorError(value: string, { message }: InputValidator) {
+    return typeof message === "function"
+      ? message(value, this.props)
+      : message;
+  }
+
+  private setupValidators() {
+    const persistentValidators = conditionalValidators
+      // add conditional validators if matches input props
+      .filter(validator => validator.condition?.(this.props));
+    const selfValidators = this.props.validators ? [this.props.validators].flat() : [];
+
+    this.validators = [
+      ...persistentValidators,
+      ...selfValidators,
+    ].map((validator) => {
+      if (isAsyncValidator(validator)) {
+        validator.validate = debouncePromise(validator.validate, validator.debounce);
+      }
+
+      return validator;
+    });
+
+    // run validation
+    this.validate();
+  }
+
+  setDirty(dirty = true) {
+    this.setState({ dirty });
+  }
+
+  onFocus(evt: React.FocusEvent<InputElement>) {
+    const { onFocus, autoSelectOnFocus } = this.props;
+
+    onFocus?.(evt);
+    if (autoSelectOnFocus) this.select();
+    this.setState({ focused: true });
+  }
+
+  onBlur(evt: React.FocusEvent<InputElement>) {
+    this.props.onBlur?.(evt);
+    this.setState({ focused: false });
+  }
+
+  setDirtyOnChange = debounce(() => this.setDirty(), 500);
+
+  async onChange(evt: React.ChangeEvent<any>) {
+    const newValue = evt.currentTarget.value;
+    const eventCopy = { ...evt };
+
+    this.autoFitHeight();
+    this.setDirtyOnChange();
+
+    // Handle uncontrolled components (`props.defaultValue` must be used instead `value`)
+    if (this.isUncontrolled) {
+      // update DOM since render() is not called on input's changes with uncontrolled inputs
+      if (this.showMaxLenIndicator) this.forceUpdate();
+
+      // don't propagate changes for invalid values
+      await this.validate();
+      if (!this.state.valid) return; // skip
+    }
+
+    // emit new value update
+    this.props.onChange?.(newValue, eventCopy);
+  }
+
+  onKeyDown(evt: React.KeyboardEvent<InputElement>) {
+    this.props.onKeyDown?.(evt);
+
+    if (evt.shiftKey || evt.metaKey || evt.altKey || evt.ctrlKey || evt.repeat) {
+      return;
+    }
+
+    if (evt.key === "Enter") {
+      if (this.state.valid) {
+        this.props.onSubmit?.(this.getValue(), evt);
+        this.setDirtyOnChange.cancel();
+        this.setState({ submitted: true });
+
+        if (this.input && typeof this.props.value !== "string") {
+          this.input.value = "";
+        }
+      } else {
+        this.setDirty();
+      }
+
+      if (this.props.blurOnEnter) {
+        //pressing enter indicates that the edit is complete, we can unfocus now
+        this.blur();
+      }
+    }
+  }
+
+  get showMaxLenIndicator() {
+    const { maxLength, multiLine } = this.props;
+
+    return maxLength && multiLine;
+  }
+
+  get isUncontrolled() {
+    return this.props.value === undefined;
+  }
+
+  componentDidMount() {
+    this.setupValidators();
+    this.autoFitHeight();
+  }
+
+  componentDidUpdate(prevProps: InputProps) {
+    const { defaultValue, value, dirty, validators } = this.props;
+
+    if (prevProps.value !== value || defaultValue !== prevProps.defaultValue) {
+      if (!this.state.submitted) {
+        this.validate();
+      } else {
+        this.setState({ submitted: false });
+      }
+      this.autoFitHeight();
+    }
+
+    if (prevProps.dirty !== dirty) {
+      this.setDirty(dirty);
+    }
+
+    if (prevProps.validators !== validators) {
+      this.setupValidators();
+    }
+  }
+
+  get themeSelection(): Record<string, boolean> {
+    const { theme } = this.props;
+
+    if (!theme) {
+      return {};
+    }
+
+    return {
+      theme: true,
+      round: true,
+      black: theme === "round-black",
+    };
+  }
+
+  bindRef(elem: InputElement) {
+    this.input = elem;
+  }
+
+  private renderIcon(iconData: IconData) {
+    if (typeof iconData === "string") {
+      return <Icon material={iconData} />;
+    }
+
+    if (typeof iconData === "function") {
+      return iconData({
+        isDirty: Boolean(this.getValue()),
+      });
+    }
+
+    return iconData;
+  }
+
+  render() {
+    const {
+      multiLine, showValidationLine, validators, theme, maxRows, children, showErrorsAsTooltip,
+      maxLength, rows, disabled, autoSelectOnFocus, iconLeft, iconRight, contentRight, id,
+      dirty: _dirty, // excluded from passing to input-element
+      trim,
+      blurOnEnter,
+      ...inputProps
+    } = this.props;
+    const { focused, dirty, valid, validating, errors } = this.state;
+
+    const className = cssNames("Input", this.props.className, {
+      ...this.themeSelection,
+      focused,
+      disabled,
+      invalid: !valid,
+      dirty,
+      validating,
+      validatingLine: validating && showValidationLine,
+    });
+
+    // prepare input props
+    Object.assign(inputProps, {
+      className: "input box grow",
+      onFocus: this.onFocus,
+      onBlur: this.onBlur,
+      onChange: this.onChange,
+      onKeyDown: this.onKeyDown,
+      rows: multiLine ? (rows || 1) : null,
+      ref: this.bindRef,
+      spellCheck: "false",
+      disabled,
+    });
+    const showErrors = errors.length > 0 && !valid && dirty;
+    const errorsInfo = (
+      <div className="errors box grow">
+        {errors.map((error, i) => <p key={i}>{error}</p>)}
+      </div>
+    );
+    const componentId = id || showErrorsAsTooltip
+      ? getRandId({ prefix: "input_tooltip_id" })
+      : undefined;
+    let tooltipError: React.ReactNode;
+
+    if (showErrorsAsTooltip && showErrors) {
+      const tooltipProps = typeof showErrorsAsTooltip === "object" ? showErrorsAsTooltip : {};
+
+      tooltipProps.className = cssNames("InputTooltipError", tooltipProps.className);
+      tooltipError = (
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        <Tooltip targetId={componentId!} {...tooltipProps}>
+          <div className="flex gaps align-center">
+            <Icon material="error_outline" />
+            {errorsInfo}
+          </div>
+        </Tooltip>
+      );
+    }
+
+    return (
+      <div id={componentId} className={className}>
+        {tooltipError}
+        <label className="input-area flex gaps align-center" id="">
+          {this.renderIcon(iconLeft)}
+          {multiLine
+            ? <textarea {...inputProps as object} />
+            : <input {...inputProps as object} />
+          }
+          {this.renderIcon(iconRight)}
+          {contentRight}
+        </label>
+        <div className="input-info flex gaps">
+          {!showErrorsAsTooltip && showErrors && errorsInfo}
+          {this.showMaxLenIndicator && (
+            <div className="maxLengthIndicator box right">
+              {this.getValue().length}
+              {" / "}
+              {maxLength}
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/input/input_validators.ts b/packages/core/src/renderer/components/input/input_validators.ts
new file mode 100644
index 0000000000..065b60db3f
--- /dev/null
+++ b/packages/core/src/renderer/components/input/input_validators.ts
@@ -0,0 +1,231 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { InputProps } from "./input";
+import type React from "react";
+import fse from "fs-extra";
+import { TypedRegEx } from "typed-regex";
+import type { SetRequired } from "type-fest";
+
+export type InputValidationResult<IsAsync extends boolean> =
+  IsAsync extends true
+    ? Promise<void>
+    : boolean;
+
+export type InputValidation<IsAsync extends boolean> = (value: string, props?: InputProps) => InputValidationResult<IsAsync>;
+
+export type SyncValidationMessage = React.ReactNode | ((value: string, props?: InputProps) => React.ReactNode);
+
+/**
+ * @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;
+  validate: InputValidation<boolean>;
+  message?: SyncValidationMessage;
+  debounce?: number;
+}
+
+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";
+}
+
+/**
+ * A helper function to create an {@link AsyncInputValidator}
+ */
+export function asyncInputValidator(validator: AsyncInputValidator): AsyncInputValidator {
+  return validator;
+}
+
+/**
+ * A helper function to create an {@link SyncInputValidator}
+ */
+export function inputValidator(validator: SyncInputValidator): SyncInputValidator {
+  return validator;
+}
+
+/**
+ * Create a new input validator from a list of syncronous input validators. Will match as valid if
+ * one of the input validators matches the input
+ */
+export function unionInputValidators(
+  baseValidator: Pick<SyncInputValidator, "condition" | "message">,
+  ...validators: SyncInputValidator[]
+): SyncInputValidator {
+  return inputValidator({
+    ...baseValidator,
+    validate: (value, props) => validators.some(validator => validator.validate(value, props)),
+  });
+}
+
+/**
+ * Create a new input validator from a list of syncronous or async input validators. Will match as
+ * valid if one of the input validators matches the input
+ */
+export function unionInputValidatorsAsync(
+  baseValidator: SetRequired<Pick<InputValidator, "condition" | "message">, "message">,
+  ...validators: InputValidator[]
+): AsyncInputValidator {
+  const longestDebounce = Math.max(
+    ...validators
+      .filter(isAsyncValidator)
+      .map(validator => validator.debounce ?? 0),
+    0,
+  );
+
+  return asyncInputValidator({
+    debounce: longestDebounce,
+    validate: async (value, props) => {
+      for (const validator of validators) {
+        if (isAsyncValidator(validator)) {
+          try {
+            await validator.validate(value, props);
+
+            return;
+          } catch {
+            // Do nothing
+          }
+        } else {
+          if (validator.validate(value, props)) {
+            return;
+          }
+        }
+      }
+
+      /**
+       * If no validator returns `true` then mark as invalid by throwing. The message will be
+       * obtained from the `message` field.
+       */
+      throw new Error();
+    },
+    ...baseValidator,
+  });
+}
+
+export const isRequired = inputValidator({
+  condition: ({ required }) => required,
+  message: () => `This field is required`,
+  validate: value => !!value.trim(),
+});
+
+export const isEmail = inputValidator({
+  condition: ({ type }) => type === "email",
+  message: () => `Wrong email format`,
+  validate: value => !!value.match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/),
+});
+
+export const isNumber = inputValidator({
+  condition: ({ type }) => type === "number",
+  message(value, { min, max } = {}) {
+    const minMax: string = [
+      typeof min === "number" ? `min: ${min}` : undefined,
+      typeof max === "number" ? `max: ${max}` : undefined,
+    ].filter(Boolean).join(", ");
+
+    return `Invalid number${minMax ? ` (${minMax})` : ""}`;
+  },
+  validate: (value, { min, max } = {}) => {
+    const numVal = +value;
+
+    return !(
+      isNaN(numVal) ||
+      (min != null && numVal < min) ||
+      (max != null && numVal > max)
+    );
+  },
+});
+
+export const isUrl = inputValidator({
+  condition: ({ type }) => type === "url",
+  message: () => `Wrong url format`,
+  validate: value => {
+    try {
+      return Boolean(new URL(value));
+    } catch (err) {
+      return false;
+    }
+  },
+});
+
+/**
+ * NOTE: this cast is needed because of two bugs in the typed regex package
+ * - https://github.com/phenax/typed-regex/issues/6
+ * - https://github.com/phenax/typed-regex/issues/7
+ */
+export const isExtensionNameInstallRegex = TypedRegEx("^(?<name>(@[-\\w]+\\/)?[-\\w]+)(@(?<version>[a-z0-9-_.]+))?$", "gi") as {
+  isMatch(val: string): boolean;
+  captures(val: string): undefined | { name: string; version?: string };
+};
+
+export const isExtensionNameInstall = inputValidator({
+  condition: ({ type }) => type === "text",
+  message: () => "Not an extension name with optional version",
+  validate: value => isExtensionNameInstallRegex.isMatch(value),
+});
+
+export const isPath = asyncInputValidator({
+  debounce: 100,
+  condition: ({ type }) => type === "text",
+  validate: async value => {
+    if (!await fse.pathExists(value)) {
+      throw new Error(`"${value}" is not a valid file path`);
+    }
+  },
+});
+
+export const minLength = inputValidator({
+  condition: ({ minLength }) => !!minLength,
+  message: (value, { minLength = 0 } = {}) => `Minimum length is ${minLength}`,
+  validate: (value, { minLength = 0 } = {}) => value.length >= minLength,
+});
+
+export const maxLength = inputValidator({
+  condition: ({ maxLength }) => !!maxLength,
+  message: (value, { maxLength = 0 } = {}) => `Maximum length is ${maxLength}`,
+  validate: (value, { maxLength = 0 } = {}) => value.length <= maxLength,
+});
+
+const systemNameMatcher = /^[a-z0-9]([-a-z0-9]*[a-z0-9])?(\.[a-z0-9]([-a-z0-9]*[a-z0-9])?)*$/;
+
+export const systemName = inputValidator({
+  message: () => `A System Name must be lowercase DNS labels separated by dots. DNS labels are alphanumerics and dashes enclosed by alphanumerics.`,
+  validate: value => !!value.match(systemNameMatcher),
+});
+
+export const accountId = inputValidator({
+  message: () => `Invalid account ID`,
+  validate: (value) => (isEmail.validate(value) || systemName.validate(value)),
+});
+
+export const conditionalValidators = [
+  isRequired, isEmail, isNumber, isUrl, minLength, maxLength,
+];
diff --git a/packages/core/src/renderer/components/input/search-input-url.tsx b/packages/core/src/renderer/components/input/search-input-url.tsx
new file mode 100644
index 0000000000..52df92aeaa
--- /dev/null
+++ b/packages/core/src/renderer/components/input/search-input-url.tsx
@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import debounce from "lodash/debounce";
+import { autorun, observable, makeObservable } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { InputProps } from "./input";
+import { SearchInput } from "./search-input";
+import type { PageParam } from "../../navigation/page-param";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import searchUrlPageParamInjectable from "./search-url-page-param.injectable";
+
+export interface SearchInputUrlProps extends InputProps {
+  compact?: boolean; // show only search-icon when not focused
+}
+
+interface Dependencies {
+  searchUrlParam: PageParam<string>;
+}
+
+@observer
+class NonInjectedSearchInputUrl extends React.Component<SearchInputUrlProps & Dependencies> {
+  @observable inputVal = ""; // fix: use empty string on init to avoid react warnings
+
+  readonly updateUrl = debounce((val: string) => this.props.searchUrlParam.set(val), 250);
+
+  componentDidMount(): void {
+    disposeOnUnmount(this, [
+      autorun(() => this.inputVal = this.props.searchUrlParam.get()),
+    ]);
+  }
+
+  setValue = (value: string) => {
+    this.inputVal = value;
+    this.updateUrl(value);
+  };
+
+  clear = () => {
+    this.setValue("");
+    this.updateUrl.flush();
+  };
+
+  onChange = (val: string, evt: React.ChangeEvent<any>) => {
+    this.setValue(val);
+    this.props.onChange?.(val, evt);
+  };
+
+  constructor(props: SearchInputUrlProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  render() {
+    const { searchUrlParam, ...searchInputProps } = this.props;
+
+    return (
+      <SearchInput
+        value={this.inputVal}
+        onChange={(val, event) => {
+          this.setValue(val);
+          this.props.onChange?.(val, event);
+        }}
+        onClear={this.clear}
+        {...searchInputProps}
+      />
+    );
+  }
+}
+
+export const SearchInputUrl = withInjectables<Dependencies, SearchInputUrlProps>(NonInjectedSearchInputUrl, {
+  getProps: (di, props) => ({
+    ...props,
+    searchUrlParam: di.inject(searchUrlPageParamInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/input/search-input.scss b/packages/core/src/renderer/components/input/search-input.scss
new file mode 100644
index 0000000000..b753063edc
--- /dev/null
+++ b/packages/core/src/renderer/components/input/search-input.scss
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Input.SearchInput {
+  --compact-focus-width: 190px;
+  --spacing: 6px 6px 6px 10px;
+
+  max-width: 900px;
+  min-width: 220px;
+
+  > label {
+    color: inherit;
+    background: none;
+    border: none;
+    border-radius: var(--border-radius);
+    box-shadow: 0 0 0 1px var(--halfGray);
+    padding: var(--spacing);
+
+    .Icon {
+      height: calc(var(--margin) * 2);
+      width: calc(var(--margin) * 2);
+    }
+  }
+
+  &.compact {
+    min-width: 0;
+
+    .input {
+      transition: width 150ms;
+
+      &:placeholder-shown:not(:focus) {
+        transition-duration: 100ms;
+        width: 0;
+        margin: 0;
+      }
+
+      &:focus, &:not(:placeholder-shown) {
+        width: var(--compact-focus-width);
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/input/search-input.tsx b/packages/core/src/renderer/components/input/search-input.tsx
new file mode 100644
index 0000000000..4aff4a6ffa
--- /dev/null
+++ b/packages/core/src/renderer/components/input/search-input.tsx
@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./search-input.scss";
+
+import React, { createRef } from "react";
+import { observer } from "mobx-react";
+import { cssNames, autoBind } from "../../utils";
+import { Icon } from "../icon";
+import type { InputProps } from "./input";
+import { Input } from "./input";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import isMacInjectable from "../../../common/vars/is-mac.injectable";
+
+export interface SearchInputProps extends InputProps {
+  compact?: boolean; // show only search-icon when not focused
+  bindGlobalFocusHotkey?: boolean;
+  showClearIcon?: boolean;
+  onClear?(): void;
+}
+
+const defaultProps: Partial<SearchInputProps> = {
+  autoFocus: true,
+  bindGlobalFocusHotkey: true,
+  showClearIcon: true,
+  placeholder: "Search...",
+};
+
+interface Dependencies {
+  isMac: boolean;
+}
+
+@observer
+class NonInjectedSearchInput extends React.Component<SearchInputProps & Dependencies> {
+  static defaultProps = defaultProps as object;
+
+  private inputRef = createRef<Input>();
+
+  constructor(props: SearchInputProps & Dependencies) {
+    super(props);
+    autoBind(this);
+  }
+
+  componentDidMount() {
+    if (!this.props.bindGlobalFocusHotkey) return;
+    window.addEventListener("keydown", this.onGlobalKey);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener("keydown", this.onGlobalKey);
+  }
+
+  onGlobalKey(evt: KeyboardEvent) {
+    if (evt.key === "f" && (this.props.isMac ? evt.metaKey : evt.ctrlKey)) {
+      this.inputRef.current?.focus();
+    }
+  }
+
+  onKeyDown(evt: React.KeyboardEvent<any>) {
+    this.props.onKeyDown?.(evt);
+
+    if (evt.nativeEvent.code === "Escape") {
+      this.clear();
+      evt.stopPropagation();
+    }
+  }
+
+  clear() {
+    if (this.props.onClear) {
+      this.props.onClear();
+    } else {
+      this.inputRef.current?.setValue("");
+    }
+  }
+
+  render() {
+    const { className, compact, onClear, showClearIcon, bindGlobalFocusHotkey, value, isMac, ...inputProps } = this.props;
+    let rightIcon = <Icon small material="search"/>;
+
+    if (showClearIcon && value) {
+      rightIcon = (
+        <Icon
+          small
+          material="close"
+          onClick={this.clear}
+        />
+      );
+    }
+
+    return (
+      <Input
+        {...inputProps}
+        className={cssNames("SearchInput", className, { compact })}
+        value={value}
+        onKeyDown={this.onKeyDown}
+        iconRight={rightIcon}
+        ref={this.inputRef}
+        blurOnEnter={false}
+      />
+    );
+  }
+}
+
+export const SearchInput = withInjectables<Dependencies, SearchInputProps>(NonInjectedSearchInput, {
+  getProps: (di, props) => ({
+    ...props,
+    isMac: di.inject(isMacInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/input/search-url-page-param.injectable.ts b/packages/core/src/renderer/components/input/search-url-page-param.injectable.ts
new file mode 100644
index 0000000000..0e6a0c44f0
--- /dev/null
+++ b/packages/core/src/renderer/components/input/search-url-page-param.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 createPageParamInjectable from "../../navigation/create-page-param.injectable";
+
+const searchUrlPageParamInjectable = getInjectable({
+  id: "search-url-page-param",
+  instantiate: (di) => {
+    const createPageParam = di.inject(createPageParamInjectable);
+
+    return createPageParam({
+      name: "search",
+      defaultValue: "",
+    });
+  },
+});
+
+export default searchUrlPageParamInjectable;
diff --git a/packages/core/src/renderer/components/input/validators/is-path.injectable.ts b/packages/core/src/renderer/components/input/validators/is-path.injectable.ts
new file mode 100644
index 0000000000..c9800cb628
--- /dev/null
+++ b/packages/core/src/renderer/components/input/validators/is-path.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 { asyncInputValidator } from "../input_validators";
+import pathExistsInjectable from "../../../../common/fs/path-exists.injectable";
+
+const isPathInjectable = getInjectable({
+  id: "is-path",
+
+  instantiate: (di) => {
+    const pathExists = di.inject(pathExistsInjectable);
+
+    return asyncInputValidator({
+      debounce: 100,
+      condition: ({ type }) => type === "text",
+      validate: async value => {
+        if (!await pathExists(value)) {
+          throw new Error(`"${value}" is not a valid file path`);
+        }
+      },
+    });
+  },
+});
+
+export default isPathInjectable;
diff --git a/packages/core/src/renderer/components/input/validators/unique-hotbar-name.injectable.ts b/packages/core/src/renderer/components/input/validators/unique-hotbar-name.injectable.ts
new file mode 100644
index 0000000000..e4d68e9f29
--- /dev/null
+++ b/packages/core/src/renderer/components/input/validators/unique-hotbar-name.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 hotbarStoreInjectable from "../../../../common/hotbars/store.injectable";
+import { inputValidator } from "../input_validators";
+
+const uniqueHotbarNameInjectable = getInjectable({
+  id: "unique-hotbar-name",
+
+  instantiate: di => {
+    const store = di.inject(hotbarStoreInjectable);
+
+    return inputValidator({
+      condition: ({ required }) => required,
+      message: () => "Hotbar with this name already exists",
+      validate: value => !store.findByName(value),
+    });
+  },
+});
+
+export default uniqueHotbarNameInjectable;
diff --git a/packages/core/src/renderer/components/item-object-list/content.tsx b/packages/core/src/renderer/components/item-object-list/content.tsx
new file mode 100644
index 0000000000..e338f74514
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/content.tsx
@@ -0,0 +1,385 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+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";
+import type { TableCellProps, TableProps, TableRowProps, TableSortCallbacks } from "../table";
+import { Table, TableCell, TableHead, TableRow } from "../table";
+import type { IClassName } from "../../utils";
+import { autoBind, cssNames, isDefined, isReactNode, noop, prevDefault, stopPropagation } from "../../utils";
+import type { AddRemoveButtonsProps } from "../add-remove-buttons";
+import { AddRemoveButtons } from "../add-remove-buttons";
+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 { LensTheme } from "../../themes/lens-theme";
+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 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[];
+  tableId?: string;
+  className: IClassName;
+  getItems: () => Item[];
+  store: ItemListStore<Item, PreLoadStores>;
+  getIsReady: () => boolean; // show loading indicator while not ready
+  isSelectable?: boolean; // show checkbox in rows for selecting items
+  isConfigurable?: boolean;
+  copyClassNameFromHeadCells?: boolean;
+  sortingCallbacks?: TableSortCallbacks<Item>;
+  tableProps?: Partial<TableProps<Item>>; // low-level table configuration
+  renderTableHeader?: (TableCellProps | undefined | null)[];
+  renderTableContents: (item: Item) => (ReactNode | TableCellProps)[];
+  renderItemMenu?: (item: Item, store: ItemListStore<Item, PreLoadStores>) => ReactNode;
+  customizeTableRowProps?: (item: Item) => Partial<TableRowProps<Item>>;
+  addRemoveButtons?: Partial<AddRemoveButtonsProps>;
+  virtual?: boolean;
+
+  // item details view
+  hasDetailsView?: boolean;
+  detailsItem?: Item;
+  onDetails?: (item: Item) => void;
+
+  // other
+  customizeRemoveDialog?: (selectedItems: Item[]) => Partial<ConfirmDialogParams>;
+
+  spinnerTestId?: string;
+
+  /**
+   * Message to display when a store failed to load
+   *
+   * @default "Failed to load items"
+   */
+  failedToLoadMessage?: React.ReactNode;
+}
+
+interface Dependencies {
+  activeTheme: IComputedValue<LensTheme>;
+  userStore: UserStore;
+  pageFiltersStore: PageFiltersStore;
+  openConfirmDialog: OpenConfirmDialog;
+}
+
+@observer
+class NonInjectedItemListLayoutContent<
+  Item extends ItemObject,
+  PreLoadStores extends boolean,
+> extends React.Component<ItemListLayoutContentProps<Item, PreLoadStores> & Dependencies> {
+  constructor(props: ItemListLayoutContentProps<Item, PreLoadStores> & Dependencies) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  @computed get failedToLoad() {
+    return this.props.store.failedLoading;
+  }
+
+  renderRow(item: Item) {
+    return this.getTableRow(item);
+  }
+
+  getTableRow(item: Item) {
+    const {
+      isSelectable, renderTableHeader, renderTableContents, renderItemMenu,
+      store, hasDetailsView, onDetails,
+      copyClassNameFromHeadCells, customizeTableRowProps = () => ({}), detailsItem,
+    } = this.props;
+    const { isSelected } = store;
+
+    return (
+      <TableRow
+        nowrap
+        searchItem={item}
+        sortItem={item}
+        selected={detailsItem && detailsItem.getId() === item.getId()}
+        onClick={hasDetailsView ? prevDefault(() => onDetails?.(item)) : undefined}
+        {...customizeTableRowProps(item)}
+      >
+        {isSelectable && (
+          <TableCell
+            checkbox
+            isChecked={isSelected(item)}
+            onClick={prevDefault(() => store.toggleSelection(item))}
+          />
+        )}
+        {renderTableContents(item).map((content, index) => {
+          const cellProps: TableCellProps = isReactNode(content)
+            ? { children: content }
+            : content;
+          const headCell = renderTableHeader?.[index];
+
+          if (copyClassNameFromHeadCells && headCell) {
+            cellProps.className = cssNames(
+              cellProps.className,
+              headCell.className,
+            );
+          }
+
+          if (!headCell || this.showColumn(headCell)) {
+            return <TableCell key={index} {...cellProps} />;
+          }
+
+          return null;
+        })}
+        {renderItemMenu && (
+          <TableCell className="menu">
+            <div onClick={stopPropagation}>
+              {renderItemMenu(item, store)}
+            </div>
+          </TableCell>
+        )}
+      </TableRow>
+    );
+  }
+
+  getRow(uid: string) {
+    return (
+      <div key={uid}>
+        <Observer>
+          {() => {
+            const item = this.props.getItems().find(item => item.getId() === uid);
+
+            if (!item) return null;
+
+            return this.getTableRow(item);
+          }}
+        </Observer>
+      </div>
+    );
+  }
+
+  removeItemsDialog(selectedItems: Item[]) {
+    const { customizeRemoveDialog, store, openConfirmDialog } = this.props;
+    const visibleMaxNamesCount = 5;
+    const selectedNames = selectedItems.map(ns => ns.getName()).slice(0, visibleMaxNamesCount).join(", ");
+    const dialogCustomProps = customizeRemoveDialog ? customizeRemoveDialog(selectedItems) : {};
+    const selectedCount = selectedItems.length;
+    const tailCount = selectedCount > visibleMaxNamesCount
+      ? selectedCount - visibleMaxNamesCount
+      : 0;
+    const tail = tailCount > 0
+      ? (
+        <>
+          {", and "}
+          <b>{tailCount}</b>
+          {" more"}
+        </>
+      )
+      : null;
+    const message = selectedCount <= 1
+      ? (
+        <p>
+          {"Remove item "}
+          <b>{selectedNames}</b>
+          ?
+        </p>
+      )
+      : (
+        <p>
+          {"Remove "}
+          <b>{selectedCount}</b>
+          {" items "}
+          <b>{selectedNames}</b>
+          {tail}
+          ?
+        </p>
+      );
+    const { removeSelectedItems, removeItems } = store;
+    const onConfirm = typeof removeItems === "function"
+      ? () => removeItems.apply(store, [selectedItems])
+      : typeof removeSelectedItems === "function"
+        ? removeSelectedItems.bind(store)
+        : noop;
+
+    openConfirmDialog({
+      ok: onConfirm,
+      labelOk: "Remove",
+      message,
+      ...dialogCustomProps,
+    });
+  }
+
+  renderNoItems() {
+    if (this.failedToLoad) {
+      return <NoItems>{this.props.failedToLoadMessage}</NoItems>;
+    }
+
+    if (!this.props.getIsReady()) {
+      return <Spinner center data-testid={this.props.spinnerTestId} />;
+    }
+
+    if (this.props.getFilters().length > 0) {
+      return (
+        <NoItems>
+          No items found.
+          <p>
+            <a onClick={() => this.props.pageFiltersStore.reset()} className="contrast">
+              Reset filters?
+            </a>
+          </p>
+        </NoItems>
+      );
+    }
+
+    return <NoItems />;
+  }
+
+  renderItems() {
+    if (this.props.virtual) {
+      return null;
+    }
+
+    return this.props.getItems().map(item => this.getRow(item.getId()));
+  }
+
+  renderTableHeader() {
+    const { customizeTableRowProps, renderTableHeader, isSelectable, isConfigurable, store, tableId } = this.props;
+
+    if (!renderTableHeader) {
+      return null;
+    }
+
+    const enabledItems = this.props.getItems().filter(item => !customizeTableRowProps?.(item).disabled);
+
+    return (
+      <TableHead showTopLine nowrap>
+        {isSelectable && (
+          <Observer>
+            {() => (
+              <TableCell
+                checkbox
+                isChecked={store.isSelectedAll(enabledItems)}
+                onClick={prevDefault(() => store.toggleSelectionAll(enabledItems))}
+              />
+            )}
+          </Observer>
+        )}
+        {
+          renderTableHeader
+            .filter(isDefined)
+            .map((cellProps, index) => (
+              this.showColumn(cellProps) && (
+                <TableCell key={cellProps.id ?? index} {...cellProps} />
+              )
+            ))
+        }
+        <TableCell className="menu">
+          {(isConfigurable && tableId)
+            ? this.renderColumnVisibilityMenu(tableId)
+            : undefined
+          }
+        </TableCell>
+      </TableHead>
+    );
+  }
+
+  render() {
+    const {
+      store, hasDetailsView, addRemoveButtons = {}, virtual, sortingCallbacks,
+      detailsItem, className, tableProps = {}, tableId, getItems, activeTheme,
+    } = this.props;
+    const selectedItemId = detailsItem && detailsItem.getId();
+    const classNames = cssNames(className, "box", "grow", activeTheme.get().type);
+    const items = getItems();
+    const selectedItems = store.pickOnlySelected(items);
+
+    return (
+      <div className="items box grow flex column">
+        <Table
+          tableId={tableId}
+          virtual={virtual}
+          selectable={hasDetailsView}
+          sortable={sortingCallbacks}
+          getTableRow={this.getRow}
+          renderRow={virtual ? undefined : this.renderRow}
+          items={items}
+          selectedItemId={selectedItemId}
+          noItems={this.renderNoItems()}
+          className={classNames}
+          {...tableProps}
+        >
+          {this.renderTableHeader()}
+          {this.renderItems()}
+        </Table>
+
+        <Observer>
+          {() => (
+            <AddRemoveButtons
+              onRemove={
+                (store.removeItems || store.removeSelectedItems) && selectedItems.length > 0
+                  ? () => this.removeItemsDialog(selectedItems)
+                  : undefined
+              }
+              removeTooltip={`Remove selected items (${selectedItems.length})`}
+              {...addRemoveButtons}
+            />
+          )}
+        </Observer>
+      </div>
+    );
+  }
+
+  showColumn({ id: columnId, showWithColumn }: TableCellProps): boolean {
+    const { tableId, isConfigurable } = this.props;
+
+    return !isConfigurable || !tableId || !this.props.userStore.isTableColumnHidden(tableId, columnId, showWithColumn);
+  }
+
+  renderColumnVisibilityMenu(tableId: string) {
+    const { renderTableHeader = [] } = this.props;
+
+    return (
+      <MenuActions
+        id="menu-actions-for-item-object-list-content"
+        className="ItemListLayoutVisibilityMenu"
+        toolbar={false}
+        autoCloseOnSelect={false}
+      >
+        {
+          renderTableHeader
+            .filter(isDefined)
+            .filter((props): props is TableCellProps & { id: string } => !!props.id)
+            .filter(props => !props.showWithColumn)
+            .map((cellProps) => (
+              <MenuItem key={cellProps.id} className="input">
+                <Checkbox
+                  label={cellProps.title ?? `<${cellProps.className}>`}
+                  value={this.showColumn(cellProps)}
+                  onChange={() => this.props.userStore.toggleTableColumnVisibility(tableId, cellProps.id)}
+                />
+              </MenuItem>
+            ))
+        }
+      </MenuActions>
+    );
+  }
+}
+
+export const ItemListLayoutContent = withInjectables<Dependencies, ItemListLayoutContentProps<ItemObject, boolean>>(NonInjectedItemListLayoutContent, {
+  getProps: (di, props) => ({
+    ...props,
+    activeTheme: di.inject(activeThemeInjectable),
+    userStore: di.inject(userStoreInjectable),
+    pageFiltersStore: di.inject(pageFiltersStoreInjectable),
+    openConfirmDialog: di.inject(openConfirmDialogInjectable),
+  }),
+}) as <Item extends ItemObject, PreLoadStores extends boolean>(props: ItemListLayoutContentProps<Item, PreLoadStores>) => React.ReactElement;
diff --git a/packages/core/src/renderer/components/item-object-list/filter-icon.tsx b/packages/core/src/renderer/components/item-object-list/filter-icon.tsx
new file mode 100644
index 0000000000..7944140922
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/filter-icon.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 React from "react";
+import type { IconProps } from "../icon";
+import { Icon } from "../icon";
+import { FilterType } from "./page-filters/store";
+
+export interface FilterIconProps extends Partial<IconProps> {
+  type: FilterType;
+}
+
+export function FilterIcon(props: FilterIconProps) {
+  const { type, ...iconProps } = props;
+
+  switch (type) {
+    case FilterType.SEARCH:
+      return (
+        <Icon
+          small
+          material="search"
+          {...iconProps}
+        />
+      );
+
+    default:
+      return (
+        <Icon
+          small
+          material="filter_list"
+          {...iconProps}
+        />
+      );
+  }
+}
diff --git a/packages/core/src/renderer/components/item-object-list/filters.tsx b/packages/core/src/renderer/components/item-object-list/filters.tsx
new file mode 100644
index 0000000000..fb65132e26
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/filters.tsx
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./item-list-layout.scss";
+
+import React from "react";
+import { PageFiltersList } from "./page-filters/list";
+import { observer } from "mobx-react";
+import type { Filter } from "./page-filters/store";
+
+export interface ItemListLayoutFilterProps {
+  getIsReady: () => boolean;
+  getFilters: () => Filter[];
+  getFiltersAreShown: () => boolean;
+  hideFilters: boolean;
+}
+
+export const ItemListLayoutFilters = observer(({ getFilters, getFiltersAreShown, getIsReady, hideFilters }: ItemListLayoutFilterProps) => {
+  const filters = getFilters();
+
+  if (!getIsReady() || !filters.length || hideFilters || !getFiltersAreShown()) {
+    return null;
+  }
+
+  return <PageFiltersList filters={filters} />;
+});
+
diff --git a/packages/core/src/renderer/components/item-object-list/header.tsx b/packages/core/src/renderer/components/item-object-list/header.tsx
new file mode 100644
index 0000000000..2b60b3858f
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/header.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 "./item-list-layout.scss";
+
+import type { ReactNode } from "react";
+import React from "react";
+import { observer } from "mobx-react";
+import type { IClassName } from "../../utils";
+import { cssNames, isDefined } from "../../utils";
+import type { ItemObject } from "../../../common/item.store";
+import type { Filter } from "./page-filters/store";
+import type { HeaderCustomizer, HeaderPlaceholders, ItemListStore, SearchFilter } from "./list-layout";
+import { SearchInputUrl } from "../input";
+
+export interface ItemListLayoutHeaderProps<I extends ItemObject, PreLoadStores extends boolean> {
+  getItems: () => I[];
+  getFilters: () => Filter[];
+  toggleFilters: () => void;
+
+  store: ItemListStore<I, PreLoadStores>;
+  searchFilters?: SearchFilter<I>[];
+
+  // header (title, filtering, searching, etc.)
+  showHeader?: boolean;
+  headerClassName?: IClassName;
+  renderHeaderTitle?:
+    | ReactNode
+    | (() => ReactNode);
+  customizeHeader?: HeaderCustomizer | HeaderCustomizer[];
+}
+
+@observer
+export class ItemListLayoutHeader<I extends ItemObject, PreLoadStores extends boolean> extends React.Component<ItemListLayoutHeaderProps<I, PreLoadStores>> {
+  render() {
+    const {
+      showHeader,
+      customizeHeader,
+      renderHeaderTitle,
+      headerClassName,
+      searchFilters = [],
+      getItems,
+      store,
+      getFilters,
+      toggleFilters,
+    } = this.props;
+
+    if (!showHeader) {
+      return null;
+    }
+
+    const renderInfo = () => {
+      const allItemsCount = store.getTotalCount();
+      const itemsCount = getItems().length;
+
+      if (getFilters().length > 0) {
+        return (
+          <>
+            <a onClick={toggleFilters}>Filtered</a>
+            {`: ${itemsCount} / ${allItemsCount}`}
+          </>
+        );
+      }
+
+      return allItemsCount === 1
+        ? `${allItemsCount} item`
+        : `${allItemsCount} items`;
+    };
+
+    const customizeHeaderFunctions = [customizeHeader].flat().filter(isDefined);
+    const renderedTitle = typeof renderHeaderTitle === "function"
+      ? renderHeaderTitle()
+      : renderHeaderTitle;
+
+    const {
+      filters,
+      info,
+      searchProps,
+      title,
+    } = customizeHeaderFunctions.reduce<HeaderPlaceholders>(
+      (prevPlaceholders, customizer) => customizer(prevPlaceholders),
+      {
+        title: <h5 className="title">{renderedTitle}</h5>,
+        info: renderInfo(),
+        searchProps: {},
+      },
+    );
+
+    return (
+      <div className={cssNames("header flex gaps align-center", headerClassName)}>
+        {title}
+        {
+          info && (
+            <div className="info-panel box grow">
+              {info}
+            </div>
+          )
+        }
+        {filters}
+        {searchFilters.length > 0 && searchProps && <SearchInputUrl {...searchProps} />}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/item-object-list/index.tsx b/packages/core/src/renderer/components/item-object-list/index.tsx
new file mode 100644
index 0000000000..bb05729496
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/index.tsx
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./list-layout";
diff --git a/packages/core/src/renderer/components/item-object-list/item-list-layout.scss b/packages/core/src/renderer/components/item-object-list/item-list-layout.scss
new file mode 100644
index 0000000000..84427369ad
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/item-list-layout.scss
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ItemListLayout {
+  background: var(--contentColor);
+  height: 100%;
+
+  > .header {
+    --flex-gap: #{$padding * 2};
+    padding: var(--flex-gap);
+
+    .title {
+      color: var(--textColorTertiary);
+    }
+
+    .info-panel {
+      text-align: center;
+      white-space: nowrap;
+    }
+
+    .NamespaceSelect {
+      .Select {
+        &__value-container {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+
+  > .items {
+    position: relative;
+    min-height: 130px;
+  }
+}
+
+.ItemListLayoutVisibilityMenu {
+  .Checkbox {
+    --checkbox-color: inherit;
+    color: var(--checkbox-color);
+  }
+}
diff --git a/packages/core/src/renderer/components/item-object-list/list-layout.tsx b/packages/core/src/renderer/components/item-object-list/list-layout.tsx
new file mode 100644
index 0000000000..2d3a9ae17b
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/list-layout.tsx
@@ -0,0 +1,352 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./item-list-layout.scss";
+
+import type { ReactNode } from "react";
+import React from "react";
+import type { IComputedValue } from "mobx";
+import { computed, makeObservable, untracked } from "mobx";
+import type { ConfirmDialogParams } from "../confirm-dialog";
+import type { TableCellProps, TableProps, TableRowProps, TableSortCallbacks } from "../table";
+import type { IClassName, SingleOrMany, StorageLayer } from "../../utils";
+import { autoBind, cssNames, noop } from "../../utils";
+import type { AddRemoveButtonsProps } from "../add-remove-buttons";
+import type { ItemObject } from "../../../common/item.store";
+import type { SearchInputUrlProps } from "../input";
+import type { PageFiltersStore } from "./page-filters/store";
+import { FilterType } from "./page-filters/store";
+import { PageFiltersList } from "./page-filters/list";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import itemListLayoutStorageInjectable from "./storage.injectable";
+import { ItemListLayoutContent } from "./content";
+import { ItemListLayoutHeader } from "./header";
+import groupBy from "lodash/groupBy";
+import { ItemListLayoutFilters } from "./filters";
+import { observer } from "mobx-react";
+import type { Primitive } from "type-fest";
+import type { SubscribableStore } from "../../kube-watch-api/kube-watch-api";
+import selectedFilterNamespacesInjectable from "../../../common/k8s-api/selected-filter-namespaces.injectable";
+import pageFiltersStoreInjectable from "./page-filters/store.injectable";
+
+export type SearchFilter<I extends ItemObject> = (item: I) => SingleOrMany<string | number | undefined | null>;
+export type SearchFilters<I extends ItemObject> = Record<string, SearchFilter<I>>;
+export type ItemsFilter<I extends ItemObject> = (items: I[]) => I[];
+export type ItemsFilters<I extends ItemObject> = Record<string, ItemsFilter<I>>;
+
+export interface HeaderPlaceholders {
+  title?: ReactNode;
+  searchProps?: SearchInputUrlProps;
+  filters?: ReactNode;
+  info?: ReactNode;
+}
+
+function normalizeText(value: Primitive) {
+  return String(value).toLowerCase();
+}
+
+export type ItemListStore<I extends ItemObject, PreLoadStores extends boolean> = {
+  readonly isLoaded: boolean;
+  readonly failedLoading: boolean;
+  getTotalCount: () => number;
+  isSelected: (item: I) => boolean;
+  toggleSelection: (item: I) => void;
+  isSelectedAll: (items: I[]) => boolean;
+  toggleSelectionAll: (enabledItems: I[]) => void;
+  pickOnlySelected: (items: I[]) => I[];
+} & ({
+  removeItems: (selectedItems: I[]) => Promise<void>;
+  readonly selectedItems: I[];
+  removeSelectedItems?: unknown;
+} | {
+  removeSelectedItems: () => Promise<void>;
+  selectedItems?: unknown;
+  removeItems?: unknown;
+}) & (
+  PreLoadStores extends true
+    ? {
+      loadAll: (selectedNamespaces: readonly string[]) => Promise<void>;
+    }
+    : {
+      loadAll?: unknown;
+    }
+);
+
+export type RenderHeaderTitle<
+  Item extends ItemObject,
+  PreLoadStores extends boolean,
+> = ReactNode | ((parent: NonInjectedItemListLayout<Item, PreLoadStores>) => ReactNode);
+
+export type HeaderCustomizer = (placeholders: HeaderPlaceholders) => HeaderPlaceholders;
+export type ItemListLayoutProps<Item extends ItemObject, PreLoadStores extends boolean = boolean> = {
+  tableId?: string;
+  className: IClassName;
+  getItems: () => Item[];
+  store: ItemListStore<Item, PreLoadStores>;
+  dependentStores?: SubscribableStore[];
+  preloadStores?: boolean;
+  hideFilters?: boolean;
+  searchFilters?: SearchFilter<Item>[];
+  /** @deprecated */
+  filterItems?: ItemsFilter<Item>[];
+
+  // header (title, filtering, searching, etc.)
+  showHeader?: boolean;
+  headerClassName?: IClassName;
+  renderHeaderTitle?: RenderHeaderTitle<Item, PreLoadStores>;
+  customizeHeader?: HeaderCustomizer | HeaderCustomizer[];
+
+  // items list configuration
+  isReady?: boolean; // show loading indicator while not ready
+  isSelectable?: boolean; // show checkbox in rows for selecting items
+  isConfigurable?: boolean;
+  copyClassNameFromHeadCells?: boolean;
+  sortingCallbacks?: TableSortCallbacks<Item>;
+  tableProps?: Partial<TableProps<Item>>; // low-level table configuration
+  renderTableHeader?: (TableCellProps | undefined | null)[];
+  renderTableContents: (item: Item) => (ReactNode | TableCellProps)[];
+  renderItemMenu?: (item: Item, store: ItemListStore<Item, PreLoadStores>) => ReactNode;
+  customizeTableRowProps?: (item: Item) => Partial<TableRowProps<Item>>;
+  addRemoveButtons?: Partial<AddRemoveButtonsProps>;
+  virtual?: boolean;
+
+  // item details view
+  hasDetailsView?: boolean;
+  detailsItem?: Item;
+  onDetails?: (item: Item) => void;
+
+  // other
+  customizeRemoveDialog?: (selectedItems: Item[]) => Partial<ConfirmDialogParams>;
+  renderFooter?: (parent: NonInjectedItemListLayout<Item, PreLoadStores>) => React.ReactNode;
+
+  spinnerTestId?: string;
+
+  /**
+   * Message to display when a store failed to load
+   *
+   * @default "Failed to load items"
+   */
+  failedToLoadMessage?: React.ReactNode;
+
+  filterCallbacks?: ItemsFilters<Item>;
+  "data-testid"?: string;
+} & (
+  PreLoadStores extends true
+    ? {
+      preloadStores?: true;
+    }
+    : {
+      preloadStores: false;
+    }
+);
+
+const defaultProps: Partial<ItemListLayoutProps<ItemObject, true>> = {
+  showHeader: true,
+  isSelectable: true,
+  isConfigurable: false,
+  copyClassNameFromHeadCells: true,
+  preloadStores: true,
+  dependentStores: [],
+  searchFilters: [],
+  customizeHeader: [],
+  filterItems: [],
+  hasDetailsView: true,
+  onDetails: noop,
+  virtual: true,
+  customizeTableRowProps: () => ({}),
+  failedToLoadMessage: "Failed to load items",
+};
+
+export interface ItemListLayoutStorage {
+  showFilters: boolean;
+}
+
+interface Dependencies {
+  selectedFilterNamespaces: IComputedValue<string[]>;
+  itemListLayoutStorage: StorageLayer<ItemListLayoutStorage>;
+  pageFiltersStore: PageFiltersStore;
+}
+
+@observer
+class NonInjectedItemListLayout<I extends ItemObject, PreLoadStores extends boolean> extends React.Component<ItemListLayoutProps<I, PreLoadStores> & Dependencies> {
+  static defaultProps = defaultProps as object;
+
+  constructor(props: ItemListLayoutProps<I, PreLoadStores> & Dependencies) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  async componentDidMount() {
+    const { isConfigurable, tableId, preloadStores } = this.props;
+
+    if (isConfigurable && !tableId) {
+      throw new Error("[ItemListLayout]: configurable list require props.tableId to be specified");
+    }
+
+    if (preloadStores) {
+      const { store, dependentStores = [] } = this.props;
+      const stores = Array.from(new Set([store, ...dependentStores])) as ItemListStore<I, true>[];
+
+      stores.forEach(store => store.loadAll(this.props.selectedFilterNamespaces.get()));
+    }
+  }
+
+  get showFilters(): boolean {
+    return this.props.itemListLayoutStorage.get().showFilters;
+  }
+
+  set showFilters(showFilters: boolean) {
+    this.props.itemListLayoutStorage.merge({ showFilters });
+  }
+
+  @computed get filters() {
+    let { activeFilters } = this.props.pageFiltersStore;
+    const { searchFilters = [] } = this.props;
+
+    if (searchFilters.length === 0) {
+      activeFilters = activeFilters.filter(({ type }) => type !== FilterType.SEARCH);
+    }
+
+    return activeFilters;
+  }
+
+  toggleFilters() {
+    this.showFilters = !this.showFilters;
+  }
+
+  @computed get isReady() {
+    return this.props.isReady ?? this.props.store.isLoaded;
+  }
+
+  renderFilters() {
+    const { hideFilters } = this.props;
+    const { isReady, filters } = this;
+
+    if (!isReady || !filters.length || hideFilters || !this.showFilters) {
+      return null;
+    }
+
+    return <PageFiltersList filters={filters} />;
+  }
+
+  private filterCallbacks: ItemsFilters<I> = {
+    [FilterType.SEARCH]: items => {
+      const { searchFilters = [] } = this.props;
+      const search = this.props.pageFiltersStore.getValues(FilterType.SEARCH)[0] || "";
+
+      if (search && searchFilters.length) {
+        const searchTexts = [search].map(normalizeText);
+
+        return items.filter(item => (
+          searchFilters.some(getTexts => (
+            [getTexts(item)]
+              .flat()
+              .map(normalizeText)
+              .some(source => searchTexts.some(search => source.includes(search)))
+          ))
+        ));
+      }
+
+      return items;
+    },
+  };
+
+  @computed get items() {
+    const filterGroups = groupBy(this.filters, ({ type }) => type);
+    const filterItems: ItemsFilter<I>[] = [];
+
+    for (const [type, filtersGroup] of Object.entries(filterGroups)) {
+      const filterCallback = this.filterCallbacks[type] ?? this.props.filterCallbacks?.[type];
+
+      if (filterCallback && filtersGroup.length > 0) {
+        filterItems.push(filterCallback);
+      }
+    }
+
+    const items = this.props.getItems();
+
+    return applyFilters(filterItems.concat(this.props.filterItems ?? []), items);
+  }
+
+  render() {
+    const { renderHeaderTitle, "data-testid": dataTestId } = this.props;
+
+    return untracked(() => (
+      <div
+        className={cssNames("ItemListLayout flex column", this.props.className)}
+        data-testid={dataTestId}
+      >
+        <ItemListLayoutHeader
+          getItems={() => this.items}
+          getFilters={() => this.filters}
+          toggleFilters={this.toggleFilters}
+          store={this.props.store}
+          searchFilters={this.props.searchFilters}
+          showHeader={this.props.showHeader}
+          headerClassName={this.props.headerClassName}
+          renderHeaderTitle={(
+            typeof renderHeaderTitle === "function"
+              ? () => renderHeaderTitle(this)
+              : renderHeaderTitle
+          )}
+          customizeHeader={this.props.customizeHeader}
+        />
+
+        <ItemListLayoutFilters
+          getIsReady={() => this.isReady}
+          getFilters={() => this.filters}
+          getFiltersAreShown={() => this.showFilters}
+          hideFilters={this.props.hideFilters ?? false}
+        />
+
+        <ItemListLayoutContent<I, PreLoadStores>
+          getItems={() => this.items}
+          getFilters={() => this.filters}
+          tableId={this.props.tableId}
+          className={this.props.className}
+          store={this.props.store}
+          getIsReady={() => this.isReady}
+          isSelectable={this.props.isSelectable}
+          isConfigurable={this.props.isConfigurable}
+          copyClassNameFromHeadCells={this.props.copyClassNameFromHeadCells}
+          sortingCallbacks={this.props.sortingCallbacks}
+          tableProps={this.props.tableProps}
+          renderTableHeader={this.props.renderTableHeader}
+          renderTableContents={this.props.renderTableContents}
+          renderItemMenu={this.props.renderItemMenu}
+          customizeTableRowProps={this.props.customizeTableRowProps}
+          addRemoveButtons={this.props.addRemoveButtons}
+          virtual={this.props.virtual}
+          hasDetailsView={this.props.hasDetailsView}
+          detailsItem={this.props.detailsItem}
+          onDetails={this.props.onDetails}
+          customizeRemoveDialog={this.props.customizeRemoveDialog}
+          failedToLoadMessage={this.props.failedToLoadMessage}
+          spinnerTestId={this.props.spinnerTestId}
+        />
+
+        {this.props.renderFooter?.(this)}
+      </div>
+    ));
+  }
+}
+
+export const ItemListLayout = withInjectables<Dependencies, ItemListLayoutProps<ItemObject, boolean>>(NonInjectedItemListLayout, {
+  getProps: (di, props) => ({
+    ...props,
+    selectedFilterNamespaces: di.inject(selectedFilterNamespacesInjectable),
+    itemListLayoutStorage: di.inject(itemListLayoutStorageInjectable),
+    pageFiltersStore: di.inject(pageFiltersStoreInjectable),
+  }),
+}) as <I extends ItemObject, PreLoadStores extends boolean = true>(props: ItemListLayoutProps<I, PreLoadStores>) => React.ReactElement;
+
+function applyFilters<I extends ItemObject>(filters: ItemsFilter<I>[], items: I[]): I[] {
+  if (!filters || !filters.length) {
+    return items;
+  }
+
+  return filters.reduce((items, filter) => filter(items), items);
+}
diff --git a/packages/core/src/renderer/components/item-object-list/page-filters/list.scss b/packages/core/src/renderer/components/item-object-list/page-filters/list.scss
new file mode 100644
index 0000000000..3f3e2af93e
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/page-filters/list.scss
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PageFiltersList {
+  $bgc: var(--filterAreaBackground);
+  $spacing: $padding * 1.5;
+
+  position: relative;
+  top: 1px;
+  border-top: 1px solid var(--borderFaintColor);
+  background: $bgc;
+  padding: $spacing $padding * 2;
+  font-size: $font-size-small;
+
+  &:empty {
+    background: none;
+    padding: 0;
+  }
+
+  &:not(:empty) {
+    border-bottom: 1px solid var(--borderFaintColor);
+  }
+
+  > .header {
+    --flex-gap: #{$padding};
+    margin-bottom: $padding * 0.5;
+    text-transform: uppercase;
+  }
+
+  > .labels {
+    $gap: $padding * 0.33333;
+    margin-left: -$gap;
+    margin-right: -$gap;
+
+    > .Badge {
+      --flex-gap: .25em;
+      display: inline-flex;
+      margin: $gap;
+      padding: $padding * 0.33333;
+      vertical-align: middle;
+      overflow: visible;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/item-object-list/page-filters/list.tsx b/packages/core/src/renderer/components/item-object-list/page-filters/list.tsx
new file mode 100644
index 0000000000..58c4463b65
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/page-filters/list.tsx
@@ -0,0 +1,95 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./list.scss";
+import React from "react";
+import { observer } from "mobx-react";
+import { Badge } from "../../badge";
+import { cssNames } from "../../../utils";
+import type { Filter, PageFiltersStore } from "./store";
+import { FilterIcon } from "../filter-icon";
+import { Icon } from "../../icon";
+import type { PageParam } from "../../../navigation/page-param";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import pageFiltersStoreInjectable from "./store.injectable";
+import searchUrlPageParamInjectable from "../../input/search-url-page-param.injectable";
+
+export interface PageFiltersListProps {
+  filters?: Filter[];
+}
+
+interface Dependencies {
+  pageFiltersStore: PageFiltersStore;
+  searchUrlParam: PageParam<string>;
+}
+
+const NonInjectedPageFiltersList = observer(({
+  pageFiltersStore,
+  searchUrlParam,
+  filters: rawFilters,
+}: Dependencies & PageFiltersListProps) => {
+  const filters = rawFilters ?? pageFiltersStore.activeFilters;
+
+  const reset = () => pageFiltersStore.reset();
+  const remove = (filter: Filter) => {
+    pageFiltersStore.removeFilter(filter);
+    searchUrlParam.clear();
+  };
+
+  const renderContent = () => {
+    if (filters.length === 0) {
+      return null;
+    }
+
+    return (
+      <>
+        <div className="header flex gaps">
+          <span>Currently applied filters:</span>
+          <a onClick={reset} className="reset">
+            Reset
+          </a>
+        </div>
+        <div className="labels">
+          {filters.map(filter => {
+            const { value, type } = filter;
+
+            return (
+              <Badge
+                key={`${type}-${value}`}
+                title={type}
+                className={cssNames("Badge flex gaps filter align-center", type)}
+                label={(
+                  <>
+                    <FilterIcon type={type}/>
+                    <span className="value">{value}</span>
+                    <Icon
+                      small
+                      material="close"
+                      onClick={() => remove(filter)}
+                    />
+                  </>
+                )}
+              />
+            );
+          })}
+        </div>
+      </>
+    );
+  };
+
+  return (
+    <div className="PageFiltersList">
+      {renderContent()}
+    </div>
+  );
+});
+
+export const PageFiltersList = withInjectables<Dependencies, PageFiltersListProps>(NonInjectedPageFiltersList, {
+  getProps: (di, props) => ({
+    ...props,
+    pageFiltersStore: di.inject(pageFiltersStoreInjectable),
+    searchUrlParam: di.inject(searchUrlPageParamInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/item-object-list/page-filters/store.injectable.ts b/packages/core/src/renderer/components/item-object-list/page-filters/store.injectable.ts
new file mode 100644
index 0000000000..0d76a30d9b
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/page-filters/store.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 searchUrlPageParamInjectable from "../../input/search-url-page-param.injectable";
+import { PageFiltersStore } from "./store";
+
+const pageFiltersStoreInjectable = getInjectable({
+  id: "page-filters-store",
+  instantiate: (di) => new PageFiltersStore({
+    searchUrlParam: di.inject(searchUrlPageParamInjectable),
+  }),
+});
+
+export default pageFiltersStoreInjectable;
diff --git a/packages/core/src/renderer/components/item-object-list/page-filters/store.ts b/packages/core/src/renderer/components/item-object-list/page-filters/store.ts
new file mode 100644
index 0000000000..d9a088f539
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/page-filters/store.ts
@@ -0,0 +1,115 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { computed, observable, reaction, makeObservable, action } from "mobx";
+import type { PageParam } from "../../../navigation/page-param";
+import { autoBind } from "../../../utils";
+
+export enum FilterType {
+  SEARCH = "search",
+}
+
+export interface Filter {
+  type: FilterType;
+  value: string;
+}
+
+interface Dependencies {
+  readonly searchUrlParam: PageParam<string>;
+}
+
+export class PageFiltersStore {
+  protected filters = observable.array<Filter>([], { deep: false });
+  protected isDisabled = observable.map<FilterType, boolean>();
+
+  @computed get activeFilters() {
+    return this.filters.filter(filter => !this.isDisabled.get(filter.type));
+  }
+
+  constructor(protected readonly dependencies: Dependencies) {
+    makeObservable(this);
+    autoBind(this);
+
+    this.syncWithGlobalSearch();
+  }
+
+  protected syncWithGlobalSearch() {
+    const disposers = [
+      reaction(() => this.getValues(FilterType.SEARCH)[0], search => this.dependencies.searchUrlParam.set(search)),
+      reaction(() => this.dependencies.searchUrlParam.get(), search => {
+        const filter = this.getByType(FilterType.SEARCH);
+
+        if (filter) {
+          this.removeFilter(filter); // search filter might occur once
+        }
+
+        if (search) {
+          this.addFilter({ type: FilterType.SEARCH, value: search }, true);
+        }
+      }, {
+        fireImmediately: true,
+      }),
+    ];
+
+    return () => disposers.forEach(dispose => dispose());
+  }
+
+  @action
+  addFilter(filter: Filter, begin = false) {
+    if (begin) this.filters.unshift(filter);
+    else {
+      this.filters.push(filter);
+    }
+  }
+
+  @action
+  removeFilter(filter: Filter) {
+    if (!this.filters.remove(filter)) {
+      const filterCopy = this.filters.find(f => f.type === filter.type && f.value === filter.value);
+
+      if (filterCopy) this.filters.remove(filterCopy);
+    }
+  }
+
+  getByType(type: FilterType, value?: any): Filter | undefined {
+    return this.filters.find(filter => filter.type === type && (
+      arguments.length > 1 ? filter.value === value : true
+    ));
+  }
+
+  getValues(type: FilterType) {
+    return this.filters
+      .filter(filter => filter.type === type)
+      .map(filter => filter.value);
+  }
+
+  isEnabled(type: FilterType) {
+    return !this.isDisabled.get(type);
+  }
+
+  @action
+  disable(type: FilterType | FilterType[]) {
+    [type].flat().forEach(type => this.isDisabled.set(type, true));
+
+    return () => this.enable(type);
+  }
+
+  @action
+  enable(type: FilterType | FilterType[]) {
+    [type].flat().forEach(type => this.isDisabled.delete(type));
+
+    return () => this.disable(type);
+  }
+
+  @action
+  reset() {
+    if (this.isEnabled(FilterType.SEARCH)) {
+      this.dependencies.searchUrlParam.clear();
+    }
+
+    this.filters.length = 0;
+    this.isDisabled.clear();
+  }
+}
diff --git a/packages/core/src/renderer/components/item-object-list/storage.injectable.ts b/packages/core/src/renderer/components/item-object-list/storage.injectable.ts
new file mode 100644
index 0000000000..bd33b3b8d0
--- /dev/null
+++ b/packages/core/src/renderer/components/item-object-list/storage.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 createStorageInjectable from "../../utils/create-storage/create-storage.injectable";
+
+const itemListLayoutStorageInjectable = getInjectable({
+  id: "item-list-layout-storage",
+
+  instantiate: (di) => {
+    const createStorage = di.inject(createStorageInjectable);
+
+    return createStorage("item_list_layout", {
+      showFilters: false, // setup defaults
+    });
+  },
+});
+
+export default itemListLayoutStorageInjectable;
diff --git a/packages/core/src/renderer/components/kube-detail-params/get-details-url.injectable.ts b/packages/core/src/renderer/components/kube-detail-params/get-details-url.injectable.ts
new file mode 100644
index 0000000000..e11e9e5d05
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-detail-params/get-details-url.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 observableHistoryInjectable from "../../navigation/observable-history.injectable";
+import kubeDetailsUrlParamInjectable from "./kube-details-url.injectable";
+import kubeSelectedUrlParamInjectable from "./kube-selected-url.injectable";
+
+export type GetDetailsUrl = (selfLink: string, resetSelected?: boolean, mergeGlobals?: boolean) => string;
+
+const getDetailsUrlInjectable = getInjectable({
+  id: "get-details-url",
+  instantiate: (di): GetDetailsUrl => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+    const kubeDetailsUrlParam = di.inject(kubeDetailsUrlParamInjectable);
+    const kubeSelectedUrlParam = di.inject(kubeSelectedUrlParamInjectable);
+
+    return (selfLink, resetSelected = false, mergeGlobals = true) => {
+      const params = new URLSearchParams(mergeGlobals ? observableHistory.searchParams : "");
+
+      params.set(kubeDetailsUrlParam.name, selfLink);
+
+      if (resetSelected) {
+        params.delete(kubeSelectedUrlParam.name);
+      } else {
+        params.set(kubeSelectedUrlParam.name, kubeSelectedUrlParam.get());
+      }
+
+      return `?${params}`;
+    };
+  },
+});
+
+export default getDetailsUrlInjectable;
diff --git a/packages/core/src/renderer/components/kube-detail-params/hide-details.injectable.ts b/packages/core/src/renderer/components/kube-detail-params/hide-details.injectable.ts
new file mode 100644
index 0000000000..d1a3637d95
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-detail-params/hide-details.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 showDetailsInjectable from "./show-details.injectable";
+
+export type HideDetails = () => void;
+
+const hideDetailsInjectable = getInjectable({
+  id: "hide-details",
+  instantiate: (di): HideDetails => {
+    const showDetails = di.inject(showDetailsInjectable);
+
+    return () => showDetails("");
+  },
+});
+
+export default hideDetailsInjectable;
diff --git a/packages/core/src/renderer/components/kube-detail-params/kube-details-url.injectable.ts b/packages/core/src/renderer/components/kube-detail-params/kube-details-url.injectable.ts
new file mode 100644
index 0000000000..3a8e29b7af
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-detail-params/kube-details-url.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 createPageParamInjectable from "../../navigation/create-page-param.injectable";
+
+/**
+ * Used to store `object.selfLink` to show more info about resource in the details panel.
+ */
+const kubeDetailsUrlParamInjectable = getInjectable({
+  id: "kube-details-url-param",
+  instantiate: (di) => {
+    const createPageParam = di.inject(createPageParamInjectable);
+
+    return createPageParam({
+      name: "kube-details",
+    });
+  },
+});
+
+export default kubeDetailsUrlParamInjectable;
diff --git a/packages/core/src/renderer/components/kube-detail-params/kube-selected-url.injectable.ts b/packages/core/src/renderer/components/kube-detail-params/kube-selected-url.injectable.ts
new file mode 100644
index 0000000000..e990ef4d72
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-detail-params/kube-selected-url.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 createPageParamInjectable from "../../navigation/create-page-param.injectable";
+import kubeDetailsUrlParamInjectable from "./kube-details-url.injectable";
+
+/**
+ * Used to highlight last active/selected table row with the resource.
+ *
+ * @example
+ * If we go to "Nodes (page) -> Node (details) -> Pod (details)",
+ * last clicked Node should be "active" while Pod details are shown).
+ */
+const kubeSelectedUrlParamInjectable = getInjectable({
+  id: "kube-selected-url-param",
+  instantiate: (di) => {
+    const createPageParam = di.inject(createPageParamInjectable);
+    const kubeDetailsUrlParam = di.inject(kubeDetailsUrlParamInjectable);
+
+    return createPageParam({
+      name: "kube-selected",
+      get defaultValue() {
+        return kubeDetailsUrlParam.get();
+      },
+    });
+  },
+});
+
+export default kubeSelectedUrlParamInjectable;
diff --git a/packages/core/src/renderer/components/kube-detail-params/show-details.injectable.ts b/packages/core/src/renderer/components/kube-detail-params/show-details.injectable.ts
new file mode 100644
index 0000000000..c91198fd78
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-detail-params/show-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 observableHistoryInjectable from "../../navigation/observable-history.injectable";
+import getDetailsUrlInjectable from "./get-details-url.injectable";
+
+/**
+ * @param selfLink The Kube selflink to show details for
+ * @param resetSelected If true then will reset the selected kube object (which object is highlighted generally)
+ * @default resetSelected true
+ */
+export type ShowDetails = (selfLink: string | undefined, resetSelected?: boolean) => void;
+
+const showDetailsInjectable = getInjectable({
+  id: "show-details",
+  instantiate: (di): ShowDetails => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+    const getDetailsUrl = di.inject(getDetailsUrlInjectable);
+
+    return (selfLink = "", resetSelected = true) => {
+      observableHistory.merge({
+        search: getDetailsUrl(selfLink, resetSelected),
+      });
+    };
+  },
+});
+
+export default showDetailsInjectable;
diff --git a/packages/core/src/renderer/components/kube-detail-params/toggle-details.injectable.ts b/packages/core/src/renderer/components/kube-detail-params/toggle-details.injectable.ts
new file mode 100644
index 0000000000..db19799aef
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-detail-params/toggle-details.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 hideDetailsInjectable from "./hide-details.injectable";
+import kubeSelectedUrlParamInjectable from "./kube-selected-url.injectable";
+import showDetailsInjectable from "./show-details.injectable";
+
+export interface ToggleKubeDetailsPane {
+  /**
+   * @param selfLink The selfLink of the kube object to toggle the details panal of
+   * @param resetSelected If true then the selected kube object (for the current list view) will be reset
+   * @default resetSelected true
+   */
+  (selfLink: string, resetSelected?: boolean): void;
+  /**
+   * @deprecated Future versions will not support passing in `selfLink` that is `undefined`
+   */
+  (selfLink: string | undefined, resetSelected?: boolean): void;
+}
+
+const toggleKubeDetailsPaneInjectable = getInjectable({
+  id: "toggle-kube-details-pane",
+  instantiate: (di): ToggleKubeDetailsPane => {
+    const showDetails = di.inject(showDetailsInjectable);
+    const hideDetails = di.inject(hideDetailsInjectable);
+    const kubeSelectedUrlParam = di.inject(kubeSelectedUrlParamInjectable);
+
+    return (selfLink, resetSelected = true) => {
+      const current = kubeSelectedUrlParam.get() === selfLink;
+
+      if (current || !selfLink) {
+        hideDetails();
+      } else {
+        showDetails(selfLink, resetSelected);
+      }
+    };
+  },
+});
+
+export default toggleKubeDetailsPaneInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/current-kube-object-in-details.injectable.ts b/packages/core/src/renderer/components/kube-object-details/current-kube-object-in-details.injectable.ts
new file mode 100644
index 0000000000..a68e1672b0
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/current-kube-object-in-details.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 { getInjectable } from "@ogre-tools/injectable";
+import kubeDetailsUrlParamInjectable from "../kube-detail-params/kube-details-url.injectable";
+import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+
+export type CurrentKubeObject =
+  | undefined
+  | { object: KubeObject; error?: undefined }
+  | { object?: undefined; error: string };
+
+const currentKubeObjectInDetailsInjectable = getInjectable({
+  id: "current-kube-object-in-details",
+
+  instantiate: (di) => {
+    const urlParam = di.inject(kubeDetailsUrlParamInjectable);
+    const apiManager = di.inject(apiManagerInjectable);
+
+    return asyncComputed({
+      getValueFromObservedPromise: async (): Promise<CurrentKubeObject> => {
+        const path = urlParam.get();
+        const store = apiManager.getStore(path);
+
+        if (!store) {
+          return undefined;
+        }
+
+        try {
+          const object = await store.loadFromPath(path);
+
+          return { object };
+        } catch (error) {
+          return { error: String(error) };
+        }
+      },
+    });
+  },
+});
+
+export default currentKubeObjectInDetailsInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/custom-resource-detail-item.injectable.tsx b/packages/core/src/renderer/components/kube-object-details/custom-resource-detail-item.injectable.tsx
new file mode 100644
index 0000000000..62b469d5de
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/custom-resource-detail-item.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import React from "react";
+import { CustomResourceDetails } from "../+custom-resources";
+import customResourceDefinitionStoreInjectable from "../+custom-resources/definition.store.injectable";
+import currentKubeObjectInDetailsInjectable from "./current-kube-object-in-details.injectable";
+import { kubeObjectDetailItemInjectionToken } from "./kube-object-detail-items/kube-object-detail-item-injection-token";
+
+const customResourceDetailItemInjectable = getInjectable({
+  id: "custom-resource-detail-item",
+  instantiate: (di) => {
+    const customResourceDefinitionStore = di.inject(customResourceDefinitionStoreInjectable);
+    const currentKubeObjectInDetails = di.inject(currentKubeObjectInDetailsInjectable);
+    const currentCustomResourceDefinition = computed(() => {
+      const { object } = currentKubeObjectInDetails.value.get() ?? {};
+
+      if (!object) {
+        return undefined;
+      }
+
+      return customResourceDefinitionStore.getByObject(object);
+    });
+
+    return {
+      Component: ({ object }) => <CustomResourceDetails object={object} crd={currentCustomResourceDefinition.get()} />,
+      enabled: computed(() => Boolean(currentCustomResourceDefinition.get())),
+      orderNumber: 100,
+    };
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default customResourceDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/default-kube-meta-details-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/default-kube-meta-details-item.injectable.ts
new file mode 100644
index 0000000000..03e413c28d
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/default-kube-meta-details-item.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 { KubeObjectMeta } from "../kube-object-meta";
+import { kubeObjectDetailItemInjectionToken } from "./kube-object-detail-items/kube-object-detail-item-injection-token";
+
+const defaultKubeObjectMetaDetailsItemInjectable = getInjectable({
+  id: "default-kube-object-meta-details-item",
+  instantiate: () => ({
+    Component: KubeObjectMeta,
+    enabled: computed(() => true),
+    orderNumber: 0,
+  }),
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default defaultKubeObjectMetaDetailsItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/index.ts b/packages/core/src/renderer/components/kube-object-details/index.ts
new file mode 100644
index 0000000000..eb27ea313a
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./kube-object-details";
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-binding-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-binding-detail-item.injectable.ts
new file mode 100644
index 0000000000..eba49112c1
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default clusterRoleBindingDetailItemInjectable;
+
+export const isClusterRoleBinding = kubeObjectMatchesToKindAndApiVersion(
+  "ClusterRoleBinding",
+  ["rbac.authorization.k8s.io/v1"],
+);
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-detail-item.injectable.ts
new file mode 100644
index 0000000000..dff631a1d9
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default clusterRoleDetailItemInjectable;
+
+export const isClusterRole = kubeObjectMatchesToKindAndApiVersion(
+  "ClusterRole",
+  ["rbac.authorization.k8s.io/v1"],
+);
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/config-map-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/config-map-detail-item.injectable.ts
new file mode 100644
index 0000000000..111aa1f3a1
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default configMapDetailItemInjectable;
+
+const isConfigMap = kubeObjectMatchesToKindAndApiVersion("ConfigMap", ["v1"]);
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cron-job-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cron-job-detail-item.injectable.ts
new file mode 100644
index 0000000000..350dafcb64
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default cronJobDetailItemInjectable;
+
+export const isCronJob = kubeObjectMatchesToKindAndApiVersion("CronJob", [
+  "batch/v1beta1",
+]);
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/custom-resource-definitions-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/custom-resource-definitions-detail-item.injectable.ts
new file mode 100644
index 0000000000..432978cc13
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default customResourceDefinitionsDetailItemInjectable;
+
+const isCustomResourceDefinition = kubeObjectMatchesToKindAndApiVersion(
+  "CustomResourceDefinition",
+  ["apiextensions.k8s.io/v1", "apiextensions.k8s.io/v1beta1"],
+);
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/daemon-set-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/daemon-set-detail-item.injectable.ts
new file mode 100644
index 0000000000..4845dd3a46
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default daemonSetDetailItemInjectable;
+
+export const isDaemonSet = kubeObjectMatchesToKindAndApiVersion("DaemonSet", [
+  "apps/v1",
+]);
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/deployment-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/deployment-detail-item.injectable.ts
new file mode 100644
index 0000000000..8100b27c9e
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isDeployment = kubeObjectMatchesToKindAndApiVersion("Deployment", [
+  "apps/v1",
+]);
+
+export default deploymentDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/endpoints-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/endpoints-detail-item.injectable.ts
new file mode 100644
index 0000000000..be7a3de219
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isEndpoint = kubeObjectMatchesToKindAndApiVersion("Endpoints", [
+  "v1",
+]);
+
+export default endpointsDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/events-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/events-detail-item.injectable.ts
new file mode 100644
index 0000000000..fbb792ae38
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isEvent = kubeObjectMatchesToKindAndApiVersion("Event", ["v1"]);
+
+export default eventsDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/horizontal-pod-autoscaler-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/horizontal-pod-autoscaler-detail-item.injectable.ts
new file mode 100644
index 0000000000..66dbebe7c5
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isHorizontalPodAutoscaler = kubeObjectMatchesToKindAndApiVersion(
+  "HorizontalPodAutoscaler",
+  ["autoscaling/v2beta1"],
+);
+
+export default horizontalPodAutoscalerDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/ingress-class-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/ingress-class-detail-item.injectable.ts
new file mode 100644
index 0000000000..4118c352e1
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/ingress-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 { IngressClassDetails } from "../../../+network-ingresses";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const ingressClassDetailItemInjectable = getInjectable({
+  id: "ingress-class-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: IngressClassDetails,
+      enabled: computed(() => isIngressClass(kubeObject.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isIngressClass = kubeObjectMatchesToKindAndApiVersion("IngressClass", [
+  "networking.k8s.io/v1",
+  "extensions/v1beta1",
+]);
+
+export default ingressClassDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/ingress-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/ingress-detail-item.injectable.ts
new file mode 100644
index 0000000000..77fa5ec86b
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isIngress = kubeObjectMatchesToKindAndApiVersion("Ingress", [
+  "networking.k8s.io/v1",
+  "extensions/v1beta1",
+]);
+
+export default ingressDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/job-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/job-detail-item.injectable.ts
new file mode 100644
index 0000000000..1d5d7642ca
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isJob = kubeObjectMatchesToKindAndApiVersion("Job", ["batch/v1"]);
+
+export default jobDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/kube-event-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/kube-event-detail-item.injectable.ts
new file mode 100644
index 0000000000..f0d20862e8
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/kube-event-detail-item.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 { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { KubeEventDetails } from "../../../+events/kube-event-details";
+
+const kubeEventDetailItemInjectable = getInjectable({
+  id: "kube-event-detail-item",
+
+  instantiate: () => ({
+    Component: KubeEventDetails,
+    enabled: computed(() => true),
+    orderNumber: Infinity,
+  }),
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default kubeEventDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/lease-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/lease-detail-item.injectable.ts
new file mode 100644
index 0000000000..2bb7153028
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/lease-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 { LeaseDetails } from "../../../+config-leases";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const leaseDetailItemInjectable = getInjectable({
+  id: "lease-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: LeaseDetails,
+      enabled: computed(() => isLease(kubeObject.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isLease = kubeObjectMatchesToKindAndApiVersion(
+  "Lease",
+  ["coordination.k8s.io/v1"],
+);
+
+export default leaseDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/limit-range-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/limit-range-detail-item.injectable.ts
new file mode 100644
index 0000000000..f264ba32cf
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isLimitRange = kubeObjectMatchesToKindAndApiVersion("LimitRange", ["v1"]);
+
+export default limitRangeDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/namespaces-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/namespaces-detail-item.injectable.ts
new file mode 100644
index 0000000000..4a7b13c6d1
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isNamespace = kubeObjectMatchesToKindAndApiVersion("Namespace", ["v1"]);
+
+export default namespacesDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/network-policy-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/network-policy-detail-item.injectable.ts
new file mode 100644
index 0000000000..53b6d57355
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isNetworkPolicy = kubeObjectMatchesToKindAndApiVersion(
+  "NetworkPolicy",
+  ["networking.k8s.io/v1"],
+);
+
+export default networkPolicyDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/node-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/node-detail-item.injectable.ts
new file mode 100644
index 0000000000..4ed6f66d7e
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isNode = kubeObjectMatchesToKindAndApiVersion("Node", ["v1"]);
+
+export default nodeDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-claim-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-claim-detail-item.injectable.ts
new file mode 100644
index 0000000000..18c489a6d9
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isPersistentVolumeClaim = kubeObjectMatchesToKindAndApiVersion(
+  "PersistentVolumeClaim",
+  ["v1"],
+);
+
+export default persistentVolumeClaimDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-detail-item.injectable.ts
new file mode 100644
index 0000000000..536380a9a0
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isPersistentVolume = kubeObjectMatchesToKindAndApiVersion(
+  "PersistentVolume",
+  ["v1"],
+);
+
+export default persistentVolumeDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-detail-item.injectable.ts
new file mode 100644
index 0000000000..c75f35217d
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isPod = kubeObjectMatchesToKindAndApiVersion("Pod", ["v1"]);
+
+export default podDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-disruption-budget-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-disruption-budget-detail-item.injectable.ts
new file mode 100644
index 0000000000..c35e2f6d15
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isPodDisruptionBudget = kubeObjectMatchesToKindAndApiVersion(
+  "PodDisruptionBudget",
+  ["policy/v1beta1"],
+);
+
+export default podDisruptionBudgetDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-security-policy-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-security-policy-detail-item.injectable.ts
new file mode 100644
index 0000000000..54cd7691c9
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isPodSecurityPolicy = kubeObjectMatchesToKindAndApiVersion(
+  "PodSecurityPolicy",
+  ["policy/v1beta1"],
+);
+
+export default podSecurityPolicyDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/priority-class-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/priority-class-detail-item.injectable.ts
new file mode 100644
index 0000000000..803c0655b6
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isPriorityClass = kubeObjectMatchesToKindAndApiVersion(
+  "PriorityClass",
+  ["scheduling.k8s.io/v1"],
+);
+
+export default priorityClassDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/replica-set-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/replica-set-detail-item.injectable.ts
new file mode 100644
index 0000000000..e10d57fb11
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isReplicaSet = kubeObjectMatchesToKindAndApiVersion("ReplicaSet", [
+  "apps/v1",
+]);
+
+export default replicaSetDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/resource-quota-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/resource-quota-detail-item.injectable.ts
new file mode 100644
index 0000000000..eae2f0c48f
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isResourceQuota = kubeObjectMatchesToKindAndApiVersion("ResourceQuota", [
+  "v1",
+]);
+
+export default resourceQuotaDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-binding-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-binding-detail-item.injectable.ts
new file mode 100644
index 0000000000..ae83190b61
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isRoleBinding = kubeObjectMatchesToKindAndApiVersion(
+  "RoleBinding",
+  ["rbac.authorization.k8s.io/v1"],
+);
+
+export default roleBindingDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-detail-item.injectable.ts
new file mode 100644
index 0000000000..77781640c5
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isRole = kubeObjectMatchesToKindAndApiVersion("Role", [
+  "rbac.authorization.k8s.io/v1",
+]);
+
+export default roleDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/runtime-class-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/runtime-class-detail-item.injectable.ts
new file mode 100644
index 0000000000..a06949094b
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/runtime-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 { RuntimeClassesDetails } from "../../../+config-runtime-classes";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const runtimeClassDetailItemInjectable = getInjectable({
+  id: "runtime-class-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: RuntimeClassesDetails,
+      enabled: computed(() => isRuntimeClass(kubeObject.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isRuntimeClass = kubeObjectMatchesToKindAndApiVersion(
+  "RuntimeClass",
+  ["node.k8s.io/v1"],
+);
+
+export default runtimeClassDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/secrets-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/secrets-detail-item.injectable.ts
new file mode 100644
index 0000000000..5645b40f0b
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isSecret = kubeObjectMatchesToKindAndApiVersion("Secret", ["v1"]);
+
+export default secretsDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-account-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-account-detail-item.injectable.ts
new file mode 100644
index 0000000000..77aa073c8f
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isServiceAccount = kubeObjectMatchesToKindAndApiVersion(
+  "ServiceAccount",
+  ["v1"],
+);
+
+export default serviceAccountDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-detail-item.injectable.ts
new file mode 100644
index 0000000000..108da710a9
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isService = kubeObjectMatchesToKindAndApiVersion("Service", [
+  "v1",
+]);
+
+export default serviceDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/stateful-set-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/stateful-set-detail-item.injectable.ts
new file mode 100644
index 0000000000..35970e5697
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isStatefulSet = kubeObjectMatchesToKindAndApiVersion(
+  "StatefulSet",
+  ["apps/v1"],
+);
+
+export default statefulSetDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/storage-class-detail-item.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/storage-class-detail-item.injectable.ts
new file mode 100644
index 0000000000..bc0c71ec5b
--- /dev/null
+++ b/packages/core/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.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isStorageClass = kubeObjectMatchesToKindAndApiVersion(
+  "StorageClass",
+  ["storage.k8s.io/v1"],
+);
+
+export default storageClassDetailItemInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-item-registrator.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-item-registrator.injectable.ts
new file mode 100644
index 0000000000..45b37d2ca1
--- /dev/null
+++ b/packages/core/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.value.get()?.object)) {
+                  return false;
+                }
+
+                return registration.visible ? registration.visible.get() : true;
+              }),
+
+              orderNumber: 300 - (registration.priority || 50),
+            };
+          },
+
+          injectionToken: kubeObjectDetailItemInjectionToken,
+        });
+      });
+    };
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default kubeObjectDetailItemRegistratorInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-items.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-items.injectable.ts
new file mode 100644
index 0000000000..4d312eb30b
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-items.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 { computed } from "mobx";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { kubeObjectDetailItemInjectionToken } from "./kube-object-detail-item-injection-token";
+import { byValue } from "../../../../common/utils/sort-function";
+
+const kubeObjectDetailItemsInjectable = getInjectable({
+  id: "kube-object-detail-items",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const items = computedInjectMany(kubeObjectDetailItemInjectionToken);
+
+    return computed(() => (
+      items.get()
+        .filter(item => item.enabled.get())
+        .sort(byValue(item => item.orderNumber))
+        .map(item => item.Component)
+    ));
+  },
+});
+
+export default kubeObjectDetailItemsInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-matches-to-kind-and-api-version.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/kube-object-details/kube-object-detail-registration.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-detail-registration.ts
new file mode 100644
index 0000000000..c755630a80
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/kube-object-details/kube-object-details-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/kube-object-details/kube-object-details-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..1fcd929325
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/kube-object-details-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 { 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,
+});
+
+export default kubeObjectDetailsClusterFrameChildComponentInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-details.scss b/packages/core/src/renderer/components/kube-object-details/kube-object-details.scss
new file mode 100644
index 0000000000..678652a244
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/kube-object-details.scss
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.KubeObjectDetails {
+  z-index: $zIndex-drawer + 1 !important;
+
+  .drawer-title {
+    .Menu {
+      border: none;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/kube-object-details/kube-object-details.tsx b/packages/core/src/renderer/components/kube-object-details/kube-object-details.tsx
new file mode 100644
index 0000000000..26f9ab7568
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-details/kube-object-details.tsx
@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./kube-object-details.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { IComputedValue } from "mobx";
+import { Drawer } from "../drawer";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import { Spinner } from "../spinner";
+import { KubeObjectMenu } from "../kube-object-menu";
+import type { HideDetails } from "../kube-detail-params/hide-details.injectable";
+import type { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import hideDetailsInjectable from "../kube-detail-params/hide-details.injectable";
+import kubeObjectDetailItemsInjectable from "./kube-object-detail-items/kube-object-detail-items.injectable";
+import type { CurrentKubeObject } from "./current-kube-object-in-details.injectable";
+import currentKubeObjectInDetailsInjectable from "./current-kube-object-in-details.injectable";
+
+export interface KubeObjectDetailsProps<Kube extends KubeObject = KubeObject> {
+  className?: string;
+  object: Kube;
+}
+
+interface Dependencies {
+  detailComponents: IComputedValue<React.ElementType[]>;
+  kubeObject: IAsyncComputed<CurrentKubeObject>;
+  hideDetails: HideDetails;
+}
+
+const NonInjectedKubeObjectDetails = observer((props: Dependencies) => {
+  const {
+    detailComponents,
+    hideDetails,
+    kubeObject,
+  } = props;
+
+  const currentKubeObject = kubeObject.value.get();
+  const isLoading = kubeObject.pending.get();
+
+  return (
+    <Drawer
+      className="KubeObjectDetails flex column"
+      open={Boolean(isLoading || currentKubeObject)}
+      title={(
+        currentKubeObject?.object
+          ? `${currentKubeObject.object.kind}: ${currentKubeObject.object.getName()}`
+          : ""
+      )}
+      toolbar={currentKubeObject?.object && <KubeObjectMenu object={currentKubeObject.object} toolbar={true}/>}
+      onClose={hideDetails}
+    >
+      {isLoading && <Spinner center/>}
+      {currentKubeObject?.error && (
+        <div className="box center">
+          Resource loading has failed:
+          <b>{currentKubeObject.error}</b>
+        </div>
+      )}
+      {currentKubeObject?.object && (
+        <>
+          {
+            detailComponents.get()
+              .map((Component, index) => <Component key={index} object={currentKubeObject.object} />)
+          }
+        </>
+      )}
+    </Drawer>
+  );
+});
+
+export const KubeObjectDetails = withInjectables<Dependencies>(NonInjectedKubeObjectDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    hideDetails: di.inject(hideDetailsInjectable),
+    detailComponents: di.inject(kubeObjectDetailItemsInjectable),
+    kubeObject: di.inject(currentKubeObjectInDetailsInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/kube-object-list-layout/index.ts b/packages/core/src/renderer/components/kube-object-list-layout/index.ts
new file mode 100644
index 0000000000..70dae0f7d2
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-list-layout/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./kube-object-list-layout";
diff --git a/packages/core/src/renderer/components/kube-object-list-layout/kube-object-list-layout.scss b/packages/core/src/renderer/components/kube-object-list-layout/kube-object-list-layout.scss
new file mode 100644
index 0000000000..574e021b3a
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-list-layout/kube-object-list-layout.scss
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.KubeObjectListLayout {
+  .Icon.load-error {
+    color: var(--colorWarning);
+    float: right;
+  }
+}
diff --git a/packages/core/src/renderer/components/kube-object-list-layout/kube-object-list-layout.tsx b/packages/core/src/renderer/components/kube-object-list-layout/kube-object-list-layout.tsx
new file mode 100644
index 0000000000..463bb8dd35
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-list-layout/kube-object-list-layout.tsx
@@ -0,0 +1,189 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./kube-object-list-layout.scss";
+
+import React from "react";
+import { computed, observable, reaction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import type { Disposer } from "../../utils";
+import { cssNames, isDefined } from "../../utils";
+import type { KubeJsonApiDataFor, KubeObject } from "../../../common/k8s-api/kube-object";
+import type { ItemListLayoutProps } from "../item-object-list/list-layout";
+import { ItemListLayout } from "../item-object-list/list-layout";
+import type { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import { KubeObjectMenu } from "../kube-object-menu";
+import { NamespaceSelectFilter } from "../+namespaces/namespace-select-filter";
+import { ResourceKindMap, ResourceNames } from "../../utils/rbac";
+import { Icon } from "../icon";
+import { TooltipPosition } from "../tooltip";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import clusterFrameContextForNamespacedResourcesInjectable from "../../cluster-frame-context/for-namespaced-resources.injectable";
+import type { SubscribableStore, SubscribeStores } from "../../kube-watch-api/kube-watch-api";
+import type { KubeApi } from "../../../common/k8s-api/kube-api";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import type { PageParam } from "../../navigation/page-param";
+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 { ClusterContext } from "../../cluster-frame-context/cluster-frame-context";
+
+export interface KubeObjectListLayoutProps<
+  K extends KubeObject,
+  A extends KubeApi<K, D>,
+  D extends KubeJsonApiDataFor<K>,
+> extends Omit<ItemListLayoutProps<K, false>, "getItems" | "dependentStores" | "preloadStores"> {
+  items?: K[];
+  getItems?: () => K[];
+  store: KubeObjectStore<K, A, D>;
+  dependentStores?: SubscribableStore[];
+  subscribeStores?: boolean;
+}
+
+interface Dependencies {
+  clusterFrameContext: ClusterContext;
+  subscribeToStores: SubscribeStores;
+  kubeSelectedUrlParam: PageParam<string>;
+  toggleKubeDetailsPane: ToggleKubeDetailsPane;
+}
+
+const getLoadErrorMessage = (error: unknown): string => {
+  if (error instanceof Error) {
+    if (error.cause) {
+      return `${error.message}: ${getLoadErrorMessage(error.cause)}`;
+    }
+
+    return error.message;
+  }
+
+  return `${error}`;
+};
+
+@observer
+class NonInjectedKubeObjectListLayout<
+  K extends KubeObject,
+  A extends KubeApi<K, D>,
+  D extends KubeJsonApiDataFor<K>,
+> extends React.Component<KubeObjectListLayoutProps<K, A, D> & Dependencies> {
+  static defaultProps = {
+    subscribeStores: true,
+  };
+
+  private readonly loadErrors = observable.array<string>();
+
+  @computed get selectedItem() {
+    return this.props.store.getByPath(this.props.kubeSelectedUrlParam.get());
+  }
+
+  componentDidMount() {
+    const { store, dependentStores = [], subscribeStores } = this.props;
+    const stores = Array.from(new Set([store, ...dependentStores]));
+    const reactions: Disposer[] = [
+      reaction(() => this.props.clusterFrameContext.contextNamespaces.slice(), () => {
+        // clear load errors
+        this.loadErrors.length = 0;
+      }),
+    ];
+
+    if (subscribeStores) {
+      reactions.push(
+        this.props.subscribeToStores(stores, {
+          onLoadFailure: error => {
+            this.loadErrors.push(getLoadErrorMessage(error));
+          },
+        }),
+      );
+    }
+
+    disposeOnUnmount(this, reactions);
+  }
+
+  renderLoadErrors() {
+    if (this.loadErrors.length === 0) {
+      return null;
+    }
+
+    return (
+      <Icon
+        material="warning"
+        className="load-error"
+        tooltip={{
+          children: (
+            <>
+              {this.loadErrors.map((error, index) => <p key={index}>{error}</p>)}
+            </>
+          ),
+          preferredPositions: TooltipPosition.BOTTOM,
+        }}
+      />
+    );
+  }
+
+  render() {
+    const {
+      className,
+      customizeHeader,
+      store,
+      items,
+      dependentStores,
+      toggleKubeDetailsPane: toggleDetails,
+      onDetails,
+      ...layoutProps
+    } = this.props;
+    const placeholderString = ResourceNames[ResourceKindMap[store.api.kind]] || store.api.kind;
+
+    return (
+      <ItemListLayout<K, false>
+        className={cssNames("KubeObjectListLayout", className)}
+        store={store}
+        getItems={() => this.props.items || store.contextItems}
+        preloadStores={false} // loading handled in kubeWatchApi.subscribeStores()
+        detailsItem={this.selectedItem}
+        customizeHeader={[
+          ({ filters, searchProps, info, ...headerPlaceHolders }) => ({
+            filters: (
+              <>
+                {filters}
+                {store.api.isNamespaced && <NamespaceSelectFilter id="kube-object-list-layout-namespace-select-input" />}
+              </>
+            ),
+            searchProps: {
+              ...searchProps,
+              placeholder: `Search ${placeholderString}...`,
+            },
+            info: (
+              <>
+                {info}
+                {this.renderLoadErrors()}
+              </>
+            ),
+            ...headerPlaceHolders,
+          }),
+          ...[customizeHeader].filter(isDefined).flat(),
+        ]}
+        renderItemMenu={item => <KubeObjectMenu object={item} />}
+        onDetails={onDetails ?? ((item) => toggleDetails(item.selfLink))}
+        {...layoutProps}
+      />
+    );
+  }
+}
+
+export const KubeObjectListLayout = withInjectables<
+  Dependencies,
+  KubeObjectListLayoutProps<KubeObject, KubeApi<KubeObject, KubeJsonApiDataFor<KubeObject>>, KubeJsonApiDataFor<KubeObject>>
+>(NonInjectedKubeObjectListLayout, {
+  getProps: (di, props) => ({
+    ...props,
+    clusterFrameContext: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+    subscribeToStores: di.inject(subscribeStoresInjectable),
+    kubeSelectedUrlParam: di.inject(kubeSelectedUrlParamInjectable),
+    toggleKubeDetailsPane: di.inject(toggleKubeDetailsPaneInjectable),
+  }),
+}) as <
+  K extends KubeObject,
+  A extends KubeApi<K, D>,
+  D extends KubeJsonApiDataFor<K> = KubeJsonApiDataFor<K>,
+>(props: KubeObjectListLayoutProps<K, A, D>) => React.ReactElement;
diff --git a/packages/core/src/renderer/components/kube-object-menu/__snapshots__/kube-object-menu.test.tsx.snap b/packages/core/src/renderer/components/kube-object-menu/__snapshots__/kube-object-menu.test.tsx.snap
new file mode 100644
index 0000000000..d4714c2b3c
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/__snapshots__/kube-object-menu.test.tsx.snap
@@ -0,0 +1,470 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`kube-object-menu given kube object renders 1`] = `
+<body>
+  <div>
+    <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
+        </li>
+        <li
+          class="MenuItem"
+          data-testid="menu-action-delete"
+          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>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`kube-object-menu given kube object when removing kube object renders 1`] = `
+<body>
+  <div>
+    <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
+        </li>
+        <li
+          class="MenuItem"
+          data-testid="menu-action-delete"
+          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>
+    </div>
+  </div>
+  <div
+    class="Dialog flex center ConfirmDialog modal"
+    data-testid="confirmation-dialog"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="confirm-content"
+      >
+        <i
+          class="Icon material focusable big"
+        >
+          <span
+            class="icon"
+            data-icon-name="warning"
+          >
+            warning
+          </span>
+        </i>
+         
+        <p>
+          Remove some-kind 
+          <b>
+            some-namespace/some-name
+          </b>
+           from 
+          <b>
+            Some name
+          </b>
+          ?
+        </p>
+      </div>
+      <div
+        class="confirm-buttons"
+      >
+        <button
+          class="Button cancel plain"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="Button ok primary"
+          data-testid="confirm"
+          data-waiting="false"
+          type="button"
+        >
+          Remove
+        </button>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`kube-object-menu given kube object when rerendered with different kube object renders 1`] = `
+<body>
+  <div>
+    <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"
+          data-testid="menu-action-delete"
+          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>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`kube-object-menu given kube object when rerendered with different kube object when removing new kube object renders 1`] = `
+<body>
+  <div>
+    <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"
+          data-testid="menu-action-delete"
+          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>
+    </div>
+  </div>
+  <div
+    class="Dialog flex center ConfirmDialog modal"
+    data-testid="confirmation-dialog"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="confirm-content"
+      >
+        <i
+          class="Icon material focusable big"
+        >
+          <span
+            class="icon"
+            data-icon-name="warning"
+          >
+            warning
+          </span>
+        </i>
+         
+        <p>
+          Remove some-other-kind 
+          <b>
+            some-other-namespace/some-other-name
+          </b>
+           from 
+          <b>
+            Some name
+          </b>
+          ?
+        </p>
+      </div>
+      <div
+        class="confirm-buttons"
+      >
+        <button
+          class="Button cancel plain"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="Button ok primary"
+          data-testid="confirm"
+          data-waiting="false"
+          type="button"
+        >
+          Remove
+        </button>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`kube-object-menu given kube object with namespace when removing kube object, renders confirmation dialog with namespace 1`] = `
+<body>
+  <div>
+    <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
+        </li>
+        <li
+          class="MenuItem"
+          data-testid="menu-action-delete"
+          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>
+    </div>
+  </div>
+  <div
+    class="Dialog flex center ConfirmDialog modal"
+    data-testid="confirmation-dialog"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="confirm-content"
+      >
+        <i
+          class="Icon material focusable big"
+        >
+          <span
+            class="icon"
+            data-icon-name="warning"
+          >
+            warning
+          </span>
+        </i>
+         
+        <p>
+          Remove some-kind 
+          <b>
+            some-namespace/some-name
+          </b>
+           from 
+          <b>
+            Some name
+          </b>
+          ?
+        </p>
+      </div>
+      <div
+        class="confirm-buttons"
+      >
+        <button
+          class="Button cancel plain"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="Button ok primary"
+          data-testid="confirm"
+          data-waiting="false"
+          type="button"
+        >
+          Remove
+        </button>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`kube-object-menu given kube object without namespace when removing kube object, renders confirmation dialog without namespace 1`] = `
+<body>
+  <div>
+    <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
+        </li>
+        <li
+          class="MenuItem"
+          data-testid="menu-action-delete"
+          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>
+    </div>
+  </div>
+  <div
+    class="Dialog flex center ConfirmDialog modal"
+    data-testid="confirmation-dialog"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="confirm-content"
+      >
+        <i
+          class="Icon material focusable big"
+        >
+          <span
+            class="icon"
+            data-icon-name="warning"
+          >
+            warning
+          </span>
+        </i>
+         
+        <p>
+          Remove some-kind 
+          <b>
+            some-name
+          </b>
+           from 
+          <b>
+            Some name
+          </b>
+          ?
+        </p>
+      </div>
+      <div
+        class="confirm-buttons"
+      >
+        <button
+          class="Button cancel plain"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="Button ok primary"
+          data-testid="confirm"
+          data-waiting="false"
+          type="button"
+        >
+          Remove
+        </button>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`kube-object-menu given no kube object, renders 1`] = `
+<body>
+  <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/packages/core/src/renderer/components/kube-object-menu/dependencies/cluster-name.injectable.ts b/packages/core/src/renderer/components/kube-object-menu/dependencies/cluster-name.injectable.ts
new file mode 100644
index 0000000000..ad7c5c0e80
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/dependencies/cluster-name.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, lifecycleEnum } from "@ogre-tools/injectable";
+import clusterInjectable from "./cluster.injectable";
+
+const clusterNameInjectable = getInjectable({
+  id: "cluster-name",
+
+  instantiate: (di) => {
+    const cluster = di.inject(clusterInjectable);
+
+    return cluster?.name;
+  },
+
+  lifecycle: lifecycleEnum.transient,
+});
+
+export default clusterNameInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-menu/dependencies/cluster.injectable.ts b/packages/core/src/renderer/components/kube-object-menu/dependencies/cluster.injectable.ts
new file mode 100644
index 0000000000..5a2fb7c086
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/dependencies/cluster.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, lifecycleEnum } from "@ogre-tools/injectable";
+import getActiveClusterEntityInjectable from "../../../api/catalog/entity/get-active-cluster-entity.injectable";
+
+const clusterInjectable = getInjectable({
+  id: "cluster",
+  instantiate: (di) => {
+    const getActiveClusterEntity = di.inject(getActiveClusterEntityInjectable);
+
+    return getActiveClusterEntity();
+  },
+  lifecycle: lifecycleEnum.transient,
+});
+
+export default clusterInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-menu/index.ts b/packages/core/src/renderer/components/kube-object-menu/index.ts
new file mode 100644
index 0000000000..1426320c28
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/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 type { KubeObjectMenuProps } from "./kube-object-menu";
+export { KubeObjectMenu } from "./kube-object-menu";
diff --git a/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-item-injection-token.ts b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-item-injection-token.ts
new file mode 100644
index 0000000000..a3ec5dba4b
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-item-registrator.injectable.ts b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-item-registrator.injectable.ts
new file mode 100644
index 0000000000..e5df278afc
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items.injectable.ts b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items.injectable.ts
new file mode 100644
index 0000000000..796a805dfd
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/cron-job-menu.injectable.ts b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/cron-job-menu.injectable.ts
new file mode 100644
index 0000000000..10113dee76
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/cron-job-menu.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 { 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",
+      "batch/v1",
+    ],
+    Component: CronJobMenu as KubeObjectMenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 20,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+export default cronJobMenuInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/daemonset-menu.injectable.ts b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/daemonset-menu.injectable.ts
new file mode 100644
index 0000000000..a2607bd783
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/daemonset-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 { DaemonSetMenu } from "../../+workloads-daemonsets/daemonset-menu";
+
+const daemonsetMenuInjectable = getInjectable({
+  id: "daemonset-menu-kube-object-menu",
+
+  instantiate: () => ({
+    kind: "DaemonSet",
+    apiVersions: ["apps/v1"],
+    Component: DaemonSetMenu as KubeObjectMenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 30,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+export default daemonsetMenuInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/deployment-menu.injectable.ts b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/deployment-menu.injectable.ts
new file mode 100644
index 0000000000..9791b2f20a
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/replica-set-menu.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/service-account-menu.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/statefulset-menu.injectable.ts b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/statefulset-menu.injectable.ts
new file mode 100644
index 0000000000..c4376f81fb
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-items/statefulset-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 { StatefulSetMenu } from "../../+workloads-statefulsets/statefulset-menu";
+
+const statefulsetMenuInjectable = getInjectable({
+  id: "statefulset-menu-kube-object-menu",
+
+  instantiate: () => ({
+    kind: "StatefulSet",
+    apiVersions: ["apps/v1"],
+    Component: StatefulSetMenu as KubeObjectMenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 30,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+export default statefulsetMenuInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-registration.ts b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-registration.ts
new file mode 100644
index 0000000000..939fea89f0
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu-registration.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 type { IComputedValue } from "mobx";
+import type React from "react";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+
+export interface KubeObjectMenuItemProps {
+  object: KubeObject;
+  toolbar?: boolean;
+}
+
+export interface KubeObjectMenuComponents {
+  MenuItem: React.ComponentType<KubeObjectMenuItemProps>;
+}
+
+export interface KubeObjectMenuRegistration {
+  kind: string;
+  apiVersions: string[];
+  components: KubeObjectMenuComponents;
+  visible?: IComputedValue<boolean>;
+}
diff --git a/packages/core/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx
new file mode 100644
index 0000000000..b435d2b6b6
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx
@@ -0,0 +1,320 @@
+/**
+ * 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 { RenderResult } from "@testing-library/react";
+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";
+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 createEditResourceTabInjectable from "../dock/edit-resource/edit-resource-tab.injectable";
+import hideDetailsInjectable from "../kube-detail-params/hide-details.injectable";
+import { kubeObjectMenuItemInjectionToken } from "./kube-object-menu-item-injection-token";
+
+// TODO: make `animated={false}` not required to make tests deterministic
+describe("kube-object-menu", () => {
+  let di: DiContainer;
+  let render: DiRender;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    runInAction(() => {
+      di.register(
+        someMenuItemInjectable,
+        someOtherMenuItemInjectable,
+        someAnotherMenuItemInjectable,
+      );
+    });
+
+    render = renderFor(di);
+
+    di.override(
+      clusterInjectable,
+      () =>
+        ({
+          name: "Some name",
+        } as Cluster),
+    );
+
+    di.override(
+      apiManagerInjectable,
+      () =>
+        ({
+          getStore: (api: any) => void api,
+        } as ApiManager),
+    );
+
+    di.override(hideDetailsInjectable, () => () => {});
+
+    di.override(createEditResourceTabInjectable, () => () => "irrelevant");
+  });
+
+  it("given no cluster, does not crash", () => {
+    di.override(clusterInjectable, () => null);
+
+    expect(() => {
+      render(<KubeObjectMenu object={null as never} toolbar={true} />);
+    }).not.toThrow();
+  });
+
+  it("given no kube object, renders", () => {
+    const { baseElement } = render(
+      <KubeObjectMenu object={null as never} toolbar={true} />,
+    );
+
+    expect(baseElement).toMatchSnapshot();
+  });
+
+  describe("given kube object", () => {
+    let result: RenderResult;
+    let removeActionMock: AsyncFnMock<() => void>;
+
+    beforeEach(async () => {
+      const objectStub = KubeObject.create({
+        apiVersion: "some-api-version",
+        kind: "some-kind",
+        metadata: {
+          uid: "some-uid",
+          name: "some-name",
+          resourceVersion: "some-resource-version",
+          namespace: "some-namespace",
+          selfLink: "/foo",
+        },
+      });
+
+      removeActionMock = asyncFn();
+      result = render((
+        <div>
+          <ConfirmDialog animated={false} />
+
+          <KubeObjectMenu
+            object={objectStub}
+            toolbar={true}
+            removeAction={removeActionMock}
+          />
+        </div>
+      ));
+    });
+
+    it("renders", () => {
+      expect(result.baseElement).toMatchSnapshot();
+    });
+
+    it("does not open a confirmation dialog yet", () => {
+      expect(screen.queryByTestId("confirmation-dialog")).toBeNull();
+    });
+
+    describe("when rerendered with different kube object", () => {
+      beforeEach(() => {
+        const newObjectStub = KubeObject.create({
+          apiVersion: "some-other-api-version",
+          kind: "some-other-kind",
+          metadata: {
+            uid: "some-other-uid",
+            name: "some-other-name",
+            resourceVersion: "some-other-resource-version",
+            namespace: "some-other-namespace",
+            selfLink: "some-other-api-version/some-other-kind/some-other-namespace/some-other-name",
+          },
+        });
+
+        result.rerender(
+          <div>
+            <ConfirmDialog animated={false} />
+
+            <KubeObjectMenu
+              object={newObjectStub}
+              toolbar={true}
+              removeAction={removeActionMock}
+            />
+          </div>,
+        );
+      });
+
+      it("renders", () => {
+        expect(result.baseElement).toMatchSnapshot();
+      });
+
+      describe("when removing new kube object", () => {
+        beforeEach(async () => {
+          userEvent.click(await screen.findByTestId("menu-action-delete"));
+        });
+
+        it("renders", async () => {
+          await screen.findByTestId("confirmation-dialog");
+          expect(result.baseElement).toMatchSnapshot();
+        });
+      });
+    });
+
+    describe("when removing kube object", () => {
+      beforeEach(async () => {
+        userEvent.click(await screen.findByTestId("menu-action-delete"));
+      });
+
+      it("renders", async () => {
+        await screen.findByTestId("confirmation-dialog");
+        expect(result.baseElement).toMatchSnapshot();
+      });
+
+      describe("when remove is confirmed", () => {
+        beforeEach(async () => {
+          const confirmRemovalButton = await screen.findByTestId("confirm");
+
+          userEvent.click(confirmRemovalButton);
+        });
+
+        it("calls for removal of the kube object", () => {
+          expect(removeActionMock).toHaveBeenCalledWith();
+        });
+
+        it("does not close the confirmation dialog yet", async () => {
+          await screen.findByTestId("confirmation-dialog");
+        });
+
+        it("when removal resolves, closes the confirmation dialog", async () => {
+          await removeActionMock.resolve();
+          await waitFor(() => {
+            expect(screen.queryByTestId("confirmation-dialog")).toBeNull();
+          });
+        });
+      });
+    });
+  });
+
+  describe("given kube object with namespace", () => {
+    let baseElement: Element;
+
+    beforeEach(async () => {
+      const objectStub = KubeObject.create({
+        apiVersion: "some-api-version",
+        kind: "some-kind",
+        metadata: {
+          uid: "some-uid",
+          name: "some-name",
+          resourceVersion: "some-resource-version",
+          namespace: "some-namespace",
+          selfLink: "/foo",
+        },
+      });
+
+      ({ baseElement } = render(
+        <div>
+          <ConfirmDialog animated={false} />
+
+          <KubeObjectMenu
+            object={objectStub}
+            toolbar={true}
+            removeAction={() => {}}
+          />
+        </div>,
+      ));
+    });
+
+    it("when removing kube object, renders confirmation dialog with namespace", async () => {
+      const menuItem = await screen.findByTestId("menu-action-delete");
+
+      userEvent.click(menuItem);
+
+      expect(baseElement).toMatchSnapshot();
+    });
+  });
+
+  describe("given kube object without namespace", () => {
+    let baseElement: Element;
+
+    beforeEach(async () => {
+      const objectStub = KubeObject.create({
+        apiVersion: "some-api-version",
+        kind: "some-kind",
+        metadata: {
+          uid: "some-uid",
+          name: "some-name",
+          resourceVersion: "some-resource-version",
+          namespace: undefined,
+          selfLink: "/foo",
+        },
+      });
+
+      ({ baseElement } = render(
+        <div>
+          <ConfirmDialog animated={false} />
+
+          <KubeObjectMenu
+            object={objectStub}
+            toolbar={true}
+            removeAction={() => {}}
+          />
+        </div>,
+      ));
+    });
+
+    it("when removing kube object, renders confirmation dialog without namespace", async () => {
+      const menuItem = await screen.findByTestId("menu-action-delete");
+
+      userEvent.click(menuItem);
+
+      expect(baseElement).toMatchSnapshot();
+    });
+  });
+});
+
+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/packages/core/src/renderer/components/kube-object-menu/kube-object-menu.tsx b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu.tsx
new file mode 100644
index 0000000000..eb0dc025b9
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/kube-object-menu.tsx
@@ -0,0 +1,215 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { cssNames } from "../../utils";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import type { MenuActionsProps } from "../menu";
+import { MenuItem, MenuActions } from "../menu";
+import identity from "lodash/identity";
+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 "./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";
+import { Icon } from "../icon";
+import navigateInjectable from "../../navigation/navigate.injectable";
+import withConfirmationInjectable from "../confirm-dialog/with-confirm.injectable";
+import { observer } from "mobx-react";
+
+export interface KubeObjectMenuProps<TKubeObject extends KubeObject> extends MenuActionsProps {
+  object: TKubeObject;
+  editable?: boolean;
+  removable?: boolean;
+}
+
+interface Dependencies {
+  apiManager: ApiManager;
+  kubeObjectMenuItems: IComputedValue<React.ElementType[]>;
+  clusterName: string | undefined;
+  hideDetails: HideDetails;
+  createEditResourceTab: (kubeObject: KubeObject) => void;
+  onContextMenuOpen: OnKubeObjectContextMenuOpen;
+  withConfirmation: WithConfirmation;
+  navigate: Navigate;
+}
+
+@observer
+class NonInjectedKubeObjectMenu<Kube extends KubeObject> extends React.Component<KubeObjectMenuProps<Kube> & Dependencies> {
+  private menuItems = observable.array<KubeObjectContextMenuItem>();
+
+  componentDidUpdate(prevProps: Readonly<KubeObjectMenuProps<Kube> & Dependencies>): void {
+    if (prevProps.object !== this.props.object && this.props.object) {
+      this.emitOnContextMenuOpen(this.props.object);
+    }
+  }
+
+  private renderRemoveMessage(object: KubeObject) {
+    const breadcrumbParts = [object.getNs(), object.getName()];
+    const breadcrumb = breadcrumbParts.filter(identity).join("/");
+
+    return (
+      <p>
+        {`Remove ${object.kind} `}
+        <b>{breadcrumb}</b>
+        {" from "}
+        <b>{this.props.clusterName}</b>
+        ?
+      </p>
+    );
+  }
+
+  private renderMenuItems() {
+    const { object, toolbar } = this.props;
+
+    return this.props.kubeObjectMenuItems.get().map((MenuItem, index) => (
+      <MenuItem
+        object={object}
+        toolbar={toolbar}
+        key={`menu-item-${index}`}
+      />
+    ));
+  }
+
+  private emitOnContextMenuOpen(object: KubeObject) {
+    const {
+      apiManager,
+      editable,
+      removable,
+      hideDetails,
+      createEditResourceTab,
+      withConfirmation,
+      removeAction,
+      onContextMenuOpen,
+      navigate,
+      updateAction,
+    } = this.props;
+
+    const store = apiManager.getStore(object.selfLink);
+    const isEditable = editable ?? (Boolean(store?.patch) || Boolean(updateAction));
+    const isRemovable = removable ?? (Boolean(store?.remove) || Boolean(removeAction));
+
+    runInAction(() => {
+      this.menuItems.clear();
+
+      if (isRemovable) {
+        this.menuItems.push({
+          title: "Delete",
+          icon: "delete",
+          onClick: withConfirmation({
+            message: this.renderRemoveMessage(object),
+            labelOk: "Remove",
+            ok: async () => {
+              hideDetails();
+
+              if (removeAction) {
+                await removeAction();
+              } else if (store?.remove) {
+                await store.remove(object);
+              }
+            },
+          }),
+        });
+      }
+
+      if (isEditable) {
+        this.menuItems.push({
+          title: "Edit",
+          icon: "edit",
+          onClick: async () => {
+            hideDetails();
+
+            if (updateAction) {
+              await updateAction();
+            } else {
+              createEditResourceTab(object);
+            }
+          },
+        });
+      }
+    });
+
+    onContextMenuOpen(object, {
+      menuItems: this.menuItems,
+      navigate,
+    });
+  }
+
+  private renderContextMenuItems = (object: KubeObject) => (
+    [...this.menuItems]
+      .reverse() // This is done because the order that we "grow" is right->left
+      .map(({ icon, ...rest }) => ({
+        ...rest,
+        icon: typeof icon === "string"
+          ? { material: icon }
+          : icon,
+      }))
+      .map((item, index) => (
+        <MenuItem
+          key={`context-menu-item-${index}`}
+          onClick={() => item.onClick(object)}
+          data-testid={`menu-action-${item.title.toLowerCase().replace(/\s+/, "-")}`}
+        >
+          <Icon
+            {...item.icon}
+            interactive={this.props.toolbar}
+            tooltip={item.title}
+          />
+          <span className="title">
+            {item.title}
+          </span>
+        </MenuItem>
+      ))
+  );
+
+  render() {
+    const {
+      className,
+      editable,
+      removable,
+      object,
+      removeAction, // This is here so we don't pass it down to `<MenuAction>`
+      removeConfirmationMessage, // This is here so we don't pass it down to `<MenuAction>`
+      updateAction, // This is here so we don't pass it down to `<MenuAction>`
+      ...menuProps
+    } = this.props;
+
+    return (
+      <MenuActions
+        id={`menu-actions-for-kube-object-menu-for-${object?.getId()}`}
+        className={cssNames("KubeObjectMenu", className)}
+        onOpen={object ? () => this.emitOnContextMenuOpen(object) : undefined}
+        {...menuProps}
+      >
+        {this.renderMenuItems()}
+        {object && this.renderContextMenuItems(object)}
+      </MenuActions>
+    );
+  }
+}
+
+export const KubeObjectMenu = withInjectables<Dependencies, KubeObjectMenuProps<KubeObject>>(NonInjectedKubeObjectMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    clusterName: di.inject(clusterNameInjectable),
+    apiManager: di.inject(apiManagerInjectable),
+    createEditResourceTab: di.inject(createEditResourceTabInjectable),
+    hideDetails: di.inject(hideDetailsInjectable),
+    kubeObjectMenuItems: di.inject(kubeObjectMenuItemsInjectable, props.object),
+    onContextMenuOpen: di.inject(onKubeObjectContextMenuOpenInjectable),
+    navigate: di.inject(navigateInjectable),
+    withConfirmation: di.inject(withConfirmationInjectable),
+  }),
+}) as <T extends KubeObject>(props: KubeObjectMenuProps<T>) => React.ReactElement;
diff --git a/packages/core/src/renderer/components/kube-object-menu/on-context-menu-open.injectable.ts b/packages/core/src/renderer/components/kube-object-menu/on-context-menu-open.injectable.ts
new file mode 100644
index 0000000000..96f91c9baa
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-menu/on-context-menu-open.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 type { KubeObject } from "../../../common/k8s-api/kube-object";
+import type { KubeObjectOnContextMenuOpenContext } from "../../kube-object/handler";
+import kubeObjectHandlersInjectable from "../../kube-object/handlers.injectable";
+
+export type OnKubeObjectContextMenuOpen = (obj: KubeObject, ctx: KubeObjectOnContextMenuOpenContext) => void;
+
+const onKubeObjectContextMenuOpenInjectable = getInjectable({
+  id: "on-kube-object-context-menu-open",
+  instantiate: (di): OnKubeObjectContextMenuOpen => {
+    const handlers = di.inject(kubeObjectHandlersInjectable);
+
+    return (obj, ctx) => {
+      const specificHandlers = handlers.get().get(obj.apiVersion)?.get(obj.kind) ?? [];
+
+      for (const { onContextMenuOpen } of specificHandlers) {
+        onContextMenuOpen?.(ctx);
+      }
+    };
+  },
+});
+
+export default onKubeObjectContextMenuOpenInjectable;
diff --git a/packages/core/src/renderer/components/kube-object-meta/index.ts b/packages/core/src/renderer/components/kube-object-meta/index.ts
new file mode 100644
index 0000000000..9b74e38c13
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-meta/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./kube-object-meta";
diff --git a/packages/core/src/renderer/components/kube-object-meta/kube-object-meta.tsx b/packages/core/src/renderer/components/kube-object-meta/kube-object-meta.tsx
new file mode 100644
index 0000000000..593f2cb2ae
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-meta/kube-object-meta.tsx
@@ -0,0 +1,126 @@
+/**
+ * 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 { KubeMetaField } from "../../../common/k8s-api/kube-object";
+import { KubeObject } from "../../../common/k8s-api/kube-object";
+import { DrawerItem, DrawerItemLabels } from "../drawer";
+import type { ApiManager } from "../../../common/k8s-api/api-manager";
+import { Link } from "react-router-dom";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { LocaleDate } from "../locale-date";
+import type { Logger } from "../../../common/logger";
+import { KubeObjectAge } from "../kube-object/age";
+import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
+import { observer } from "mobx-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
+import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export interface KubeObjectMetaProps {
+  object: KubeObject;
+  hideFields?: KubeMetaField[];
+}
+
+interface Dependencies {
+  getDetailsUrl: GetDetailsUrl;
+  apiManager: ApiManager;
+  logger: Logger;
+}
+
+const NonInjectedKubeObjectMeta = observer(({
+  apiManager,
+  getDetailsUrl,
+  object,
+  hideFields = [
+    "uid",
+    "resourceVersion",
+    "selfLink",
+  ],
+  logger,
+}: Dependencies & KubeObjectMetaProps) => {
+  if (!object) {
+    return null;
+  }
+
+  if (!(object instanceof KubeObject)) {
+    logger.error("[KubeObjectMeta]: passed object that is not an instanceof KubeObject", object);
+
+    return null;
+  }
+
+  const isHidden = (field: KubeMetaField) => hideFields.includes(field);
+
+  const {
+    getNs, getLabels, getResourceVersion, selfLink, getAnnotations,
+    getFinalizers, getId, getName, metadata: { creationTimestamp },
+  } = object;
+  const ownerRefs = object.getOwnerRefs();
+
+  return (
+    <>
+      <DrawerItem name="Created" hidden={isHidden("creationTimestamp")}>
+        <KubeObjectAge object={object} compact={false} />
+        {" ago "}
+        {creationTimestamp && <LocaleDate date={creationTimestamp} />}
+      </DrawerItem>
+      <DrawerItem name="Name" hidden={isHidden("name")}>
+        {getName()}
+        <KubeObjectStatusIcon key="icon" object={object} />
+      </DrawerItem>
+      <DrawerItem name="Namespace" hidden={isHidden("namespace") || !getNs()}>
+        {getNs()}
+      </DrawerItem>
+      <DrawerItem name="UID" hidden={isHidden("uid")}>
+        {getId()}
+      </DrawerItem>
+      <DrawerItem name="Link" hidden={isHidden("selfLink")}>
+        {selfLink}
+      </DrawerItem>
+      <DrawerItem name="Resource Version" hidden={isHidden("resourceVersion")}>
+        {getResourceVersion()}
+      </DrawerItem>
+      <DrawerItemLabels
+        name="Labels"
+        labels={getLabels()}
+        hidden={isHidden("labels")}
+      />
+      <DrawerItemLabels
+        name="Annotations"
+        labels={getAnnotations()}
+        hidden={isHidden("annotations")}
+      />
+      <DrawerItemLabels
+        name="Finalizers"
+        labels={getFinalizers()}
+        hidden={isHidden("finalizers")}
+      />
+      {ownerRefs?.length > 0 && (
+        <DrawerItem name="Controlled By" hidden={isHidden("ownerReferences")}>
+          {
+            ownerRefs.map(ref => (
+              <p key={ref.name}>
+                {`${ref.kind} `}
+                <Link to={getDetailsUrl(apiManager.lookupApiLink(ref, object))}>
+                  {ref.name}
+                </Link>
+              </p>
+            ))
+          }
+        </DrawerItem>
+      )}
+    </>
+  );
+});
+
+export const KubeObjectMeta = withInjectables<Dependencies, KubeObjectMetaProps>(NonInjectedKubeObjectMeta, {
+  getProps: (di, props) => ({
+    ...props,
+    getDetailsUrl: di.inject(getDetailsUrlInjectable),
+    apiManager: di.inject(apiManagerInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/kube-object-status-icon/index.ts b/packages/core/src/renderer/components/kube-object-status-icon/index.ts
new file mode 100644
index 0000000000..d59dd55dce
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-status-icon/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./kube-object-status-icon";
diff --git a/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-icon.scss b/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-icon.scss
new file mode 100644
index 0000000000..2e7fcb55c3
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-icon.scss
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.KubeObjectStatusIcon {
+  &.warning {
+    color: var(--golden);
+  }
+}
+
+.KubeObjectStatusTooltip {
+  white-space: normal;
+
+  .level {
+    padding: 4px;
+
+    &:not(:only-child):not(:last-child) {
+      border-bottom: 1px solid var(--borderFaintColor);
+    }
+
+    .title {
+      font-weight: bold;
+      .Icon {
+        margin-right: $margin;
+      }
+    }
+
+    .msg {
+      margin: $margin * 0.5
+    }
+
+    .age {
+      color: var(--halfGray);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-icon.tsx b/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-icon.tsx
new file mode 100644
index 0000000000..dd9e68d3f8
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-icon.tsx
@@ -0,0 +1,151 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./kube-object-status-icon.scss";
+
+import React from "react";
+import { Icon } from "../icon";
+import { cssNames, formatDuration, getOrInsert, isDefined } from "../../utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+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) {
+    case KubeObjectStatusLevel.INFO:
+      return "info";
+    case KubeObjectStatusLevel.WARNING:
+      return "warning";
+    case KubeObjectStatusLevel.CRITICAL:
+      return "error";
+  }
+}
+
+function statusTitle(level: KubeObjectStatusLevel): string {
+  switch (level) {
+    case KubeObjectStatusLevel.INFO:
+      return "Info";
+    case KubeObjectStatusLevel.WARNING:
+      return "Warning";
+    case KubeObjectStatusLevel.CRITICAL:
+      return "Critical";
+  }
+}
+
+function getAge(timestamp: string | undefined) {
+  return timestamp
+    ? formatDuration(Date.now() - new Date(timestamp).getTime(), true)
+    : "";
+}
+
+interface SplitStatusesByLevel {
+  maxLevel: string;
+  criticals: KubeObjectStatus[];
+  warnings: KubeObjectStatus[];
+  infos: KubeObjectStatus[];
+}
+
+/**
+ * This function returns the class level for corresponding to the highest status level
+ * and the statuses split by their levels.
+ * @param statuses a list of status items
+ */
+function splitByLevel(statuses: KubeObjectStatus[]): SplitStatusesByLevel {
+  const parts = new Map<KubeObjectStatusLevel, KubeObjectStatus[]>();
+
+  for (const status of statuses) {
+    const part = getOrInsert(parts, status.level, []);
+
+    part.push(status);
+  }
+
+  const criticals = parts.get(KubeObjectStatusLevel.CRITICAL) ?? [];
+  const warnings = parts.get(KubeObjectStatusLevel.WARNING) ?? [];
+  const infos = parts.get(KubeObjectStatusLevel.INFO) ?? [];
+  const maxLevel = statusClassName(criticals[0]?.level ?? warnings[0]?.level ?? infos[0].level);
+
+  return { maxLevel, criticals, warnings, infos };
+}
+
+export interface KubeObjectStatusIconProps {
+  object: KubeObject;
+}
+
+interface Dependencies {
+  statuses: IComputedValue<KubeObjectStatusText[]>;
+}
+
+@observer
+class NonInjectedKubeObjectStatusIcon extends React.Component<KubeObjectStatusIconProps & Dependencies> {
+  renderStatuses(statuses: KubeObjectStatus[], level: number) {
+    const filteredStatuses = statuses.filter((item) => item.level == level);
+
+    return filteredStatuses.length > 0 && (
+      <div className={cssNames("level", statusClassName(level))}>
+        <span className="title">
+          {statusTitle(level)}
+        </span>
+        {
+          filteredStatuses.map((status, index) => (
+            <div key={`kube-resource-status-${level}-${index}`} className={cssNames("status", "msg")}>
+              {`- ${status.text} `}
+              <span className="age">
+                {" . "}
+                {getAge(status.timestamp)}
+              </span>
+            </div>
+          ))
+        }
+      </div>
+    );
+  }
+
+  render() {
+    const statusTexts = this.props.statuses.get();
+
+    const statuses = statusTexts
+      .map((statusText) => statusText.resolve(this.props.object))
+      .filter(isDefined);
+
+    if (statuses.length === 0) {
+      return null;
+    }
+
+    const { maxLevel, criticals, warnings, infos } = splitByLevel(statuses);
+
+    return (
+      <Icon
+        material={maxLevel}
+        className={cssNames("KubeObjectStatusIcon", maxLevel)}
+        data-testid={`kube-object-status-icon-for-${this.props.object.getId()}`}
+        tooltip={{
+          children: (
+            <div className="KubeObjectStatusTooltip">
+              {this.renderStatuses(criticals, KubeObjectStatusLevel.CRITICAL)}
+              {this.renderStatuses(warnings, KubeObjectStatusLevel.WARNING)}
+              {this.renderStatuses(infos, KubeObjectStatusLevel.INFO)}
+            </div>
+          ),
+        }}
+      />
+    );
+  }
+}
+
+export const KubeObjectStatusIcon = withInjectables<Dependencies, KubeObjectStatusIconProps>(
+  NonInjectedKubeObjectStatusIcon,
+
+  {
+    getProps: (di, props) => ({
+      statuses: di.inject(kubeObjectStatusTextsForObjectInjectable, props.object),
+      ...props,
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-registration.ts b/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-registration.ts
new file mode 100644
index 0000000000..301b1b29eb
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-registration.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 { IComputedValue } from "mobx";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import type { KubeObjectStatus } from "../../../common/k8s-api/kube-object-status";
+
+export interface KubeObjectStatusRegistration {
+  kind: string;
+  apiVersions: string[];
+  resolve: (object: KubeObject) => KubeObjectStatus;
+  visible?: IComputedValue<boolean>;
+}
diff --git a/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-text-injection-token.ts b/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-text-injection-token.ts
new file mode 100644
index 0000000000..10fed8bbff
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-text-registrator.injectable.ts b/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-text-registrator.injectable.ts
new file mode 100644
index 0000000000..b5ba2bb922
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-texts-for-object.injectable.ts b/packages/core/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/packages/core/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/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-texts.injectable.ts b/packages/core/src/renderer/components/kube-object-status-icon/kube-object-status-texts.injectable.ts
new file mode 100644
index 0000000000..df5b5b65b3
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/kube-object/age.tsx b/packages/core/src/renderer/components/kube-object/age.tsx
new file mode 100644
index 0000000000..2d7eed38ec
--- /dev/null
+++ b/packages/core/src/renderer/components/kube-object/age.tsx
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { ReactiveDuration } from "../duration/reactive-duration";
+
+export interface KubeObjectAgeProps {
+  object: {
+    metadata: {
+      creationTimestamp?: string;
+    };
+  };
+
+  /**
+   * Whether the display string should prefer length over precision
+   * @default true
+   */
+  compact?: boolean;
+}
+
+export const KubeObjectAge = ({ object, compact = true }: KubeObjectAgeProps) => (
+  <ReactiveDuration
+    timestamp={object.metadata.creationTimestamp}
+    compact={compact}
+  />
+);
diff --git a/packages/core/src/renderer/components/kubeconfig-dialog/index.ts b/packages/core/src/renderer/components/kubeconfig-dialog/index.ts
new file mode 100644
index 0000000000..79164b78cd
--- /dev/null
+++ b/packages/core/src/renderer/components/kubeconfig-dialog/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./kubeconfig-dialog";
diff --git a/packages/core/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..17160edd81
--- /dev/null
+++ b/packages/core/src/renderer/components/kubeconfig-dialog/kubeconfig-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 { 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,
+});
+
+export default kubeconfigDialogClusterFrameChildComponentInjectable;
diff --git a/packages/core/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.module.scss b/packages/core/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.module.scss
new file mode 100644
index 0000000000..c97c926a8f
--- /dev/null
+++ b/packages/core/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.module.scss
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../../components/mixins.scss";
+
+.KubeConfigDialog {
+  :global(.Wizard) {
+    width: 50vw;
+    min-width: 600px;
+    --wizard-content-height: 600px;
+  }
+
+  .configCopy {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+  }
+}
+
+@include theme-light {
+  .editor {
+    border: 1px solid gainsboro;
+    border-radius: var(--border-radius);
+  }
+}
diff --git a/packages/core/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.tsx b/packages/core/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.tsx
new file mode 100644
index 0000000000..fd497c9c35
--- /dev/null
+++ b/packages/core/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.tsx
@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./kubeconfig-dialog.module.scss";
+import React from "react";
+import type { IObservableValue } from "mobx";
+import { observer } from "mobx-react";
+import { cssNames, saveFileDialog } from "../../utils";
+import { Button } from "../button";
+import type { DialogProps } from "../dialog";
+import { Dialog } from "../dialog";
+import { Icon } from "../icon";
+import type { ShowNotification } from "../notifications";
+import { Wizard, WizardStep } from "../wizard";
+import { MonacoEditor } from "../monaco-editor";
+import { clipboard } from "electron";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import showSuccessNotificationInjectable from "../notifications/show-success-notification.injectable";
+import kubeconfigDialogStateInjectable from "./state.injectable";
+
+export interface KubeconfigDialogData {
+  title?: React.ReactNode;
+  config: string;
+}
+
+export interface KubeConfigDialogProps extends Partial<DialogProps> {
+}
+
+interface Dependencies {
+  state: IObservableValue<KubeconfigDialogData | undefined>;
+  showSuccessNotification: ShowNotification;
+}
+
+@observer
+class NonInjectedKubeConfigDialog extends React.Component<KubeConfigDialogProps & Dependencies> {
+  constructor(props: KubeConfigDialogProps & Dependencies) {
+    super(props);
+  }
+
+  close = () => {
+    this.props.state.set(undefined);
+  };
+
+  copyToClipboard = (config: string) => {
+    clipboard.writeText(config);
+    this.props.showSuccessNotification("Config copied to clipboard");
+  };
+
+  download = (config: string) => {
+    saveFileDialog("config", config, "text/yaml");
+  };
+
+  renderContents = (data: KubeconfigDialogData) => (
+    <Wizard header={<h5>{ data.title || "Kubeconfig File" }</h5>}>
+      <WizardStep
+        customButtons={ (
+          <div className="actions flex gaps">
+            <Button plain onClick={() => this.copyToClipboard(data.config)}>
+              <Icon material="assignment" />
+              {" Copy to clipboard"}
+            </Button>
+            <Button plain onClick={() => this.download(data.config)}>
+              <Icon material="cloud_download" />
+              {" Download file"}
+            </Button>
+            <Button
+              plain
+              className="box right"
+              onClick={this.close}
+            >
+              Close
+            </Button>
+          </div>
+        ) }
+        prev={this.close}
+      >
+        <MonacoEditor
+          readOnly
+          className={styles.editor}
+          value={data.config}
+        />
+      </WizardStep>
+    </Wizard>
+  );
+
+  render() {
+    const { className, state, ...dialogProps } = this.props;
+    const data = state.get();
+
+    return (
+      <Dialog
+        {...dialogProps}
+        className={cssNames(styles.KubeConfigDialog, className)}
+        isOpen={!!data}
+        close={this.close}
+      >
+        {data && this.renderContents(data)}
+      </Dialog>
+    );
+  }
+}
+
+export const KubeConfigDialog = withInjectables<Dependencies, KubeConfigDialogProps>(NonInjectedKubeConfigDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+    state: di.inject(kubeconfigDialogStateInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/kubeconfig-dialog/open-service-account-kube-config-dialog.injectable.ts b/packages/core/src/renderer/components/kubeconfig-dialog/open-service-account-kube-config-dialog.injectable.ts
new file mode 100644
index 0000000000..4c0e4255b1
--- /dev/null
+++ b/packages/core/src/renderer/components/kubeconfig-dialog/open-service-account-kube-config-dialog.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 apiBaseInjectable from "../../../common/k8s-api/api-base.injectable";
+import type { ServiceAccount } from "../../../common/k8s-api/endpoints";
+import { urlBuilderFor } from "../../../common/utils/buildUrl";
+import openKubeconfigDialogInjectable from "./open.injectable";
+
+export type OpenServiceAccountKubeConfigDialog = (account: ServiceAccount) => void;
+
+const serviceAccountConfigEndpoint = urlBuilderFor("/kubeconfig/service-account/:namespace/:name");
+
+const openServiceAccountKubeConfigDialogInjectable = getInjectable({
+  id: "open-service-account-kube-config-dialog",
+  instantiate: (di): OpenServiceAccountKubeConfigDialog => {
+    const apiBase = di.inject(apiBaseInjectable);
+    const openKubeconfigDialog = di.inject(openKubeconfigDialogInjectable);
+
+    return (account) => openKubeconfigDialog({
+      title: `${account.getName()} kubeconfig`,
+      loader: () => apiBase.get(serviceAccountConfigEndpoint.compile({
+        name: account.getName(),
+        namespace: account.getNs(),
+      })),
+    });
+  },
+});
+
+export default openServiceAccountKubeConfigDialogInjectable;
diff --git a/packages/core/src/renderer/components/kubeconfig-dialog/open.injectable.ts b/packages/core/src/renderer/components/kubeconfig-dialog/open.injectable.ts
new file mode 100644
index 0000000000..c3a0d7f87f
--- /dev/null
+++ b/packages/core/src/renderer/components/kubeconfig-dialog/open.injectable.ts
@@ -0,0 +1,40 @@
+/**
+ * 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 loggerInjectable from "../../../common/logger.injectable";
+import showCheckedErrorNotificationInjectable from "../notifications/show-checked-error.injectable";
+import kubeconfigDialogStateInjectable from "./state.injectable";
+
+export interface OpenKubeconfigDialogArgs {
+  title?: React.ReactNode;
+  loader: () => Promise<string>;
+}
+
+export type OpenKubeconfigDialog = (openArgs: OpenKubeconfigDialogArgs) => void;
+
+const openKubeconfigDialogInjectable = getInjectable({
+  id: "open-kubeconfig-dialog",
+  instantiate: (di): OpenKubeconfigDialog => {
+    const state = di.inject(kubeconfigDialogStateInjectable);
+    const showCheckedErrorNotification = di.inject(showCheckedErrorNotificationInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return ({ title, loader }) => {
+      (async () => {
+        try {
+          const config = await loader();
+
+          state.set({ title, config });
+        } catch (error) {
+          showCheckedErrorNotification(error, "Failed to retrive config for dialog");
+          logger.warn("[KUBEOCONFIG-DIALOG]: failed to retrived config for dialog", error);
+        }
+      })();
+    };
+  },
+});
+
+export default openKubeconfigDialogInjectable;
diff --git a/packages/core/src/renderer/components/kubeconfig-dialog/state.injectable.ts b/packages/core/src/renderer/components/kubeconfig-dialog/state.injectable.ts
new file mode 100644
index 0000000000..e85271cda6
--- /dev/null
+++ b/packages/core/src/renderer/components/kubeconfig-dialog/state.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 { observable } from "mobx";
+import type { KubeconfigDialogData } from "./kubeconfig-dialog";
+
+const kubeconfigDialogStateInjectable = getInjectable({
+  id: "kubeconfig-dialog-state",
+  instantiate: () => observable.box<KubeconfigDialogData>(),
+});
+
+export default kubeconfigDialogStateInjectable;
diff --git a/packages/core/src/renderer/components/layout/__tests__/sidebar-cluster.test.tsx b/packages/core/src/renderer/components/layout/__tests__/sidebar-cluster.test.tsx
new file mode 100644
index 0000000000..831bb1d704
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/__tests__/sidebar-cluster.test.tsx
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import { fireEvent } from "@testing-library/react";
+import { SidebarCluster } from "../sidebar-cluster";
+import { KubernetesCluster } from "../../../../common/catalog-entities";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+import hotbarStoreInjectable from "../../../../common/hotbars/store.injectable";
+import type { HotbarStore } from "../../../../common/hotbars/store";
+
+const clusterEntity = new KubernetesCluster({
+  metadata: {
+    uid: "test-uid",
+    name: "test-cluster",
+    source: "local",
+    labels: {},
+  },
+  spec: {
+    kubeconfigPath: "",
+    kubeconfigContext: "",
+  },
+  status: {
+    phase: "connected",
+  },
+});
+
+describe("<SidebarCluster/>", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(hotbarStoreInjectable, () => ({
+      isAddedToActive: () => {},
+    }) as unknown as HotbarStore);
+
+    render = renderFor(di);
+  });
+
+  it("renders w/o errors", () => {
+    const { container } = render(<SidebarCluster clusterEntity={clusterEntity}/>);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("renders cluster avatar and name", () => {
+    const { getByText, getAllByText } = render(<SidebarCluster clusterEntity={clusterEntity}/>);
+
+    expect(getByText("tc")).toBeInTheDocument();
+
+    const v = getAllByText("test-cluster");
+
+    expect(v.length).toBeGreaterThan(0);
+
+    for (const e of v) {
+      expect(e).toBeInTheDocument();
+    }
+  });
+
+  it("renders cluster menu", () => {
+    const { getByTestId, getByText } = render(<SidebarCluster clusterEntity={clusterEntity}/>);
+    const link = getByTestId("sidebar-cluster-dropdown");
+
+    fireEvent.click(link);
+    expect(getByText("Add to Hotbar")).toBeInTheDocument();
+  });
+});
+
diff --git a/packages/core/src/renderer/components/layout/close-button.module.scss b/packages/core/src/renderer/components/layout/close-button.module.scss
new file mode 100644
index 0000000000..7f64ed13cd
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/close-button.module.scss
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.closeButton {
+  width: 35px;
+  height: 35px;
+  display: grid;
+  place-items: center;
+  cursor: pointer;
+  border: 2px solid var(--textColorDimmed);
+  border-radius: 50%;
+
+  &:hover {
+    background-color: #72767d25;
+  }
+
+  &:active {
+    transform: translateY(1px);
+  }
+}
+
+.icon {
+  color: var(--textColorAccent);
+  opacity: 0.6;
+}
+
+.esc {
+  text-align: center;
+  margin-top: var(--margin);
+  font-weight: bold;
+  user-select: none;
+  color: var(--textColorDimmed);
+  pointer-events: none;
+}
diff --git a/packages/core/src/renderer/components/layout/close-button.tsx b/packages/core/src/renderer/components/layout/close-button.tsx
new file mode 100644
index 0000000000..6d0d8219a6
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/close-button.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 styles from "./close-button.module.scss";
+
+import type { HTMLAttributes } from "react";
+import React from "react";
+import { Icon } from "../icon";
+
+export interface CloseButtonProps extends HTMLAttributes<HTMLDivElement> {
+}
+
+export function CloseButton(props: CloseButtonProps) {
+  return (
+    <div {...props}>
+      <div
+        className={styles.closeButton}
+        role="button"
+        aria-label="Close"
+      >
+        <Icon material="close" className={styles.icon}/>
+      </div>
+      <div className={styles.esc} aria-hidden="true">
+        ESC
+      </div>
+    </div>
+  );
+}
diff --git a/packages/core/src/renderer/components/layout/cluster-page-menu.ts b/packages/core/src/renderer/components/layout/cluster-page-menu.ts
new file mode 100644
index 0000000000..7f81ad82b9
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/cluster-page-menu.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 { IconProps } from "../icon";
+import type React from "react";
+import type { PageTarget } from "../../routes/page-registration";
+import type { IComputedValue } from "mobx";
+
+export interface ClusterPageMenuRegistration {
+  id?: string;
+  parentId?: string;
+  target?: PageTarget;
+  title: React.ReactNode;
+  components: ClusterPageMenuComponents;
+  visible?: IComputedValue<boolean>;
+}
+
+export interface ClusterPageMenuComponents {
+  Icon: React.ComponentType<IconProps>;
+}
diff --git a/packages/core/src/renderer/components/layout/extension-sidebar-item-registrator.injectable.tsx b/packages/core/src/renderer/components/layout/extension-sidebar-item-registrator.injectable.tsx
new file mode 100644
index 0000000000..9792855b07
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/extension-sidebar-item-registrator.injectable.tsx
@@ -0,0 +1,98 @@
+/**
+ * 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 React from "react";
+import { extensionRegistratorInjectionToken } from "../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { SidebarItemRegistration } from "./sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "./sidebar-items.injectable";
+import { computed } from "mobx";
+import routesInjectable from "../../routes/routes.injectable";
+import { matches, noop } from "lodash/fp";
+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",
+
+  instantiate: (di) => (ext) => {
+    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}`,
+      injectionToken: sidebarItemsInjectionToken,
+
+      instantiate: (di) => {
+        return computed(() => {
+          const extensionRoutes = routes.get().filter(matches({ extension }));
+
+          return extension.clusterPageMenus.map((registration) => {
+            const targetRoutePath = getExtensionRoutePath(
+              extension,
+              registration.target?.pageId,
+            );
+
+            const targetRoute = extensionRoutes.find(
+              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,
+
+              parentId: registration.parentId
+                ? `${extension.sanitizedExtensionId}-${registration.parentId}`
+                : null,
+
+              isVisible,
+
+              title: registration.title,
+              getIcon: registration.components.Icon
+                ? () => <registration.components.Icon />
+                : undefined,
+              ...(targetRoute
+                ? {
+                  onClick: () => navigateToRoute(targetRoute),
+
+                  isActive: di.inject(
+                    routeIsActiveInjectable,
+                    targetRoute,
+                  ),
+                }
+                : { onClick: noop }),
+            };
+
+            return res;
+          });
+        });
+      },
+    });
+
+    return [
+      sidebarItemsForExtensionInjectable,
+    ];
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default extensionSidebarItemRegistratorInjectable;
diff --git a/packages/core/src/renderer/components/layout/main-layout.module.scss b/packages/core/src/renderer/components/layout/main-layout.module.scss
new file mode 100644
index 0000000000..e882310427
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/main-layout.module.scss
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.mainLayout {
+  display: grid;
+  grid-template-areas:
+    "sidebar contents"
+    "sidebar footer";
+  grid-template-rows: [contents] 1fr [footer] auto;
+  grid-template-columns: [sidebar] var(--sidebar-width) [contents] 1fr;
+  width: 100%;
+  z-index: 1;
+  height: 100%;
+}
+
+.sidebar {
+  grid-area: sidebar;
+  display: flex;
+  position: relative;
+  background: var(--sidebarBackground);
+}
+
+.contents {
+  overflow: hidden;
+}
+
+.footer {
+  position: relative;
+  grid-area: footer;
+  min-width: 0; /* restrict size when overflow content (e.g. <Dock> tabs scrolling) */
+}
diff --git a/packages/core/src/renderer/components/layout/main-layout.tsx b/packages/core/src/renderer/components/layout/main-layout.tsx
new file mode 100755
index 0000000000..9a5ff95549
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/main-layout.tsx
@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./main-layout.module.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { StorageLayer } from "../../utils";
+import { cssNames } from "../../utils";
+import { ErrorBoundary } from "../error-boundary";
+import { ResizeDirection, ResizeGrowthDirection, ResizeSide, ResizingAnchor } from "../resizing-anchor";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SidebarStorageState } from "./sidebar-storage/sidebar-storage.injectable";
+import sidebarStorageInjectable, { defaultSidebarWidth } from "./sidebar-storage/sidebar-storage.injectable";
+
+export interface MainLayoutProps {
+  sidebar: React.ReactNode;
+  className?: string;
+  footer?: React.ReactNode;
+  children?: React.ReactNode | React.ReactNode[];
+}
+
+/**
+ * Main layout is commonly used as a wrapper for "global pages"
+ *
+ * @link https://api-docs.k8slens.dev/master/extensions/capabilities/common-capabilities/#global-pages
+ */
+
+interface Dependencies {
+  sidebarStorage: StorageLayer<SidebarStorageState>;
+}
+
+@observer
+class NonInjectedMainLayout extends React.Component<MainLayoutProps & Dependencies> {
+  onSidebarResize = (width: number) => {
+    this.props.sidebarStorage.merge({ width });
+  };
+
+  render() {
+    const { className, footer, children, sidebar } = this.props;
+    const { width: sidebarWidth } = this.props.sidebarStorage.get();
+    const style = { "--sidebar-width": `${sidebarWidth}px` } as React.CSSProperties;
+
+    return (
+      <div className={cssNames(styles.mainLayout, className)} style={style}>
+        <div className={styles.sidebar}>
+          {sidebar}
+          <ResizingAnchor
+            direction={ResizeDirection.HORIZONTAL}
+            placement={ResizeSide.TRAILING}
+            growthDirection={ResizeGrowthDirection.LEFT_TO_RIGHT}
+            getCurrentExtent={() => sidebarWidth}
+            onDrag={this.onSidebarResize}
+            onDoubleClick={() => this.onSidebarResize(defaultSidebarWidth)}
+            minExtent={150}
+            maxExtent={400}
+          />
+        </div>
+
+        <div className={styles.contents}>
+          <ErrorBoundary>{children}</ErrorBoundary>
+        </div>
+
+        <div className={styles.footer}>{footer}</div>
+      </div>
+    );
+  }
+}
+
+export const MainLayout = withInjectables<Dependencies, MainLayoutProps>(NonInjectedMainLayout, {
+  getProps: (di, props) => ({
+    ...props,
+    sidebarStorage: di.inject(sidebarStorageInjectable),
+  }),
+});
+
diff --git a/packages/core/src/renderer/components/layout/page-layout.tsx b/packages/core/src/renderer/components/layout/page-layout.tsx
new file mode 100644
index 0000000000..afbffe2a21
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/page-layout.tsx
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { SettingLayout } from "./setting-layout";
+
+/**
+ * PageLayout is deprecated. See MainLayout & SettingLayout
+ *
+ * @deprecated
+ */
+export class PageLayout extends SettingLayout {}
diff --git a/packages/core/src/renderer/components/layout/setting-layout.scss b/packages/core/src/renderer/components/layout/setting-layout.scss
new file mode 100644
index 0000000000..b37a68a569
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/setting-layout.scss
@@ -0,0 +1,177 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.SettingLayout {
+  --nav-column-width: 30vw;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  color: var(--settingsColor);
+  position: fixed;
+  z-index: 13!important;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  height: unset;
+  background-color: var(--settingsBackground);
+
+  &.showNavigation {
+    grid-template-columns: var(--nav-column-width) 1fr;
+
+    > .contentRegion {
+      justify-content: flex-start;
+    }
+  }
+
+  > .sidebarRegion {
+    display: flex;
+    justify-content: flex-end;
+    overflow-y: auto;
+    background-color: var(--secondaryBackground);
+
+    .sidebar {
+      width: 218px;
+      padding: 60px 10px 60px 20px;
+
+      h2 {
+        font-size: 15px;
+        overflow-wrap: anywhere;
+        color: var(--textColorAccent);
+        font-weight: 600;
+        padding-right: 20px;
+        word-break: break-word;
+      }
+
+      hr {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        margin-left: 10px;
+        margin-right: 20px;
+        height: 1px;
+        border-top: thin solid var(--hrColor);
+      }
+
+      .Tabs {
+        .header {
+          padding: 6px 10px;
+          font-size: 13px;
+          font-weight: 800;
+          text-transform: uppercase;
+          color: var(--textColorPrimary);
+
+          &:first-child {
+            padding-top: 0;
+          }
+        }
+
+        .Tab {
+          padding: 6px 10px;
+          margin-bottom: 2px;
+          border-radius: 4px;
+          font-size: 15px;
+          line-height: 20px;
+          cursor: pointer;
+          white-space: normal;
+
+          &::after {
+            content: none;
+          }
+
+          &:hover {
+            background-color: var(--navSelectedBackground);
+            color: var(--navHoverColor);
+          }
+
+          &.active {
+            background-color: var(--navSelectedBackground);
+          }
+
+          > .label {
+            width: 100%;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+
+  > .contentRegion {
+    display: flex;
+    overflow: auto;
+    justify-content: center;
+
+    > .content {
+      width: 100%;
+      max-width: 740px;
+      min-width: 460px;
+      padding: 60px 40px 0;
+      height: max-content;
+      margin-bottom: 60px;
+    }
+
+    > .toolsRegion {
+      width: 45px;
+    }
+  }
+
+  section {
+    display: flex;
+    flex-direction: column;
+
+    h1, h2 {
+      color: var(--textColorAccent);
+    }
+
+    h1 {
+      color: var(--textColorAccent);
+      font-size: 22px;
+      font-weight: bold;
+      margin-bottom: 10px;
+    }
+
+    h2 {
+      font-size: 18px;
+      line-height: 20px;
+      font-weight: 600;
+      margin-bottom: 30px;
+    }
+
+    a {
+      color: var(--colorInfo);
+    }
+
+    .hint {
+      margin-top: 8px;
+      font-size: 14px;
+      line-height: 20px;
+    }
+
+    .SubTitle {
+      margin-top: 0;
+      margin-bottom: 8px;
+      padding-bottom: 0;
+      font-size: 13px;
+      line-height: 1;
+    }
+
+    hr {
+      margin-top: 40px;
+      margin-bottom: 40px;
+
+      height: 1px;
+      border-top: thin solid var(--hrColor);
+
+      &.small {
+        margin-top: 20px;
+        margin-bottom: 20px;
+      }
+    }
+
+    .Checkbox .label {
+      color: var(--textColorTertiary);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/setting-layout.tsx b/packages/core/src/renderer/components/layout/setting-layout.tsx
new file mode 100644
index 0000000000..b6e0e58ec2
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/setting-layout.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 "./setting-layout.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import type { IClassName } from "../../utils";
+import { cssNames } from "../../utils";
+import { CloseButton } from "./close-button";
+import { getLegacyGlobalDiForExtensionApi } from "../../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import navigateToCatalogInjectable from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import observableHistoryInjectable from "../../navigation/observable-history.injectable";
+
+export interface SettingLayoutProps extends React.DOMAttributes<any> {
+  className?: IClassName;
+  contentClass?: IClassName;
+  provideBackButtonNavigation?: boolean;
+  contentGaps?: boolean;
+  navigation?: React.ReactNode;
+  back?: (evt: React.MouseEvent | KeyboardEvent) => void;
+  closeButtonProps?: { "data-testid"?: string };
+}
+
+const defaultProps: Partial<SettingLayoutProps> = {
+  closeButtonProps: {},
+  provideBackButtonNavigation: true,
+  contentGaps: true,
+  back: () => {
+    const di = getLegacyGlobalDiForExtensionApi();
+    const navigateToCatalog = di.inject(navigateToCatalogInjectable);
+    const observableHistory = di.inject(observableHistoryInjectable);
+
+    if (observableHistory.length <= 1) {
+      navigateToCatalog();
+    } else {
+      observableHistory.goBack();
+    }
+  },
+};
+
+/**
+ * Layout for settings like pages with navigation
+ */
+@observer
+export class SettingLayout extends React.Component<SettingLayoutProps> {
+  static defaultProps = defaultProps as object;
+
+  async componentDidMount() {
+    const { hash } = window.location;
+
+    if (hash) {
+      document.querySelector(hash)?.scrollIntoView();
+    }
+
+    window.addEventListener("keydown", this.onEscapeKey);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener("keydown", this.onEscapeKey);
+  }
+
+  onEscapeKey = (evt: KeyboardEvent) => {
+    if (!this.props.provideBackButtonNavigation) {
+      return;
+    }
+
+    if (evt.code === "Escape") {
+      evt.stopPropagation();
+      this.props.back?.(evt);
+    }
+  };
+
+  render() {
+    const {
+      contentClass, provideBackButtonNavigation,
+      contentGaps, navigation, children, back, closeButtonProps, ...elemProps
+    } = this.props;
+    const className = cssNames("SettingLayout", { showNavigation: navigation }, this.props.className);
+
+    return (
+      <div {...elemProps} className={className}>
+        { navigation && (
+          <nav className="sidebarRegion">
+            <div className="sidebar">
+              {navigation}
+            </div>
+          </nav>
+        )}
+        <div className="contentRegion" id="ScrollSpyRoot">
+          <div className={cssNames("content", contentClass, contentGaps && "flex column gaps")}>
+            {children}
+          </div>
+          <div className="toolsRegion">
+            {
+              this.props.provideBackButtonNavigation && (
+                <div className="fixed top-[60px]">
+
+                  <CloseButton onClick={back} {...closeButtonProps}/>
+                </div>
+              )
+            }
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/siblings-in-tab-layout.tsx b/packages/core/src/renderer/components/layout/siblings-in-tab-layout.tsx
new file mode 100644
index 0000000000..06e57227e9
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/siblings-in-tab-layout.tsx
@@ -0,0 +1,50 @@
+/**
+ * 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 type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import React from "react";
+import siblingTabsInjectable from "../../routes/sibling-tabs.injectable";
+import { TabLayout } from "./tab-layout-2";
+import type { HierarchicalSidebarItem } from "./sidebar-items.injectable";
+
+interface SiblingTabLayoutProps {
+  children: React.ReactNode;
+  scrollable?: boolean;
+}
+
+interface Dependencies {
+  tabs: IComputedValue<HierarchicalSidebarItem[]>;
+}
+
+const NonInjectedSiblingsInTabLayout = observer(
+  ({ tabs, children, ...other }: Dependencies & SiblingTabLayoutProps) => {
+    const dereferencedTabs = tabs.get();
+
+    if (dereferencedTabs.length) {
+      return (
+        <TabLayout
+          tabs={dereferencedTabs}
+          {...other}
+        >
+          {children}
+        </TabLayout>
+      );
+    }
+
+    return <>{children}</>;
+  },
+);
+
+export const SiblingsInTabLayout = withInjectables<Dependencies, SiblingTabLayoutProps>(
+  NonInjectedSiblingsInTabLayout,
+
+  {
+    getProps: (di, props) => ({
+      tabs: di.inject(siblingTabsInjectable),
+      ...props,
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/layout/sidebar-cluster.module.scss b/packages/core/src/renderer/components/layout/sidebar-cluster.module.scss
new file mode 100644
index 0000000000..c1a188be75
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sidebar-cluster.module.scss
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.SidebarCluster {
+  display: flex;
+  align-items: center;
+  padding: calc(var(--padding) * 1.2);
+  cursor: pointer;
+
+  &:hover {
+    background: var(--sidebarLogoBackground);
+  }
+
+  &:focus-visible {
+    .dropdown {
+      box-shadow: 0 0 0 2px var(--focus-color);
+    }
+  }
+
+  .dropdown {
+    border-radius: 3px;
+    margin-left: var(--margin);
+  }
+}
+
+.clusterName {
+  font-weight: bold;
+  overflow: hidden;
+  word-break: break-word;
+  color: var(--textColorAccent);
+  display: -webkit-box;
+  /* Simulate text-overflow:ellipsis styles but for multiple text lines */
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.menu {
+  width: 200px;
+  margin-top: -10px;
+}
+
+.avatar {
+  font-weight: 500;
+  margin-right: calc(var(--margin) * 1.5);
+}
+
+.loadingAvatar {
+  position: relative;
+  pointer-events: none;
+  &:after {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 0;
+    height: 100%;
+    background: transparentize(white, .85);
+    animation: waiting 1.5s infinite linear;
+  }
+}
+
+.loadingClusterName {
+  position: relative;
+  pointer-events: none;
+  width: 80%;
+  height: 16px;
+  &:after {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 0;
+    height: 100%;
+    background: transparentize(white, .85);
+    animation: waiting 1.5s infinite linear;
+  }
+}
+
+@keyframes waiting {
+  0% {
+    left: 0;
+    width: 0;
+  }
+  50% {
+    left: 25%;
+    width: 75%;
+  }
+  75% {
+    left: 100%;
+    width: 0;
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/sidebar-cluster.tsx b/packages/core/src/renderer/components/layout/sidebar-cluster.tsx
new file mode 100644
index 0000000000..55f3f20ecf
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sidebar-cluster.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 styles from "./sidebar-cluster.module.scss";
+import { observable } from "mobx";
+import React, { useState } from "react";
+import { broadcastMessage } from "../../../common/ipc";
+import type { CatalogEntity, CatalogEntityContextMenu } from "../../api/catalog-entity";
+import { IpcRendererNavigationEvents } from "../../navigation/events";
+import { Avatar } from "../avatar";
+import { Icon } from "../icon";
+import { Menu, MenuItem } from "../menu";
+import { Tooltip } from "../tooltip";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import hotbarStoreInjectable from "../../../common/hotbars/store.injectable";
+import type { HotbarStore } from "../../../common/hotbars/store";
+import { observer } from "mobx-react";
+import type { VisitEntityContextMenu } from "../../../common/catalog/visit-entity-context-menu.injectable";
+import visitEntityContextMenuInjectable from "../../../common/catalog/visit-entity-context-menu.injectable";
+import type { Navigate } from "../../navigation/navigate.injectable";
+import type { NormalizeCatalogEntityContextMenu } from "../../catalog/normalize-menu-item.injectable";
+import navigateInjectable from "../../navigation/navigate.injectable";
+import normalizeCatalogEntityContextMenuInjectable from "../../catalog/normalize-menu-item.injectable";
+
+export interface SidebarClusterProps {
+  clusterEntity: CatalogEntity | null | undefined;
+}
+
+interface Dependencies {
+  navigate: Navigate;
+  normalizeMenuItem: NormalizeCatalogEntityContextMenu;
+  hotbarStore: HotbarStore;
+  visitEntityContextMenu: VisitEntityContextMenu;
+}
+
+const NonInjectedSidebarCluster = observer(({
+  clusterEntity,
+  hotbarStore,
+  visitEntityContextMenu: onContextMenuOpen,
+  navigate,
+  normalizeMenuItem,
+}: Dependencies & SidebarClusterProps) => {
+  const [menuItems] = useState(observable.array<CatalogEntityContextMenu>());
+  const [opened, setOpened] = useState(false );
+
+  if (!clusterEntity) {
+    // render a Loading version of the SidebarCluster
+    return (
+      <div className={styles.SidebarCluster}>
+        <Avatar
+          title="??"
+          background="var(--halfGray)"
+          size={40}
+          className={styles.loadingAvatar}
+        />
+        <div className={styles.loadingClusterName} />
+      </div>
+    );
+  }
+
+  const onMenuOpen = () => {
+    const isAddedToActive = hotbarStore.isAddedToActive(clusterEntity);
+    const title = isAddedToActive
+      ? "Remove from Hotbar"
+      : "Add to Hotbar";
+    const onClick = isAddedToActive
+      ? () => hotbarStore.removeFromHotbar(clusterEntity.getId())
+      : () => hotbarStore.addToHotbar(clusterEntity);
+
+    menuItems.replace([{ title, onClick }]);
+    onContextMenuOpen(clusterEntity, {
+      menuItems,
+      navigate: (url, forceMainFrame = true) => {
+        if (forceMainFrame) {
+          broadcastMessage(IpcRendererNavigationEvents.NAVIGATE_IN_APP, url);
+        } else {
+          navigate(url);
+        }
+      },
+    });
+
+    toggle();
+  };
+
+  const onKeyDown = (evt: React.KeyboardEvent<HTMLDivElement>) => {
+    if (evt.code == "Space") {
+      toggle();
+    }
+  };
+
+  const toggle = () => {
+    setOpened(!opened);
+  };
+
+  const id = `cluster-${clusterEntity.getId()}`;
+  const tooltipId = `tooltip-${id}`;
+
+  return (
+    <div
+      id={id}
+      className={styles.SidebarCluster}
+      tabIndex={0}
+      onKeyDown={onKeyDown}
+      role="menubar"
+      data-testid="sidebar-cluster-dropdown"
+    >
+      <Avatar
+        title={clusterEntity.getName()}
+        colorHash={`${clusterEntity.getName()}-${clusterEntity.metadata.source}`}
+        size={40}
+        src={clusterEntity.spec.icon?.src}
+        className={styles.avatar}
+      />
+      <div className={styles.clusterName} id={tooltipId}>
+        {clusterEntity.getName()}
+      </div>
+      <Tooltip targetId={tooltipId}>
+        {clusterEntity.getName()}
+      </Tooltip>
+      <Icon material="arrow_drop_down" className={styles.dropdown} />
+      <Menu
+        usePortal
+        htmlFor={id}
+        isOpen={opened}
+        open={onMenuOpen}
+        closeOnClickItem
+        closeOnClickOutside
+        close={toggle}
+        className={styles.menu}
+      >
+        {
+          menuItems
+            .map(normalizeMenuItem)
+            .map((menuItem) => (
+              <MenuItem key={menuItem.title} onClick={menuItem.onClick}>
+                {menuItem.title}
+              </MenuItem>
+            ))
+        }
+      </Menu>
+    </div>
+  );
+});
+
+export const SidebarCluster = withInjectables<Dependencies, SidebarClusterProps>(NonInjectedSidebarCluster, {
+  getProps: (di, props) => ({
+    ...props,
+    hotbarStore: di.inject(hotbarStoreInjectable),
+    visitEntityContextMenu: di.inject(visitEntityContextMenuInjectable),
+    navigate: di.inject(navigateInjectable),
+    normalizeMenuItem: di.inject(normalizeCatalogEntityContextMenuInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/layout/sidebar-item.tsx b/packages/core/src/renderer/components/layout/sidebar-item.tsx
new file mode 100644
index 0000000000..f3e171fc4b
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sidebar-item.tsx
@@ -0,0 +1,125 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from  "./sidebar-items.module.scss";
+
+import React from "react";
+import { computed, makeObservable } from "mobx";
+import type { StorageLayer } from "../../utils";
+import { cssNames } from "../../utils";
+import { observer } from "mobx-react";
+import { NavLink } from "react-router-dom";
+import { Icon } from "../icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { SidebarStorageState } from "./sidebar-storage/sidebar-storage.injectable";
+import sidebarStorageInjectable from "./sidebar-storage/sidebar-storage.injectable";
+import type { HierarchicalSidebarItem } from "./sidebar-items.injectable";
+
+interface Dependencies {
+  sidebarStorage: StorageLayer<SidebarStorageState>;
+}
+
+export interface SidebarItemProps {
+  item: HierarchicalSidebarItem;
+}
+
+@observer
+class NonInjectedSidebarItem extends React.Component<
+  SidebarItemProps & Dependencies
+> {
+  static displayName = "SidebarItem";
+
+  constructor(props: SidebarItemProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  get id(): string {
+    return this.registration.id;
+  }
+
+  @computed get expanded(): boolean {
+    return Boolean(this.props.sidebarStorage.get().expanded[this.id]);
+  }
+
+  @computed get isExpandable(): boolean {
+    return this.props.item.children.length > 0;
+  }
+
+  @computed get isActive(): boolean {
+    return this.props.item.isActive.get();
+  }
+
+  get registration() {
+    return this.props.item.registration;
+  }
+
+  toggleExpand = () => {
+    this.props.sidebarStorage.merge((draft) => {
+      draft.expanded[this.id] = !draft.expanded[this.id];
+    });
+  };
+
+  renderSubMenu() {
+    const { isExpandable, expanded } = this;
+
+    if (!isExpandable || !expanded) {
+      return null;
+    }
+
+    return (
+      <ul className={cssNames(styles.subMenu, { [styles.active]: this.isActive })}>
+        {this.props.item.children.map(item => <SidebarItem key={item.registration.id} item={item} />)}
+      </ul>
+    );
+  }
+
+  render() {
+    return (
+      <div
+        className={styles.SidebarItem}
+        data-testid={`sidebar-item-${this.id}`}
+        data-is-active-test={this.isActive}
+        data-parent-id-test={this.registration.parentId}
+      >
+        <NavLink
+          to={""}
+          isActive={() => this.isActive}
+          className={styles.navItem}
+          onClick={(event) => {
+            event.preventDefault();
+            event.stopPropagation();
+
+            if (this.isExpandable) {
+              this.toggleExpand();
+            } else {
+              this.registration.onClick();
+            }
+          }}
+          data-testid={`sidebar-item-link-for-${this.id}`}
+        >
+          {this.registration.getIcon?.()}
+          <span>{this.registration.title}</span>
+          {this.isExpandable && (
+            <Icon
+              className={styles.expandIcon}
+              material={
+                this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"
+              }
+            />
+          )}
+        </NavLink>
+        {this.renderSubMenu()}
+      </div>
+    );
+  }
+}
+
+export const SidebarItem = withInjectables<Dependencies, SidebarItemProps>(NonInjectedSidebarItem, {
+  getProps: (di, props) => ({
+    ...props,
+    sidebarStorage: di.inject(sidebarStorageInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/layout/sidebar-items.injectable.ts b/packages/core/src/renderer/components/layout/sidebar-items.injectable.ts
new file mode 100644
index 0000000000..e5f067b64d
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sidebar-items.injectable.ts
@@ -0,0 +1,105 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import { computed } from "mobx";
+import { pipeline } from "@ogre-tools/fp";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import {
+  filter,
+  flatMap,
+  identity,
+  invokeMap,
+  isEmpty,
+  map,
+  orderBy,
+  some,
+} from "lodash/fp";
+
+export interface SidebarItemRegistration {
+  id: string;
+  parentId: string | null;
+  title: React.ReactNode;
+  onClick: () => void;
+  getIcon?: () => React.ReactNode;
+  isActive?: IComputedValue<boolean>;
+  isVisible?: IComputedValue<boolean>;
+  orderNumber: number;
+}
+
+export const sidebarItemsInjectionToken = getInjectionToken<
+  IComputedValue<SidebarItemRegistration[]>
+>({ id: "sidebar-items-injection-token" });
+
+export interface HierarchicalSidebarItem {
+  registration: SidebarItemRegistration;
+  children: HierarchicalSidebarItem[];
+  isActive: IComputedValue<boolean>;
+}
+
+const sidebarItemsInjectable = getInjectable({
+  id: "sidebar-items",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+
+    const sidebarItemRegistrations = computedInjectMany(sidebarItemsInjectionToken);
+
+    return computed((): HierarchicalSidebarItem[] => {
+      const registrations = pipeline(
+        sidebarItemRegistrations.get(),
+        flatMap(dereference),
+      );
+
+      const getSidebarItemsHierarchy = (registrations: SidebarItemRegistration[]) => {
+        const _getSidebarItemsHierarchy = (parentId: string | null): HierarchicalSidebarItem[] =>
+          pipeline(
+            registrations,
+
+            filter((item) => item.parentId === parentId),
+
+            map((registration) => {
+              const children = _getSidebarItemsHierarchy(registration.id);
+
+              return {
+                registration,
+                children,
+
+                isActive: computed(() => {
+                  if (isEmpty(children)) {
+                    return registration.isActive ? registration.isActive.get() : false;
+                  }
+
+                  return pipeline(
+                    children,
+                    invokeMap("isActive.get"),
+                    some(identity),
+                  );
+                }),
+              };
+            }),
+
+            filter(item => item.registration.isVisible?.get() ?? true),
+
+            (items) =>
+              orderBy(
+                ["registration.orderNumber"],
+                ["asc"],
+                items,
+              ),
+          );
+
+        return _getSidebarItemsHierarchy(null);
+      };
+
+      return getSidebarItemsHierarchy(registrations);
+    });
+  },
+});
+
+const dereference = (items: IComputedValue<SidebarItemRegistration[]>) =>
+  items.get();
+
+export default sidebarItemsInjectable;
diff --git a/packages/core/src/renderer/components/layout/sidebar-items.module.scss b/packages/core/src/renderer/components/layout/sidebar-items.module.scss
new file mode 100644
index 0000000000..c37d041816
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/layout/sidebar-storage/sidebar-storage.injectable.ts b/packages/core/src/renderer/components/layout/sidebar-storage/sidebar-storage.injectable.ts
new file mode 100644
index 0000000000..c7f8b1b22f
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sidebar-storage/sidebar-storage.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 createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+
+export interface SidebarStorageState {
+  width: number;
+  expanded: {
+    [itemId: string]: boolean;
+  };
+}
+
+export const defaultSidebarWidth = 200;
+
+const sidebarStorageInjectable = getInjectable({
+  id: "sidebar-storage",
+
+  instantiate: (di) => {
+    const createStorage = di.inject(createStorageInjectable);
+
+    return createStorage("sidebar", {
+      width: defaultSidebarWidth,
+      expanded: {},
+    });
+  },
+});
+
+export default sidebarStorageInjectable;
diff --git a/packages/core/src/renderer/components/layout/sidebar.module.scss b/packages/core/src/renderer/components/layout/sidebar.module.scss
new file mode 100644
index 0000000000..21fbeec1f3
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sidebar.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.
+ */
+
+.sidebarNav {
+  @apply flex overflow-auto flex-col;
+  width: var(--sidebar-width);
+  padding-bottom: calc(var(--padding) * 3);
+
+  /* Shadow above scrolling content from https://gist.github.com/distinctgrey/7548778 */
+  background:
+    linear-gradient(var(--sidebarBackground) 30%, rgba(255,255,255,0)),
+    linear-gradient(rgba(255,255,255,0), var(--sidebarBackground) 70%) 0 100%,
+    radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
+    radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
+  background-repeat: no-repeat;
+  background-size: 100% 40px, 100% 40px, 100% 12px, 100% 12px;
+  background-attachment: local, local, scroll, scroll;
+}
+
+.sidebarNav :global(.Icon) {
+  box-sizing: content-box;
+  border-radius: 50%;
+}
diff --git a/packages/core/src/renderer/components/layout/sidebar.tsx b/packages/core/src/renderer/components/layout/sidebar.tsx
new file mode 100644
index 0000000000..7fcd1b6793
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sidebar.tsx
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./sidebar.module.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { cssNames } from "../../utils";
+import { SidebarItem } from "./sidebar-item";
+import type { CatalogEntityRegistry } from "../../api/catalog/entity/registry";
+import { SidebarCluster } from "./sidebar-cluster";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { HierarchicalSidebarItem } from "./sidebar-items.injectable";
+import sidebarItemsInjectable from "./sidebar-items.injectable";
+import type { IComputedValue } from "mobx";
+import catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
+
+interface Dependencies {
+  sidebarItems: IComputedValue<HierarchicalSidebarItem[]>;
+  entityRegistry: CatalogEntityRegistry;
+}
+
+const NonInjectedSidebar = observer(({
+  sidebarItems,
+  entityRegistry,
+}: Dependencies) => (
+  <div className={cssNames("flex flex-col")} data-testid="cluster-sidebar">
+    <SidebarCluster clusterEntity={entityRegistry.activeEntity} />
+
+    <div className={`${styles.sidebarNav} sidebar-active-status`}>
+      {
+        sidebarItems.get()
+          .map(hierarchicalSidebarItem => (
+            <SidebarItem
+              item={hierarchicalSidebarItem}
+              key={hierarchicalSidebarItem.registration.id}
+            />
+          ))
+      }
+    </div>
+  </div>
+));
+
+export const Sidebar = withInjectables<Dependencies>(NonInjectedSidebar, {
+  getProps: (di, props) => ({
+    ...props,
+    sidebarItems: di.inject(sidebarItemsInjectable),
+    entityRegistry: di.inject(catalogEntityRegistryInjectable),
+  }),
+});
+
+Sidebar.displayName = "Sidebar";
diff --git a/packages/core/src/renderer/components/layout/sub-header.scss b/packages/core/src/renderer/components/layout/sub-header.scss
new file mode 100755
index 0000000000..68344bb36a
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sub-header.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.SubHeader {
+  color: var(--textColorAccent);
+  font-weight: $font-weight-bold;
+  text-align: center;
+
+  &:not(.compact) {
+    padding: $padding * 2;
+  }
+
+  &.withLine {
+    border-bottom: 1px solid var(--borderColor);
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/sub-header.tsx b/packages/core/src/renderer/components/layout/sub-header.tsx
new file mode 100644
index 0000000000..0530fef944
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sub-header.tsx
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./sub-header.scss";
+import React from "react";
+import type { SingleOrMany } from "../../utils";
+import { cssNames } from "../../utils";
+
+export interface SubHeaderProps {
+  className?: string;
+  withLine?: boolean; // add bottom line
+  compact?: boolean; // no extra padding around content
+  children: SingleOrMany<React.ReactNode>;
+}
+
+export class SubHeader extends React.Component<SubHeaderProps> {
+  render() {
+    const { withLine, compact, children } = this.props;
+    let { className } = this.props;
+
+    className = cssNames("SubHeader", {
+      withLine,
+      compact,
+    }, className);
+
+    return (
+      <div className={className}>
+        {children}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/sub-title.scss b/packages/core/src/renderer/components/layout/sub-title.scss
new file mode 100755
index 0000000000..4ad30e7923
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sub-title.scss
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.SubTitle {
+  --sub-title-spacing: #{$margin * 2};
+
+  text-transform: uppercase;
+  font-weight: bold;
+
+  &:not(.compact) {
+    padding-bottom: $margin;
+  }
+
+  &:not(:first-child) {
+    margin-top: var(--sub-title-spacing);
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/sub-title.tsx b/packages/core/src/renderer/components/layout/sub-title.tsx
new file mode 100644
index 0000000000..3ee50d44e9
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/sub-title.tsx
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./sub-title.scss";
+import React from "react";
+import type { SingleOrMany } from "../../utils";
+import { cssNames } from "../../utils";
+
+export interface SubTitleProps {
+  className?: string;
+  title: React.ReactNode;
+  compact?: boolean; // no bottom padding
+  id?: string;
+  children?: SingleOrMany<React.ReactNode>;
+}
+
+export class SubTitle extends React.Component<SubTitleProps> {
+  render() {
+    const { className, compact, title, children, id } = this.props;
+    const classNames = cssNames("SubTitle", className, {
+      compact,
+    });
+
+    return (
+      <div className={classNames} id={id}>
+        {title}
+        {" "}
+        {children}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/tab-layout-2.tsx b/packages/core/src/renderer/components/layout/tab-layout-2.tsx
new file mode 100644
index 0000000000..7d81c58d34
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/tab-layout-2.tsx
@@ -0,0 +1,63 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./tab-layout.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { cssNames } from "../../utils";
+import { Tab, Tabs } from "../tabs";
+import { ErrorBoundary } from "../error-boundary";
+import type { HierarchicalSidebarItem } from "./sidebar-items.injectable";
+
+export interface TabLayoutProps {
+  tabs?: HierarchicalSidebarItem[];
+  children?: React.ReactNode;
+  scrollable?: boolean;
+}
+
+export const TabLayout = observer(
+  ({
+    tabs = [],
+    scrollable,
+    children,
+  }: TabLayoutProps) => {
+    const hasTabs = tabs.length > 0;
+
+    return (
+      <div
+        className={cssNames("TabLayout")}
+        data-testid="tab-layout"
+      >
+
+        {hasTabs && (
+          <Tabs center>
+            {tabs.map(({ registration, isActive }) => {
+              const active = isActive.get();
+
+              return (
+                <Tab
+                  onClick={registration.onClick}
+                  key={registration.id}
+                  label={registration.title}
+                  active={active}
+                  data-is-active-test={active}
+                  data-testid={`tab-link-for-${registration.id}`}
+                  value={undefined}
+                />
+              );
+            })}
+          </Tabs>
+        )}
+
+        <main className={cssNames({ scrollable })}>
+          <ErrorBoundary>
+            {children}
+          </ErrorBoundary>
+        </main>
+      </div>
+    );
+  },
+);
diff --git a/packages/core/src/renderer/components/layout/tab-layout.scss b/packages/core/src/renderer/components/layout/tab-layout.scss
new file mode 100755
index 0000000000..5753129a60
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/tab-layout.scss
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.TabLayout {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  > .Tabs {
+    background: var(--layoutTabsBackground);
+    flex-shrink: 0;
+    height: 34px;
+  }
+
+  main {
+    $spacing: $margin * 2;
+
+    flex-grow: 1;
+    overflow-y: hidden;
+    overflow-x: auto;
+    margin: $spacing;
+
+    &.scrollable {
+      overflow-y: scroll;
+      margin-right: 0;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/tab-layout.tsx b/packages/core/src/renderer/components/layout/tab-layout.tsx
new file mode 100644
index 0000000000..ddbbeea691
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/tab-layout.tsx
@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./tab-layout.scss";
+
+import type { ReactNode } from "react";
+import React from "react";
+import { matchPath, Redirect, Route, Switch } from "react-router";
+import { observer } from "mobx-react";
+import type { IClassName } from "../../utils";
+import { cssNames } from "../../utils";
+import { Tab, Tabs } from "../tabs";
+import { ErrorBoundary } from "../error-boundary";
+import type { ObservableHistory } from "mobx-observable-history";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import observableHistoryInjectable from "../../navigation/observable-history.injectable";
+import type { Navigate } from "../../navigation/navigate.injectable";
+import navigateInjectable from "../../navigation/navigate.injectable";
+
+export interface TabLayoutProps {
+  className?: IClassName;
+  contentClass?: IClassName;
+  tabs?: TabLayoutRoute[];
+  children?: ReactNode;
+  scrollable?: boolean;
+}
+
+export interface TabLayoutRoute {
+  routePath: string;
+  title: React.ReactNode;
+  component: React.ComponentType<any>;
+  url?: string; // page-url, if not provided `routePath` is used (doesn't work when path has some :placeholder(s))
+  exact?: boolean; // route-path matching rule
+  default?: boolean; // initial tab to open with provided `url, by default tabs[0] is used
+}
+
+interface Dependencies {
+  observableHistory: ObservableHistory<unknown>;
+  navigate: Navigate;
+}
+
+const NonInjectedTabLayout = observer((props: TabLayoutProps & Dependencies) => {
+  const {
+    className,
+    contentClass,
+    tabs = [],
+    scrollable,
+    children,
+    observableHistory,
+    navigate,
+  } = props;
+  const currentLocation = observableHistory.location.pathname;
+  const hasTabs = tabs.length > 0;
+  const startTabUrl = hasTabs ? (tabs.find(tab => tab.default) || tabs[0])?.url : null;
+
+  return (
+    <div className={cssNames("TabLayout", className)}>
+      {hasTabs && (
+        <Tabs<string> center onChange={(url) => navigate(url)}>
+          {tabs.map(({ title, routePath, url = routePath, exact }) => (
+            <Tab
+              key={url}
+              label={title}
+              value={url}
+              active={!!matchPath(currentLocation, { path: routePath, exact })}
+            />
+          ))}
+        </Tabs>
+      )}
+      <main className={cssNames(contentClass, { scrollable })}>
+        <ErrorBoundary>
+          {hasTabs && (
+            <Switch>
+              {tabs.map(({ routePath, exact, component }) => (
+                <Route
+                  key={routePath}
+                  exact={exact}
+                  path={routePath}
+                  component={component}
+                />
+              ))}
+              {startTabUrl && <Redirect to={startTabUrl}/>}
+            </Switch>
+          )}
+          {children}
+        </ErrorBoundary>
+      </main>
+    </div>
+  );
+});
+
+export const TabLayout = withInjectables<Dependencies, TabLayoutProps>(NonInjectedTabLayout, {
+  getProps: (di, props) => ({
+    ...props,
+    observableHistory: di.inject(observableHistoryInjectable),
+    navigate: di.inject(navigateInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/layout/top-bar/start-state-sync.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/start-state-sync.injectable.ts
new file mode 100644
index 0000000000..92488851c5
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/start-state-sync.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 { action } from "mobx";
+import { beforeFrameStartsSecondInjectionToken } from "../../../before-frame-starts/tokens";
+import ipcRendererInjectable from "../../../utils/channel/ipc-renderer.injectable";
+import topBarStateInjectable from "./state.injectable";
+
+// TODO: replace with a SyncBox
+const startTopbarStateSyncInjectable = getInjectable({
+  id: "start-topbar-state-sync",
+  instantiate: (di) => ({
+    id: "start-topbar-state-sync",
+    run: () => {
+      const state = di.inject(topBarStateInjectable);
+      const ipcRenderer = di.inject(ipcRendererInjectable);
+
+      ipcRenderer.on("history:can-go-back", action((event, canGoBack: boolean) => {
+        state.prevEnabled = canGoBack;
+      }));
+
+      ipcRenderer.on("history:can-go-forward", action((event, canGoForward: boolean) => {
+        state.nextEnabled = canGoForward;
+      }));
+    },
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+  causesSideEffects: true,
+});
+
+export default startTopbarStateSyncInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/state.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/state.injectable.ts
new file mode 100644
index 0000000000..afc826a607
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/state.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 { observable } from "mobx";
+
+const topBarStateInjectable = getInjectable({
+  id: "top-bar-state",
+  instantiate: () => observable.object({
+    prevEnabled: false,
+    nextEnabled: false,
+  }),
+});
+
+export default topBarStateInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/toggle-maximize-window/toggle-maximize-window.global-override-for-injectable.ts b/packages/core/src/renderer/components/layout/top-bar/toggle-maximize-window/toggle-maximize-window.global-override-for-injectable.ts
new file mode 100644
index 0000000000..e7584a243b
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/toggle-maximize-window/toggle-maximize-window.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 toggleMaximizeWindowInjectable from "./toggle-maximize-window.injectable";
+import { getGlobalOverrideForFunction } from "../../../../../common/test-utils/get-global-override-for-function";
+
+export default getGlobalOverrideForFunction(toggleMaximizeWindowInjectable);
diff --git a/packages/core/src/renderer/components/layout/top-bar/toggle-maximize-window/toggle-maximize-window.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/toggle-maximize-window/toggle-maximize-window.injectable.ts
new file mode 100644
index 0000000000..639cf9300a
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/toggle-maximize-window/toggle-maximize-window.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 { getInjectable } from "@ogre-tools/injectable";
+import { WindowAction } from "../../../../../common/ipc/window";
+import { requestWindowAction } from "../../../../ipc";
+
+const toggleMaximizeWindowInjectable = getInjectable({
+  id: "toggle-maximize-window",
+  instantiate: () => () => requestWindowAction(WindowAction.TOGGLE_MAXIMIZE),
+  causesSideEffects: true,
+});
+
+export default toggleMaximizeWindowInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/context-menu-top-bar-item.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/context-menu-top-bar-item.injectable.ts
new file mode 100644
index 0000000000..677120446c
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/context-menu-top-bar-item.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 isLinuxInjectable from "../../../../../../common/vars/is-linux.injectable";
+import isWindowsInjectable from "../../../../../../common/vars/is-windows.injectable";
+import { computed } from "mobx";
+import { ContextMenu } from "./context-menu";
+import { topBarItemOnLeftSideInjectionToken } from "../top-bar-item-injection-token";
+
+const contextMenuTopBarItemInjectable = getInjectable({
+  id: "context-menu-top-bar-item",
+
+  instantiate: (di) => {
+    const isWindows = di.inject(isWindowsInjectable);
+    const isLinux = di.inject(isLinuxInjectable);
+
+    return {
+      id: "context-menu",
+      isShown: computed(() => isWindows || isLinux),
+      orderNumber: 10,
+      Component: ContextMenu,
+    };
+  },
+
+  injectionToken: topBarItemOnLeftSideInjectionToken,
+});
+
+export default contextMenuTopBarItemInjectable;
+
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/context-menu.tsx b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/context-menu.tsx
new file mode 100644
index 0000000000..d543b93fb1
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/context-menu.tsx
@@ -0,0 +1,39 @@
+/**
+ * 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 styles from "../../top-bar.module.scss";
+import openAppContextMenuInjectable from "./open-app-context-menu/open-app-context-menu.injectable";
+
+interface Dependencies {
+  openAppContextMenu: () => void;
+}
+
+const NonInjectedContextMenu = ({ openAppContextMenu }: Dependencies) => (
+  <div className={styles.winMenu}>
+    <div onClick={openAppContextMenu} data-testid="window-menu">
+      <svg
+        width="12"
+        height="12"
+        viewBox="0 0 12 12"
+        shapeRendering="crispEdges"
+      >
+        <path fill="currentColor" d="M0,8.5h12v1H0V8.5z" />
+        <path fill="currentColor" d="M0,5.5h12v1H0V5.5z" />
+        <path fill="currentColor" d="M0,2.5h12v1H0V2.5z" />
+      </svg>
+    </div>
+  </div>
+);
+
+export const ContextMenu = withInjectables<Dependencies>(
+  NonInjectedContextMenu,
+
+  {
+    getProps: (di) => ({
+      openAppContextMenu: di.inject(openAppContextMenuInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/open-app-context-menu/open-app-context-menu.global-override-for-injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/open-app-context-menu/open-app-context-menu.global-override-for-injectable.ts
new file mode 100644
index 0000000000..2dfd22bb5e
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/open-app-context-menu/open-app-context-menu.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 openAppContextMenuInjectable from "./open-app-context-menu.injectable";
+import { getGlobalOverrideForFunction } from "../../../../../../../common/test-utils/get-global-override-for-function";
+
+export default getGlobalOverrideForFunction(openAppContextMenuInjectable);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/open-app-context-menu/open-app-context-menu.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/open-app-context-menu/open-app-context-menu.injectable.ts
new file mode 100644
index 0000000000..48ce3ef2d4
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/context-menu/open-app-context-menu/open-app-context-menu.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 { emitOpenAppMenuAsContextMenu } from "../../../../../../ipc";
+
+const openAppContextMenuInjectable = getInjectable({
+  id: "open-app-context-menu",
+  instantiate: () => emitOpenAppMenuAsContextMenu,
+  causesSideEffects: true,
+});
+
+export default openAppContextMenuInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/go-back/go-back.global-override-for-injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/go-back/go-back.global-override-for-injectable.ts
new file mode 100644
index 0000000000..f0d421a883
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/go-back/go-back.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 goBackInjectable from "./go-back.injectable";
+import { getGlobalOverrideForFunction } from "../../../../../../../common/test-utils/get-global-override-for-function";
+
+export default getGlobalOverrideForFunction(goBackInjectable);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/go-back/go-back.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/go-back/go-back.injectable.ts
new file mode 100644
index 0000000000..e0f1ed3666
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/go-back/go-back.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 { getInjectable } from "@ogre-tools/injectable";
+import { WindowAction } from "../../../../../../../common/ipc/window";
+import { requestWindowAction } from "../../../../../../ipc";
+
+const goBackInjectable = getInjectable({
+  id: "go-back",
+  instantiate: () => () => requestWindowAction(WindowAction.GO_BACK),
+  causesSideEffects: true,
+});
+
+export default goBackInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/navigation-to-back-top-bar-item.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/navigation-to-back-top-bar-item.injectable.ts
new file mode 100644
index 0000000000..ce4f671531
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/navigation-to-back-top-bar-item.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 { computed } from "mobx";
+import { topBarItemOnLeftSideInjectionToken } from "../top-bar-item-injection-token";
+import { NavigationToBack } from "./navigation-to-back";
+
+const navigationToBackTopBarItemInjectable = getInjectable({
+  id: "navigation-to-back-top-bar-item",
+
+  instantiate: () => ({
+    id: "navigation-to-back",
+    isShown: computed(() => true),
+    orderNumber: 30,
+    Component: NavigationToBack,
+  }),
+
+  injectionToken: topBarItemOnLeftSideInjectionToken,
+});
+
+export default navigationToBackTopBarItemInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/navigation-to-back.tsx b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/navigation-to-back.tsx
new file mode 100644
index 0000000000..ebb4f4b620
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/navigation-to-back.tsx
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IComputedValue } from "mobx";
+import { Icon } from "../../../../icon";
+import topBarPrevEnabledInjectable from "./prev-enabled.injectable";
+import goBackInjectable from "./go-back/go-back.injectable";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  prevEnabled: IComputedValue<boolean>;
+  goBack: () => void;
+}
+
+const NonInjectedNavigationToBack = observer(({
+  prevEnabled,
+  goBack,
+}: Dependencies) => (
+  <Icon
+    data-testid="history-back"
+    material="arrow_back"
+    onClick={goBack}
+    disabled={!prevEnabled.get()}
+  />
+));
+
+export const NavigationToBack = withInjectables<Dependencies>(
+  NonInjectedNavigationToBack,
+
+  {
+    getProps: (di) => ({
+      prevEnabled: di.inject(topBarPrevEnabledInjectable),
+      goBack: di.inject(goBackInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/prev-enabled.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/prev-enabled.injectable.ts
new file mode 100644
index 0000000000..56012ffd13
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-back/prev-enabled.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 topBarStateInjectable from "../../state.injectable";
+
+const topBarPrevEnabledInjectable = getInjectable({
+  id: "top-bar-prev-enabled",
+  instantiate: (di) => {
+    const state = di.inject(topBarStateInjectable);
+
+    return computed(() => state.prevEnabled);
+  },
+});
+
+export default topBarPrevEnabledInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/go-forward/go-forward.global-override-for-injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/go-forward/go-forward.global-override-for-injectable.ts
new file mode 100644
index 0000000000..f4e2520381
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/go-forward/go-forward.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 goForwardInjectable from "./go-forward.injectable";
+import { getGlobalOverrideForFunction } from "../../../../../../../common/test-utils/get-global-override-for-function";
+
+export default getGlobalOverrideForFunction(goForwardInjectable);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/go-forward/go-forward.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/go-forward/go-forward.injectable.ts
new file mode 100644
index 0000000000..a38055853b
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/go-forward/go-forward.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 { getInjectable } from "@ogre-tools/injectable";
+import { WindowAction } from "../../../../../../../common/ipc/window";
+import { requestWindowAction } from "../../../../../../ipc";
+
+const goForwardInjectable = getInjectable({
+  id: "go-forward",
+  instantiate: () => () => requestWindowAction(WindowAction.GO_FORWARD),
+  causesSideEffects: true,
+});
+
+export default goForwardInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/navigation-to-forward-top-bar-item.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/navigation-to-forward-top-bar-item.injectable.ts
new file mode 100644
index 0000000000..6017ab93f4
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/navigation-to-forward-top-bar-item.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 { computed } from "mobx";
+import { NavigationToForward } from "./navigation-to-forward";
+import { topBarItemOnLeftSideInjectionToken } from "../top-bar-item-injection-token";
+
+const navigationToForwardTopBarItemInjectable = getInjectable({
+  id: "navigation-to-forward-top-bar-item",
+
+  instantiate: () => ({
+    id: "navigation-to-forward",
+    isShown: computed(() => true),
+    orderNumber: 40,
+    Component: NavigationToForward,
+  }),
+
+  injectionToken: topBarItemOnLeftSideInjectionToken,
+});
+
+export default navigationToForwardTopBarItemInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/navigation-to-forward.tsx b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/navigation-to-forward.tsx
new file mode 100644
index 0000000000..b8c3e70095
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/navigation-to-forward.tsx
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IComputedValue } from "mobx";
+import { Icon } from "../../../../icon";
+import topBarNextEnabledInjectable from "./next-enabled.injectable";
+import goForwardInjectable from "./go-forward/go-forward.injectable";
+import { observer } from "mobx-react";
+
+interface Dependencies {
+  nextEnabled: IComputedValue<boolean>;
+  goForward: () => void;
+}
+
+const NonInjectedNavigationToForward = observer(({
+  nextEnabled,
+  goForward,
+}: Dependencies) => (
+  <Icon
+    data-testid="history-forward"
+    material="arrow_forward"
+    onClick={goForward}
+    disabled={!nextEnabled.get()}
+  />
+));
+
+export const NavigationToForward = withInjectables<Dependencies>(
+  NonInjectedNavigationToForward,
+
+  {
+    getProps: (di) => ({
+      nextEnabled: di.inject(topBarNextEnabledInjectable),
+      goForward: di.inject(goForwardInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/next-enabled.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/next-enabled.injectable.ts
new file mode 100644
index 0000000000..496c7de6d0
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-forward/next-enabled.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 topBarStateInjectable from "../../state.injectable";
+
+const topBarNextEnabledInjectable = getInjectable({
+  id: "top-bar-next-enabled",
+  instantiate: (di) => {
+    const state = di.inject(topBarStateInjectable);
+
+    return computed(() => state.nextEnabled);
+  },
+});
+
+export default topBarNextEnabledInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-home/navigation-to-home-top-bar-item.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-home/navigation-to-home-top-bar-item.injectable.ts
new file mode 100644
index 0000000000..6d9e283cf5
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-home/navigation-to-home-top-bar-item.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 { computed } from "mobx";
+import { NavigationToHome } from "./navigation-to-home";
+import { topBarItemOnLeftSideInjectionToken } from "../top-bar-item-injection-token";
+
+const navigationToHomeTopBarItemInjectable = getInjectable({
+  id: "navigation-to-home-top-bar-item",
+
+  instantiate: () => ({
+    id: "navigation-to-home",
+    isShown: computed(() => true),
+    orderNumber: 20,
+    Component: NavigationToHome,
+  }),
+
+  injectionToken: topBarItemOnLeftSideInjectionToken,
+});
+
+export default navigationToHomeTopBarItemInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-home/navigation-to-home.tsx b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-home/navigation-to-home.tsx
new file mode 100644
index 0000000000..99b11807db
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/navigation-to-home/navigation-to-home.tsx
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { IComputedValue } from "mobx";
+import { Icon } from "../../../../icon";
+import routeIsActiveInjectable from "../../../../../routes/route-is-active.injectable";
+import { observer } from "mobx-react";
+import welcomeRouteInjectable from "../../../../../../common/front-end-routing/routes/welcome/welcome-route.injectable";
+import navigateToWelcomeInjectable from "../../../../../../common/front-end-routing/routes/welcome/navigate-to-welcome.injectable";
+
+interface Dependencies {
+  disabled: IComputedValue<boolean>;
+  goHome: () => void;
+}
+
+const NonInjectedNavigationToHome = observer(({
+  disabled,
+  goHome,
+}: Dependencies) => (
+  <Icon
+    data-testid="home-button"
+    material="home"
+    onClick={goHome}
+    disabled={disabled.get()}
+  />
+));
+
+export const NavigationToHome = withInjectables<Dependencies>(
+  NonInjectedNavigationToHome,
+
+  {
+    getProps: (di) => ({
+      disabled: di.inject(
+        routeIsActiveInjectable,
+        di.inject(welcomeRouteInjectable),
+      ),
+
+      goHome: di.inject(navigateToWelcomeInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/top-bar-item-injection-token.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/top-bar-item-injection-token.ts
new file mode 100644
index 0000000000..bae1bd0464
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/top-bar-item-injection-token.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 React from "react";
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+
+export interface TopBarItem {
+  id: string;
+  isShown: IComputedValue<boolean>;
+  orderNumber: number;
+  Component: React.ComponentType;
+}
+
+export const topBarItemOnRightSideInjectionToken = getInjectionToken<TopBarItem>({
+  id: "top-bar-item-on-right-side-injection-token",
+});
+
+export const topBarItemOnLeftSideInjectionToken = getInjectionToken<TopBarItem>({
+  id: "top-bar-item-on-left-side-injection-token",
+});
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/top-bar-items-on-left-side.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/top-bar-items-on-left-side.injectable.ts
new file mode 100644
index 0000000000..894ef95eaf
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/top-bar-items-on-left-side.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 { pipeline } from "@ogre-tools/fp";
+import { getInjectable } from "@ogre-tools/injectable";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { filter, sortBy } from "lodash/fp";
+import { computed } from "mobx";
+import { topBarItemOnLeftSideInjectionToken } from "./top-bar-item-injection-token";
+
+const topBarItemsOnLeftSideInjectable = getInjectable({
+  id: "top-bar-items-on-left-side",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+
+    const items = computedInjectMany(topBarItemOnLeftSideInjectionToken);
+
+    return computed(() =>
+      pipeline(
+        items.get(),
+        filter((item) => item.isShown.get()),
+        sortBy(item => item.orderNumber),
+      ),
+    );
+  },
+});
+
+export default topBarItemsOnLeftSideInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/top-bar-items-on-right-side.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/top-bar-items-on-right-side.injectable.ts
new file mode 100644
index 0000000000..7402509fe9
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/top-bar-items-on-right-side.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 { pipeline } from "@ogre-tools/fp";
+import { getInjectable } from "@ogre-tools/injectable";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { filter, sortBy } from "lodash/fp";
+import { computed } from "mobx";
+import { topBarItemOnRightSideInjectionToken } from "./top-bar-item-injection-token";
+
+const topBarItemsOnRightSideInjectable = getInjectable({
+  id: "top-bar-items-on-right-side",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+
+    const items = computedInjectMany(topBarItemOnRightSideInjectionToken);
+
+    return computed(() =>
+      pipeline(
+        items.get(),
+        filter((item) => item.isShown.get()),
+        sortBy(item => item.orderNumber),
+      ),
+    );
+  },
+});
+
+export default topBarItemsOnRightSideInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/close-window/close-window.global-override-for-injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/close-window/close-window.global-override-for-injectable.ts
new file mode 100644
index 0000000000..f8124bbbe5
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/close-window/close-window.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 closeWindowInjectable from "./close-window.injectable";
+import { getGlobalOverrideForFunction } from "../../../../../../../common/test-utils/get-global-override-for-function";
+
+export default getGlobalOverrideForFunction(closeWindowInjectable);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/close-window/close-window.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/close-window/close-window.injectable.ts
new file mode 100644
index 0000000000..b49711d01d
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/close-window/close-window.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 { getInjectable } from "@ogre-tools/injectable";
+import { WindowAction } from "../../../../../../../common/ipc/window";
+import { requestWindowAction } from "../../../../../../ipc";
+
+const closeWindowInjectable = getInjectable({
+  id: "close-window",
+  instantiate: () => () => requestWindowAction(WindowAction.CLOSE),
+  causesSideEffects: true,
+});
+
+export default closeWindowInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/maximize-window/maximize-window.global-override-for-injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/maximize-window/maximize-window.global-override-for-injectable.ts
new file mode 100644
index 0000000000..e0056a6ee8
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/maximize-window/maximize-window.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 maximizeWindowInjectable from "./maximize-window.injectable";
+import { getGlobalOverrideForFunction } from "../../../../../../../common/test-utils/get-global-override-for-function";
+
+export default getGlobalOverrideForFunction(maximizeWindowInjectable);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/maximize-window/maximize-window.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/maximize-window/maximize-window.injectable.ts
new file mode 100644
index 0000000000..624979cf10
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/maximize-window/maximize-window.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 { getInjectable } from "@ogre-tools/injectable";
+import { WindowAction } from "../../../../../../../common/ipc/window";
+import { requestWindowAction } from "../../../../../../ipc";
+
+const maximizeWindowInjectable = getInjectable({
+  id: "maximize-window",
+  instantiate: () => () => requestWindowAction(WindowAction.MINIMIZE),
+  causesSideEffects: true,
+});
+
+export default maximizeWindowInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/window-controls-top-bar-item.injectable.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/window-controls-top-bar-item.injectable.ts
new file mode 100644
index 0000000000..e8bb0f2e8e
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/window-controls-top-bar-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 { computed } from "mobx";
+import { topBarItemOnRightSideInjectionToken } from "../top-bar-item-injection-token";
+import { WindowControls } from "./window-controls";
+import isWindowsInjectable from "../../../../../../common/vars/is-windows.injectable";
+import isLinuxInjectable from "../../../../../../common/vars/is-linux.injectable";
+
+const windowControlsTopBarItemInjectable = getInjectable({
+  id: "window-controls-top-bar-item",
+
+  instantiate: (di) => {
+    const isWindows = di.inject(isWindowsInjectable);
+    const isLinux = di.inject(isLinuxInjectable);
+
+    return ({
+      id: "window-controls",
+      orderNumber: 900,
+      isShown: computed(() => (isWindows || isLinux)),
+      Component: WindowControls,
+    });
+  },
+
+  injectionToken: topBarItemOnRightSideInjectionToken,
+});
+
+export default windowControlsTopBarItemInjectable;
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/window-controls.tsx b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/window-controls.tsx
new file mode 100644
index 0000000000..08cdee837f
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-items/window-controls/window-controls.tsx
@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { cssNames } from "../../../../../utils";
+import styles from "../../top-bar.module.scss";
+import isLinuxInjectable from "../../../../../../common/vars/is-linux.injectable";
+import toggleMaximizeWindowInjectable from "../../toggle-maximize-window/toggle-maximize-window.injectable";
+import closeWindowInjectable from "./close-window/close-window.injectable";
+import maximizeWindowInjectable from "./maximize-window/maximize-window.injectable";
+
+interface Dependencies {
+  isLinux: boolean;
+  toggleMaximizeWindow: () => void;
+  closeWindow: () => void;
+  minimizeWindow: () => void;
+}
+
+const NonInjectedWindowControls = ({
+  isLinux,
+  toggleMaximizeWindow,
+  closeWindow,
+  minimizeWindow,
+}: Dependencies) => (
+  <div
+    className={cssNames(styles.windowButtons, {
+      [styles.linuxButtons]: isLinux,
+    })}
+  >
+    <div
+      className={styles.minimize}
+      data-testid="window-minimize"
+      onClick={minimizeWindow}
+    >
+      <svg shapeRendering="crispEdges" viewBox="0 0 12 12">
+        <rect
+          fill="currentColor"
+          width="10"
+          height="1"
+          x="1"
+          y="9" />
+      </svg>
+    </div>
+
+    <div
+      className={styles.maximize}
+      data-testid="window-maximize"
+      onClick={toggleMaximizeWindow}
+    >
+      <svg shapeRendering="crispEdges" viewBox="0 0 12 12">
+        <rect
+          width="9"
+          height="9"
+          x="1.5"
+          y="1.5"
+          fill="none"
+          stroke="currentColor"
+        />
+      </svg>
+    </div>
+
+    <div
+      className={styles.close}
+      data-testid="window-close"
+      onClick={closeWindow}
+    >
+      <svg shapeRendering="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>
+);
+
+export const WindowControls = withInjectables<Dependencies>(
+  NonInjectedWindowControls,
+
+  {
+    getProps: (di) => ({
+      isLinux: di.inject(isLinuxInjectable),
+      toggleMaximizeWindow: di.inject(toggleMaximizeWindowInjectable),
+      closeWindow: di.inject(closeWindowInjectable),
+      minimizeWindow: di.inject(maximizeWindowInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar-registration.ts b/packages/core/src/renderer/components/layout/top-bar/top-bar-registration.ts
new file mode 100644
index 0000000000..79b8124a9f
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar-registration.ts
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+interface TopBarComponents {
+  Item: React.ComponentType;
+}
+
+export interface TopBarRegistration {
+  components: TopBarComponents;
+}
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar.module.scss b/packages/core/src/renderer/components/layout/top-bar/top-bar.module.scss
new file mode 100644
index 0000000000..7b3646dec3
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar.module.scss
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.topBar {
+  background-color: var(--layoutBackground);
+  z-index: 2;
+  grid-area: topbar;
+  height: var(--main-layout-header);
+
+  /* Use topbar as draggable region */
+  user-select: none;
+  -webkit-app-region: drag;
+}
+
+.topBar .items {
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+  height: 100%;
+  padding-left: calc(var(--padding) * 2);
+  padding-right: calc(var(--padding) * 2);
+}
+
+.preventedDragging {
+  -webkit-app-region: no-drag;
+}
+
+.separator {
+  flex-grow: 1;
+}
+
+:global(.is-mac) .topBar {
+  padding-left: var(--hotbar-width);
+}
+
+.winMenu {
+  width: var(--hotbar-width);
+
+  > div {
+    @apply flex items-center justify-center;
+    width: 40px;
+    height: 40px;
+
+    &:hover {
+      background-color: var(--borderFaintColor);
+    }
+
+    &:active {
+      background-color: var(--borderColor);
+    }
+  }
+}
+
+.windowButtons {
+  display: flex;
+  margin-right: calc(var(--padding) * -2);
+
+  > div {
+    @apply flex items-center justify-center;
+    width: 40px;
+    height: 40px;
+
+    svg {
+      width: 12px;
+      height: 12px;
+    }
+  }
+
+  &.linuxButtons {
+    > div {
+      width: 18px;
+      height: 18px;
+      border-radius: 50%;
+      margin-right: var(--padding);
+      color: var(--textColorAccent);
+
+      svg {
+        width: 8px;
+        height: 8px;
+      }
+    }
+
+    .close {
+      color: white;
+      background-color: #e63e02; /* Standard close button bg color on ubuntu */
+    }
+
+    .close:hover {
+      background-color: #ff5a23;
+    }
+  }
+}
+
+.minimize,
+.maximize {
+  &:hover {
+    background-color: var(--borderFaintColor);
+  }
+
+  &:active {
+    background-color: var(--borderColor);
+  }
+}
+
+.close {
+  &:hover {
+    color: white;
+    background-color: #ef4b4e;
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar.test.tsx b/packages/core/src/renderer/components/layout/top-bar/top-bar.test.tsx
new file mode 100644
index 0000000000..10a1ec11d4
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar.test.tsx
@@ -0,0 +1,187 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { fireEvent } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+import { TopBar } from "./top-bar";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { DiContainer } from "@ogre-tools/injectable";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+import { computed, observable } from "mobx";
+import rendererExtensionsInjectable from "../../../../extensions/renderer-extensions.injectable";
+import closeWindowInjectable from "./top-bar-items/window-controls/close-window/close-window.injectable";
+import goBackInjectable from "./top-bar-items/navigation-to-back/go-back/go-back.injectable";
+import maximizeWindowInjectable from "./top-bar-items/window-controls/maximize-window/maximize-window.injectable";
+import openAppContextMenuInjectable from "./top-bar-items/context-menu/open-app-context-menu/open-app-context-menu.injectable";
+import toggleMaximizeWindowInjectable from "./toggle-maximize-window/toggle-maximize-window.injectable";
+import topBarStateInjectable from "./state.injectable";
+import platformInjectable from "../../../../common/vars/platform.injectable";
+import goForwardInjectable from "./top-bar-items/navigation-to-forward/go-forward/go-forward.injectable";
+import currentlyInClusterFrameInjectable from "../../../routes/currently-in-cluster-frame.injectable";
+
+describe("<TopBar/>", () => {
+  let di: DiContainer;
+  let render: DiRender;
+  let goBack: jest.MockedFunction<() => void>;
+  let goForward: jest.MockedFunction<() => void>;
+  let openAppContextMenu: jest.MockedFunction<() => void>;
+  let closeWindow: jest.MockedFunction<() => void>;
+  let maximizeWindow: jest.MockedFunction<() => void>;
+  let toggleMaximizeWindow: jest.MockedFunction<() => void>;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(rendererExtensionsInjectable, () => computed(() => []));
+    di.override(openAppContextMenuInjectable, () => openAppContextMenu = jest.fn());
+    di.override(goBackInjectable, () => goBack = jest.fn());
+    di.override(goForwardInjectable, () => goForward = jest.fn());
+    di.override(closeWindowInjectable, () => closeWindow = jest.fn());
+    di.override(maximizeWindowInjectable, () => maximizeWindow = jest.fn());
+    di.override(toggleMaximizeWindowInjectable, () => toggleMaximizeWindow = jest.fn());
+    di.override(currentlyInClusterFrameInjectable, () => false);
+
+    render = renderFor(di);
+  });
+
+  describe("with both previous and next history enabled", () => {
+    beforeEach(() => {
+      di.override(topBarStateInjectable, () => observable.object({
+        prevEnabled: true,
+        nextEnabled: true,
+      }));
+    });
+
+    it("renders w/o errors", () => {
+      const { container } = render(<TopBar/>);
+
+      expect(container).toBeInstanceOf(HTMLElement);
+    });
+
+    it("renders home button", async () => {
+      const { findByTestId } = render(<TopBar/>);
+
+      expect(await findByTestId("home-button")).toBeInTheDocument();
+    });
+
+    it("renders history arrows", async () => {
+      const { findByTestId } = render(<TopBar/>);
+
+      expect(await findByTestId("history-back")).toBeInTheDocument();
+      expect(await findByTestId("history-forward")).toBeInTheDocument();
+    });
+
+    it("enables arrow by ipc event", async () => {
+      const { findByTestId } = render(<TopBar/>);
+
+      expect(await findByTestId("history-back")).not.toHaveClass("disabled");
+      expect(await findByTestId("history-forward")).not.toHaveClass("disabled");
+    });
+
+    it("triggers browser history back and forward", async () => {
+      const { findByTestId } = render(<TopBar/>);
+
+      const prevButton = await findByTestId("history-back");
+      const nextButton = await findByTestId("history-forward");
+
+      fireEvent.click(prevButton);
+
+      expect(goBack).toBeCalled();
+
+      fireEvent.click(nextButton);
+
+      expect(goForward).toBeCalled();
+    });
+
+    describe("on macos", () => {
+      beforeEach(() => {
+        di.override(platformInjectable, () => "darwin");
+      });
+
+      it("doesn't show windows title", () => {
+        const { queryByTestId } = render(<TopBar/>);
+
+        expect(queryByTestId("window-menu")).not.toBeInTheDocument();
+        expect(queryByTestId("window-minimize")).not.toBeInTheDocument();
+        expect(queryByTestId("window-maximize")).not.toBeInTheDocument();
+        expect(queryByTestId("window-close")).not.toBeInTheDocument();
+      });
+    });
+
+    describe("on linux", () => {
+      beforeEach(() => {
+        di.override(platformInjectable, () => "linux");
+      });
+
+      it("does show windows title buttons", () => {
+        const { queryByTestId } = render(<TopBar/>);
+
+        expect(queryByTestId("window-menu")).toBeInTheDocument();
+        expect(queryByTestId("window-minimize")).toBeInTheDocument();
+        expect(queryByTestId("window-maximize")).toBeInTheDocument();
+        expect(queryByTestId("window-close")).toBeInTheDocument();
+      });
+
+      it("triggers ipc events on click", () => {
+        const { getByTestId } = render(<TopBar />);
+
+        const menu = getByTestId("window-menu");
+        const minimize = getByTestId("window-minimize");
+        const maximize = getByTestId("window-maximize");
+        const close = getByTestId("window-close");
+
+        fireEvent.click(menu);
+        expect(openAppContextMenu).toBeCalled();
+
+        fireEvent.click(minimize);
+        expect(maximizeWindow).toBeCalled();
+
+        fireEvent.click(maximize);
+        expect(toggleMaximizeWindow).toBeCalled();
+
+        fireEvent.click(close);
+        expect(closeWindow).toBeCalled();
+      });
+    });
+
+    describe("on windows", () => {
+      beforeEach(() => {
+        di.override(platformInjectable, () => "win32");
+      });
+
+      it("does show windows title buttons", () => {
+        const { queryByTestId } = render(<TopBar/>);
+
+        expect(queryByTestId("window-menu")).toBeInTheDocument();
+        expect(queryByTestId("window-minimize")).toBeInTheDocument();
+        expect(queryByTestId("window-maximize")).toBeInTheDocument();
+        expect(queryByTestId("window-close")).toBeInTheDocument();
+      });
+
+      it("triggers ipc events on click", () => {
+        const { getByTestId } = render(<TopBar />);
+
+        const menu = getByTestId("window-menu");
+        const minimize = getByTestId("window-minimize");
+        const maximize = getByTestId("window-maximize");
+        const close = getByTestId("window-close");
+
+        fireEvent.click(menu);
+        expect(openAppContextMenu).toBeCalled();
+
+        fireEvent.click(minimize);
+        expect(maximizeWindow).toBeCalled();
+
+        fireEvent.click(maximize);
+        expect(toggleMaximizeWindow).toBeCalled();
+
+        fireEvent.click(close);
+        expect(closeWindow).toBeCalled();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/layout/top-bar/top-bar.tsx b/packages/core/src/renderer/components/layout/top-bar/top-bar.tsx
new file mode 100644
index 0000000000..98ccf1652a
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/top-bar/top-bar.tsx
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./top-bar.module.scss";
+import React, { useEffect } from "react";
+import { observer } from "mobx-react";
+import type { IComputedValue } from "mobx";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import toggleMaximizeWindowInjectable from "./toggle-maximize-window/toggle-maximize-window.injectable";
+import watchHistoryStateInjectable from "../../../remote-helpers/watch-history-state.injectable";
+import topBarItemsOnRightSideInjectable from "./top-bar-items/top-bar-items-on-right-side.injectable";
+import type { TopBarItem } from "./top-bar-items/top-bar-item-injection-token";
+import { Map } from "../../map/map";
+import Gutter from "../../gutter/gutter";
+import topBarItemsOnLeftSideInjectable from "./top-bar-items/top-bar-items-on-left-side.injectable";
+
+interface Dependencies {
+  itemsOnLeft: IComputedValue<TopBarItem[]>;
+  itemsOnRight: IComputedValue<TopBarItem[]>;
+  toggleMaximizeWindow: () => void;
+  watchHistoryState: () => () => void;
+}
+
+const NonInjectedTopBar = observer(
+  ({
+    itemsOnLeft,
+    itemsOnRight,
+    toggleMaximizeWindow,
+    watchHistoryState,
+  }: Dependencies) => {
+    useEffect(() => watchHistoryState(), []);
+
+    return (
+      <div className={styles.topBar} onDoubleClick={toggleMaximizeWindow}>
+        <div className={styles.items}>
+          <Map
+            items={itemsOnLeft.get()}
+            getSeparator={() => <Gutter size="sm" />}
+          >
+            {toItemWhichWorksWithWindowDraggingAndDoubleClicking}
+          </Map>
+
+          <div className={styles.separator} />
+
+          <Map
+            items={itemsOnRight.get()}
+            getSeparator={() => <Gutter size="sm" />}
+          >
+            {toItemWhichWorksWithWindowDraggingAndDoubleClicking}
+          </Map>
+        </div>
+      </div>
+    );
+  },
+);
+
+export const TopBar = withInjectables<Dependencies>(NonInjectedTopBar, {
+  getProps: (di) => ({
+    itemsOnLeft: di.inject(topBarItemsOnLeftSideInjectable),
+    itemsOnRight: di.inject(topBarItemsOnRightSideInjectable),
+    toggleMaximizeWindow: di.inject(toggleMaximizeWindowInjectable),
+    watchHistoryState: di.inject(watchHistoryStateInjectable),
+  }),
+});
+
+const toItemWhichWorksWithWindowDraggingAndDoubleClicking = (
+  item: TopBarItem,
+) => (
+  <div
+    className={styles.preventedDragging}
+    onDoubleClick={(event) => {
+      return event.stopPropagation();
+    }}
+  >
+    <item.Component />
+  </div>
+);
diff --git a/packages/core/src/renderer/components/layout/wizard-layout.scss b/packages/core/src/renderer/components/layout/wizard-layout.scss
new file mode 100644
index 0000000000..d824781c43
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/wizard-layout.scss
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.WizardLayout {
+  $spacing: $padding * 2;
+
+  position: relative;
+  padding: $padding * 2;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  grid-template-columns: 1fr 40%;
+
+  > * {
+    --flex-gap: #{$spacing};
+    overflow: auto;
+    padding: $spacing;
+  }
+
+  > .head-col {
+    position: sticky;
+    justify-content: space-between;
+    background-color: var(--clusterMenuBackground);
+  }
+
+  > .content-col {
+    margin-right: $spacing;
+    background-color: var(--contentColor);
+    border-radius: $radius;
+
+    > div {
+      flex: 1;
+    }
+
+    > .error {
+      border-radius: $radius;
+      padding: $padding;
+      background-color: pink;
+    }
+  }
+
+  > .info-col {
+    background-color: var(--contentColor);
+  }
+
+  p {
+    line-height: 140%;
+  }
+
+  a {
+    color: var(--colorInfo);
+  }
+
+  &.centered {
+    .content-col {
+      margin: 0;
+
+      > div {
+        margin: 0 auto;
+        width: 60%;
+        min-width: 570px;
+        max-width: 1000px;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/layout/wizard-layout.tsx b/packages/core/src/renderer/components/layout/wizard-layout.tsx
new file mode 100644
index 0000000000..9012a0f66f
--- /dev/null
+++ b/packages/core/src/renderer/components/layout/wizard-layout.tsx
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./wizard-layout.scss";
+import React from "react";
+import { observer } from "mobx-react";
+import type { IClassName } from "../../utils";
+import { cssNames } from "../../utils";
+
+export interface WizardLayoutProps extends React.DOMAttributes<any> {
+  className?: IClassName;
+  header?: React.ReactNode;
+  headerClass?: IClassName;
+  contentClass?: IClassName;
+  infoPanelClass?: IClassName;
+  infoPanel?: React.ReactNode;
+  centered?: boolean;  // Centering content horizontally
+}
+
+@observer
+export class WizardLayout extends React.Component<WizardLayoutProps> {
+  render() {
+    const {
+      className, contentClass, infoPanelClass, infoPanel, header, headerClass, centered,
+      children, ...props
+    } = this.props;
+
+    return (
+      <div {...props} className={cssNames("WizardLayout", { centered }, className)}>
+        {header && (
+          <div className={cssNames("head-col flex gaps align-center", headerClass)}>
+            {header}
+          </div>
+        )}
+        <div className={cssNames("content-col flex column gaps", contentClass)}>
+          <div className="flex column gaps">
+            {children}
+          </div>
+        </div>
+        {infoPanel && (
+          <div className={cssNames("info-col flex column gaps", infoPanelClass)}>
+            {infoPanel}
+          </div>
+        )}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/line-progress/index.ts b/packages/core/src/renderer/components/line-progress/index.ts
new file mode 100644
index 0000000000..f4e1a5392d
--- /dev/null
+++ b/packages/core/src/renderer/components/line-progress/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./line-progress";
diff --git a/packages/core/src/renderer/components/line-progress/line-progress.scss b/packages/core/src/renderer/components/line-progress/line-progress.scss
new file mode 100644
index 0000000000..2a63cc4c64
--- /dev/null
+++ b/packages/core/src/renderer/components/line-progress/line-progress.scss
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.LineProgress {
+  position: relative;
+  border-radius: 2px;
+  background: var(--lineProgressBackground);
+  height: 3px;
+
+  // line indicator
+  .line {
+    background: currentColor;
+    display: block;
+    height: 100%;
+    border-radius: inherit;
+    transition: 250ms width ease-in;
+
+    &:after {
+      $offset: $padding;
+      content: "";
+      position: absolute;
+      top: -$offset;
+      left: 0;
+      bottom: -$offset;
+      right: 0;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/line-progress/line-progress.tsx b/packages/core/src/renderer/components/line-progress/line-progress.tsx
new file mode 100644
index 0000000000..24ef169176
--- /dev/null
+++ b/packages/core/src/renderer/components/line-progress/line-progress.tsx
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./line-progress.scss";
+import React from "react";
+import { cssNames } from "../../utils";
+import { withTooltip } from "../tooltip";
+
+export interface LineProgressProps extends React.HTMLProps<HTMLDivElement> {
+  value: number;
+  min?: number;
+  max?: number;
+  className?: any;
+  precise?: number;
+}
+
+function valuePercent({ value, min, max, precise }: Required<Pick<LineProgressProps, "value" | "min" | "max" | "precise">>) {
+  return Math.min(100, value / (max - min) * 100).toFixed(precise);
+}
+
+export const LineProgress = withTooltip(({
+  className,
+  min = 0,
+  max = 100,
+  value,
+  precise = 2,
+  children,
+  ...props
+}: LineProgressProps) => (
+  <div className={cssNames("LineProgress", className)} {...props}>
+    <div
+      className="line"
+      style={{
+        width: `${valuePercent({ min, max, value, precise })}%`,
+      }}
+    />
+    {children}
+  </div>
+));
diff --git a/packages/core/src/renderer/components/list/list.module.scss b/packages/core/src/renderer/components/list/list.module.scss
new file mode 100644
index 0000000000..49226031bf
--- /dev/null
+++ b/packages/core/src/renderer/components/list/list.module.scss
@@ -0,0 +1,8 @@
+.notFound {
+  @apply flex items-center justify-center h-24;
+  color: var(--textColorDimmed);
+}
+
+.searchInput>label {
+  box-shadow: none!important;
+}
\ No newline at end of file
diff --git a/packages/core/src/renderer/components/list/list.tsx b/packages/core/src/renderer/components/list/list.tsx
new file mode 100644
index 0000000000..dfdc042de2
--- /dev/null
+++ b/packages/core/src/renderer/components/list/list.tsx
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./list.module.scss";
+import React, { useState } from "react";
+import { SearchInput } from "../input";
+
+import type { UseTableOptions } from "react-table";
+import { ReactTable } from "../table/react-table";
+
+export type SearchFilter<T> = (item: T) => string | number;
+
+export interface ListProps<T> extends UseTableOptions<any> {
+  items: T[];
+  filters: SearchFilter<T>[];
+  title?: React.ReactNode;
+}
+
+export function List<T>({ columns, data, title, items, filters }: ListProps<T>) {
+  const [search, setSearch] = useState<string>("");
+  const query = search.toLowerCase();
+
+  const filteredData = data.filter((item, index) => (
+    filters.some(getText => String(getText(items[index])).toLowerCase().includes(query))
+  ));
+
+  return (
+    <>
+      <div className="flex align-center justify-between mb-6">
+        <div className="mr-6">
+          {title}
+        </div>
+        <div>
+          <SearchInput
+            value={search}
+            theme="round-black"
+            onChange={setSearch}
+            className={styles.searchInput}
+          />
+        </div>
+      </div>
+      <ReactTable columns={columns} data={filteredData}/>
+      {filteredData.length == 0 && (
+        <div className={styles.notFound}>No data found</div>
+      )}
+    </>
+  );
+}
diff --git a/packages/core/src/renderer/components/locale-date/index.ts b/packages/core/src/renderer/components/locale-date/index.ts
new file mode 100644
index 0000000000..e1dc71bc06
--- /dev/null
+++ b/packages/core/src/renderer/components/locale-date/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./locale-date";
diff --git a/packages/core/src/renderer/components/locale-date/locale-date.tsx b/packages/core/src/renderer/components/locale-date/locale-date.tsx
new file mode 100644
index 0000000000..28b5f6b05a
--- /dev/null
+++ b/packages/core/src/renderer/components/locale-date/locale-date.tsx
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { observer } from "mobx-react";
+import moment from "moment-timezone";
+import type { UserStore } from "../../../common/user-store";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import userStoreInjectable from "../../../common/user-store/user-store.injectable";
+
+export interface LocaleDateProps {
+  date: string;
+}
+
+interface Dependencies {
+  userStore: UserStore;
+}
+
+const NonInjectedLocaleDate = observer(({ date, userStore }: LocaleDateProps & Dependencies) => (
+  <>
+    {`${moment.tz(date, userStore.localeTimezone).format()}`}
+  </>
+));
+
+export const LocaleDate = withInjectables<Dependencies, LocaleDateProps>(NonInjectedLocaleDate, {
+  getProps: (di, props) => ({
+    ...props,
+    userStore: di.inject(userStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/map/__snapshots__/map.test.tsx.snap b/packages/core/src/renderer/components/map/__snapshots__/map.test.tsx.snap
new file mode 100644
index 0000000000..0cd7134778
--- /dev/null
+++ b/packages/core/src/renderer/components/map/__snapshots__/map.test.tsx.snap
@@ -0,0 +1,90 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Map given items and placeholder but no separator renders 1`] = `
+<body>
+  <div>
+    <div
+      data-testid="some-item-id"
+    />
+    <div
+      data-testid="some-other-item-id"
+    />
+  </div>
+</body>
+`;
+
+exports[`Map given more than one item and separator renders 1`] = `
+<body>
+  <div>
+    <div
+      data-testid="some-item-id"
+    />
+    <div
+      data-testid="separator"
+    >
+      Some separator
+    </div>
+    <div
+      data-testid="some-other-item-id"
+    />
+    <div
+      data-testid="separator"
+    >
+      Some separator
+    </div>
+    <div
+      data-testid="some-another-item-id"
+    />
+  </div>
+</body>
+`;
+
+exports[`Map given more than one item and separator using left and right renders 1`] = `
+<body>
+  <div>
+    <div
+      data-testid="some-item-id"
+    />
+    <div
+      data-testid="separator-between-some-item-id-and-some-other-item-id"
+    >
+      Some separator between
+      some-item-id
+      and
+      some-other-item-id
+    </div>
+    <div
+      data-testid="some-other-item-id"
+    />
+    <div
+      data-testid="separator-between-some-other-item-id-and-some-another-item-id"
+    >
+      Some separator between
+      some-other-item-id
+      and
+      some-another-item-id
+    </div>
+    <div
+      data-testid="some-another-item-id"
+    />
+  </div>
+</body>
+`;
+
+exports[`Map given no items and placeholder renders 1`] = `
+<body>
+  <div>
+    <div
+      data-testid="some-placeholder"
+    >
+      Some placeholder
+    </div>
+  </div>
+</body>
+`;
+
+exports[`Map given no items but no placeholder renders 1`] = `
+<body>
+  <div />
+</body>
+`;
diff --git a/packages/core/src/renderer/components/map/map.test.tsx b/packages/core/src/renderer/components/map/map.test.tsx
new file mode 100644
index 0000000000..cf45c0d7f1
--- /dev/null
+++ b/packages/core/src/renderer/components/map/map.test.tsx
@@ -0,0 +1,159 @@
+/**
+ * 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 { Map } from "./map";
+
+describe("Map", () => {
+  describe("given no items and placeholder", () => {
+    let rendered: RenderResult;
+
+    beforeEach(() => {
+      rendered = render(
+        <Map
+          items={[]}
+          getPlaceholder={() => (
+            <div data-testid="some-placeholder">Some placeholder</div>
+          )}
+        >
+          {() => <div data-testid="some-row">Irrelevant</div>}
+        </Map>,
+      );
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("renders placeholder", () => {
+      expect(rendered.getByTestId("some-placeholder")).toBeInTheDocument();
+    });
+
+    it("does not render rows", () => {
+      expect(rendered.queryByTestId("some-row")).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given no items but no placeholder", () => {
+    let rendered: RenderResult;
+
+    beforeEach(() => {
+      rendered = render(
+        <Map items={[]}>
+          {() => <div data-testid="some-row">Irrelevant</div>}
+        </Map>,
+      );
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not render rows", () => {
+      expect(rendered.queryByTestId("some-row")).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given items and placeholder but no separator", () => {
+    let rendered: RenderResult;
+
+    beforeEach(() => {
+      rendered = render(
+        <Map
+          items={[{ id: "some-item-id" }, { id: "some-other-item-id" }]}
+          getPlaceholder={() => (
+            <div data-testid="some-placeholder">Some placeholder</div>
+          )}
+        >
+          {(item) => <div data-testid={item.id} />}
+        </Map>,
+      );
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not render placeholder", () => {
+      expect(
+        rendered.queryByTestId("some-placeholder"),
+      ).not.toBeInTheDocument();
+    });
+
+    it("renders items", () => {
+      expect(rendered.getByTestId("some-item-id")).toBeInTheDocument();
+    });
+  });
+
+  describe("given more than one item and separator", () => {
+    let rendered: RenderResult;
+
+    beforeEach(() => {
+      rendered = render(
+        <Map
+          items={[
+            { id: "some-item-id" },
+            { id: "some-other-item-id" },
+            { id: "some-another-item-id" },
+          ]}
+          getSeparator={() => <div data-testid="separator">Some separator</div>}
+        >
+          {(item) => <div data-testid={item.id} />}
+        </Map>,
+      );
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("renders items", () => {
+      expect(rendered.getByTestId("some-item-id")).toBeInTheDocument();
+    });
+
+    it("renders separator", () => {
+      expect(rendered.getAllByTestId("separator")).toHaveLength(2);
+    });
+  });
+
+  describe("given more than one item and separator using left and right", () => {
+    let rendered: RenderResult;
+
+    beforeEach(() => {
+      rendered = render(
+        <Map
+          items={[
+            { id: "some-item-id" },
+            { id: "some-other-item-id" },
+            { id: "some-another-item-id" },
+          ]}
+          getSeparator={(left, right) => (
+            <div data-testid={`separator-between-${left.id}-and-${right.id}`}>
+              Some separator between
+              {left.id}
+              and
+              {right.id}
+            </div>
+          )}
+        >
+          {(item) => <div data-testid={item.id} />}
+        </Map>,
+      );
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("renders items", () => {
+      expect(rendered.getByTestId("some-item-id")).toBeInTheDocument();
+    });
+
+    it("renders separator", () => {
+      expect(rendered.getByTestId("separator-between-some-item-id-and-some-other-item-id")).toBeInTheDocument();
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/map/map.tsx b/packages/core/src/renderer/components/map/map.tsx
new file mode 100644
index 0000000000..f3b660d041
--- /dev/null
+++ b/packages/core/src/renderer/components/map/map.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 { pipeline } from "@ogre-tools/fp";
+import { identity, map } from "lodash/fp";
+import React from "react";
+import type { GetSeparator } from "../../../common/utils/add-separator/add-separator";
+import { addSeparator } from "../../../common/utils/add-separator/add-separator";
+
+interface RequiredPropertiesForItem {
+  id: string;
+}
+
+interface MapProps<Item extends RequiredPropertiesForItem> {
+  items: Item[];
+  children: (item: Item) => React.ReactElement;
+  getPlaceholder?: () => React.ReactElement;
+  getSeparator?: GetSeparator<Item, React.ReactElement>;
+}
+
+export const Map = <Item extends RequiredPropertiesForItem>(
+  props: MapProps<Item>,
+) => {
+  const { items, getPlaceholder, getSeparator, children } = props;
+
+  if (items.length === 0) {
+    return getPlaceholder?.() || null;
+  }
+
+  return (
+    <>
+      {pipeline(
+        items,
+
+        map((item) => ({ item, render: () => children(item) })),
+
+        getSeparator
+          ? (items) =>
+            addSeparator(
+              (left, right) => ({
+                item: {
+                  id: `separator-between-${left.item.id}-and-${right.item.id}`,
+                },
+
+                render: () => getSeparator(left.item, right.item),
+              }),
+
+              items,
+            )
+          : identity,
+
+        map(({ render, item }) => (
+          <React.Fragment key={item.id}>{render()}</React.Fragment>
+        )),
+      )}
+    </>
+  );
+};
diff --git a/packages/core/src/renderer/components/markdown-viewer/index.ts b/packages/core/src/renderer/components/markdown-viewer/index.ts
new file mode 100644
index 0000000000..fefd9c6a47
--- /dev/null
+++ b/packages/core/src/renderer/components/markdown-viewer/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./markdown-viewer";
diff --git a/packages/core/src/renderer/components/markdown-viewer/markdown-viewer.scss b/packages/core/src/renderer/components/markdown-viewer/markdown-viewer.scss
new file mode 100644
index 0000000000..62397dba24
--- /dev/null
+++ b/packages/core/src/renderer/components/markdown-viewer/markdown-viewer.scss
@@ -0,0 +1,681 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.MarkDownViewer {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  line-height: 1.5;
+  word-wrap: break-word;
+
+  pre, table {
+    overflow: auto;
+  }
+
+  .pl-c {
+    color: #969896;
+  }
+
+  .pl-c1,
+  .pl-s .pl-v {
+    color: #0086b3;
+  }
+
+  .pl-e,
+  .pl-en {
+    color: #795da3;
+  }
+
+  .pl-smi,
+  .pl-s .pl-s1 {
+    color: #333;
+  }
+
+  .pl-ent {
+    color: #63a35c;
+  }
+
+  .pl-k {
+    color: #a71d5d;
+  }
+
+  .pl-s,
+  .pl-pds,
+  .pl-s .pl-pse .pl-s1,
+  .pl-sr,
+  .pl-sr .pl-cce,
+  .pl-sr .pl-sre,
+  .pl-sr .pl-sra {
+    color: #183691;
+  }
+
+  .pl-v {
+    color: #ed6a43;
+  }
+
+  .pl-id {
+    color: #b52a1d;
+  }
+
+  .pl-ii {
+    color: #f8f8f8;
+    background-color: #b52a1d;
+  }
+
+  .pl-sr .pl-cce {
+    font-weight: bold;
+    color: #63a35c;
+  }
+
+  .pl-ml {
+    color: #693a17;
+  }
+
+  .pl-mh,
+  .pl-mh .pl-en,
+  .pl-ms {
+    font-weight: bold;
+    color: #1d3e81;
+  }
+
+  .pl-mq {
+    color: #008080;
+  }
+
+  .pl-mi {
+    font-style: italic;
+    color: #333;
+  }
+
+  .pl-mb {
+    font-weight: bold;
+    color: #333;
+  }
+
+  .pl-md {
+    color: #bd2c00;
+    background-color: #ffecec;
+  }
+
+  .pl-mi1 {
+    color: #55a532;
+    background-color: #eaffea;
+  }
+
+  .pl-mdr {
+    font-weight: bold;
+    color: #795da3;
+  }
+
+  .pl-mo {
+    color: #1d3e81;
+  }
+
+  .octicon {
+    display: inline-block;
+    vertical-align: text-top;
+    fill: currentColor;
+  }
+
+  a {
+    background-color: transparent;
+    -webkit-text-decoration-skip: objects;
+  }
+
+  a:active,
+  a:hover {
+    outline-width: 0;
+  }
+
+  strong {
+    font-weight: inherit;
+  }
+
+  strong {
+    font-weight: bolder;
+  }
+
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+
+  img {
+    border-style: none;
+  }
+
+  svg:not(:root) {
+    overflow: hidden;
+  }
+
+  code,
+  kbd,
+  pre {
+    font-family: monospace, monospace;
+    font-size: 1em;
+  }
+
+  hr {
+    box-sizing: content-box;
+    height: 0;
+    overflow: visible;
+  }
+
+  input {
+    font: inherit;
+    margin: 0;
+  }
+
+  input {
+    overflow: visible;
+  }
+
+  &[type="checkbox"] {
+    box-sizing: border-box;
+    padding: 0;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  input {
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+  }
+
+  a {
+    color: #3d90ce;
+  }
+
+  a:hover,
+  a:active {
+    text-decoration: underline;
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  hr {
+    height: 0;
+    margin: 15px 0;
+    overflow: hidden;
+    background: transparent;
+    border: 0;
+    border-bottom: 1px solid #ddd;
+  }
+
+  hr::before {
+    display: table;
+    content: "";
+  }
+
+  hr::after {
+    display: table;
+    clear: both;
+    content: "";
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  h1 {
+    font-size: 32px;
+    font-weight: 600;
+  }
+
+  h2 {
+    font-size: 24px;
+    font-weight: 600;
+  }
+
+  h3 {
+    font-size: 20px;
+    font-weight: 600;
+  }
+
+  h4 {
+    font-size: 16px;
+    font-weight: 600;
+  }
+
+  h5 {
+    font-size: 14px;
+    font-weight: 600;
+  }
+
+  h6 {
+    font-size: 12px;
+    font-weight: 600;
+  }
+
+  p {
+    margin-top: 0;
+    margin-bottom: 10px;
+  }
+
+  blockquote {
+    margin: 0;
+  }
+
+  ul,
+  ol {
+    padding-left: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  ol ol,
+  ul ol {
+    list-style-type: lower-roman;
+  }
+
+  ul ul ol,
+  ul ol ol,
+  ol ul ol,
+  ol ol ol {
+    list-style-type: lower-alpha;
+  }
+
+  dd {
+    margin-left: 0;
+  }
+
+  code {
+    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    font-size: 12px;
+  }
+
+  pre {
+    margin-top: 0;
+    margin-bottom: 0;
+    font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  }
+
+  .octicon {
+    vertical-align: text-bottom;
+  }
+
+  input {
+    -webkit-font-feature-settings: "liga" 0;
+    font-feature-settings: "liga" 0;
+  }
+
+  &::before {
+    display: table;
+    content: "";
+  }
+
+  &::after {
+    display: table;
+    clear: both;
+    content: "";
+  }
+
+  & > *:first-child {
+    margin-top: 0 !important;
+  }
+
+  & > *:last-child {
+    margin-bottom: 0 !important;
+  }
+
+  a:not([href]) {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  .anchor {
+    float: left;
+    padding-right: 4px;
+    margin-left: -20px;
+    line-height: 1;
+  }
+
+  .anchor:focus {
+    outline: none;
+  }
+
+  p,
+  blockquote,
+  ul,
+  ol,
+  dl,
+  table,
+  pre {
+    margin-top: 0;
+    margin-bottom: 16px;
+  }
+
+  hr {
+    height: 0.25em;
+    padding: 0;
+    margin: 24px 0;
+    background-color: var(--helmDescriptionHr);
+    border: 0;
+  }
+
+  blockquote {
+    padding: 8px 1em;
+    color: var(--helmDescriptionBlockquoteColor);
+    border-left: 0.25em solid var(--helmDescriptionBlockquoteBorder);
+    background: var(--helmDescriptionBlockquoteBackground);
+  }
+
+  blockquote > :first-child {
+    margin-top: 0;
+  }
+
+  blockquote > :last-child {
+    margin-bottom: 0;
+  }
+
+  kbd {
+    display: inline-block;
+    padding: 3px 5px;
+    font-size: 11px;
+    line-height: 10px;
+    color: #555;
+    vertical-align: middle;
+    background-color: #fcfcfc;
+    border: solid 1px #ccc;
+    border-bottom-color: #bbb;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #bbb;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: 24px;
+    margin-bottom: 16px;
+    font-weight: 600;
+    line-height: 1.25;
+  }
+
+  h1 .octicon-link,
+  h2 .octicon-link,
+  h3 .octicon-link,
+  h4 .octicon-link,
+  h5 .octicon-link,
+  h6 .octicon-link {
+    color: #000;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+
+  h1:hover .anchor,
+  h2:hover .anchor,
+  h3:hover .anchor,
+  h4:hover .anchor,
+  h5:hover .anchor,
+  h6:hover .anchor {
+    text-decoration: none;
+  }
+
+  h1:hover .anchor .octicon-link,
+  h2:hover .anchor .octicon-link,
+  h3:hover .anchor .octicon-link,
+  h4:hover .anchor .octicon-link,
+  h5:hover .anchor .octicon-link,
+  h6:hover .anchor .octicon-link {
+    visibility: visible;
+  }
+
+  h1 {
+    padding-bottom: 0.3em;
+    font-size: 1.8em;
+    font-weight: normal;
+    border-bottom: 1px solid var(--borderFaintColor);
+  }
+
+  h2 {
+    padding-bottom: 0.3em;
+    font-size: 1.3em;
+    font-weight: normal;
+    border-bottom: 1px solid var(--borderFaintColor);
+  }
+
+  h3 {
+    font-size: 1.1em;
+    font-weight: normal;
+    border-bottom: 1px solid var(--borderFaintColor);
+    padding-bottom: 0.4em;
+  }
+
+  h4 {
+    font-size: 1em;
+  }
+
+  h5 {
+    font-size: 0.875em;
+  }
+
+  h6 {
+    font-size: 0.85em;
+    color: var(--helmDescriptionH6);
+  }
+
+  ul,
+  ol {
+    padding-left: 2em;
+  }
+
+  ul {
+    list-style: disc;
+  }
+
+  ol {
+    list-style-type: decimal;
+  }
+
+  ul ul,
+  ul ol,
+  ol ol,
+  ol ul {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  li > p {
+    margin-top: 16px;
+  }
+
+  li + li {
+    margin-top: 0.25em;
+  }
+
+  dl {
+    padding: 0;
+  }
+
+  dl dt {
+    padding: 0;
+    margin-top: 16px;
+    font-size: 1em;
+    font-style: italic;
+    font-weight: bold;
+  }
+
+  dl dd {
+    padding: 0 16px;
+    margin-bottom: 16px;
+  }
+
+  table {
+    border-collapse: collapse;
+    display: table;
+    width: 100%;
+    overflow-y: visible;
+    overflow-x: auto;
+    table-layout: fixed;
+  }
+
+  th, td {
+    padding: 6px 13px;
+    border: 1px solid var(--helmDescriptionTdBorder);
+    text-align: left;
+    word-break: break-all;
+    hyphens: auto;
+
+    > * {
+      white-space: normal;
+    }
+  }
+
+  table tr {
+    background-color: var(--tableBgcStripe);
+  }
+
+  table tr:nth-child(2n) {
+    background-color: var(--tableBgcSelected);
+  }
+
+  img {
+    max-width: 100%;
+    box-sizing: content-box;
+    background-color: var(--mainBackground);
+  }
+
+  code {
+    padding: .15em .35em;
+    margin: 0;
+    font-size: 85%;
+    background-color: var(--helmDescriptionCodeBackground);
+    border-radius: 3px;
+    white-space: normal;
+    display: inline-block;
+    vertical-align: middle;
+    color: var(--helmDescriptionPreColor);
+  }
+
+  pre > code {
+    padding: 0;
+    margin: 0;
+    font-size: 100%;
+    word-break: normal;
+    white-space: pre;
+    background: transparent;
+    border: 0;
+  }
+
+  .highlight {
+    margin-bottom: 16px;
+  }
+
+  .highlight pre {
+    margin-bottom: 0;
+    word-break: normal;
+  }
+
+  .highlight pre,
+  pre {
+    padding: 16px;
+    font-size: 85%;
+    line-height: 1.45;
+    background-color: var(--helmDescriptionPreBackground);
+    border-radius: 3px;
+    overflow: auto;
+  }
+
+  pre code {
+    display: inline;
+    max-width: initial;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    line-height: inherit;
+    word-wrap: normal;
+    background-color: transparent;
+    border: 0;
+    color: var(--helmDescriptionPreColor);
+  }
+
+  pre code::before,
+  pre code::after {
+    content: normal;
+  }
+
+  .pl-0 {
+    padding-left: 0 !important;
+  }
+
+  .pl-1 {
+    padding-left: 3px !important;
+  }
+
+  .pl-2 {
+    padding-left: 6px !important;
+  }
+
+  .pl-3 {
+    padding-left: 12px !important;
+  }
+
+  .pl-4 {
+    padding-left: 24px !important;
+  }
+
+  .pl-5 {
+    padding-left: 36px !important;
+  }
+
+  .pl-6 {
+    padding-left: 48px !important;
+  }
+
+  .full-commit .btn-outline:not(:disabled):hover {
+    color: #4078c0;
+    border: 1px solid #4078c0;
+  }
+
+  kbd {
+    display: inline-block;
+    padding: 3px 5px;
+    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    line-height: 10px;
+    color: #555;
+    vertical-align: middle;
+    background-color: #fcfcfc;
+    border: solid 1px #ccc;
+    border-bottom-color: #bbb;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #bbb;
+  }
+
+  :checked + .radio-label {
+    position: relative;
+    z-index: 1;
+    border-color: #4078c0;
+  }
+
+  .task-list-item {
+    list-style-type: none;
+  }
+
+  .task-list-item + .task-list-item {
+    margin-top: 3px;
+  }
+
+  .task-list-item input {
+    margin: 0 0.2em 0.25em -1.6em;
+    vertical-align: middle;
+  }
+
+  hr {
+    border-bottom-color: #eee;
+  }
+}
diff --git a/packages/core/src/renderer/components/markdown-viewer/markdown-viewer.tsx b/packages/core/src/renderer/components/markdown-viewer/markdown-viewer.tsx
new file mode 100644
index 0000000000..66261cd7e4
--- /dev/null
+++ b/packages/core/src/renderer/components/markdown-viewer/markdown-viewer.tsx
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Wrapper Component with marked plugin in its core
+// Source: https://www.npmjs.com/package/marked
+import "./markdown-viewer.scss";
+
+import React, { Component } from "react";
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+import { cssNames } from "../../utils";
+
+DOMPurify.addHook("afterSanitizeAttributes", function (node) {
+  // Set all elements owning target to target=_blank
+  if ("target" in node) {
+    node.setAttribute("target", "_blank");
+  }
+});
+
+export interface MarkdownViewerProps extends OptionalProps {
+  markdown: string;
+}
+
+export interface OptionalProps {
+  className?: string;
+}
+
+export class MarkdownViewer extends Component<MarkdownViewerProps> {
+  render() {
+    const { className, markdown } = this.props;
+    const html = DOMPurify.sanitize(marked(markdown));
+
+    return (
+      <div
+        className={cssNames("MarkDownViewer", className)}
+        dangerouslySetInnerHTML={{ __html: html }}
+      />
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/media.scss b/packages/core/src/renderer/components/media.scss
new file mode 100755
index 0000000000..f39d1f3c69
--- /dev/null
+++ b/packages/core/src/renderer/components/media.scss
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+//-- Mixins for adaptive layout (media queries)
+@import "~include-media/dist/include-media";
+
+@mixin mobile {
+  @include media("<=desktop") {
+    @content;
+  }
+}
diff --git a/packages/core/src/renderer/components/menu/index.ts b/packages/core/src/renderer/components/menu/index.ts
new file mode 100644
index 0000000000..47ee88a459
--- /dev/null
+++ b/packages/core/src/renderer/components/menu/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 "./menu";
+export * from "./menu-actions";
diff --git a/packages/core/src/renderer/components/menu/menu-actions.scss b/packages/core/src/renderer/components/menu/menu-actions.scss
new file mode 100644
index 0000000000..3073d76131
--- /dev/null
+++ b/packages/core/src/renderer/components/menu/menu-actions.scss
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.MenuActions {
+  &.toolbar {
+    --flex-gap: var(--padding);
+
+    position: static;
+    padding: 0;
+    background: none;
+    border: none;
+    flex-direction: row;
+    margin-right: var(--flex-gap) !important;
+
+    .Icon {
+      width: 21px;
+      height: 21px;
+    }
+
+    .title, .arrow {
+      display: none;
+    }
+
+    > .MenuItem {
+      background: none !important;
+      padding: 0;
+      margin-bottom: 0;
+      border: none;
+      width: 21px;
+      height: 21px;
+
+      > .SubMenu {
+        $offset: $margin;
+
+        margin-top: $offset;
+        top: 100%;
+        right: $padding;
+
+        &:before {
+          position: absolute;
+          width: 100%;
+          top: -$offset;
+          height: $offset;
+          content: "";
+        }
+      }
+    }
+  }
+
+  .MenuItem {
+    position: relative;
+
+    &:hover > .SubMenu {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    > .SubMenu {
+      margin: 0;
+      transition: visibility, opacity 150ms ease-in-out;
+      transition-delay: 150ms;
+      opacity: 0;
+      visibility: hidden;
+      right: 100%;
+      top: -1px;
+      margin-right: 2px;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/menu/menu-actions.tsx b/packages/core/src/renderer/components/menu/menu-actions.tsx
new file mode 100644
index 0000000000..0e77446caf
--- /dev/null
+++ b/packages/core/src/renderer/components/menu/menu-actions.tsx
@@ -0,0 +1,191 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./menu-actions.scss";
+
+import React, { isValidElement } from "react";
+import { observable, makeObservable, reaction } from "mobx";
+import { disposeOnUnmount, observer } from "mobx-react";
+import { autoBind, cssNames } from "../../utils";
+import type { IconProps } from "../icon";
+import { Icon } from "../icon";
+import type { MenuProps } from "./menu";
+import { Menu, MenuItem } from "./menu";
+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;
+  toolbar?: boolean; // display menu as toolbar with icons
+  autoCloseOnSelect?: boolean;
+  triggerIcon?: string | (IconProps & TooltipDecoratorProps) | React.ReactNode;
+  /**
+   * @deprecated Provide your own remove `<MenuItem>` as part of the `children` passed to this component
+   */
+  removeConfirmationMessage?: React.ReactNode | (() => React.ReactNode);
+  /**
+   * @deprecated Provide your own update `<MenuItem>` as part of the `children` passed to this component
+   */
+  updateAction?: () => void | Promise<void>;
+  /**
+   * @deprecated Provide your own remove `<MenuItem>` as part of the `children` passed to this component
+   */
+  removeAction?: () => void | Promise<void>;
+  onOpen?: () => void;
+  id?: string;
+}
+
+interface Dependencies {
+  openConfirmDialog: OpenConfirmDialog;
+}
+
+@observer
+class NonInjectedMenuActions extends React.Component<MenuActionsProps & Dependencies> {
+  static defaultProps = {
+    removeConfirmationMessage: "Remove item?",
+  };
+
+  @observable isOpen = !!this.props.toolbar;
+
+  toggle = () => {
+    if (this.props.toolbar) return;
+    this.isOpen = !this.isOpen;
+  };
+
+  constructor(props: MenuActionsProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  componentDidMount(): void {
+    disposeOnUnmount(this, [
+      reaction(() => this.isOpen, (isOpen) => {
+        if (isOpen) {
+          this.props.onOpen?.();
+        }
+      }, {
+        fireImmediately: true,
+      }),
+    ]);
+  }
+
+  remove() {
+    const { removeAction, openConfirmDialog } = this.props;
+    let { removeConfirmationMessage } = this.props;
+
+    if (typeof removeConfirmationMessage === "function") {
+      removeConfirmationMessage = removeConfirmationMessage();
+    }
+    openConfirmDialog({
+      ok: removeAction,
+      labelOk: "Remove",
+      message: <div>{removeConfirmationMessage}</div>,
+    });
+  }
+
+  renderTriggerIcon() {
+    const {
+      triggerIcon = "more_vert",
+      toolbar,
+      "data-testid": dataTestId,
+    } = this.props;
+
+    if (toolbar) {
+      return null;
+    }
+
+    if (isValidElement<HTMLElement>(triggerIcon)) {
+      const className = cssNames(triggerIcon.props.className, { active: this.isOpen });
+
+      return React.cloneElement(triggerIcon, { id: this.props.id, className });
+    }
+
+    const iconProps: IconProps & TooltipDecoratorProps = {
+      id: this.props.id,
+      interactive: true,
+      material: isString(triggerIcon) ? triggerIcon : undefined,
+      active: this.isOpen,
+      ...(typeof triggerIcon === "object" ? triggerIcon : {}),
+    };
+
+    if (dataTestId) {
+      iconProps["data-testid"] = `icon-for-${dataTestId}`;
+    }
+
+    if (iconProps.tooltip && this.isOpen) {
+      delete iconProps.tooltip; // don't show tooltip for icon when menu is open
+    }
+
+    return (
+      <Icon {...iconProps}/>
+    );
+  }
+
+  render() {
+    const {
+      className, toolbar, autoCloseOnSelect, children, updateAction, removeAction, triggerIcon, removeConfirmationMessage,
+      ...menuProps
+    } = this.props;
+    const autoClose = !toolbar;
+
+    return (
+      <>
+        {this.renderTriggerIcon()}
+
+        <Menu
+          htmlFor={this.props.id}
+          isOpen={this.isOpen}
+          open={this.toggle}
+          close={this.toggle}
+          className={cssNames("MenuActions flex", className, {
+            toolbar,
+            gaps: toolbar, // add spacing for .flex
+          })}
+          animated={!toolbar}
+          usePortal={autoClose}
+          closeOnScroll={autoClose}
+          closeOnClickItem={autoCloseOnSelect ?? autoClose}
+          closeOnClickOutside={autoClose}
+          {...menuProps}
+        >
+          {children}
+          {updateAction && (
+            <MenuItem onClick={updateAction}>
+              <Icon
+                material="edit"
+                interactive={toolbar}
+                tooltip="Edit"
+              />
+              <span className="title">Edit</span>
+            </MenuItem>
+          )}
+          {removeAction && (
+            <MenuItem onClick={this.remove} data-testid="menu-action-remove">
+              <Icon
+                material="delete"
+                interactive={toolbar}
+                tooltip="Delete"
+              />
+              <span className="title">Delete</span>
+            </MenuItem>
+          )}
+        </Menu>
+      </>
+    );
+  }
+}
+
+export const MenuActions = withInjectables<Dependencies, MenuActionsProps>(NonInjectedMenuActions, {
+  getProps: (di, props) => ({
+    id: di.inject(getRandomIdInjectable)(),
+    openConfirmDialog: di.inject(openConfirmDialogInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/menu/menu.scss b/packages/core/src/renderer/components/menu/menu.scss
new file mode 100644
index 0000000000..30e92d2a75
--- /dev/null
+++ b/packages/core/src/renderer/components/menu/menu.scss
@@ -0,0 +1,110 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Menu {
+  --bgc: var(--layoutBackground);
+
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  background: var(--bgc);
+  list-style: none;
+  border: 1px solid var(--borderColor);
+  z-index: 101;
+  box-shadow: rgb(0 0 0 / 17%) 0px 6px 9px 0px;
+  border-radius: 4px;
+
+  &.portal {
+    left: -1000px;
+    top: -1000px;
+  }
+
+  &:not(.portal) {
+    margin: $margin 0;
+
+    &.left {
+      left: 0;
+    }
+
+    &.right {
+      right: 0;
+    }
+
+    &.top {
+      bottom: 100%;
+    }
+
+    &.bottom {
+      top: 100%;
+    }
+  }
+
+  &:empty {
+    display: none;
+  }
+}
+
+.MenuItem {
+  --color: var(--textColorPrimary);
+  --color-active: white;
+  --bgc-active: var(--menuActiveBackground);
+
+  position: relative;
+  display: flex;
+  align-items: center;
+  color: var(--color);
+  padding: calc(var(--padding) / 2) var(--padding);
+  margin-bottom: -3px;
+  white-space: nowrap;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  border-radius: 6px;
+  border: 3px solid var(--bgc);
+
+  &:last-of-type {
+    margin-bottom: 0;
+  }
+
+  &:not(.disabled) {
+    cursor: pointer;
+  }
+
+  &:hover:not(.disabled) {
+    color: var(--color-active);
+    background: var(--bgc-active);
+    cursor: pointer;
+  }
+
+  &.active, &:focus {
+    color: var(--color-active);
+    background-color: var(--bgc-active);
+  }
+
+  &.disabled {
+    pointer-events: none;
+    opacity: .5;
+  }
+
+  &.spacer {
+    padding: 0;
+    height: 0;
+    overflow: hidden;
+    border-top: 1px solid var(--contentColor);
+    pointer-events: none;
+  }
+
+  .Icon {
+    &:first-child {
+      margin-left: 0;
+      margin-right: $padding;
+    }
+  }
+}
+
+@include theme-light {
+  .Menu {
+    border: 1px solid var(--borderColor);
+  }
+}
diff --git a/packages/core/src/renderer/components/menu/menu.tsx b/packages/core/src/renderer/components/menu/menu.tsx
new file mode 100644
index 0000000000..4fac33e10a
--- /dev/null
+++ b/packages/core/src/renderer/components/menu/menu.tsx
@@ -0,0 +1,497 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./menu.scss";
+
+import type { ReactElement, ReactNode } from "react";
+import React, { Fragment } from "react";
+import { createPortal } from "react-dom";
+import { autoBind, cssNames, noop } from "../../utils";
+import { Animate } from "../animate";
+import type { IconProps } from "../icon";
+import { Icon } from "../icon";
+import isEqual from "lodash/isEqual";
+import type { RequestAnimationFrame } from "../animate/request-animation-frame.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import requestAnimationFrameInjectable from "../animate/request-animation-frame.injectable";
+
+export const MenuContext = React.createContext<MenuContextValue | null>(null);
+export interface MenuContextValue {
+  readonly props: Readonly<MenuProps>;
+  close: () => void;
+}
+
+export interface MenuPosition {
+  left?: boolean;
+  top?: boolean;
+  right?: boolean;
+  bottom?: boolean;
+}
+
+export interface MenuStyle {
+  top: string;
+  left: string;
+}
+export interface MenuProps {
+  isOpen?: boolean;
+  open(): void;
+  close(): void;
+  id?: string;
+  className?: string;
+  htmlFor?: string;
+  autoFocus?: boolean;
+  usePortal?: boolean | HTMLElement;
+  closeOnClickItem?: boolean;       // close menu on item click
+  closeOnClickOutside?: boolean;    // use false value for sub-menus
+  closeOnScroll?: boolean;          // applicable when usePortal={true}
+  position?: MenuPosition;          // applicable when usePortal={false}
+  children?: ReactNode;
+  animated?: boolean;
+  toggleEvent?: "click" | "contextmenu";
+  "data-testid"?: string;
+}
+
+interface State {
+  position?: MenuPosition;
+  menuStyle?: MenuStyle;
+}
+
+const defaultPropsMenu: Partial<MenuProps> = {
+  position: { right: true, bottom: true },
+  autoFocus: false,
+  usePortal: false,
+  closeOnClickItem: true,
+  closeOnClickOutside: true,
+  closeOnScroll: false,
+  toggleEvent: "click",
+  animated: true,
+};
+
+interface Dependencies {
+  requestAnimationFrame: RequestAnimationFrame;
+}
+
+class NonInjectedMenu extends React.Component<MenuProps & Dependencies, State> {
+  static defaultProps = defaultPropsMenu as object;
+
+  constructor(props: MenuProps & Dependencies) {
+    super(props);
+    autoBind(this);
+  }
+  private opener: HTMLElement | null = null;
+  private elem: HTMLUListElement | null = null;
+  protected items: { [index: number]: MenuItem } = {};
+  state: State = {};
+
+  get isOpen() {
+    return !!this.props.isOpen;
+  }
+
+  get isClosed() {
+    return !this.isOpen;
+  }
+
+  componentDidMount() {
+    const {
+      usePortal,
+      htmlFor,
+      toggleEvent,
+    } = this.props;
+
+    if (!usePortal) {
+      if (this.elem?.parentElement) {
+        const { position } = window.getComputedStyle(this.elem.parentElement);
+
+        if (position === "static") {
+          this.elem.parentElement.style.position = "relative";
+        }
+      }
+    } else if (this.isOpen) {
+      this.refreshPosition();
+    }
+
+    if (htmlFor) {
+      this.opener = document.getElementById(htmlFor); // might not exist in sub-menus
+    }
+
+    if (this.opener) {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      this.opener.addEventListener(toggleEvent!, this.toggle);
+      this.opener.addEventListener("keydown", this.onKeyDown);
+    }
+    window.addEventListener("resize", this.onWindowResize);
+    window.addEventListener("click", this.onClickOutside, true);
+    window.addEventListener("scroll", this.onScrollOutside, true);
+    window.addEventListener("contextmenu", this.onContextMenu, true);
+    window.addEventListener("blur", this.onBlur, true);
+  }
+
+  componentWillUnmount() {
+    if (this.opener) {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      this.opener.removeEventListener(this.props.toggleEvent!, this.toggle);
+      this.opener.removeEventListener("keydown", this.onKeyDown);
+    }
+    window.removeEventListener("resize", this.onWindowResize);
+    window.removeEventListener("click", this.onClickOutside, true);
+    window.removeEventListener("scroll", this.onScrollOutside, true);
+    window.removeEventListener("blur", this.onBlur, true);
+    window.removeEventListener("contextmenu", this.onContextMenu, true);
+  }
+
+  componentDidUpdate(prevProps: MenuProps) {
+    if (!isEqual(prevProps.children, this.props.children)) {
+      this.refreshPosition();
+    }
+  }
+
+  protected get focusableItems() {
+    return Object.values(this.items).filter(item => item.isFocusable);
+  }
+
+  protected get focusedItem() {
+    return this.focusableItems.find(item => item.elem === document.activeElement);
+  }
+
+  protected focusNextItem(reverse = false) {
+    const items = this.focusableItems;
+    const activeIndex = items.findIndex(item => item === this.focusedItem);
+
+    if (!items.length) {
+      return;
+    }
+
+    if (activeIndex > -1) {
+      let nextItem = reverse ? items[activeIndex - 1] : items[activeIndex + 1];
+
+      if (!nextItem) nextItem = items[activeIndex];
+      nextItem.elem?.focus();
+    } else {
+      items[0].elem?.focus();
+    }
+  }
+
+  refreshPosition = () => requestAnimationFrame(() => {
+    if (!this.props.usePortal || !this.opener || !this.elem) {
+      return;
+    }
+
+    const openerClientRect = this.opener.getBoundingClientRect();
+    let { left: openerLeft, top: openerTop, bottom: openerBottom, right: openerRight } = this.opener.getBoundingClientRect();
+    const withScroll = window.getComputedStyle(this.elem).position !== "fixed";
+
+    // window global scroll corrections
+    if (withScroll) {
+      openerLeft += window.pageXOffset;
+      openerTop += window.pageYOffset;
+      openerRight = openerLeft + openerClientRect.width;
+      openerBottom = openerTop + openerClientRect.height;
+    }
+
+    const extraMargin = this.props.usePortal ? 8 : 0;
+
+    const { width: menuWidth, height: menuHeight } = this.elem.getBoundingClientRect();
+
+    const rightSideOfMenu = openerLeft + menuWidth;
+    const renderMenuLeft = rightSideOfMenu > window.innerWidth;
+    const menuOnLeftSidePosition = `${openerRight - this.elem.offsetWidth}px`;
+    const menuOnRightSidePosition = `${openerLeft}px`;
+
+    const bottomOfMenu = openerBottom + extraMargin + menuHeight;
+    const renderMenuOnTop = bottomOfMenu > window.innerHeight;
+    const menuOnTopPosition = `${openerTop - this.elem.offsetHeight - extraMargin}px`;
+    const menuOnBottomPosition = `${openerBottom + extraMargin}px`;
+
+    this.setState({
+      position: {
+        top: renderMenuOnTop,
+        bottom: !renderMenuOnTop,
+        left: renderMenuLeft,
+        right: !renderMenuLeft,
+      },
+      menuStyle: {
+        top: renderMenuOnTop ? menuOnTopPosition : menuOnBottomPosition,
+        left: renderMenuLeft ? menuOnLeftSidePosition : menuOnRightSidePosition,
+      },
+    });
+  });
+
+  open() {
+    if (this.isOpen) {
+      return;
+    }
+
+    this.props.open();
+    this.refreshPosition();
+
+    if (this.props.autoFocus) {
+      this.focusNextItem();
+    }
+  }
+
+  close() {
+    if (this.isClosed) {
+      return;
+    }
+
+    this.props.close();
+  }
+
+  toggle() {
+    if (this.isOpen) {
+      this.close();
+    } else {
+      this.open();
+    }
+  }
+
+  onKeyDown(evt: React.KeyboardEvent | KeyboardEvent) {
+    if (!this.isOpen) return;
+
+    switch (evt.code) {
+      case "Escape":
+        this.close();
+        break;
+
+      case "Space":
+        // fallthrough
+
+      case "Enter": {
+        const focusedItem = this.focusedItem;
+
+        if (focusedItem) {
+          focusedItem.elem?.click();
+          evt.preventDefault();
+        }
+        break;
+      }
+
+      case "ArrowUp":
+        this.focusNextItem(true);
+        break;
+
+      case "ArrowDown":
+        this.focusNextItem();
+        break;
+    }
+  }
+
+  onContextMenu() {
+    this.close();
+  }
+
+  onWindowResize() {
+    if (!this.isOpen) return;
+    this.refreshPosition();
+  }
+
+  onScrollOutside(evt: Event) {
+    if (!this.isOpen) return;
+    const target = evt.target as HTMLElement;
+    const { usePortal, closeOnScroll } = this.props;
+
+    if (usePortal && closeOnScroll && !target.contains(this.elem)) {
+      this.close();
+    }
+  }
+
+  onClickOutside(evt: MouseEvent) {
+    if (!this.props.closeOnClickOutside) return;
+    if (!this.isOpen || evt.target === document.body) return;
+    const target = evt.target as HTMLElement;
+    const clickInsideMenu = this.elem?.contains(target);
+    const clickOnOpener = this.opener && this.opener.contains(target);
+
+    if (!clickInsideMenu && !clickOnOpener) {
+      this.close();
+    }
+  }
+
+  onBlur() {
+    if (!this.isOpen) return;  // Prevents triggering document.activeElement for each <Menu/> instance
+
+    if (document.activeElement?.tagName == "IFRAME") {
+      this.close();
+    }
+  }
+
+  protected bindRef(elem: HTMLUListElement) {
+    this.elem = elem;
+  }
+
+  protected bindItemRef(item: MenuItem, index: number) {
+    this.items[index] = item;
+  }
+
+  render() {
+    const { position, id, animated, "data-testid": dataTestId, usePortal, className } = this.props;
+    const classNames = cssNames("Menu", className, this.state.position || position, {
+      portal: usePortal,
+    });
+
+    let children = this.props.children as ReactElement<any>;
+
+    if (children.type === Fragment) {
+      children = children.props.children;
+    }
+    const menuItems = React.Children.toArray(children).map((item, index) => {
+      if (typeof item === "object" && (item as ReactElement).type === MenuItem) {
+        return React.cloneElement(item as ReactElement, {
+          ref: (item: MenuItem) => this.bindItemRef(item, index),
+        });
+      }
+
+      return item;
+    });
+
+    let menu = (
+      <ul
+        id={id}
+        ref={this.bindRef}
+        className={classNames}
+        style={{
+          left: this.state?.menuStyle?.left,
+          top: this.state?.menuStyle?.top,
+        }}
+        onKeyDown={this.onKeyDown}
+        data-testid={dataTestId}
+      >
+        {menuItems}
+      </ul>
+    );
+
+    if (animated) {
+      menu = (
+        <Animate enter={this.isOpen}>
+          {menu}
+        </Animate>
+      );
+    }
+
+    menu = (
+      <MenuContext.Provider value={this}>
+        {menu}
+      </MenuContext.Provider>
+    );
+
+    if (!usePortal) {
+      return menu;
+    }
+
+    const portal = usePortal === true ? document.body : usePortal;
+
+    return createPortal(menu, portal);
+  }
+}
+
+export const Menu = withInjectables<Dependencies, MenuProps>(NonInjectedMenu, {
+  getProps: (di, props) => ({
+    ...props,
+    requestAnimationFrame: di.inject(requestAnimationFrameInjectable),
+  }),
+});
+
+export function SubMenu(props: Partial<MenuProps>) {
+  const { className, ...menuProps } = props;
+
+  return (
+    <Menu
+      className={cssNames("SubMenu", className)}
+      isOpen
+      open={noop}
+      close={noop}
+      position={{}} // reset position, must be handled in css
+      closeOnClickOutside={false}
+      closeOnClickItem={false}
+      {...menuProps}
+    />
+  );
+}
+
+export interface MenuItemProps extends React.HTMLProps<any> {
+  icon?: string | Partial<IconProps>;
+  disabled?: boolean;
+  active?: boolean;
+  spacer?: boolean;
+  href?: string;
+}
+
+const defaultPropsMenuItem: Partial<MenuItemProps> = {
+  onClick: noop,
+};
+
+export class MenuItem extends React.Component<MenuItemProps> {
+  static defaultProps = defaultPropsMenuItem as object;
+  static contextType = MenuContext;
+
+  declare context: MenuContextValue;
+  public elem: HTMLElement | null = null;
+
+  constructor(props: MenuItemProps) {
+    super(props);
+    autoBind(this);
+  }
+
+  get isFocusable() {
+    const { disabled, spacer } = this.props;
+
+    return !(disabled || spacer);
+  }
+
+  get isLink() {
+    return !!this.props.href;
+  }
+
+  onClick(evt: React.MouseEvent) {
+    const menu = this.context;
+    const { spacer, onClick } = this.props;
+
+    if (spacer) return;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    onClick!(evt);
+
+    if (menu.props.closeOnClickItem && !evt.defaultPrevented) {
+      menu.close();
+    }
+  }
+
+  protected bindRef(elem: HTMLElement) {
+    this.elem = elem;
+  }
+
+  render() {
+    const { className, disabled, active, spacer, icon, children, ...props } = this.props;
+    const iconProps: Partial<IconProps> = {};
+
+    if (icon) {
+      if (typeof icon === "string") {
+        iconProps.material = icon;
+      } else {
+        Object.assign(iconProps, icon);
+      }
+    }
+
+    const elemProps: React.HTMLProps<any> = {
+      tabIndex: this.isFocusable ? 0 : -1,
+      ...props,
+      className: cssNames("MenuItem", className, { disabled, active, spacer }),
+      onClick: this.onClick,
+      children: icon ? (
+        <>
+          <Icon {...iconProps}/>
+          {" "}
+          {children}
+        </>
+      ) : children,
+      ref: this.bindRef,
+    };
+
+    if (this.isLink) {
+      return <a {...elemProps}/>;
+    }
+
+    return <li {...elemProps}/>;
+  }
+}
diff --git a/packages/core/src/renderer/components/mixins.scss b/packages/core/src/renderer/components/mixins.scss
new file mode 100755
index 0000000000..4581f0437b
--- /dev/null
+++ b/packages/core/src/renderer/components/mixins.scss
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+//-- Mixins
+@import "+workloads/workloads-mixins";
+@import "+storage/storage-mixins";
+@import "+nodes/nodes-mixins";
+@import "+namespaces/namespaces-mixins";
+@import "table/table.mixins";
+@import "+network/network-mixins";
+
+// Hide scrollbar but keep the element scrollable
+@mixin hidden-scrollbar {
+  overflow: auto;
+  // Chrome, Safari
+  &::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    background: transparent;
+  }
+}
+
+@mixin stripeLinesAnimation($color1: #ccc, $color2: transparent, $spacing: 1rem) {
+  background: repeating-linear-gradient(-45deg, $color2, $color2, $spacing, $color1 $spacing, $color1 $spacing * 2);
+  background-size: 200% 200%;
+  animation: stripeLines 10s linear infinite;
+
+  @keyframes stripeLines {
+    100% {
+      background-position: 100% 100%;
+    }
+  }
+}
+
+@mixin pseudo-link($color: var(--primary)) {
+  color: $color;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+@mixin set-draggable($is-draggable: true) {
+  @if ($is-draggable) {
+    -webkit-user-select: none;
+    -webkit-app-region: drag;
+  } @else {
+    -webkit-app-region: no-drag;
+  }
+}
+
+@mixin theme-light() {
+  $selector: "theme-light"; // keep in sync with class in `theme.store.ts`
+
+  body.#{$selector} {
+    @content;
+  }
+  :global(body.#{$selector}) {
+    @content; // css-modules (*.module.scss)
+  }
+}
diff --git a/packages/core/src/renderer/components/monaco-editor/__mocks__/monaco-editor.tsx b/packages/core/src/renderer/components/monaco-editor/__mocks__/monaco-editor.tsx
new file mode 100644
index 0000000000..23524a476b
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/monaco-editor/get-editor-height-from-lines-number.injectable.ts b/packages/core/src/renderer/components/monaco-editor/get-editor-height-from-lines-number.injectable.ts
new file mode 100644
index 0000000000..b093640e7c
--- /dev/null
+++ b/packages/core/src/renderer/components/monaco-editor/get-editor-height-from-lines-number.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";
+
+const getEditorHeightFromLinesCountInjectable = getInjectable({
+  id: "get-editor-height-from-lines-number",
+
+  instantiate: () => {
+    return (linesCount: number) => {
+      if (typeof linesCount !== "number") {
+        throw new Error("linesNumber must be a number");
+      }
+
+      if (linesCount < 10) {
+        return 90;
+      }
+
+      if (linesCount < 20) {
+        return 180;
+      }
+
+      return 360;
+    };
+  },
+});
+
+export default getEditorHeightFromLinesCountInjectable;
diff --git a/packages/core/src/renderer/components/monaco-editor/get-editor-height-from-lines-number.test.ts b/packages/core/src/renderer/components/monaco-editor/get-editor-height-from-lines-number.test.ts
new file mode 100644
index 0000000000..28a8f32016
--- /dev/null
+++ b/packages/core/src/renderer/components/monaco-editor/get-editor-height-from-lines-number.test.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 { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import getEditorHeightFromLinesCountInjectable from "./get-editor-height-from-lines-number.injectable";
+
+describe("get-editor-height-from-lines-number", () => {
+  let getEditorHeightFromLinesNumber: (linesCount: number) => number;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: false });
+
+    getEditorHeightFromLinesNumber = di.inject(getEditorHeightFromLinesCountInjectable);
+  });
+
+  it("given linesCount is less than 10, when called, returns small number", () => {
+    const actual = getEditorHeightFromLinesNumber(9);
+
+    expect(actual).toBe(90);
+  });
+
+  it("given linesCount is equal to 10, when called, returns medium number", () => {
+    const actual = getEditorHeightFromLinesNumber(10);
+
+    expect(actual).toBe(180);
+  });
+
+  it("given linesCount is greater than 10 and less than 20, when called, returns medium number", () => {
+    const actual = getEditorHeightFromLinesNumber(19);
+
+    expect(actual).toBe(180);
+  });
+
+  it("given linesCount is equal to 20, when called, returns large number", () => {
+    const actual = getEditorHeightFromLinesNumber(20);
+
+    expect(actual).toBe(360);
+  });
+
+  it("given linesCount is greater than 20, when called, returns large number", () => {
+    const actual = getEditorHeightFromLinesNumber(21);
+
+    expect(actual).toBe(360);
+  });
+});
diff --git a/packages/core/src/renderer/components/monaco-editor/index.ts b/packages/core/src/renderer/components/monaco-editor/index.ts
new file mode 100644
index 0000000000..c1ec660307
--- /dev/null
+++ b/packages/core/src/renderer/components/monaco-editor/index.ts
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./monaco-editor";
+export * from "./monaco-validators";
+export * from "./monaco-themes";
diff --git a/packages/core/src/renderer/components/monaco-editor/monaco-editor.module.scss b/packages/core/src/renderer/components/monaco-editor/monaco-editor.module.scss
new file mode 100644
index 0000000000..7603e0c388
--- /dev/null
+++ b/packages/core/src/renderer/components/monaco-editor/monaco-editor.module.scss
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.MonacoEditor {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+}
diff --git a/packages/core/src/renderer/components/monaco-editor/monaco-editor.tsx b/packages/core/src/renderer/components/monaco-editor/monaco-editor.tsx
new file mode 100644
index 0000000000..debb076ab8
--- /dev/null
+++ b/packages/core/src/renderer/components/monaco-editor/monaco-editor.tsx
@@ -0,0 +1,338 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+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 type { UserStore } from "../../../common/user-store";
+import type { LensTheme } from "../../themes/lens-theme";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import userStoreInjectable from "../../../common/user-store/user-store.injectable";
+import activeThemeInjectable from "../../themes/active.injectable";
+import getEditorHeightFromLinesCountInjectable from "./get-editor-height-from-lines-number.injectable";
+import type { Logger } from "../../../common/logger";
+import loggerInjectable from "../../../common/logger.injectable";
+
+export type MonacoEditorId = string;
+
+export interface MonacoEditorProps {
+  id?: MonacoEditorId; // associating editor's ID with created model.uri
+  className?: string;
+  style?: React.CSSProperties;
+  autoFocus?: boolean;
+  readOnly?: boolean;
+  theme?: MonacoTheme;
+  language?: "yaml" | "json"; // supported list of languages, configure in `webpack.renderer.ts`
+  options?: Partial<editor.IStandaloneEditorConstructionOptions>; // customize editor's initialization options
+  value: string;
+  onChange?(value: string, evt: editor.IModelContentChangedEvent): void; // catch latest value updates
+  onError?(error: unknown): void; // provide syntax validation error, etc.
+  onDidLayoutChange?(info: editor.EditorLayoutInfo): void;
+  onDidContentSizeChange?(evt: editor.IContentSizeChangedEvent): void;
+  onModelChange?(model: editor.ITextModel, prev?: editor.ITextModel): void;
+  innerRef?: React.ForwardedRef<MonacoEditorRef>;
+  setInitialHeight?: boolean;
+}
+
+interface Dependencies {
+  userStore: UserStore;
+  activeTheme: IComputedValue<LensTheme>;
+  getEditorHeightFromLinesCount: (linesCount: number) => number;
+  logger: Logger;
+}
+
+export function createMonacoUri(id: MonacoEditorId): Uri {
+  return Uri.file(`/monaco-editor/${id}`);
+}
+
+const monacoViewStates = new WeakMap<Uri, editor.ICodeEditorViewState>();
+
+export interface MonacoEditorRef {
+  focus(): void;
+}
+
+@observer
+class NonInjectedMonacoEditor extends React.Component<MonacoEditorProps & Dependencies> {
+  static defaultProps = {
+    language: "yaml" as const,
+  };
+
+  private staticId = `editor-id#${Math.round(1e7 * Math.random())}`;
+  private dispose = disposer();
+
+  @observable.ref containerElem: HTMLDivElement | null = null;
+  @observable.ref editor!: editor.IStandaloneCodeEditor;
+  @observable readonly dimensions: { width?: number; height?: number } = {};
+  @observable unmounting = false;
+
+  // TODO: investigate how to replace with "common/logger"
+  //  currently leads for stucking UI forever & infinite loop.
+  //  e.g. happens on tab change/create, maybe some other cases too.
+  private logger = console;
+
+  constructor(props: MonacoEditorProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  @computed get id(): MonacoEditorId {
+    return this.props.id ?? this.staticId;
+  }
+
+  @computed get theme() {
+    return this.props.theme ?? this.props.activeTheme.get().monacoTheme;
+  }
+
+  @computed get model(): editor.ITextModel {
+    const uri = createMonacoUri(this.id);
+    const model = editor.getModel(uri);
+
+    if (model) {
+      return model; // already exists
+    }
+
+    const { language, value: rawValue } = this.props;
+    const value = typeof rawValue === "string"
+      ? rawValue
+      : "";
+
+    if (typeof rawValue !== "string") {
+      this.props.logger.error(`[MONACO-EDITOR]: Passed a non-string default value`, { rawValue });
+    }
+
+    return editor.createModel(value, language, uri);
+  }
+
+  @computed get options(): editor.IStandaloneEditorConstructionOptions {
+    return merge({},
+      this.props.userStore.editorConfiguration,
+      this.props.options,
+    );
+  }
+
+  @computed
+  private get logMetadata() {
+    return {
+      editorId: this.id,
+      model: this.model,
+    };
+  }
+
+  /**
+   * Monitor editor's dom container element box-size and sync with monaco's dimensions
+   * @private
+   */
+  private bindResizeObserver() {
+    const resizeObserver = new ResizeObserver(entries => {
+      for (const entry of entries) {
+        const { width, height } = entry.contentRect;
+
+        this.setDimensions(width, height);
+      }
+    });
+
+    const containerElem = this.editor.getContainerDomNode();
+
+    resizeObserver.observe(containerElem);
+
+    return () => resizeObserver.unobserve(containerElem);
+  }
+
+  protected onModelChange(model: editor.ITextModel, oldModel?: editor.ITextModel) {
+    this.logger.info("[MONACO]: model change", { model, oldModel }, this.logMetadata);
+
+    if (oldModel) {
+      this.saveViewState(oldModel);
+    }
+
+    this.editor.setModel(model);
+    this.restoreViewState(model);
+    this.editor.layout();
+    this.editor.focus(); // keep focus in editor, e.g. when clicking between dock-tabs
+    this.props.onModelChange?.(model, oldModel);
+    this.validateLazy();
+  }
+
+  /**
+   * Save current view-model state in the editor.
+   * This will allow restore cursor position, selected text, etc.
+   */
+  protected saveViewState(model: editor.ITextModel) {
+    const viewState = this.editor?.saveViewState();
+
+    if (viewState) {
+      monacoViewStates.set(model.uri, viewState);
+    }
+  }
+
+  protected restoreViewState(model: editor.ITextModel) {
+    const viewState = monacoViewStates.get(model.uri);
+
+    if (viewState) {
+      this.editor?.restoreViewState(viewState);
+    }
+  }
+
+  componentDidMount() {
+    try {
+      this.createEditor();
+      this.logger.info(`[MONACO]: editor did mount`, this.logMetadata);
+    } catch (error) {
+      this.logger.error(`[MONACO]: mounting failed: ${error}`, this.logMetadata);
+    }
+  }
+
+  componentWillUnmount() {
+    this.unmounting = true;
+    this.saveViewState(this.model);
+
+    if (this.editor) {
+      this.dispose();
+      this.editor.dispose();
+    }
+
+  }
+
+  protected createEditor() {
+    if (!this.containerElem || this.editor || this.unmounting) {
+      return;
+    }
+    const { language, readOnly, value: defaultValue } = this.props;
+    const { theme } = this;
+
+    this.editor = editor.create(this.containerElem, {
+      model: this.model,
+      detectIndentation: false, // allow `option.tabSize` to use custom number of spaces for [Tab]
+      value: defaultValue,
+      language,
+      theme,
+      readOnly,
+      ...this.options,
+    });
+
+    this.logger.info(`[MONACO]: editor created for language=${language}, theme=${theme}`, this.logMetadata);
+    this.validateLazy(); // validate initial value
+    this.restoreViewState(this.model); // restore previous state if any
+
+    if (this.props.autoFocus) {
+      this.editor.focus();
+    }
+
+    const onDidLayoutChangeDisposer = this.editor.onDidLayoutChange(layoutInfo => {
+      this.props.onDidLayoutChange?.(layoutInfo);
+    });
+
+    const onValueChangeDisposer = this.editor.onDidChangeModelContent(event => {
+      const value = this.editor.getValue();
+
+      this.props.onChange?.(value, event);
+      this.validateLazy(value);
+    });
+
+    const onContentSizeChangeDisposer = this.editor.onDidContentSizeChange((params) => {
+      this.props.onDidContentSizeChange?.(params);
+    });
+
+    this.dispose.push(
+      reaction(() => this.model, this.onModelChange),
+      reaction(() => this.theme, theme => {
+        if (theme) {
+          editor.setTheme(theme);
+        }
+      }),
+      reaction(() => this.props.value, value => this.setValue(value)),
+      reaction(() => this.options, opts => this.editor.updateOptions(opts)),
+
+      () => onDidLayoutChangeDisposer.dispose(),
+      () => onValueChangeDisposer.dispose(),
+      () => onContentSizeChangeDisposer.dispose(),
+      this.bindResizeObserver(),
+    );
+  }
+
+  @action
+  setDimensions(width: number, height: number) {
+    this.dimensions.width = width;
+    this.dimensions.height = height;
+    this.editor?.layout({ width, height });
+  }
+
+  setValue(value = ""): void {
+    if (value == this.getValue()) return;
+
+    this.editor.setValue(value);
+    this.validate(value);
+  }
+
+  getValue(opts?: { preserveBOM: boolean; lineEnding: string }): string {
+    return this.editor?.getValue(opts) ?? "";
+  }
+
+  focus() {
+    this.editor?.focus();
+  }
+
+  @action
+  validate(value = this.getValue()) {
+    const validators: MonacoValidator[] = [
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      monacoValidators[this.props.language!], // parsing syntax check
+    ].filter(Boolean);
+
+    for (const validate of validators) {
+      try {
+        validate(value);
+      } catch (error) {
+        this.props.onError?.(error); // emit error outside
+      }
+    }
+  }
+
+  // avoid excessive validations during typing
+  validateLazy = debounce(this.validate, 250);
+
+  get initialHeight() {
+    return this.props.getEditorHeightFromLinesCount(this.model.getLineCount());
+  }
+
+  render() {
+    const { className, style } = this.props;
+
+    const css: React.CSSProperties = {
+      ...style,
+      height: style?.height ?? this.initialHeight,
+    };
+
+    return (
+      <div
+        data-test-id="monaco-editor"
+        className={cssNames(styles.MonacoEditor, className)}
+        style={css}
+        ref={elem => this.containerElem = elem}
+      />
+    );
+  }
+}
+
+export const MonacoEditor = withInjectables<Dependencies, MonacoEditorProps, MonacoEditorRef>(
+  React.forwardRef<MonacoEditorRef, MonacoEditorProps & Dependencies>((props, ref) => <NonInjectedMonacoEditor innerRef={ref} {...props} />),
+  {
+    getProps: (di, props) => ({
+      ...props,
+      userStore: di.inject(userStoreInjectable),
+      activeTheme: di.inject(activeThemeInjectable),
+      getEditorHeightFromLinesCount: di.inject(getEditorHeightFromLinesCountInjectable),
+      logger: di.inject(loggerInjectable),
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/components/monaco-editor/monaco-themes.ts b/packages/core/src/renderer/components/monaco-editor/monaco-themes.ts
new file mode 100644
index 0000000000..427b721e67
--- /dev/null
+++ b/packages/core/src/renderer/components/monaco-editor/monaco-themes.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Monaco editor themes customization
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { editor } from "monaco-editor";
+
+export type MonacoTheme = "vs" | "vs-dark" | "hc-black" | MonacoCustomTheme;
+export type MonacoCustomTheme = "clouds-midnight";
+
+export interface MonacoThemeData extends editor.IStandaloneThemeData {
+  name: string;
+}
+
+export const customMonacoThemeInjectionToken = getInjectionToken<MonacoThemeData>({
+  id: "custom-monaco-theme-token",
+});
diff --git a/packages/core/src/renderer/components/monaco-editor/monaco-themes/clouds-midnight.injectable.ts b/packages/core/src/renderer/components/monaco-editor/monaco-themes/clouds-midnight.injectable.ts
new file mode 100644
index 0000000000..927b13c6fc
--- /dev/null
+++ b/packages/core/src/renderer/components/monaco-editor/monaco-themes/clouds-midnight.injectable.ts
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { customMonacoThemeInjectionToken } from "../monaco-themes";
+
+import { getInjectable } from "@ogre-tools/injectable";
+
+const cloudsMidnightThemeInjectable = getInjectable({
+  id: "clouds-midnight-theme",
+  instantiate: () => ({
+    "name": "clouds-midnight",
+    "base": "vs-dark" as const,
+    "inherit": true,
+    "rules": [
+      {
+        "background": "191919",
+        "token": "",
+      },
+      {
+        "foreground": "3c403b",
+        "token": "comment",
+      },
+      {
+        "foreground": "5d90cd",
+        "token": "string",
+      },
+      {
+        "foreground": "46a609",
+        "token": "constant.numeric",
+      },
+      {
+        "foreground": "39946a",
+        "token": "constant.language",
+      },
+      {
+        "foreground": "927c5d",
+        "token": "keyword",
+      },
+      {
+        "foreground": "927c5d",
+        "token": "support.constant.property-value",
+      },
+      {
+        "foreground": "927c5d",
+        "token": "constant.other.color",
+      },
+      {
+        "foreground": "366f1a",
+        "token": "keyword.other.unit",
+      },
+      {
+        "foreground": "a46763",
+        "token": "entity.other.attribute-name.html",
+      },
+      {
+        "foreground": "4b4b4b",
+        "token": "keyword.operator",
+      },
+      {
+        "foreground": "e92e2e",
+        "token": "storage",
+      },
+      {
+        "foreground": "858585",
+        "token": "entity.other.inherited-class",
+      },
+      {
+        "foreground": "606060",
+        "token": "entity.name.tag",
+      },
+      {
+        "foreground": "a165ac",
+        "token": "constant.character.entity",
+      },
+      {
+        "foreground": "a165ac",
+        "token": "support.class.js",
+      },
+      {
+        "foreground": "606060",
+        "token": "entity.other.attribute-name",
+      },
+      {
+        "foreground": "e92e2e",
+        "token": "meta.selector.css",
+      },
+      {
+        "foreground": "e92e2e",
+        "token": "entity.name.tag.css",
+      },
+      {
+        "foreground": "e92e2e",
+        "token": "entity.other.attribute-name.id.css",
+      },
+      {
+        "foreground": "e92e2e",
+        "token": "entity.other.attribute-name.class.css",
+      },
+      {
+        "foreground": "616161",
+        "token": "meta.property-name.css",
+      },
+      {
+        "foreground": "e92e2e",
+        "token": "support.function",
+      },
+      {
+        "foreground": "ffffff",
+        "background": "e92e2e",
+        "token": "invalid",
+      },
+      {
+        "foreground": "e92e2e",
+        "token": "punctuation.section.embedded",
+      },
+      {
+        "foreground": "606060",
+        "token": "punctuation.definition.tag",
+      },
+      {
+        "foreground": "a165ac",
+        "token": "constant.other.color.rgb-value.css",
+      },
+      {
+        "foreground": "a165ac",
+        "token": "support.constant.property-value.css",
+      },
+    ],
+    "colors": {
+      "editor.foreground": "#929292",
+      "editor.background": "#191919",
+      "editor.selectionBackground": "#000000",
+      "editor.lineHighlightBackground": "#D7D7D708",
+      "editorCursor.foreground": "#7DA5DC",
+      "editorWhitespace.foreground": "#BFBFBF",
+    },
+  }),
+  injectionToken: customMonacoThemeInjectionToken,
+});
+
+export default cloudsMidnightThemeInjectable;
diff --git a/packages/core/src/renderer/components/monaco-editor/monaco-validators.ts b/packages/core/src/renderer/components/monaco-editor/monaco-validators.ts
new file mode 100644
index 0000000000..f2c1280d21
--- /dev/null
+++ b/packages/core/src/renderer/components/monaco-editor/monaco-validators.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 yaml from "js-yaml";
+
+export interface MonacoValidator {
+  (value: string): void;
+}
+
+export function yamlValidator(value: string) {
+  try {
+    yaml.loadAll(value);
+  } catch (error) {
+    throw String(error);
+  }
+}
+
+export function jsonValidator(value: string) {
+  try {
+    JSON.parse(value);
+  } catch (error) {
+    throw String(error);
+  }
+}
+
+export const monacoValidators = {
+  yaml: yamlValidator,
+  json: jsonValidator,
+};
diff --git a/packages/core/src/renderer/components/no-items/index.ts b/packages/core/src/renderer/components/no-items/index.ts
new file mode 100644
index 0000000000..be1c18ce3c
--- /dev/null
+++ b/packages/core/src/renderer/components/no-items/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./no-items";
diff --git a/packages/core/src/renderer/components/no-items/no-items.scss b/packages/core/src/renderer/components/no-items/no-items.scss
new file mode 100644
index 0000000000..10948e4050
--- /dev/null
+++ b/packages/core/src/renderer/components/no-items/no-items.scss
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.NoItems {
+  height: 100%;
+  text-align: center;
+}
diff --git a/packages/core/src/renderer/components/no-items/no-items.tsx b/packages/core/src/renderer/components/no-items/no-items.tsx
new file mode 100644
index 0000000000..e5656e8af6
--- /dev/null
+++ b/packages/core/src/renderer/components/no-items/no-items.tsx
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./no-items.scss";
+
+import React from "react";
+import type { IClassName } from "../../utils";
+import { cssNames } from "../../utils";
+
+export interface NoItemsProps {
+  className?: IClassName;
+  children?: React.ReactNode;
+}
+
+export function NoItems(props: NoItemsProps) {
+  const { className, children } = props;
+
+  return (
+    <div className={cssNames("NoItems flex box grow", className)}>
+      <div className="box center">
+        {children || "Item list is empty"}
+      </div>
+    </div>
+  );
+}
diff --git a/packages/core/src/renderer/components/notifications/index.ts b/packages/core/src/renderer/components/notifications/index.ts
new file mode 100644
index 0000000000..9ae9345244
--- /dev/null
+++ b/packages/core/src/renderer/components/notifications/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 "./notifications";
+export * from "./notifications.store";
diff --git a/packages/core/src/renderer/components/notifications/notifications-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/components/notifications/notifications-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..acd2e72b9e
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/notifications/notifications-root-frame-child-component.injectable.ts b/packages/core/src/renderer/components/notifications/notifications-root-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..eec5a1962a
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/notifications/notifications-store.injectable.ts b/packages/core/src/renderer/components/notifications/notifications-store.injectable.ts
new file mode 100644
index 0000000000..1b14abef96
--- /dev/null
+++ b/packages/core/src/renderer/components/notifications/notifications-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 { NotificationsStore } from "./notifications.store";
+
+const notificationsStoreInjectable = getInjectable({
+  id: "notifications-store",
+  instantiate: () => new NotificationsStore(),
+});
+
+export default notificationsStoreInjectable;
diff --git a/packages/core/src/renderer/components/notifications/notifications.scss b/packages/core/src/renderer/components/notifications/notifications.scss
new file mode 100644
index 0000000000..f91ebde44c
--- /dev/null
+++ b/packages/core/src/renderer/components/notifications/notifications.scss
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Notifications {
+  @include hidden-scrollbar;
+
+  position: absolute;
+  right: 0;
+  top: 0;
+  padding: $padding * 2;
+  max-height: 100vh;
+  z-index: 100000;
+  height: min-content!important;
+
+  &:empty {
+    display: none;
+  }
+
+  .notification {
+    flex: 0 0;
+    padding: $padding * 1.5;
+    border-radius: 3px;
+    min-width: 350px;
+    max-width: 35vw;
+    word-break: break-word;
+
+    &:not(:last-child) {
+      margin-bottom: $margin * 2;
+    }
+
+    > .message {
+      white-space: pre-line;
+      padding-left: $padding;
+      padding-right: $padding * 2;
+      align-self: center;
+
+      a {
+        color: inherit;
+      }
+    }
+
+    @each $status, $color in (ok: var(--colorOk), error: var(--colorError), info: var(--colorInfo)) {
+      &.#{$status} {
+        background: $color;
+        color: $color-white;
+        box-shadow: 0 0 20px var(--boxShadow);
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/notifications/notifications.store.tsx b/packages/core/src/renderer/components/notifications/notifications.store.tsx
new file mode 100644
index 0000000000..89061ef4ca
--- /dev/null
+++ b/packages/core/src/renderer/components/notifications/notifications.store.tsx
@@ -0,0 +1,99 @@
+/**
+ * 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 { action, observable, makeObservable } from "mobx";
+import { autoBind } from "../../utils";
+import uniqueId from "lodash/uniqueId";
+import type { JsonApiErrorParsed } from "../../../common/k8s-api/json-api";
+import type { SetRequired } from "type-fest";
+
+export type NotificationId = string | number;
+export type NotificationMessage = string | React.ReactElement | React.ReactElement[] | JsonApiErrorParsed | Error;
+
+export enum NotificationStatus {
+  OK = "ok",
+  ERROR = "error",
+  INFO = "info",
+}
+
+export interface CreateNotificationOptions {
+  id?: NotificationId;
+  timeout?: number;
+  onClose?(): void;
+}
+
+export interface Notification {
+  id?: NotificationId;
+  message: NotificationMessage;
+  status?: NotificationStatus;
+  timeout?: number; // auto-hiding timeout in milliseconds, 0 = no hide
+  onClose?(): void; // additional logic on when the notification times out or is closed by the "x"
+}
+
+export class NotificationsStore {
+  public notifications = observable.array<SetRequired<Notification, "id">>([], { deep: false });
+
+  protected autoHideTimers = new Map<NotificationId, number>();
+
+  constructor() {
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  getById(id: NotificationId) {
+    return this.notifications.find(item => item.id === id);
+  }
+
+  addAutoHideTimer(id: NotificationId) {
+    const notification = this.getById(id);
+
+    if (!notification) return;
+    this.removeAutoHideTimer(id);
+
+    if (notification?.timeout) {
+      const timer = window.setTimeout(() => this.remove(id), notification.timeout);
+
+      this.autoHideTimers.set(id, timer);
+    }
+  }
+
+  removeAutoHideTimer(id: NotificationId) {
+    if (this.autoHideTimers.has(id)) {
+      clearTimeout(this.autoHideTimers.get(id));
+      this.autoHideTimers.delete(id);
+    }
+  }
+
+  @action
+  add(rawNotification: Notification): () => void {
+    const notification = {
+      id: uniqueId("notification_"),
+      ...rawNotification,
+    };
+    const id = notification.id;
+    const index = this.notifications.findIndex(item => item.id === id);
+
+    if (index > -1) {
+      this.notifications.splice(index, 1, notification); // update existing with same id
+    } else {
+      this.notifications.push(notification); // add new
+    }
+    this.addAutoHideTimer(id);
+
+    return () => this.remove(id);
+  }
+
+  @action
+  remove(id: NotificationId) {
+    this.removeAutoHideTimer(id);
+
+    const notification = this.getById(id);
+
+    if (notification) {
+      this.notifications.remove(notification);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/notifications/notifications.tsx b/packages/core/src/renderer/components/notifications/notifications.tsx
new file mode 100644
index 0000000000..b501968036
--- /dev/null
+++ b/packages/core/src/renderer/components/notifications/notifications.tsx
@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./notifications.scss";
+
+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 { CreateNotificationOptions, Notification, NotificationMessage, NotificationsStore } from "./notifications.store";
+import { Animate } from "../animate";
+import { Icon } from "../icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import notificationsStoreInjectable from "./notifications-store.injectable";
+
+export type ShowNotification = (message: NotificationMessage, opts?: CreateNotificationOptions) => Disposer;
+
+interface Dependencies {
+  store: NotificationsStore;
+}
+
+@observer
+class NonInjectedNotifications extends React.Component<Dependencies> {
+  public elem: HTMLDivElement | null = null;
+
+  componentDidMount() {
+    disposeOnUnmount(this, [
+      reaction(() => this.props.store.notifications.length, () => {
+        this.scrollToLastNotification();
+      }, { delay: 250 }),
+    ]);
+  }
+
+  scrollToLastNotification() {
+    if (!this.elem) {
+      return;
+    }
+    this.elem.scrollTo?.({
+      top: this.elem.scrollHeight,
+      behavior: "smooth",
+    });
+  }
+
+  getMessage(notification: Notification) {
+    let { message } = notification;
+
+    if (message instanceof JsonApiErrorParsed || message instanceof Error) {
+      message = message.toString();
+    }
+
+    return React.Children.toArray(message);
+  }
+
+  render() {
+    const { notifications, remove, addAutoHideTimer, removeAutoHideTimer } = this.props.store;
+
+    return (
+      <div className="Notifications flex column align-flex-end" ref={e => this.elem = e}>
+        {notifications.map(notification => {
+          const { id, status, onClose } = notification;
+          const msgText = this.getMessage(notification);
+
+          return (
+            <Animate key={id}>
+              <div
+                className={cssNames("notification flex", status)}
+                onMouseLeave={() => addAutoHideTimer(id)}
+                onMouseEnter={() => removeAutoHideTimer(id)}
+              >
+                <div className="box">
+                  <Icon material="info_outline" />
+                </div>
+                <div className="message box grow">{msgText}</div>
+                <div className="box">
+                  <Icon
+                    material="close"
+                    className="close"
+                    data-testid={`close-notification-for-${id}`}
+                    onClick={prevDefault(() => {
+                      remove(id);
+                      onClose?.();
+                    })}
+                  />
+                </div>
+              </div>
+            </Animate>
+          );
+        })}
+      </div>
+    );
+  }
+}
+
+export const Notifications = withInjectables<Dependencies>(NonInjectedNotifications, {
+  getProps: (di) => ({
+    store: di.inject(notificationsStoreInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/notifications/show-checked-error.injectable.ts b/packages/core/src/renderer/components/notifications/show-checked-error.injectable.ts
new file mode 100644
index 0000000000..af8dab59e9
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/notifications/show-error-notification.injectable.ts b/packages/core/src/renderer/components/notifications/show-error-notification.injectable.ts
new file mode 100644
index 0000000000..ca5a1a70da
--- /dev/null
+++ b/packages/core/src/renderer/components/notifications/show-error-notification.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 type { ShowNotification } from "./notifications";
+import { NotificationStatus } from "./notifications.store";
+import notificationsStoreInjectable from "./notifications-store.injectable";
+
+const showErrorNotificationInjectable = getInjectable({
+  id: "show-error-notification",
+
+  instantiate: (di): ShowNotification => {
+    const notificationsStore = di.inject(notificationsStoreInjectable);
+
+    return (message, customOpts = {}) =>
+      notificationsStore.add({
+        status: NotificationStatus.ERROR,
+        timeout: 5000,
+        message,
+        ...customOpts,
+      });
+  },
+});
+
+export default showErrorNotificationInjectable;
diff --git a/packages/core/src/renderer/components/notifications/show-info-notification.injectable.ts b/packages/core/src/renderer/components/notifications/show-info-notification.injectable.ts
new file mode 100644
index 0000000000..34bc443749
--- /dev/null
+++ b/packages/core/src/renderer/components/notifications/show-info-notification.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 type { ShowNotification } from "./notifications";
+import { NotificationStatus } from "./notifications.store";
+import notificationsStoreInjectable from "./notifications-store.injectable";
+
+const showInfoNotificationInjectable = getInjectable({
+  id: "show-info-notification",
+
+  instantiate: (di): ShowNotification => {
+    const notificationsStore = di.inject(notificationsStoreInjectable);
+
+    return (message, customOpts = {}) =>
+      notificationsStore.add({
+        status: NotificationStatus.INFO,
+        timeout: 5000,
+        message,
+        ...customOpts,
+      });
+  },
+});
+
+export default showInfoNotificationInjectable;
diff --git a/packages/core/src/renderer/components/notifications/show-short-info.injectable.ts b/packages/core/src/renderer/components/notifications/show-short-info.injectable.ts
new file mode 100644
index 0000000000..b5865b4c27
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/notifications/show-success-notification.injectable.ts b/packages/core/src/renderer/components/notifications/show-success-notification.injectable.ts
new file mode 100644
index 0000000000..c75c84cc3d
--- /dev/null
+++ b/packages/core/src/renderer/components/notifications/show-success-notification.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 type { ShowNotification } from "./notifications";
+import { NotificationStatus } from "./notifications.store";
+import notificationsStoreInjectable from "./notifications-store.injectable";
+
+const showSuccessNotificationInjectable = getInjectable({
+  id: "show-success-notification",
+
+  instantiate: (di): ShowNotification => {
+    const notificationsStore = di.inject(notificationsStoreInjectable);
+
+    return (message, customOpts = {}) =>
+      notificationsStore.add({
+        status: NotificationStatus.OK,
+        timeout: 5000,
+        message,
+        ...customOpts,
+      });
+  },
+});
+
+export default showSuccessNotificationInjectable;
diff --git a/packages/core/src/renderer/components/path-picker/index.ts b/packages/core/src/renderer/components/path-picker/index.ts
new file mode 100644
index 0000000000..85c317b5c1
--- /dev/null
+++ b/packages/core/src/renderer/components/path-picker/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./path-picker";
diff --git a/packages/core/src/renderer/components/path-picker/path-picker.tsx b/packages/core/src/renderer/components/path-picker/path-picker.tsx
new file mode 100644
index 0000000000..08202a3ead
--- /dev/null
+++ b/packages/core/src/renderer/components/path-picker/path-picker.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 { withInjectables } from "@ogre-tools/injectable-react";
+import type { FileFilter, OpenDialogOptions } from "electron";
+import { observer } from "mobx-react";
+import React from "react";
+import type { OpenPathPickingDialog } from "../../../features/path-picking-dialog/renderer/pick-paths.injectable";
+import openPathPickingDialogInjectable from "../../../features/path-picking-dialog/renderer/pick-paths.injectable";
+import { cssNames } from "../../utils";
+import { Button } from "../button";
+
+export interface PathPickOpts {
+  message: string;
+  onPick?: (paths: string[]) => void | Promise<void>;
+  onCancel?: () => void | Promise<void>;
+  defaultPath?: string;
+  buttonLabel?: string;
+  filters?: FileFilter[];
+  properties?: OpenDialogOptions["properties"];
+  securityScopedBookmarks?: boolean;
+}
+
+export interface PathPickerProps extends PathPickOpts {
+  className?: string;
+  disabled?: boolean;
+}
+
+interface Dependencies {
+  openPathPickingDialog: OpenPathPickingDialog;
+}
+
+const NonInjectedPathPicker = observer((props: PathPickerProps & Dependencies) => {
+  const {
+    className,
+    disabled,
+    openPathPickingDialog,
+    ...pickOpts
+  } = props;
+
+  return (
+    <Button
+      primary
+      label={pickOpts.message}
+      disabled={disabled}
+      className={cssNames("PathPicker", className)}
+      onClick={() => void openPathPickingDialog(pickOpts)}
+    />
+  );
+});
+
+export const PathPicker = withInjectables<Dependencies, PathPickerProps>(NonInjectedPathPicker, {
+  getProps: (di, props) => ({
+    ...props,
+    openPathPickingDialog: di.inject(openPathPickingDialogInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/radio/index.ts b/packages/core/src/renderer/components/radio/index.ts
new file mode 100644
index 0000000000..fed593ce39
--- /dev/null
+++ b/packages/core/src/renderer/components/radio/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./radio";
diff --git a/packages/core/src/renderer/components/radio/radio.scss b/packages/core/src/renderer/components/radio/radio.scss
new file mode 100644
index 0000000000..c74c9f5058
--- /dev/null
+++ b/packages/core/src/renderer/components/radio/radio.scss
@@ -0,0 +1,120 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.RadioGroup {
+  &.disabled {
+    opacity: 0.6;
+    pointer-events: none;
+  }
+
+  &.buttonsView {
+    display: inline-flex;
+
+    .Radio {
+      display: inline-block;
+      border: 1px solid var(--borderFaintColor);
+      border-radius: $radius;
+      text-align: center;
+      padding: round($padding * .7) $padding;
+      white-space: nowrap;
+      transition: 250ms color;
+
+      &.disabled {
+        opacity: 0.6;
+        pointer-events: none;
+      }
+
+      &:not(.checked):not(.disabled) {
+        cursor: pointer;
+        &:not(:active):focus {
+          position: relative;
+          border-color: var(--primary);
+          box-shadow: inset 0 0 0 1px var(--primary);
+        }
+      }
+
+      &.checked {
+        background-color: var(--radioActiveBackground);
+        color: var(--textColorAccent);
+        * {
+          cursor: default;
+        }
+      }
+
+      &:hover {
+        color: var(--textColorAccent)
+      }
+
+      + .Radio {
+        margin-left: -1px;
+      }
+
+      .tick {
+        display: none;
+
+        + * {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+}
+
+.Radio {
+  $tickSize: round(1.8 * $unit);
+  $tickColor: currentColor;
+  $tickColorActive: var(--colorInfo);
+  $tickColorFocus: var(--colorInfo);
+  $labelColorActive: var(--textColorAccent);
+
+  input[type="radio"] {
+    display: none;
+    &:checked {
+      ~ .tick {
+        color: $tickColorActive;
+        &:after {
+          content: "radio_button_checked";
+        }
+      }
+    }
+    &:disabled {
+      ~ .tick {
+        color: $tickColor;
+      }
+      ~ * {
+        opacity: .5;
+        pointer-events: none;
+      }
+    }
+    &:not(:disabled) ~ * {
+      cursor: pointer;
+    }
+  }
+
+  &:focus {
+    .tick {
+      color: $tickColorActive;
+    }
+  }
+
+  &.checked {
+    .label {
+      color: $labelColorActive;
+    }
+  }
+
+  .tick {
+    color: $tickColor;
+    font: calc($font-size * 1.3) "Material Icons";
+
+    &:after {
+      content: "radio_button_unchecked";
+    }
+
+    + * {
+      margin-left: .5em;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/radio/radio.tsx b/packages/core/src/renderer/components/radio/radio.tsx
new file mode 100644
index 0000000000..bcfd43de9a
--- /dev/null
+++ b/packages/core/src/renderer/components/radio/radio.tsx
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./radio.scss";
+import React, { useContext, useRef } from "react";
+import type { SingleOrMany } from "../../utils";
+import { cssNames, noop } from "../../utils";
+
+export interface RadioGroupProps<T> {
+  className?: string;
+  value?: T;
+  asButtons?: boolean;
+  disabled?: boolean;
+  onChange: (value: T) => void;
+  children: SingleOrMany<React.ReactElement<RadioProps<T>>>;
+}
+
+interface RadioGroupContext {
+  disabled: boolean;
+  value: any | undefined;
+  onSelect: (newValue: any) => void;
+}
+
+const radioGroupContext = React.createContext<RadioGroupContext>({
+  disabled: false,
+  value: undefined,
+  onSelect: noop,
+});
+
+export function RadioGroup<T>({
+  value,
+  asButtons,
+  disabled = false,
+  onChange,
+  className,
+  children,
+}: RadioGroupProps<T>) {
+  return (
+    <div
+      className={cssNames("RadioGroup", { buttonsView: asButtons }, className)}
+    >
+      <radioGroupContext.Provider value={{ disabled, onSelect: onChange, value }}>
+        {children}
+      </radioGroupContext.Provider>
+    </div>
+  );
+}
+
+export interface RadioProps<T> {
+  className?: string;
+  label: React.ReactNode;
+  value: T;
+  disabled?: boolean;
+}
+
+export function Radio<T>({
+  className,
+  label,
+  value,
+  disabled = false,
+}: RadioProps<T>) {
+  const ctx = useContext(radioGroupContext);
+  const ref = useRef<HTMLLabelElement | null>(null);
+  const checked = ctx.value === value;
+
+  return (
+    <label
+      className={cssNames("Radio flex align-center", className, {
+        checked,
+        disabled: disabled || ctx.disabled,
+      })}
+      tabIndex={checked ? undefined : 0}
+      onKeyDown={event => {
+        // Spacebar or Enter key
+        if (event.key === " " || event.key === "Enter") {
+          ref.current?.click();
+          event.preventDefault();
+        }
+      }}
+      ref={ref}
+    >
+      <input
+        type="radio"
+        checked={checked}
+        onChange={() => ctx.onSelect(value)}
+        disabled={disabled || ctx.disabled}
+      />
+      <i className="tick flex center"/>
+      {label ? <div className="label">{label}</div> : null}
+    </label>
+  );
+}
diff --git a/packages/core/src/renderer/components/render-delay/__tests__/__snapshots__/render-delay.test.tsx.snap b/packages/core/src/renderer/components/render-delay/__tests__/__snapshots__/render-delay.test.tsx.snap
new file mode 100644
index 0000000000..1591010403
--- /dev/null
+++ b/packages/core/src/renderer/components/render-delay/__tests__/__snapshots__/render-delay.test.tsx.snap
@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<RenderDelay/> when rendered with placeholder renders 1`] = `
+<body>
+  <div>
+    <div
+      data-testid="placeholder"
+    />
+  </div>
+</body>
+`;
+
+exports[`<RenderDelay/> when rendered with placeholder when the idle callback is called renders 1`] = `
+<body>
+  <div>
+    <div
+      data-testid="child"
+    />
+  </div>
+</body>
+`;
+
+exports[`<RenderDelay/> when rendered without placeholder renders 1`] = `
+<body>
+  <div />
+</body>
+`;
+
+exports[`<RenderDelay/> when rendered without placeholder when the idle callback is called renders 1`] = `
+<body>
+  <div>
+    <div
+      data-testid="child"
+    />
+  </div>
+</body>
+`;
diff --git a/packages/core/src/renderer/components/render-delay/__tests__/render-delay.test.tsx b/packages/core/src/renderer/components/render-delay/__tests__/render-delay.test.tsx
new file mode 100644
index 0000000000..e83bee28c0
--- /dev/null
+++ b/packages/core/src/renderer/components/render-delay/__tests__/render-delay.test.tsx
@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { RenderDelay } from "../render-delay";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import { advanceFakeTime, testUsingFakeTime } from "../../../../common/test-utils/use-fake-time";
+import cancelIdleCallbackInjectable from "../cancel-idle-callback.injectable";
+import requestIdleCallbackInjectable from "../request-idle-callback.injectable";
+import type { RenderResult } from "@testing-library/react";
+import idleCallbackTimeoutInjectable from "../idle-callback-timeout.injectable";
+
+describe("<RenderDelay/>", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+
+    testUsingFakeTime("2020-01-17 12:18:19");
+
+    di.override(cancelIdleCallbackInjectable, () => clearTimeout);
+    di.override(requestIdleCallbackInjectable, () => (callback, opts) => setTimeout(callback, opts.timeout) as any);
+    di.override(idleCallbackTimeoutInjectable, () => 5);
+  });
+
+  describe("when rendered without placeholder", () => {
+    let result: RenderResult;
+
+    beforeEach(() => {
+      result = render((
+        <RenderDelay>
+          <div data-testid="child" />
+        </RenderDelay>
+      ));
+    });
+
+    it("renders", () => {
+      expect(result.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the children yet", () => {
+      expect(result.queryByTestId("child")).not.toBeInTheDocument();
+    });
+
+    describe("when the idle callback is called", () => {
+      beforeEach(() => {
+        advanceFakeTime(5);
+      });
+
+      it("renders", () => {
+        expect(result.baseElement).toMatchSnapshot();
+      });
+
+      it("shows the children", () => {
+        expect(result.queryByTestId("child")).toBeInTheDocument();
+      });
+    });
+  });
+
+  describe("when rendered with placeholder", () => {
+    let result: RenderResult;
+
+    beforeEach(() => {
+      result = render((
+        <RenderDelay
+          placeholder={<div data-testid="placeholder"></div>}
+        >
+          <div data-testid="child" />
+        </RenderDelay>
+      ));
+    });
+
+    it("renders", () => {
+      expect(result.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the children yet", () => {
+      expect(result.queryByTestId("child")).not.toBeInTheDocument();
+    });
+
+    it("shows the placeholder", () => {
+      expect(result.queryByTestId("placeholder")).toBeInTheDocument();
+    });
+
+    describe("when the idle callback is called", () => {
+      beforeEach(() => {
+        advanceFakeTime(5);
+      });
+
+      it("renders", () => {
+        expect(result.baseElement).toMatchSnapshot();
+      });
+
+      it("shows the children", () => {
+        expect(result.queryByTestId("child")).toBeInTheDocument();
+      });
+
+      it("does not show the placeholder", () => {
+        expect(result.queryByTestId("placeholder")).not.toBeInTheDocument();
+      });
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/render-delay/cancel-idle-callback.global-override-for-injectable.ts b/packages/core/src/renderer/components/render-delay/cancel-idle-callback.global-override-for-injectable.ts
new file mode 100644
index 0000000000..2bd7d0047f
--- /dev/null
+++ b/packages/core/src/renderer/components/render-delay/cancel-idle-callback.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 cancelIdleCallbackInjectable from "./cancel-idle-callback.injectable";
+
+export default getGlobalOverride(cancelIdleCallbackInjectable, () => () => {});
diff --git a/packages/core/src/renderer/components/render-delay/cancel-idle-callback.injectable.ts b/packages/core/src/renderer/components/render-delay/cancel-idle-callback.injectable.ts
new file mode 100644
index 0000000000..c18d9dfa88
--- /dev/null
+++ b/packages/core/src/renderer/components/render-delay/cancel-idle-callback.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 { getInjectable } from "@ogre-tools/injectable";
+
+export type CancelIdleCallback = (handle: number) => void;
+
+const cancelIdleCallbackInjectable = getInjectable({
+  id: "cancel-idle-callback",
+  instantiate: (): CancelIdleCallback => window.cancelIdleCallback,
+  causesSideEffects: true,
+});
+
+export default cancelIdleCallbackInjectable;
diff --git a/packages/core/src/renderer/components/render-delay/idle-callback-timeout.injectable.ts b/packages/core/src/renderer/components/render-delay/idle-callback-timeout.injectable.ts
new file mode 100644
index 0000000000..e40657e55c
--- /dev/null
+++ b/packages/core/src/renderer/components/render-delay/idle-callback-timeout.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 idleCallbackTimeoutInjectable = getInjectable({
+  id: "idle-callback-timeout",
+  instantiate: () => 1000,
+});
+
+export default idleCallbackTimeoutInjectable;
diff --git a/packages/core/src/renderer/components/render-delay/render-delay.tsx b/packages/core/src/renderer/components/render-delay/render-delay.tsx
new file mode 100644
index 0000000000..5951babe6d
--- /dev/null
+++ b/packages/core/src/renderer/components/render-delay/render-delay.tsx
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React, { useEffect, useState } from "react";
+import type { SingleOrMany } from "../../utils";
+import type { RequestIdleCallback } from "./request-idle-callback.injectable";
+import type { CancelIdleCallback } from "./cancel-idle-callback.injectable";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import cancelIdleCallbackInjectable from "./cancel-idle-callback.injectable";
+import requestIdleCallbackInjectable from "./request-idle-callback.injectable";
+import idleCallbackTimeoutInjectable from "./idle-callback-timeout.injectable";
+
+export interface RenderDelayProps {
+  placeholder?: React.ReactNode;
+  children: SingleOrMany<React.ReactNode>;
+}
+
+interface Dependencies {
+  requestIdleCallback: RequestIdleCallback;
+  cancelIdleCallback: CancelIdleCallback;
+  idleCallbackTimeout: number;
+}
+
+const NonInjectedRenderDelay = (props: RenderDelayProps & Dependencies) => {
+  const {
+    cancelIdleCallback,
+    requestIdleCallback,
+    children,
+    placeholder,
+    idleCallbackTimeout,
+  } = props;
+  const [isVisible, setIsVisible] = useState(false);
+
+  useEffect(() => {
+    const handle = requestIdleCallback(() => setIsVisible(true), { timeout: idleCallbackTimeout });
+
+    return () => cancelIdleCallback(handle);
+  }, []);
+
+  return (
+    <>
+      {
+        isVisible
+          ? children
+          : placeholder
+      }
+    </>
+  );
+};
+
+export const RenderDelay = withInjectables<Dependencies, RenderDelayProps>(NonInjectedRenderDelay, {
+  getProps: (di, props) => ({
+    ...props,
+    cancelIdleCallback: di.inject(cancelIdleCallbackInjectable),
+    requestIdleCallback: di.inject(requestIdleCallbackInjectable),
+    idleCallbackTimeout: di.inject(idleCallbackTimeoutInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/components/render-delay/request-idle-callback.global-override-for-injectable.ts b/packages/core/src/renderer/components/render-delay/request-idle-callback.global-override-for-injectable.ts
new file mode 100644
index 0000000000..5dc3d7d916
--- /dev/null
+++ b/packages/core/src/renderer/components/render-delay/request-idle-callback.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 { getGlobalOverride } from "../../../common/test-utils/get-global-override";
+import requestIdleCallbackInjectable from "./request-idle-callback.injectable";
+
+export default getGlobalOverride(requestIdleCallbackInjectable, () => (callback) => {
+  callback();
+
+  return 0;
+});
diff --git a/packages/core/src/renderer/components/render-delay/request-idle-callback.injectable.ts b/packages/core/src/renderer/components/render-delay/request-idle-callback.injectable.ts
new file mode 100644
index 0000000000..fd58bcc851
--- /dev/null
+++ b/packages/core/src/renderer/components/render-delay/request-idle-callback.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 { getInjectable } from "@ogre-tools/injectable";
+
+export type RequestIdleCallback = (callback: () => void, options: { timeout: number }) => number;
+
+const requestIdleCallbackInjectable = getInjectable({
+  id: "request-idle-callback",
+  instantiate: (): RequestIdleCallback => window.requestIdleCallback,
+  causesSideEffects: true,
+});
+
+export default requestIdleCallbackInjectable;
diff --git a/packages/core/src/renderer/components/resizing-anchor/index.ts b/packages/core/src/renderer/components/resizing-anchor/index.ts
new file mode 100644
index 0000000000..7973d52012
--- /dev/null
+++ b/packages/core/src/renderer/components/resizing-anchor/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./resizing-anchor";
diff --git a/packages/core/src/renderer/components/resizing-anchor/resizing-anchor.scss b/packages/core/src/renderer/components/resizing-anchor/resizing-anchor.scss
new file mode 100644
index 0000000000..bcdb159a43
--- /dev/null
+++ b/packages/core/src/renderer/components/resizing-anchor/resizing-anchor.scss
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+body.resizing {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+}
+
+.ResizingAnchor {
+  $dimension: 12px;
+
+  position: absolute;
+  z-index: 10;
+
+  &::after {
+    content: " ";
+    display: block;
+    width: 3px;
+    height: 100%;
+    margin-left: 50%;
+    background: transparent;
+    transition: background 0.2s 0s;
+  }
+
+  &:hover, &.resizing {
+    &::after {
+      background: var(--blue);
+      transition: background 0.2s 0.5s;
+    }
+  }
+
+  &:hover.wasDragging {
+    &::after {
+      background: transparent;
+      transition: background 0.2s 0s;
+    }
+  }
+
+  &.disabled {
+    display: none;
+  }
+
+  &.vertical {
+    left: 0;
+    right: 0;
+    cursor: row-resize;
+    height: $dimension;
+
+    &::after {
+      height: 3px;
+      width: 100%;
+      margin-left: 0;
+    }
+
+    &.trailing {
+      bottom: -$dimension * 0.5;
+    }
+  }
+
+  &.horizontal {
+    top: 0;
+    bottom: 0;
+    cursor: col-resize;
+    width: $dimension;
+
+    &.leading {
+      left: -$dimension * 0.5;
+    }
+
+    &.trailing {
+      right: -$dimension * 0.5;
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/resizing-anchor/resizing-anchor.tsx b/packages/core/src/renderer/components/resizing-anchor/resizing-anchor.tsx
new file mode 100644
index 0000000000..c65d4c4bf8
--- /dev/null
+++ b/packages/core/src/renderer/components/resizing-anchor/resizing-anchor.tsx
@@ -0,0 +1,310 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./resizing-anchor.scss";
+import React from "react";
+import { action, observable, makeObservable } from "mobx";
+import _ from "lodash";
+import { cssNames, noop } from "../../utils";
+import { observer } from "mobx-react";
+
+export enum ResizeDirection {
+  HORIZONTAL = "horizontal",
+  VERTICAL = "vertical",
+}
+
+/**
+ * ResizeSide is for customizing where the area should be rendered.
+ * That location is determined in conjunction with the `ResizeDirection` using the following table:
+ *
+ * +----------+------------+----------+
+ * |          | HORIZONTAL | VERTICAL |
+ * +----------+------------+----------+
+ * |  LEADING | left       | top      |
+ * +----------+------------+----------+
+ * | TRAILING | right      | bottom   |
+ * +----------+------------+----------+
+ */
+export enum ResizeSide {
+  LEADING = "leading",
+  TRAILING = "trailing",
+}
+
+/**
+ * ResizeGrowthDirection determines how the anchor interprets the drag.
+ *
+ * Because the origin of the screen is top left a drag from bottom to top
+ * results in a negative directional delta. However, if the component being
+ * dragged grows in the opposite direction, this needs to be compensated for.
+ */
+export enum ResizeGrowthDirection {
+  TOP_TO_BOTTOM = 1,
+  BOTTOM_TO_TOP = -1,
+  LEFT_TO_RIGHT = 1,
+  RIGHT_TO_LEFT = -1,
+}
+
+export interface ResizingAnchorProps {
+  direction: ResizeDirection;
+
+  /**
+   * getCurrentExtent should return the current prominent dimension in the
+   * given resizing direction. Width for HORIZONTAL and height for VERTICAL
+   */
+  getCurrentExtent: () => number;
+
+  disabled?: boolean;
+  placement: ResizeSide;
+  growthDirection: ResizeGrowthDirection;
+
+  // Ability to restrict which mouse buttons are allowed to resize this component
+  // Reference: https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons
+  onlyButtons?: number;
+
+  // onStart is called when the ResizeAnchor is first clicked (mouse down)
+  onStart: () => void;
+
+  // onEnd is called when the ResizeAnchor is released (mouse up)
+  onEnd: () => void;
+
+  /**
+   * onDrag is called whenever there is a mousemove event. All calls will be
+   * bounded by matching `onStart` and `onEnd` calls.
+   */
+  onDrag: (newExtent: number) => void;
+
+  // onDoubleClick is called when the the ResizeAnchor is double clicked
+  onDoubleClick?: () => void;
+
+  /**
+   * The following two extents represent the max and min values set to `onDrag`
+   */
+  maxExtent: number;
+  minExtent: number;
+
+  /**
+   * The following events are triggered with respect to the above values.
+   *  - The "__Exceed" call will be made when the unbounded extent goes from
+   *    < the above to >= the above
+   *  - The "__Subceed" call is similar but is triggered when the unbounded
+   *    extent goes from >= the above to < the above.
+   */
+  onMaxExtentExceed?: () => void;
+  onMaxExtentSubceed?: () => void;
+  onMinExtentSubceed?: () => void;
+  onMinExtentExceed?: () => void;
+}
+
+interface Position {
+  readonly pageX: number;
+  readonly pageY: number;
+}
+
+/**
+ * Return the direction delta, but ignore drags leading up to a moved item
+ *  1. `->|` => return `false`
+ *  2. `<-|` => return `directed length (M, P2)` (negative)
+ *  3. `-|>` => return `directed length (M, P2)` (positive)
+ *  4. `<|-` => return `directed length (M, P2)` (negative)
+ *  5. `|->` => return `directed length (M, P2)` (positive)
+ *  6. `|<-` => return `false`
+ * @param P1 the starting position on the number line
+ * @param P2 the ending position on the number line
+ * @param M a third point that determines if the delta is meaningful
+ * @returns the directional difference between including appropriate sign.
+ */
+function directionDelta(P1: number, P2: number, M: number): number | false {
+  const delta = Math.abs(M - P2);
+
+  if (P1 < M) {
+    if (P2 >= M) {
+      // case 3
+      return delta;
+    }
+
+    if (P2 < P1) {
+      // case 2
+      return -delta;
+    }
+
+    // case 1
+    return false;
+  }
+
+  if (P2 < M) {
+    // case 4
+    return -delta;
+  }
+
+  if (P1 < P2) {
+    // case 5
+    return delta;
+  }
+
+  // case 6
+  return false;
+}
+
+@observer
+export class ResizingAnchor extends React.PureComponent<ResizingAnchorProps> {
+  @observable lastMouseEvent?: MouseEvent;
+  ref = React.createRef<HTMLDivElement>();
+  @observable isDragging = false;
+  @observable wasDragging = false;
+
+  static defaultProps = {
+    onStart: noop,
+    onDrag: noop,
+    onEnd: noop,
+    onMaxExtentExceed: noop,
+    onMinExtentExceed: noop,
+    onMinExtentSubceed: noop,
+    onMaxExtentSubceed: noop,
+    onDoubleClick: noop,
+    disabled: false,
+    growthDirection: ResizeGrowthDirection.BOTTOM_TO_TOP,
+    maxExtent: Number.POSITIVE_INFINITY,
+    minExtent: 0,
+    placement: ResizeSide.LEADING,
+  };
+  static IS_RESIZING = "resizing";
+
+  constructor(props: ResizingAnchorProps) {
+    super(props);
+
+    makeObservable(this);
+
+    if (props.maxExtent < props.minExtent) {
+      throw new Error("maxExtent must be >= minExtent");
+    }
+
+    const cur = props.getCurrentExtent();
+
+    if (cur > props.maxExtent) {
+      props.onDrag(props.maxExtent);
+    } else if (cur < props.minExtent) {
+      props.onDrag(props.minExtent);
+    }
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener("mousemove", this.onDrag);
+    document.removeEventListener("mouseup", this.onDragEnd);
+  }
+
+  onDragInit = action((event: React.MouseEvent) => {
+    const { onStart, onlyButtons } = this.props;
+
+    if (typeof onlyButtons === "number" && onlyButtons !== event.buttons) {
+      return;
+    }
+
+    document.addEventListener("mousemove", this.onDrag);
+    document.addEventListener("mouseup", this.onDragEnd);
+    document.body.classList.add(ResizingAnchor.IS_RESIZING);
+    this.isDragging = true;
+
+    this.lastMouseEvent = undefined;
+    onStart();
+  });
+
+  calculateDelta(from: Position, to: Position): number | false {
+    const node = this.ref.current;
+
+    if (!node) {
+      return false;
+    }
+
+    const boundingBox = node.getBoundingClientRect();
+
+    if (this.props.direction === ResizeDirection.HORIZONTAL) {
+      const barX = Math.round(boundingBox.x + (boundingBox.width / 2));
+
+      return directionDelta(from.pageX, to.pageX, barX);
+    } else { // direction === ResizeDirection.VERTICAL
+      const barY = Math.round(boundingBox.y + (boundingBox.height / 2));
+
+      return directionDelta(from.pageY, to.pageY, barY);
+    }
+  }
+
+  onDrag = _.throttle((event: MouseEvent) => {
+    /**
+     * Some notes to help understand the following:
+     *  - A browser's origin point is in the top left of the screen
+     *  - X increases going from left to right
+     *  - Y increases going from top to bottom
+     *  - Since the resize bar should always be a rectangle, use its centre
+     *    line (in the resizing direction) as the line for determining if
+     *    the bar has "jumped around"
+     *
+     * Desire:
+     *  - Always ignore movement in the non-resizing direction
+     *  - Figure out how much the user has "dragged" the resize bar
+     *  - If the resize bar has jumped around, compensate by ignoring movement
+     *    in the resizing direction if it is moving "towards" the resize bar's
+     *    new location.
+     */
+
+    if (!this.lastMouseEvent) {
+      this.lastMouseEvent = event;
+
+      return;
+    }
+
+    const { maxExtent, minExtent, getCurrentExtent, growthDirection } = this.props;
+    const { onDrag, onMaxExtentExceed, onMinExtentSubceed, onMaxExtentSubceed, onMinExtentExceed } = this.props;
+    const delta = this.calculateDelta(this.lastMouseEvent, event);
+
+    // always update the last mouse event
+    this.lastMouseEvent = event;
+
+    if (delta === false) {
+      return;
+    }
+
+    const previousExtent = getCurrentExtent();
+    const unboundedExtent = previousExtent + (delta * growthDirection);
+    const boundedExtent = Math.round(Math.max(minExtent, Math.min(maxExtent, unboundedExtent)));
+
+    onDrag(boundedExtent);
+
+    if (previousExtent <= minExtent && minExtent <= unboundedExtent) {
+      onMinExtentExceed?.();
+    } else if (previousExtent >= minExtent && minExtent >= unboundedExtent) {
+      onMinExtentSubceed?.();
+    }
+
+    if (previousExtent <= maxExtent && maxExtent <= unboundedExtent) {
+      onMaxExtentExceed?.();
+    } else if (previousExtent >= maxExtent && maxExtent >= unboundedExtent) {
+      onMaxExtentSubceed?.();
+    }
+  }, 100);
+
+  onDragEnd = action(() => {
+    this.props.onEnd();
+    document.removeEventListener("mousemove", this.onDrag);
+    document.removeEventListener("mouseup", this.onDragEnd);
+    document.body.classList.remove(ResizingAnchor.IS_RESIZING);
+    this.isDragging = false;
+    this.wasDragging = true;
+
+    setTimeout(() => this.wasDragging = false, 200);
+  });
+
+  render() {
+    const { disabled, direction, placement, onDoubleClick } = this.props;
+
+    return (
+      <div
+        ref={this.ref}
+        className={cssNames("ResizingAnchor", direction, placement, { disabled, resizing: this.isDragging, wasDragging: this.wasDragging })}
+        onMouseDown={this.onDragInit}
+        onDoubleClick={onDoubleClick}
+      />
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/resource-metrics/index.ts b/packages/core/src/renderer/components/resource-metrics/index.ts
new file mode 100644
index 0000000000..c6fe125bcc
--- /dev/null
+++ b/packages/core/src/renderer/components/resource-metrics/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./resource-metrics";
diff --git a/packages/core/src/renderer/components/resource-metrics/no-metrics.tsx b/packages/core/src/renderer/components/resource-metrics/no-metrics.tsx
new file mode 100644
index 0000000000..cd69b8bbca
--- /dev/null
+++ b/packages/core/src/renderer/components/resource-metrics/no-metrics.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 React from "react";
+import { Icon } from "../icon";
+
+export function NoMetrics() {
+  return (
+    <div className="flex justify-center align-center">
+      <Icon material="info"/>
+&nbsp;Metrics not available at the moment
+    </div>
+  );
+}
diff --git a/packages/core/src/renderer/components/resource-metrics/resource-metrics.scss b/packages/core/src/renderer/components/resource-metrics/resource-metrics.scss
new file mode 100644
index 0000000000..ce07b98a2a
--- /dev/null
+++ b/packages/core/src/renderer/components/resource-metrics/resource-metrics.scss
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.ResourceMetrics {
+  $metricsHeight: 200px;
+
+  position: relative;
+  margin-bottom: $margin * 2;
+
+  .switchers {
+    margin-bottom: $margin * 2;
+    text-align: center;
+  }
+
+  .graph {
+    &:empty + .loader {
+      display: flex;
+      height: #{$metricsHeight + $unit * 2.75};
+      align-items: center;
+      justify-content: center;
+    }
+
+    .Chart {
+      .chart-container {
+        min-height: $metricsHeight;
+      }
+
+      .legend {
+        justify-content: center;
+
+        > * {
+          margin-right: $margin * 2;
+        }
+      }
+    }
+  }
+
+  .loader {
+    display: none;
+  }
+}
diff --git a/packages/core/src/renderer/components/resource-metrics/resource-metrics.tsx b/packages/core/src/renderer/components/resource-metrics/resource-metrics.tsx
new file mode 100644
index 0000000000..c10075ac6d
--- /dev/null
+++ b/packages/core/src/renderer/components/resource-metrics/resource-metrics.tsx
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./resource-metrics.scss";
+
+import React, { createContext, useState } from "react";
+import { Radio, RadioGroup } from "../radio";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import { cssNames } from "../../utils";
+import { Spinner } from "../spinner";
+import type { MetricsTab } from "../chart/options";
+import type { MetricData } from "../../../common/k8s-api/endpoints/metrics.api";
+import type { IAsyncComputed } from "@ogre-tools/injectable-react";
+import { isComputed } from "mobx";
+import { observer } from "mobx-react-lite";
+
+export type AtLeastOneMetricTab = [MetricsTab, ...MetricsTab[]];
+
+export interface ResourceMetricsProps<Keys extends string> {
+  tabs: AtLeastOneMetricTab;
+  object: KubeObject;
+  className?: string;
+  metrics: IAsyncComputed<Partial<Record<Keys, MetricData>> | null | undefined> | Partial<Record<Keys, MetricData>>;
+  children: React.ReactChild | React.ReactChild[];
+}
+
+function isAsyncComputedMetrics<Keys extends string>(metrics: IAsyncComputed<Partial<Record<Keys, MetricData>> | null | undefined> | Partial<Record<Keys, MetricData>>): metrics is IAsyncComputed<Partial<Record<Keys, MetricData>> | null | undefined> {
+  return isComputed((metrics as any).value);
+}
+
+export interface ResourceMetricsValue {
+  object: KubeObject;
+  tab: MetricsTab;
+  metrics: Partial<Record<string, MetricData>> | null | undefined;
+}
+
+export const ResourceMetricsContext = createContext<ResourceMetricsValue | null>(null);
+
+export const ResourceMetrics = observer(<Keys extends string>({
+  object,
+  tabs,
+  children,
+  className,
+  metrics,
+}: ResourceMetricsProps<Keys>) => {
+  const [tab, setTab] = useState<MetricsTab>(tabs[0]);
+
+  return (
+    <div className={cssNames("ResourceMetrics flex column", className)}>
+      <div className="switchers">
+        <RadioGroup
+          asButtons
+          className="flex box grow gaps"
+          value={tab}
+          onChange={setTab}
+        >
+          {tabs.map((tab, index) => (
+            <Radio
+              key={index}
+              className="box grow"
+              label={tab}
+              value={tab} />
+          ))}
+        </RadioGroup>
+      </div>
+      <ResourceMetricsContext.Provider
+        value={{
+          object,
+          tab,
+          metrics: isAsyncComputedMetrics(metrics)
+            ? metrics.value.get()
+            : metrics,
+        }}
+      >
+        <div className="graph">
+          {children}
+        </div>
+      </ResourceMetricsContext.Provider>
+      <div className="loader">
+        <Spinner />
+      </div>
+    </div>
+  );
+});
diff --git a/packages/core/src/renderer/components/scroll-spy/__tests__/scroll-spy.test.tsx b/packages/core/src/renderer/components/scroll-spy/__tests__/scroll-spy.test.tsx
new file mode 100644
index 0000000000..1dc21b6735
--- /dev/null
+++ b/packages/core/src/renderer/components/scroll-spy/__tests__/scroll-spy.test.tsx
@@ -0,0 +1,235 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import { screen, waitFor } from "@testing-library/react";
+import { ScrollSpy } from "../scroll-spy";
+import { RecursiveTreeView } from "../../tree-view";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import { type DiRender, renderFor } from "../../test-utils/renderFor";
+
+const observe = jest.fn();
+
+Object.defineProperty(window, "IntersectionObserver", {
+  writable: true,
+  value: jest.fn().mockImplementation(() => ({
+    observe,
+    unobserve: jest.fn(),
+  })),
+});
+
+describe("<ScrollSpy/>", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+  });
+
+  it("renders w/o errors", () => {
+    const { container } = render((
+      <ScrollSpy
+        render={() => (
+          <div>
+            <section id="application">
+              <h1>Application</h1>
+            </section>
+          </div>
+        )}
+      />
+    ));
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("calls intersection observer", () => {
+    render((
+      <ScrollSpy
+        render={() => (
+          <div>
+            <section id="application">
+              <h1>Application</h1>
+            </section>
+          </div>
+        )}
+      />
+    ));
+
+    expect(observe).toHaveBeenCalled();
+  });
+
+  it("renders dataTree component", async () => {
+    render((
+      <ScrollSpy
+        render={dataTree => (
+          <div>
+            <nav>
+              <RecursiveTreeView data={dataTree}/>
+            </nav>
+            <section id="application">
+              <h1>Application</h1>
+            </section>
+          </div>
+        )}
+      />
+    ));
+
+    expect(await screen.findByTestId("TreeView")).toBeInTheDocument();
+  });
+
+  it("throws if no sections founded", () => {
+    // Prevent writing to stderr during this render.
+    const err = console.error;
+
+    console.error = jest.fn();
+
+    expect(() => render((
+      <ScrollSpy
+        render={() => (
+          <div>
+            Content
+          </div>
+        )}
+      />
+    ))).toThrow();
+
+    // Restore writing to stderr.
+    console.error = err;
+  });
+});
+
+
+describe("<TreeView/> dataTree inside <ScrollSpy/>", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+  });
+
+  it("contains links to all sections", async () => {
+    render((
+      <ScrollSpy
+        render={dataTree => (
+          <div>
+            <nav>
+              <RecursiveTreeView data={dataTree}/>
+            </nav>
+            <section id="application">
+              <h1>Application</h1>
+              <section id="appearance">
+                <h2>Appearance</h2>
+              </section>
+              <section id="theme">
+                <h2>Theme</h2>
+                <div>description</div>
+              </section>
+            </section>
+          </div>
+        )}
+      />
+    ));
+
+    expect(await screen.findByTitle("Application")).toBeInTheDocument();
+    expect(await screen.findByTitle("Appearance")).toBeInTheDocument();
+    expect(await screen.findByTitle("Theme")).toBeInTheDocument();
+  });
+
+  it("not showing links to sections without id", async () => {
+    const { queryByTitle } = render((
+      <ScrollSpy
+        render={dataTree => (
+          <div>
+            <nav>
+              <RecursiveTreeView data={dataTree}/>
+            </nav>
+            <section id="application">
+              <h1>Application</h1>
+              <section>
+                <h2>Kubectl</h2>
+              </section>
+              <section id="appearance">
+                <h2>Appearance</h2>
+              </section>
+            </section>
+          </div>
+        )}
+      />
+    ));
+
+    expect(await screen.findByTitle("Application")).toBeInTheDocument();
+    expect(await screen.findByTitle("Appearance")).toBeInTheDocument();
+
+    await waitFor(() => {
+      expect(queryByTitle("Kubectl")).not.toBeInTheDocument();
+    });
+  });
+
+  it("expands parent sections", async () => {
+    render((
+      <ScrollSpy
+        render={dataTree => (
+          <div>
+            <nav>
+              <RecursiveTreeView data={dataTree}/>
+            </nav>
+            <section id="application">
+              <h1>Application</h1>
+              <section id="appearance">
+                <h2>Appearance</h2>
+              </section>
+              <section id="theme">
+                <h2>Theme</h2>
+                <div>description</div>
+              </section>
+            </section>
+            <section id="Kubernetes">
+              <h1>Kubernetes</h1>
+              <section id="kubectl">
+                <h2>Kubectl</h2>
+              </section>
+            </section>
+          </div>
+        )}
+      />
+    ));
+
+    expect(await screen.findByTitle("Application")).toHaveAttribute("aria-expanded");
+    expect(await screen.findByTitle("Kubernetes")).toHaveAttribute("aria-expanded");
+  });
+
+  it("skips sections without headings", async () => {
+    render((
+      <ScrollSpy
+        render={dataTree => (
+          <div>
+            <nav>
+              <RecursiveTreeView data={dataTree}/>
+            </nav>
+            <section id="application">
+              <h1>Application</h1>
+              <section id="appearance">
+                <p>Appearance</p>
+              </section>
+              <section id="theme">
+                <h2>Theme</h2>
+              </section>
+            </section>
+          </div>
+        )}
+      />
+    ));
+
+    expect(await screen.findByTitle("Application")).toBeInTheDocument();
+
+    await waitFor(() => {
+      expect(screen.queryByTitle("appearance")).not.toBeInTheDocument();
+      expect(screen.queryByTitle("Appearance")).not.toBeInTheDocument();
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/scroll-spy/scroll-spy.tsx b/packages/core/src/renderer/components/scroll-spy/scroll-spy.tsx
new file mode 100644
index 0000000000..b31e1cc701
--- /dev/null
+++ b/packages/core/src/renderer/components/scroll-spy/scroll-spy.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 { observer } from "mobx-react";
+import React, { useEffect, useRef, useState } from "react";
+import { useMutationObserver } from "../../hooks";
+import type { NavigationTree } from "../tree-view";
+
+export interface ScrollSpyProps extends React.DOMAttributes<HTMLElement> {
+  render: (data: NavigationTree[]) => JSX.Element;
+  htmlFor?: string; // Id of the element to put observers on
+  rootMargin?: string; // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#creating_an_intersection_observer
+}
+
+export const ScrollSpy = observer(({ render, htmlFor, rootMargin = "0px 0px -100% 0px" }: ScrollSpyProps) => {
+  const parent = useRef<HTMLDivElement>(null);
+  const sections = useRef<NodeListOf<HTMLElement>>();
+  const [tree, setTree] = useState<NavigationTree[]>([]);
+  const [activeElementId, setActiveElementId] = useState("");
+
+  const setSections = (): NodeListOf<HTMLElement> => {
+    sections.current = parent.current?.querySelectorAll("section");
+
+    if (!sections.current?.length) {
+      throw new Error("No <section/> tag founded! Content should be placed inside <section></section> elements to activate navigation.");
+    }
+
+    return sections.current;
+  };
+
+  const getSectionsParentElement = () => {
+    return sections.current?.[0].parentElement;
+  };
+
+  const updateNavigation = () => {
+    setTree(getNavigation(getSectionsParentElement()));
+  };
+
+  const getNavigation = (element: Element | null | undefined): NavigationTree[] => {
+    if (!element) {
+      return [];
+    }
+
+    const sections = element.querySelectorAll(":scope > section"); // Searching only direct children of an element. Impossible without :scope
+    const children: NavigationTree[] = [];
+
+    sections.forEach(section => {
+      const id = section.getAttribute("id");
+      const parentId = section.parentElement?.id;
+      const name = section.querySelector("h1, h2, h3, h4, h5, h6")?.textContent;
+      const selected = id === activeElementId;
+
+      if (!name || !id) {
+        return;
+      }
+
+      children.push({
+        id,
+        parentId,
+        name,
+        selected,
+        children: getNavigation(section),
+      });
+    });
+
+    return children;
+  };
+
+  const handleIntersect = ([entry]: IntersectionObserverEntry[]) => {
+    const closest = entry.target.closest("section[id]");
+
+    if (entry.isIntersecting && closest) {
+      setActiveElementId(closest.id);
+    }
+  };
+
+  const observeSections = (list: NodeListOf<HTMLElement>) => {
+    const options: IntersectionObserverInit = {
+      root: (htmlFor && document.getElementById(htmlFor)) || getSectionsParentElement(),
+      rootMargin,
+    };
+
+    list.forEach((section) => {
+      const observer = new IntersectionObserver(handleIntersect, options);
+      const target = section.querySelector("section") || section;
+
+      observer.observe(target);
+    });
+  };
+
+  useEffect(() => {
+    const list = setSections();
+
+    observeSections(list);
+  }, [parent.current]);
+
+  useEffect(() => {
+    updateNavigation();
+  }, [activeElementId]);
+
+  useMutationObserver(getSectionsParentElement(), updateNavigation);
+
+  return (
+    <div className="ScrollSpy" ref={parent}>
+      {render(tree)}
+    </div>
+  );
+});
diff --git a/packages/core/src/renderer/components/select/index.ts b/packages/core/src/renderer/components/select/index.ts
new file mode 100644
index 0000000000..325e24d10f
--- /dev/null
+++ b/packages/core/src/renderer/components/select/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./select";
diff --git a/packages/core/src/renderer/components/select/select.scss b/packages/core/src/renderer/components/select/select.scss
new file mode 100644
index 0000000000..1cc50a2c00
--- /dev/null
+++ b/packages/core/src/renderer/components/select/select.scss
@@ -0,0 +1,257 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Custom css-styles for react-select
+// Docs: https://react-select.com/styles
+
+html {
+  $menuBackgroundColor: var(--contentColor);
+
+  --select-menu-bgc: #{$menuBackgroundColor};
+  --select-menu-border-color: var(--halfGray);
+  --select-option-selected-color: var(--inputOptionHoverColor);
+  --select-option-focused-bgc: var(--colorInfo);
+  --select-option-focused-color: var(--textColorAccent);
+
+  .Select {
+    position: relative;
+    min-width: 220px;
+
+    * {
+      color: inherit;
+    }
+
+    &--is-disabled {
+      opacity: .75;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+
+    &__control {
+      border: none;
+      border-radius: $radius;
+      background: var(--select-menu-bgc);
+      min-height: 0;
+      box-shadow: 0 0 0 1px var(--halfGray);
+      cursor: pointer;
+      line-height: 1;
+
+      &--is-focused {
+        box-shadow: 0 0 0 1px var(--primary);
+      }
+    }
+
+    &__value-container {
+      margin-bottom: 1px;
+    }
+
+    &__single-value {
+      color: var(--textColorSecondary);
+      overflow: visible;
+    }
+
+    &__indicator {
+      padding: $padding *0.5;
+      opacity: .55;
+
+      &:hover {
+        color: inherit;
+        opacity: 1;
+      }
+
+      &-separator {
+        display: none;
+      }
+    }
+
+    &__dropdown {
+      &-indicator {
+        color: inherit !important;
+        padding: $padding * 0.5;
+      }
+    }
+
+    &__menu {
+      background: var(--select-menu-bgc);
+      box-shadow: inset 0 0 0 1px var(--select-menu-border-color);
+      width: max-content;
+      min-width: 100%;
+
+      &-list {
+        padding: 6px;
+        width: max-content;
+        min-width: 100%;
+      }
+
+      &-notice {
+        padding: $padding * 0.3333;
+      }
+    }
+
+    &__option {
+      white-space: nowrap;
+      cursor: pointer;
+
+      &:active {
+        background: var(--primary);
+      }
+
+      &--is-selected {
+        background: var(--menuSelectedOptionBgc);
+        color: var(--select-option-selected-color);
+      }
+
+      &--is-focused {
+        color: var(--select-option-focused-color);
+        background: var(--select-option-focused-bgc);
+      }
+
+      &--is-disabled {
+        cursor: not-allowed;
+        background: none !important;
+        color: inherit;
+        opacity: .75;
+      }
+
+      .Icon {
+        transition: none;
+      }
+    }
+
+    &__value-container {
+      &--is-multi {
+      }
+
+      &--has-value {
+      }
+    }
+
+    &__multi-value {
+      background: var(--layoutBackground);
+
+      &__remove {
+        background: inherit;
+
+        &:hover {
+          background: var(--colorError);
+          color: var(--textColorAccent);
+        }
+      }
+    }
+  }
+
+  //-- Themes
+
+  .Select__menu {
+    z-index: $zIndex-select-portal; // render at the top when used inside dialog
+  }
+
+  .Select, .Select__menu {
+    &.theme-light {
+      --select-menu-bgc: white;
+      --select-option-selected-color: var(--textColorSecondary);
+
+      .Select {
+        &__multi-value {
+          background: none;
+          box-shadow: 0 0 0 1px var(--textColorSecondary);
+        }
+
+        &__option {
+          &:active {
+            color: white;
+          }
+
+          &:hover {
+            color: white;
+          }
+
+          &--is-focused {
+            color: white;
+          }
+
+          &--is-disabled:hover {
+            color: inherit;
+          }
+        }
+      }
+    }
+
+    &.theme-outlined {
+      .Select__control {
+        box-shadow: 0 0 0 1px var(--colorVague);
+        color: var(--primary);
+
+        .Select__value-container {
+          padding: 0 $padding * 0.5;
+        }
+
+        .Select__dropdown-indicator {
+          padding: 3px;
+        }
+      }
+    }
+
+    &.theme-lens {
+      :hover {
+        &.Select__control {
+          box-shadow: 0 0 0 1px var(--inputControlHoverBorder);
+          transition: box-shadow 0.1s;
+        }
+      }
+
+      :focus-within {
+        &.Select__control {
+          box-shadow: 0 0 0 1px var(--colorInfo);
+        }
+      }
+
+      &.Select__menu {
+        box-shadow: inset 0 0 0 1px var(--inputControlBorder);
+      }
+
+      .Select {
+        &__value-container {
+          margin-top: 2px;
+          margin-bottom: 2px;
+        }
+
+        &__control {
+          box-shadow: 0 0 0 1px var(--inputControlBorder);
+          background: var(--inputControlBackground);
+          border-radius: var(--border-radius);
+        }
+
+        &__single-value {
+          color: var(--textColorTertiary);
+        }
+
+        &__menu {
+          &-list {
+            padding: 6px;
+          }
+        }
+
+        &__option {
+          border-radius: 4px;
+
+          &:active {
+            background: var(--inputControlBackground);
+          }
+
+          &--is-selected {
+            background: var(--inputControlBackground);
+            color: var(--textColorAccent);
+          }
+
+          &--is-focused {
+            color: var(--textColorPrimary);
+            background: var(--inputControlBackground);
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/select/select.test.tsx b/packages/core/src/renderer/components/select/select.test.tsx
new file mode 100644
index 0000000000..c53535e184
--- /dev/null
+++ b/packages/core/src/renderer/components/select/select.test.tsx
@@ -0,0 +1,188 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import type { SelectOption } from "./select";
+import { Select } from "./select";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import type { DiContainer } from "@ogre-tools/injectable";
+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 rendererExtensionsInjectable from "../../../extensions/renderer-extensions.injectable";
+import { computed } from "mobx";
+import type { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
+
+describe("<Select />", () => {
+  let di: DiContainer;
+  let render: DiRender;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+    render = renderFor(di);
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+    di.override(rendererExtensionsInjectable, () => computed(() => [] as LensRendererExtension[]));
+  });
+
+  it("should render the select", async () => {
+    const options = [
+      {
+        label: "Option one label",
+        value: "optionOneValue",
+      },
+      {
+        label: "Option two label",
+        value: "optionTwoValue",
+      },
+    ];
+
+    const onChange = jest.fn();
+
+    const { container } = render((
+      <Select
+        id="some-test-input"
+        onChange={onChange}
+        options={options}
+      />
+    ));
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("should show selected option", async () => {
+    const options = [
+      {
+        label: "Option one label",
+        value: "optionOneValue",
+      },
+      {
+        label: "Option two label",
+        value: "optionTwoValue",
+      },
+    ];
+
+    const onChange = jest.fn();
+
+    const { container } = render((
+      <Select
+        value={options[0].value}
+        onChange={onChange}
+        options={options}
+      />
+    ));
+    const selectedValueContainer = container.querySelector(".Select__single-value");
+
+    expect(selectedValueContainer?.textContent).toBe(options[0].label);
+  });
+
+  it("should reflect to change value", async () => {
+    const options = [
+      {
+        label: "Option one label",
+        value: "optionOneValue",
+      },
+      {
+        label: "Option two label",
+        value: "optionTwoValue",
+      },
+    ];
+
+    const onChange = jest.fn();
+
+    const { container, rerender } = render((
+      <Select
+        value={options[0].value}
+        onChange={onChange}
+        options={options}
+      />
+    ));
+    const selectedValueContainer = container.querySelector(".Select__single-value");
+
+    expect(selectedValueContainer?.textContent).toBe(options[0].label);
+
+    rerender((
+      <Select
+        value={options[1].value}
+        onChange={onChange}
+        options={options}
+      />
+    ));
+
+    expect(container.querySelector(".Select__single-value")?.textContent).toBe(options[1].label);
+  });
+
+  it("should unselect value if null is passed as a value", async () => {
+    const options = [
+      {
+        label: "Option one label",
+        value: "optionOneValue",
+      },
+      {
+        label: "Option two label",
+        value: "optionTwoValue",
+      },
+    ];
+
+    const onChange = jest.fn();
+
+    const { container, rerender } = render((
+      <Select
+        value={options[0].value}
+        onChange={onChange}
+        options={options}
+      />
+    ));
+    const selectedValueContainer = container.querySelector(".Select__single-value");
+
+    expect(selectedValueContainer?.textContent).toBe(options[0].label);
+
+    rerender((
+      <Select<string, SelectOption<string>>
+        value={null}
+        onChange={onChange}
+        options={options}
+      />
+    ));
+
+    expect(container.querySelector(".Select__single-value")).not.toBeInTheDocument();
+  });
+
+  it("should unselect value if undefined is passed as a value", async () => {
+    const options = [
+      {
+        label: "Option one label",
+        value: "optionOneValue",
+      },
+      {
+        label: "Option two label",
+        value: "optionTwoValue",
+      },
+    ];
+
+    const onChange = jest.fn();
+
+    const { container, rerender } = render((
+      <Select
+        value={options[0].value}
+        onChange={onChange}
+        options={options}
+      />
+    ));
+    const selectedValueContainer = container.querySelector(".Select__single-value");
+
+    expect(selectedValueContainer?.textContent).toBe(options[0].label);
+
+    rerender((
+      <Select<string, SelectOption<string>>
+        value={undefined}
+        onChange={onChange}
+        options={options}
+      />
+    ));
+
+    expect(container.querySelector(".Select__single-value")).not.toBeInTheDocument();
+  });
+});
diff --git a/packages/core/src/renderer/components/select/select.tsx b/packages/core/src/renderer/components/select/select.tsx
new file mode 100644
index 0000000000..2d07442b1f
--- /dev/null
+++ b/packages/core/src/renderer/components/select/select.tsx
@@ -0,0 +1,258 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Wrapper for "react-select" component
+// API docs: https://react-select.com/
+import "./select.scss";
+
+import React from "react";
+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 { LensTheme } from "../../themes/lens-theme";
+import { autoBind, cssNames } from "../../utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import activeThemeInjectable from "../../themes/active.injectable";
+
+const { Menu } = components;
+
+export interface SelectOption<Value> {
+  value: Value;
+  label: React.ReactNode;
+  isDisabled?: boolean;
+  isSelected?: boolean;
+  id?: string;
+}
+
+/**
+ * @deprecated This should not be used anymore, convert the options yourself.
+ */
+export type LegacyAutoConvertedOptions = string[];
+
+export interface SelectProps<
+  Value,
+  /**
+   * This needs to extend `object` because even though `ReactSelectProps` allows for any `T`, the
+   * maintainers of `react-select` says that they don't support it.
+   *
+   * Ref: https://github.com/JedWatson/react-select/issues/5032
+   *
+   * Futhermore, we mandate the option is of this shape because it is easier than requiring
+   * `getOptionValue` and `getOptionLabel` all over the place.
+   */
+  Option extends SelectOption<Value>,
+  IsMulti extends boolean,
+  Group extends GroupBase<Option> = GroupBase<Option>,
+> extends Omit<ReactSelectProps<Option, IsMulti, Group>, "value" | "options"> {
+  id?: string; // Optional only because of Extension API. Required to make Select deterministic in unit tests
+  themeName?: "dark" | "light" | "outlined" | "lens";
+  menuClass?: string;
+  value?: PropsValue<Value>;
+  options: NonNullable<ReactSelectProps<Option, IsMulti, Group>["options"]> | LegacyAutoConvertedOptions;
+
+  /**
+   * @deprecated This option does nothing
+   */
+  isCreatable?: boolean;
+
+  /**
+   * @deprecated We will always auto convert options if they are of type `string`
+   */
+  autoConvertOptions?: boolean;
+}
+
+function isGroup<Option, Group extends GroupBase<Option>>(optionOrGroup: Option | Group): optionOrGroup is Group {
+  return Array.isArray((optionOrGroup as Group).options);
+}
+
+const defaultFilter = createFilter({
+  stringify(option) {
+    if (typeof option.value === "symbol") {
+      return option.label;
+    }
+
+    return `${option.label} ${option.value}`;
+  },
+});
+
+interface Dependencies {
+  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"] {
+  return action((newValue, meta) => {
+    switch (meta.action) {
+      case "clear":
+        collection.clear();
+        break;
+      case "deselect-option":
+      case "remove-value":
+      case "pop-value":
+        if (meta.option) {
+          collection.delete(meta.option.value);
+        }
+        break;
+      case "select-option":
+        if (meta.option) {
+          collection.add(meta.option.value);
+        }
+        break;
+    }
+  });
+}
+
+@observer
+class NonInjectedSelect<
+  Value,
+  Option extends SelectOption<Value>,
+  IsMulti extends boolean = false,
+  Group extends GroupBase<Option> = GroupBase<Option>,
+> extends React.Component<SelectProps<Value, Option, IsMulti, Group> & Dependencies> {
+  static defaultProps = {
+    menuPortalTarget: document.body,
+    menuPlacement: "auto" as const,
+  };
+
+  constructor(props: SelectProps<Value, Option, IsMulti, Group> & Dependencies) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  @computed get themeClass() {
+    const themeName = this.props.themeName || this.props.activeTheme.get().type;
+
+    return `theme-${themeName}`;
+  }
+
+  onKeyDown(evt: React.KeyboardEvent<HTMLDivElement>) {
+    this.props.onKeyDown?.(evt);
+
+    if (evt.nativeEvent.code === "Escape") {
+      evt.stopPropagation(); // don't close the <Dialog/>
+    }
+  }
+
+  private filterSelectedMultiValue(values: MultiValue<Value> | null, options: OptionsOrGroups<Option, Group>): MultiValue<Option> | null {
+    if (!values) {
+      return null;
+    }
+
+    return options
+      .flatMap(option => (
+        isGroup(option)
+          ? option.options
+          : option
+      ))
+      .filter(option => values.includes(option.value));
+  }
+
+  private findSelectedSingleValue(value: SingleValue<Value>, options: OptionsOrGroups<Option, Group>): SingleValue<Option> {
+    if (value === null) {
+      return null;
+    }
+
+    for (const optionOrGroup of options) {
+      if (isGroup(optionOrGroup)) {
+        for (const option of optionOrGroup.options) {
+          if (option.value === value) {
+            return option;
+          }
+        }
+      } else if (optionOrGroup.value === value) {
+        return optionOrGroup;
+      }
+    }
+
+    return null;
+  }
+
+  private findSelectedPropsValue(value: PropsValue<Value>, options: OptionsOrGroups<Option, Group>, isMulti: IsMulti | undefined): PropsValue<Option> {
+    if (isMulti) {
+      return this.filterSelectedMultiValue(value as MultiValue<Value>, options);
+    }
+
+    return this.findSelectedSingleValue(value as SingleValue<Value>, options);
+  }
+
+  render() {
+    const {
+      className,
+      menuClass,
+      components: {
+        Menu: WrappedMenu = Menu,
+        ...components
+      } = {},
+      styles,
+      value = null,
+      options,
+      isMulti,
+      id: inputId,
+      onChange,
+      ...props
+    } = this.props;
+
+    const convertedOptions = options.map(option => (
+      typeof option === "string"
+        ? {
+          value: option,
+          label: option,
+        } as unknown as Option
+        : option
+    ));
+
+    if (options.length > 0 && !(options?.[0] as { label?: string }).label) {
+      console.warn("[SELECT]: will not display any label in dropdown");
+    }
+
+    return (
+      <ReactSelect
+        {...props}
+        styles={{
+          menuPortal: styles => ({
+            ...styles,
+            zIndex: "auto",
+          }),
+          ...styles,
+        }}
+        instanceId={inputId}
+        inputId={inputId}
+        filterOption={defaultFilter} // This is done because the default filter crashes on symbols
+        isMulti={isMulti}
+        options={convertedOptions}
+        value={this.findSelectedPropsValue(value, convertedOptions, isMulti)}
+        onKeyDown={this.onKeyDown}
+        className={cssNames("Select", this.themeClass, className)}
+        classNamePrefix="Select"
+        onChange={action(onChange)} // This is done so that all changes are actionable
+        components={{
+          ...components,
+          Menu: ({ className, ...props }) => (
+            <WrappedMenu
+              {...props}
+              className={cssNames(menuClass, this.themeClass, className, {
+                [`${inputId}-options`]: !!inputId,
+              })}
+            />
+          ),
+        }}
+      />
+    );
+  }
+}
+
+export const Select = withInjectables<Dependencies, SelectProps<unknown, SelectOption<unknown>, boolean>>(NonInjectedSelect, {
+  getProps: (di, props) => ({
+    ...props,
+    activeTheme: di.inject(activeThemeInjectable),
+  }),
+}) as <
+  Value,
+  Option extends SelectOption<Value>,
+  IsMulti extends boolean = false,
+  Group extends GroupBase<Option> = GroupBase<Option>,
+>(props: SelectProps<Value, Option, IsMulti, Group>) => React.ReactElement;
diff --git a/packages/core/src/renderer/components/slider/index.ts b/packages/core/src/renderer/components/slider/index.ts
new file mode 100644
index 0000000000..8b366d144c
--- /dev/null
+++ b/packages/core/src/renderer/components/slider/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./slider";
diff --git a/packages/core/src/renderer/components/slider/slider.scss b/packages/core/src/renderer/components/slider/slider.scss
new file mode 100644
index 0000000000..12c5366223
--- /dev/null
+++ b/packages/core/src/renderer/components/slider/slider.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Slider {
+  .track {
+    background: var(--blue);
+  }
+
+  .thumb {
+    background: var(--blue);
+
+    &.activated, &.jumped, &.focused {
+      box-shadow: 0 0 0 #{$unit * 2} var(--blue) !important;
+    }
+
+    &:hover{
+      box-shadow: 0 0 0 $unit var(--blue);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/slider/slider.tsx b/packages/core/src/renderer/components/slider/slider.tsx
new file mode 100644
index 0000000000..a026826036
--- /dev/null
+++ b/packages/core/src/renderer/components/slider/slider.tsx
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Wrapper for <Slider/> component
+// API docs: https://material-ui.com/lab/api/slider/
+import "./slider.scss";
+
+import React, { Component } from "react";
+import { cssNames } from "../../utils";
+import type { SliderClassKey, SliderProps as MaterialSliderProps } from "@material-ui/core/Slider";
+import MaterialSlider from "@material-ui/core/Slider";
+import assert from "assert";
+
+export interface SliderProps extends Omit<MaterialSliderProps, "onChange"> {
+  className?: string;
+  onChange(evt: React.FormEvent<any>, value: number): void;
+}
+
+const defaultProps: Partial<SliderProps> = {
+  step: 1,
+  min: 0,
+  max: 100,
+};
+
+export class Slider extends Component<SliderProps> {
+  static defaultProps = defaultProps as object;
+
+  private classNames: Partial<{ [P in SliderClassKey]: string }> = {
+    track: "track",
+    thumb: "thumb",
+    disabled: "disabled",
+    vertical: "vertical",
+  };
+
+  render() {
+    const { className, onChange, ...sliderProps } = this.props;
+
+    return (
+      <MaterialSlider
+        {...sliderProps}
+        onChange={(event, value) => {
+          assert(!Array.isArray(value));
+          onChange?.(event, value);
+        }}
+        classes={{
+          root: cssNames("Slider", className),
+          ...this.classNames,
+        }}
+      />
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/spinner/index.ts b/packages/core/src/renderer/components/spinner/index.ts
new file mode 100644
index 0000000000..f95bac13b3
--- /dev/null
+++ b/packages/core/src/renderer/components/spinner/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./spinner";
diff --git a/packages/core/src/renderer/components/spinner/spinner.scss b/packages/core/src/renderer/components/spinner/spinner.scss
new file mode 100644
index 0000000000..b56f6af024
--- /dev/null
+++ b/packages/core/src/renderer/components/spinner/spinner.scss
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.Spinner {
+  --spinner-size: 24px;
+  --spinner-border: calc(var(--spinner-size) / 6);
+
+  $duration: 1s;
+  $rotateAnimation: rotate $duration linear infinite;
+  $colorAnimation: colors $duration*4 ease-in-out infinite;
+
+  @mixin spinner-color($color) {
+    border-color: transparent $color;
+  }
+
+  width: var(--spinner-size);
+  height: var(--spinner-size);
+  border: var(--spinner-border) solid transparent;
+  border-radius: 50%;
+  display: inline-block;
+
+  &:not(.singleColor) {
+    animation: $rotateAnimation, $colorAnimation;
+  }
+
+  &.singleColor {
+    @include spinner-color(var(--textColorPrimary));
+    animation: $rotateAnimation;
+  }
+
+  &.center {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: calc(var(--spinner-size) / -2);
+    margin-top: calc(var(--spinner-size) / -2);
+  }
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes colors {
+    0% {
+      @include spinner-color(#4285F4);
+    }
+    25% {
+      @include spinner-color(#DE3E35);
+    }
+    50% {
+      @include spinner-color(#F7C223);
+    }
+    75% {
+      @include spinner-color(#1B9A59);
+    }
+    100% {
+      @include spinner-color(#4285F4);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/spinner/spinner.tsx b/packages/core/src/renderer/components/spinner/spinner.tsx
new file mode 100644
index 0000000000..3cf46baa9c
--- /dev/null
+++ b/packages/core/src/renderer/components/spinner/spinner.tsx
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./spinner.scss";
+
+import React from "react";
+import { cssNames } from "../../utils";
+
+export interface SpinnerProps extends React.HTMLProps<any> {
+  singleColor?: boolean;
+  center?: boolean;
+}
+
+export class Spinner extends React.Component<SpinnerProps, {}> {
+  static defaultProps = {
+    singleColor: true,
+    center: false,
+  };
+
+  render() {
+    const { center, singleColor, className, ...props } = this.props;
+    const classNames = cssNames("Spinner", className, { singleColor, center });
+
+    return <div {...props} className={classNames} />;
+  }
+}
diff --git a/packages/core/src/renderer/components/status-bar/status-bar-item-injection-token.ts b/packages/core/src/renderer/components/status-bar/status-bar-item-injection-token.ts
new file mode 100644
index 0000000000..c2c4ecb289
--- /dev/null
+++ b/packages/core/src/renderer/components/status-bar/status-bar-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 React from "react";
+
+export interface StatusBarItem {
+  origin?: string;
+  component: React.ComponentType<any>;
+  position: "left" | "right";
+  visible: IComputedValue<boolean>;
+}
+
+export const statusBarItemInjectionToken = getInjectionToken<StatusBarItem>({
+  id: "status-bar-item",
+});
diff --git a/packages/core/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx b/packages/core/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx
new file mode 100644
index 0000000000..ed909a8284
--- /dev/null
+++ b/packages/core/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx
@@ -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 { Injectable } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+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";
+    const visible: IComputedValue<boolean> | undefined = registration?.visible;
+
+    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: () => ({
+        origin: extension.sanitizedExtensionId,
+        component,
+        position,
+        visible: visible ?? computed(() => true),
+      }),
+
+      injectionToken: statusBarItemInjectionToken,
+    })];
+  };
+};
+
+
diff --git a/packages/core/src/renderer/components/status-bar/status-bar-items.injectable.tsx b/packages/core/src/renderer/components/status-bar/status-bar-items.injectable.tsx
new file mode 100644
index 0000000000..2b5be6fdb3
--- /dev/null
+++ b/packages/core/src/renderer/components/status-bar/status-bar-items.injectable.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 { 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";
+
+interface StatusItem {
+  origin?: string;
+  component: React.ComponentType<StatusBarItemProps>;
+}
+
+export interface StatusBarItems {
+  right: StatusItem[];
+  left: StatusItem[];
+}
+
+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, origin } = registration;
+
+      if (!visible.get()) {
+        continue;
+      }
+
+      res[position].push({
+        origin,
+        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/packages/core/src/renderer/components/status-bar/status-bar-registration.ts b/packages/core/src/renderer/components/status-bar/status-bar-registration.ts
new file mode 100644
index 0000000000..32e7c9c88e
--- /dev/null
+++ b/packages/core/src/renderer/components/status-bar/status-bar-registration.ts
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { IComputedValue } from "mobx";
+
+/**
+ * The props for StatusBar item component
+ */
+export interface StatusBarItemProps {}
+
+/**
+ * The type defining the registration of a status bar item
+ */
+export interface StatusBarComponents {
+  /**
+   * The component for this registrations
+   */
+  Item: React.ComponentType<StatusBarItemProps>;
+
+  /**
+   * The side of the bottom bar to place this component.
+   *
+   * @default "right"
+   */
+  position?: "left" | "right";
+}
+
+/**
+ * The type for registering status bar items from the LensRendererExtension
+ */
+export interface StatusBarRegistration {
+  /**
+   * @deprecated use {@link StatusBarRegistration.components} instead
+   */
+  item?: React.ReactNode | (() => React.ReactNode);
+
+  /**
+   * The newer API, allows for registering a component instead of a ReactNode
+   */
+  components?: StatusBarComponents;
+
+  /**
+   * If specified, controls item visibility
+   */
+  visible?: IComputedValue<boolean>;
+}
diff --git a/packages/core/src/renderer/components/status-bar/status-bar.module.scss b/packages/core/src/renderer/components/status-bar/status-bar.module.scss
new file mode 100644
index 0000000000..8eb0ded0ec
--- /dev/null
+++ b/packages/core/src/renderer/components/status-bar/status-bar.module.scss
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.StatusBar {
+  --status-bar-height: 21px;
+  color: white;
+
+  grid-area: status-bar;
+  background-color: var(--blue);
+  height: var(--status-bar-height);
+  font-size: var(--font-size-small);
+
+  display: inline-grid;
+  grid-template-columns: 1fr 1fr;
+}
+
+.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-inline: var(--padding);
+  display: flex;
+  align-items: center;
+
+  &:hover {
+    cursor: pointer;
+    background-color: #ffffff33;
+  }
+}
diff --git a/packages/core/src/renderer/components/status-bar/status-bar.test.tsx b/packages/core/src/renderer/components/status-bar/status-bar.test.tsx
new file mode 100644
index 0000000000..82ce2e2852
--- /dev/null
+++ b/packages/core/src/renderer/components/status-bar/status-bar.test.tsx
@@ -0,0 +1,125 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import "@testing-library/jest-dom/extend-expect";
+import type { IObservableArray } from "mobx";
+import { computed, observable } from "mobx";
+import type { StatusBarItems } from "./status-bar-items.injectable";
+import statusBarItemsInjectable from "./status-bar-items.injectable";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+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 statusBarItems: IObservableArray<any>;
+  let builder: ApplicationBuilder;
+
+  beforeEach(async () => {
+    statusBarItems = observable.array([]);
+
+    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", async () => {
+    const { container } = await builder.render();
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it.each([
+    undefined,
+    "hello",
+    6,
+    null,
+    [],
+    [{}],
+    {},
+  ])("renders w/o errors when registrations are not type compliant (%p)", async val => {
+    statusBarItems.replace([val]);
+
+    await expect(builder.render()).resolves.toBeTruthy();
+  });
+
+  it("renders items [{item: React.ReactNode}] (4.0.0-rc.1)", async () => {
+    const testId = "testId";
+    const text = "heee";
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(statusBarItemsInjectable, () => computed(() => ({
+        right: [ { origin: testId, component: () => <span data-testid={testId} >{text}</span> }],
+        left: [],
+      }) as StatusBarItems));
+    });
+
+    const { getByTestId } = await builder.render();
+
+    expect(getByTestId(testId)).toHaveTextContent(text);
+  });
+
+  it("renders items [{item: () => React.ReactNode}] (4.0.0-rc.1+)", async () => {
+    const testId = "testId";
+    const text = "heee";
+
+    statusBarItems.replace([{
+      item: () => <span data-testid={testId} >{text}</span>,
+    }]);
+
+    const { getByTestId } = await builder.render();
+
+    expect(getByTestId(testId)).toHaveTextContent(text);
+  });
+
+
+  it("sort positioned items properly", async () => {
+    statusBarItems.replace([
+      {
+        components: {
+          Item: () => <div data-testid="sortedElem">right1</div>,
+        },
+      },
+      {
+        components: {
+          Item: () => <div data-testid="sortedElem">right2</div>,
+          position: "right",
+        },
+      },
+      {
+        components: {
+          Item: () => <div data-testid="sortedElem">left1</div>,
+          position: "left",
+        },
+      },
+      {
+        components: {
+          Item: () => <div data-testid="sortedElem">left2</div>,
+          position: "left",
+        },
+      },
+    ]);
+
+    const { getAllByTestId } = await builder.render();
+    const elems = getAllByTestId("sortedElem");
+    const positions = elems.map(elem => elem.textContent);
+
+    expect(positions).toEqual(["left1", "left2", "right2", "right1"]);
+  });
+});
diff --git a/packages/core/src/renderer/components/status-bar/status-bar.tsx b/packages/core/src/renderer/components/status-bar/status-bar.tsx
new file mode 100644
index 0000000000..dabad3bf17
--- /dev/null
+++ b/packages/core/src/renderer/components/status-bar/status-bar.tsx
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+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 { 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<StatusBarItems>;
+}
+
+const NonInjectedStatusBar = observer(({ items }: Dependencies & StatusBarProps) => {
+  const { left, right } = items.get();
+
+  return (
+    <div className={styles.StatusBar} data-testid="status-bar">
+      <div className={styles.leftSide} data-testid="status-bar-left">
+        {left.map((Item, index) => (
+          <div
+            className={styles.item}
+            key={index}
+            data-origin={Item.origin}>
+            {<Item.component/>}
+          </div>
+        ))}
+      </div>
+      <div className={styles.rightSide} data-testid="status-bar-right">
+        {right.map((Item, index) => (
+          <div
+            className={styles.item}
+            key={index}
+            data-origin={Item.origin}>
+            {<Item.component/>}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+
+});
+
+export const StatusBar = withInjectables<Dependencies, StatusBarProps>(NonInjectedStatusBar, {
+  getProps: (di, props) => ({
+    items: di.inject(statusBarItemsInjectable),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/components/status-brick/index.ts b/packages/core/src/renderer/components/status-brick/index.ts
new file mode 100644
index 0000000000..8cfaecf2f8
--- /dev/null
+++ b/packages/core/src/renderer/components/status-brick/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./status-brick";
diff --git a/packages/core/src/renderer/components/status-brick/status-brick.scss b/packages/core/src/renderer/components/status-brick/status-brick.scss
new file mode 100644
index 0000000000..a54fa4a36b
--- /dev/null
+++ b/packages/core/src/renderer/components/status-brick/status-brick.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.StatusBrick {
+  $brickSize: 8px;
+
+  display: inline-block;
+  width: $brickSize;
+  height: $brickSize;
+  margin-right: $margin;
+  background: var(--colorOk);
+  border-radius: 2px;
+
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
diff --git a/packages/core/src/renderer/components/status-brick/status-brick.tsx b/packages/core/src/renderer/components/status-brick/status-brick.tsx
new file mode 100644
index 0000000000..a9cc89fed2
--- /dev/null
+++ b/packages/core/src/renderer/components/status-brick/status-brick.tsx
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./status-brick.scss";
+
+import React from "react";
+import { cssNames } from "../../utils";
+import { withTooltip } from "../tooltip";
+
+export interface StatusBrickProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+
+export const StatusBrick = withTooltip(({ className, ...elemProps }: StatusBrickProps) => (
+  <div
+    className={cssNames("StatusBrick", className)}
+    {...elemProps}
+  />
+));
diff --git a/packages/core/src/renderer/components/stepper/index.ts b/packages/core/src/renderer/components/stepper/index.ts
new file mode 100644
index 0000000000..63950ed2ca
--- /dev/null
+++ b/packages/core/src/renderer/components/stepper/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./stepper";
diff --git a/packages/core/src/renderer/components/stepper/stepper.scss b/packages/core/src/renderer/components/stepper/stepper.scss
new file mode 100644
index 0000000000..8d17a7d6a0
--- /dev/null
+++ b/packages/core/src/renderer/components/stepper/stepper.scss
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.Stepper {
+  --stepper-color: var(--contentColor);
+  --stepper-color-text: var(--textColorPrimary);
+  --stepper-color-active: var(--color-primary);
+  --stepper-color-point: var(--stepper-color);
+
+  $pointSize: $unit * 2.5;
+  font-size: $font-size-small;
+
+  .step {
+    position: relative;
+    text-align: center;
+    &.active, &.done {
+      .point {
+        color: var(--textColorAccent);
+        background: var(--stepper-color-active);
+      }
+    }
+    &.active {
+      .step-title {
+        color: var(--textColorAccent);
+      }
+    }
+    &.done > .line {
+      background: var(--stepper-color-active);
+    }
+    .step-title {
+      font-size: 120%
+    }
+  }
+
+  .point {
+    position: relative;
+    display: block;
+    margin: auto;
+    width: $pointSize;
+    height: $pointSize;
+    line-height: $pointSize;
+    background: var(--stepper-color-point);
+    color: var(--stepper-color-text);
+    font-size: $font-size-small;
+    border-radius: 50%;
+  }
+
+  .line {
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    top: $pointSize * 0.5;
+    background: var(--stepper-color-point);
+  }
+}
diff --git a/packages/core/src/renderer/components/stepper/stepper.tsx b/packages/core/src/renderer/components/stepper/stepper.tsx
new file mode 100644
index 0000000000..725cb1d827
--- /dev/null
+++ b/packages/core/src/renderer/components/stepper/stepper.tsx
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./stepper.scss";
+import React from "react";
+import { cssNames } from "../../utils";
+
+export interface StepperProps extends React.HTMLProps<any> {
+  step: number;
+  steps: Step[];
+}
+
+interface Step {
+  title?: string;
+}
+
+export class Stepper extends React.Component<StepperProps, {}> {
+  render() {
+    const { className, steps, ...props } = this.props;
+    const stepsCount = steps.length;
+    let { step } = this.props;
+
+    step = Math.min(Math.max(1, step), stepsCount);
+
+    return (
+      <div {...props} className={cssNames("Stepper flex auto", className)}>
+        {steps.map(({ title }, i) => {
+          const stepNumber = i + 1;
+          const isLast = i === stepsCount - 1;
+          const stepClass = {
+            done: stepNumber < step,
+            active: stepNumber === step,
+          };
+
+          return (
+            <div key={i} className={cssNames("box step", stepClass)}>
+              {!isLast ? <span className="line"/> : null}
+              <div className="point">{stepNumber}</div>
+              <span className="step-title">{title}</span>
+            </div>
+          );
+        })}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/switch/__tests__/switch.test.tsx b/packages/core/src/renderer/components/switch/__tests__/switch.test.tsx
new file mode 100644
index 0000000000..0080d9cb49
--- /dev/null
+++ b/packages/core/src/renderer/components/switch/__tests__/switch.test.tsx
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { fireEvent, render } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+import { Switch } from "../switch";
+
+describe("<Switch/>", () => {
+  it("renders w/o errors", () => {
+    const { container } = render(<Switch />);
+
+    expect(container).toBeInstanceOf(HTMLElement);
+  });
+
+  it("render label text", () => {
+    const { getByLabelText } = render(<Switch>Test label</Switch>);
+
+    expect(getByLabelText("Test label")).toBeTruthy();
+  });
+
+  it("passes disabled and checked attributes to input", () => {
+    const { container } = render(<Switch checked disabled/>);
+    const checkbox = container.querySelector("input[type=checkbox]");
+
+    expect(checkbox).toHaveAttribute("disabled");
+    expect(checkbox).toHaveAttribute("checked");
+  });
+
+  it("onClick event fired", () => {
+    const onClick = jest.fn();
+    const { getByTestId } = render(<Switch onClick={onClick}/>);
+    const switcher = getByTestId("switch");
+
+    fireEvent.click(switcher);
+
+    expect(onClick).toHaveBeenCalled();
+  });
+
+  it("onClick event not fired for disabled item", () => {
+    const onClick = jest.fn();
+    const { getByTestId } = render(<Switch onClick={onClick} disabled/>);
+    const switcher = getByTestId("switch");
+
+    fireEvent.click(switcher);
+
+    expect(onClick).not.toHaveBeenCalled();
+  });
+
+  it("returns true checked attribute in a onChange callback", () => {
+    const onClick = jest.fn();
+    const { getByTestId } = render(<Switch onChange={onClick} checked={true}/>);
+    const switcher = getByTestId("switch");
+
+    fireEvent.click(switcher);
+
+    expect(onClick).toHaveBeenCalledWith(false, expect.any(Object));
+  });
+
+  it("returns false checked attribute in a onChange callback", () => {
+    const onClick = jest.fn();
+    const { getByTestId } = render(<Switch onChange={onClick}/>);
+    const switcher = getByTestId("switch");
+
+    fireEvent.click(switcher);
+
+    expect(onClick).toHaveBeenCalledWith(true, expect.any(Object));
+  });
+});
diff --git a/packages/core/src/renderer/components/switch/form-switcher.tsx b/packages/core/src/renderer/components/switch/form-switcher.tsx
new file mode 100644
index 0000000000..d2a069a771
--- /dev/null
+++ b/packages/core/src/renderer/components/switch/form-switcher.tsx
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+
+interface FormControlLabelProps {
+  control: React.ReactElement<any, any>;
+  label: React.ReactNode;
+}
+
+/**
+ * @deprecated Use <Switch/> instead from "../switch.tsx".
+ */
+export function FormSwitch(props: FormControlLabelProps & { children?: React.ReactNode }) {
+  const ClonedElement = React.cloneElement(props.control, {
+    children: <span>{props.label}</span>,
+  });
+
+  return ClonedElement;
+}
diff --git a/packages/core/src/renderer/components/switch/index.ts b/packages/core/src/renderer/components/switch/index.ts
new file mode 100644
index 0000000000..e22601af89
--- /dev/null
+++ b/packages/core/src/renderer/components/switch/index.ts
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./switcher";
+export * from "./form-switcher";
+export * from "./switch";
diff --git a/packages/core/src/renderer/components/switch/switch.module.scss b/packages/core/src/renderer/components/switch/switch.module.scss
new file mode 100644
index 0000000000..06321afa82
--- /dev/null
+++ b/packages/core/src/renderer/components/switch/switch.module.scss
@@ -0,0 +1,107 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "../../components/mixins.scss";
+
+.Switch {
+  --thumb-size: 20px;
+  --thumb-color: hsl(0 0% 100%);
+  --thumb-color-highlight: hsl(0 0% 100% / 25%);
+
+  --track-size: calc(var(--thumb-size) * 2);
+  --track-padding: 2px;
+  --track-color-inactive: hsl(80 0% 35%);
+  --track-color-active: hsl(110, 60%, 60%);
+
+  --thumb-position: 0%;
+  --thumb-transition-duration: .25s;
+
+  --hover-highlight-size: 0;
+
+  display: flex;
+  align-items: center;
+  gap: 2ch;
+  justify-content: space-between;
+  cursor: pointer;
+  user-select: none;
+  color: var(--textColorAccent);
+  font-weight: 500;
+
+  & > input {
+    padding: var(--track-padding);
+    background: var(--track-color-inactive);
+    inline-size: var(--track-size);
+    block-size: var(--thumb-size);
+    border-radius: var(--track-size);
+
+    appearance: none;
+    pointer-events: none;
+    border: none;
+    outline-offset: 5px;
+    box-sizing: content-box;
+
+    flex-shrink: 0;
+    display: grid;
+    align-items: center;
+    grid: [track] 1fr / [track] 1fr;
+
+    transition: background-color .25s ease;
+
+    &::before {
+      content: "";
+      cursor: pointer;
+      pointer-events: auto;
+      grid-area: track;
+      inline-size: var(--thumb-size);
+      block-size: var(--thumb-size);
+      background: var(--thumb-color);
+      box-shadow: 0 0 0 var(--hover-highlight-size) var(--thumb-color-highlight);
+      border-radius: 50%;
+      transform: translateX(var(--thumb-position));
+      transition:
+        transform var(--thumb-transition-duration) ease,
+        box-shadow .25s ease;
+    }
+
+    &:not(:disabled):hover::before {
+      --hover-highlight-size: .3rem;
+    }
+
+    &:checked {
+      background: var(--track-color-active);
+      --thumb-position: 100%;
+    }
+
+    &:disabled {
+      --track-color-inactive: hsl(80 0% 30%);
+      --thumb-color: transparent;
+
+      &::before {
+        cursor: not-allowed;
+        box-shadow: inset 0 0 0 2px hsl(0 0% 0% / 40%);
+      }
+    }
+
+    &:focus-visible {
+      box-shadow: 0 0 0 2px var(--blue);
+    }
+  }
+
+  &.disabled {
+    cursor: not-allowed;
+  }
+}
+
+@include theme-light {
+  .Switch {
+    --thumb-color-highlight: hsl(0 0% 0% / 25%);
+
+    & > input {
+      &:disabled {
+        --track-color-inactive: hsl(80 0% 80%);
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/switch/switch.tsx b/packages/core/src/renderer/components/switch/switch.tsx
new file mode 100644
index 0000000000..2f91faf1a9
--- /dev/null
+++ b/packages/core/src/renderer/components/switch/switch.tsx
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./switch.module.scss";
+
+import type { ChangeEvent, HTMLProps } from "react";
+import React from "react";
+import { cssNames } from "../../utils";
+
+export interface SwitchProps extends Omit<HTMLProps<HTMLInputElement>, "onChange"> {
+  onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+}
+
+export function Switch({ children, disabled, onChange, ...props }: SwitchProps) {
+  return (
+    <label className={cssNames(styles.Switch, { [styles.disabled]: disabled })} data-testid="switch">
+      {children}
+      <input
+        type="checkbox"
+        role="switch"
+        disabled={disabled}
+        onChange={(event) => onChange?.(event.target.checked, event)}
+        {...props}
+      />
+    </label>
+  );
+}
diff --git a/packages/core/src/renderer/components/switch/switcher.tsx b/packages/core/src/renderer/components/switch/switcher.tsx
new file mode 100644
index 0000000000..e30e63ccf5
--- /dev/null
+++ b/packages/core/src/renderer/components/switch/switcher.tsx
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { Switch } from "./switch";
+
+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 function Switcher({ disabled, checked, onChange, name, children }: SwitcherProps) {
+  return (
+    <Switch
+      disabled={disabled}
+      checked={checked}
+      name={name}
+      onChange={(checked, event) => onChange?.(event, checked)}
+    >
+      {children}
+    </Switch>
+  );
+}
diff --git a/packages/core/src/renderer/components/table/__tests__/getSorted.test.ts b/packages/core/src/renderer/components/table/__tests__/getSorted.test.ts
new file mode 100644
index 0000000000..e05063c320
--- /dev/null
+++ b/packages/core/src/renderer/components/table/__tests__/getSorted.test.ts
@@ -0,0 +1,139 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { cloneDeep } from "lodash";
+import { getSorted } from "../sorting";
+
+describe("Table tests", () => {
+  describe("getSorted", () => {
+    it.each([undefined, 5, "", true, {}, []])("should not sort since %j is not a function", () => {
+      expect(getSorted([1, 2, 4, 3], undefined, "asc")).toStrictEqual([1, 2, 4, 3]);
+    });
+
+    it("should sort numerically asc and not touch the original list", () => {
+      const i = [1, 2, 4, 3];
+
+      expect(getSorted(i, v => v, "asc")).toStrictEqual([1, 2, 3, 4]);
+      expect(i).toStrictEqual([1, 2, 4, 3]);
+    });
+
+    it("should sort numerically desc and not touch the original list", () => {
+      const i = [1, 2, 4, 3];
+
+      expect(getSorted(i, v => v, "desc")).toStrictEqual([4, 3, 2, 1]);
+      expect(i).toStrictEqual([1, 2, 4, 3]);
+    });
+
+    it("should sort numerically asc (by default) and not touch the original list", () => {
+      const i = [1, 2, 4, 3];
+
+      expect(getSorted(i, v => v)).toStrictEqual([1, 2, 3, 4]);
+      expect(i).toStrictEqual([1, 2, 4, 3]);
+    });
+
+    describe("multi-part", () => {
+      it("should sort each part by its order", () => {
+        const i = ["a", "c", "b.1", "b.2", "d"];
+
+        expect(getSorted(i, v => v.split("."), "desc")).toStrictEqual(["d", "c", "b.2", "b.1", "a"]);
+        expect(i).toStrictEqual(["a", "c", "b.1", "b.2", "d"]);
+      });
+
+      it("should be a stable sort", () => {
+        const i = [{
+          val: "a",
+          k: 1,
+        }, {
+          val: "c",
+          k: 2,
+        }, {
+          val: "b.1",
+          k: 3,
+        }, {
+          val: "b.2",
+          k: 4,
+        }, {
+          val: "d",
+          k: 5,
+        }, {
+          val: "b.2",
+          k: -10,
+        }];
+        const dup = cloneDeep(i);
+        const expected = [
+          {
+            val: "a",
+            k: 1,
+          }, {
+            val: "b.1",
+            k: 3,
+          }, {
+            val: "b.2",
+            k: 4,
+          }, {
+            val: "b.2",
+            k: -10,
+          }, {
+            val: "c",
+            k: 2,
+          }, {
+            val: "d",
+            k: 5,
+          },
+        ];
+
+        expect(getSorted(i, ({ val }) => val.split("."), "asc")).toStrictEqual(expected);
+        expect(i).toStrictEqual(dup);
+      });
+
+      it("should be a stable sort #2", () => {
+        const i = [{
+          val: "a",
+          k: 1,
+        }, {
+          val: "b.2",
+          k: -10,
+        }, {
+          val: "c",
+          k: 2,
+        }, {
+          val: "b.1",
+          k: 3,
+        }, {
+          val: "b.2",
+          k: 4,
+        }, {
+          val: "d",
+          k: 5,
+        }];
+        const dup = cloneDeep(i);
+        const expected = [
+          {
+            val: "a",
+            k: 1,
+          }, {
+            val: "b.1",
+            k: 3,
+          }, {
+            val: "b.2",
+            k: -10,
+          }, {
+            val: "b.2",
+            k: 4,
+          }, {
+            val: "c",
+            k: 2,
+          }, {
+            val: "d",
+            k: 5,
+          },
+        ];
+
+        expect(getSorted(i, ({ val }) => val.split("."), "asc")).toStrictEqual(expected);
+        expect(i).toStrictEqual(dup);
+      });
+    });
+  });
+});
diff --git a/packages/core/src/renderer/components/table/index.ts b/packages/core/src/renderer/components/table/index.ts
new file mode 100644
index 0000000000..f924d9e898
--- /dev/null
+++ b/packages/core/src/renderer/components/table/index.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 * from "./table";
+export * from "./table-head";
+export * from "./table-row";
+export * from "./table-cell";
+
diff --git a/packages/core/src/renderer/components/table/order-by-url-param.injectable.ts b/packages/core/src/renderer/components/table/order-by-url-param.injectable.ts
new file mode 100644
index 0000000000..f11975fc76
--- /dev/null
+++ b/packages/core/src/renderer/components/table/order-by-url-param.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 createPageParamInjectable from "../../navigation/create-page-param.injectable";
+
+const orderByUrlParamInjectable = getInjectable({
+  id: "order-by-url-param",
+  instantiate: (di) => {
+    const createPageParam = di.inject(createPageParamInjectable);
+
+    return createPageParam({
+      name: "order",
+    });
+  },
+});
+
+export default orderByUrlParamInjectable;
diff --git a/packages/core/src/renderer/components/table/react-table.module.scss b/packages/core/src/renderer/components/table/react-table.module.scss
new file mode 100644
index 0000000000..a0059d6837
--- /dev/null
+++ b/packages/core/src/renderer/components/table/react-table.module.scss
@@ -0,0 +1,44 @@
+.table {
+  border-spacing: 0;
+  border-top: thin solid var(--hrColor);
+}
+
+.thead {
+  @apply overflow-hidden font-bold;
+  border-bottom: thin solid var(--hrColor);
+  color: var(--textColorAccent);
+  padding-top: 7px;
+  height: 33px;
+}
+
+.thead .tr {
+  margin: 0 var(--margin);
+}
+
+.tr {
+  @apply flex;
+  margin: calc(var(--margin) * 1.6) var(--margin);
+}
+
+.th {
+  @apply relative whitespace-nowrap;
+  padding: 0 var(--padding);
+}
+
+.headIcon {
+  font-weight: normal;
+  color: var(--textColorAccent);
+}
+
+.disabledArrow {
+  opacity: 0.3;
+}
+
+.td {
+  @apply flex items-center;
+  padding: 0 var(--padding);
+}
+
+.actions {
+  @apply justify-end;
+}
diff --git a/packages/core/src/renderer/components/table/react-table.tsx b/packages/core/src/renderer/components/table/react-table.tsx
new file mode 100644
index 0000000000..e1dcc59ab9
--- /dev/null
+++ b/packages/core/src/renderer/components/table/react-table.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 styles from "./react-table.module.scss";
+import React, { useCallback, useMemo } from "react";
+import type { Row, UseTableOptions } from "react-table";
+import { useFlexLayout, useSortBy, useTable } from "react-table";
+import { Icon } from "../icon";
+import { cssNames } from "../../utils";
+
+export interface ReactTableProps<Data extends object> extends UseTableOptions<Data> {
+  headless?: boolean;
+}
+
+export function ReactTable<Data extends object>({ columns, data, headless }: ReactTableProps<Data>) {
+  const defaultColumn = useMemo(
+    () => ({
+      minWidth: 20,
+      width: 100,
+    }),
+    [],
+  );
+
+  const {
+    getTableProps,
+    getTableBodyProps,
+    headerGroups,
+    rows,
+    prepareRow,
+  } = useTable(
+    {
+      columns,
+      data,
+      defaultColumn,
+    },
+    useFlexLayout,
+    useSortBy,
+  );
+
+  const renderRow = useCallback(
+    (row: Row<Data>) => {
+      prepareRow(row);
+
+      return (
+        <div className={styles.tr} key={row.id}>
+          {row.cells.map((cell, index) => (
+            <div
+              {...cell.getCellProps()}
+              key={cell.getCellProps().key}
+              className={cssNames(styles.td, columns[index].accessor)}
+            >
+              {cell.render("Cell")}
+            </div>
+          ))}
+        </div>
+      );
+    },
+    [columns, prepareRow],
+  );
+
+  return (
+    <div {...getTableProps()} className={styles.table}>
+      {!headless && (
+        <div className={styles.thead}>
+          {headerGroups.map(headerGroup => (
+            <div
+              {...headerGroup.getHeaderGroupProps()}
+              key={headerGroup.getHeaderGroupProps().key}
+              className={styles.tr}
+            >
+              {headerGroup.headers.map(column => (
+                <div
+                  {...column.getHeaderProps(column.getSortByToggleProps())}
+                  key={column.getHeaderProps().key}
+                  className={styles.th}
+                >
+                  {column.render("Header")}
+                  {/* Sort direction indicator */}
+                  <span>
+                    {column.isSorted
+                      ? column.isSortedDesc
+                        ? <Icon material="arrow_drop_down" small/>
+                        : <Icon material="arrow_drop_up" small/>
+                      : !column.disableSortBy && (
+                        <Icon
+                          material="arrow_drop_down"
+                          small
+                          className={styles.disabledArrow}
+                        />
+                      )}
+                  </span>
+                </div>
+              ))}
+            </div>
+          ))}
+        </div>
+      )}
+
+      <div {...getTableBodyProps()}>
+        {rows.map(renderRow)}
+      </div>
+    </div>
+  );
+}
diff --git a/packages/core/src/renderer/components/table/sort-by-url-param.injectable.ts b/packages/core/src/renderer/components/table/sort-by-url-param.injectable.ts
new file mode 100644
index 0000000000..f30b89a8a7
--- /dev/null
+++ b/packages/core/src/renderer/components/table/sort-by-url-param.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 createPageParamInjectable from "../../navigation/create-page-param.injectable";
+
+const sortByUrlParamInjectable = getInjectable({
+  id: "sort-by-url-param",
+  instantiate: (di) => {
+    const createPageParam = di.inject(createPageParamInjectable);
+
+    return createPageParam({
+      name: "sort",
+    });
+  },
+});
+
+export default sortByUrlParamInjectable;
diff --git a/packages/core/src/renderer/components/table/sorting.ts b/packages/core/src/renderer/components/table/sorting.ts
new file mode 100644
index 0000000000..828ae1e378
--- /dev/null
+++ b/packages/core/src/renderer/components/table/sorting.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 type { TableOrderBy, TableSortCallback } from "./table";
+import { Ordering, rectifyOrdering, sortCompare, tuple } from "../../utils";
+
+export function getSorted<T>(rawItems: T[], sortingCallback: TableSortCallback<T> | undefined, orderBy: TableOrderBy = "asc"): T[] {
+  if (typeof sortingCallback !== "function") {
+    return rawItems;
+  }
+
+  const sortData = rawItems.map((item, index) => ({
+    index,
+    sortBy: sortingCallback(item),
+  }));
+
+  sortData.sort((left, right) => {
+    if (!Array.isArray(left.sortBy) && !Array.isArray(right.sortBy)) {
+      return rectifyOrdering(sortCompare(left.sortBy, right.sortBy), orderBy);
+    }
+
+    const leftSortBy = [left.sortBy].flat();
+    const rightSortBy = [right.sortBy].flat();
+    const zipIter = tuple.zip(leftSortBy, rightSortBy);
+    let r = zipIter.next();
+
+    for (; !r.done; r = zipIter.next()) {
+      const [nextL, nextR] = r.value;
+      const sortOrder = rectifyOrdering(sortCompare(nextL, nextR), orderBy);
+
+      if (sortOrder !== Ordering.EQUAL) {
+        return sortOrder;
+      }
+    }
+
+    const [leftRest, rightRest] = r.value;
+
+    return leftRest.length - rightRest.length;
+  });
+
+  const res = [];
+
+  for (const { index } of sortData) {
+    res.push(rawItems[index]);
+  }
+
+  return res;
+}
diff --git a/packages/core/src/renderer/components/table/table-cell.scss b/packages/core/src/renderer/components/table/table-cell.scss
new file mode 100644
index 0000000000..10b09ddae0
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table-cell.scss
@@ -0,0 +1,89 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.TableCell {
+  padding: $padding;
+  word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1;
+
+  &.menu {
+    @include table-cell-action;
+  }
+
+  &.scrollable {
+    @include hidden-scrollbar;
+    display: flex;
+    align-items: center;
+
+    :not(:last-of-type) {
+      margin-right: 0.5em;
+    }
+  }
+
+  &.checkbox {
+    display: flex;
+    flex: 0 0 32px !important;
+    padding-left: 0;
+    padding-right: 0;
+
+    &:not(.disabled) {
+      cursor: pointer;
+    }
+
+    > .Checkbox {
+      margin: 1px auto;
+    }
+  }
+
+  // fix: don't hide "sortIcon" when used with <TableHead nowrap> and there is not enough space to show all the content
+  &.sorting.nowrap {
+    display: flex;
+    align-items: center;
+
+    > * {
+      flex-shrink: 0;
+    }
+
+    > .content {
+      flex-shrink: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    > .sortIcon {
+      margin: 0;
+    }
+  }
+
+  .Table.sortable > .TableHead & {
+    user-select: none;
+    white-space: nowrap;
+
+    &.sorting {
+      cursor: pointer;
+    }
+
+    .sortIcon {
+      transition: 350ms opacity;
+      opacity: .3;
+
+      &.enabled {
+        opacity: 1;
+      }
+    }
+  }
+
+  a {
+    color: var(--primary);
+    transition: 150ms color;
+
+    &:hover {
+      color: var(--textColorAccent);
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/table/table-cell.tsx b/packages/core/src/renderer/components/table/table-cell.tsx
new file mode 100644
index 0000000000..758c5cd951
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table-cell.tsx
@@ -0,0 +1,158 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./table-cell.scss";
+import type { TableSortBy, TableSortParams } from "./table";
+
+import type { ReactNode } from "react";
+import React from "react";
+import { autoBind, cssNames } from "../../utils";
+import { Icon } from "../icon";
+import { Checkbox } from "../checkbox";
+
+export type TableCellElem = React.ReactElement<TableCellProps>;
+
+export interface TableCellProps extends React.DOMAttributes<HTMLDivElement> {
+  /**
+   * used for configuration visibility of columns
+   */
+  id?: string;
+
+  /**
+   * Any css class names for this table cell. Only used if `title` is a "simple" react node
+   */
+  className?: string;
+
+  /**
+   * The actual value of the cell
+   */
+  title?: ReactNode;
+
+  /**
+   * content inside could be scrolled
+   */
+  scrollable?: boolean;
+
+  /**
+   * render cell with a checkbox
+   */
+  checkbox?: boolean;
+
+  /**
+   * mark checkbox as checked or not
+   */
+  isChecked?: boolean;
+
+  /**
+   * column name, must be same as key in sortable object <Table sortable={}/>
+   */
+  sortBy?: TableSortBy;
+
+  /**
+   * id of the column which follow same visibility rules
+   */
+  showWithColumn?: string;
+
+  /**
+   * @internal
+   */
+  _sorting?: Partial<TableSortParams>;
+
+  /**
+   * @internal
+   */
+  _sort?(sortBy: TableSortBy): void;
+
+  /**
+   * @internal
+   * indicator, might come from parent <TableHead>, don't use this prop outside (!)
+   */
+  _nowrap?: boolean;
+}
+
+export class TableCell extends React.Component<TableCellProps> {
+  constructor(props: TableCellProps) {
+    super(props);
+    autoBind(this);
+  }
+
+  onClick(evt: React.MouseEvent<HTMLDivElement>) {
+    const { _sort, sortBy, onClick } = this.props;
+
+    onClick?.(evt);
+
+    if (_sort && typeof sortBy === "string") {
+      _sort(sortBy);
+    }
+  }
+
+  renderSortIcon() {
+    const { sortBy, _sorting } = this.props;
+
+    if (!_sorting || !sortBy) {
+      return null;
+    }
+
+    const sortActive = _sorting.sortBy === sortBy;
+    const sortIconName = (!sortActive || _sorting.orderBy === "desc")
+      ? "arrow_drop_down"
+      : "arrow_drop_up";
+
+    return (
+      <Icon
+        className={cssNames("sortIcon", { enabled: sortActive })}
+        material={sortIconName}
+      />
+    );
+  }
+
+  renderCheckbox() {
+    const { checkbox, isChecked } = this.props;
+    const showCheckbox = isChecked !== undefined;
+
+    if (checkbox && showCheckbox) {
+      return <Checkbox value={isChecked} />;
+    }
+
+    return null;
+  }
+
+  render() {
+    const {
+      className,
+      checkbox,
+      isChecked,
+      scrollable,
+      sortBy,
+      _sort,
+      _sorting,
+      _nowrap,
+      children,
+      title,
+      showWithColumn,
+      ...cellProps
+    } = this.props;
+
+    const classNames = cssNames("TableCell", className, {
+      checkbox,
+      scrollable,
+      nowrap: _nowrap,
+      sorting: _sort && typeof sortBy === "string",
+    });
+    const content = title || children;
+
+    return (
+      <div
+        {...cellProps}
+        className={classNames}
+        onClick={this.onClick}
+      >
+        {this.renderCheckbox()}
+        {_nowrap ? <div className="content">{content}</div> : content}
+        {this.renderSortIcon()}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/table/table-head.scss b/packages/core/src/renderer/components/table/table-head.scss
new file mode 100644
index 0000000000..ff9c6afec7
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table-head.scss
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.TableHead {
+  background-color: var(--tableHeaderBackground);
+  border-bottom: 1px solid var(--borderFaintColor);
+  color: var(--tableHeaderColor);
+  display: flex;
+  flex-shrink: 0;
+
+  &.topLine {
+    border-top: 1px solid var(--borderFaintColor);
+  }
+
+  &.sticky {
+    position: -webkit-sticky; // safari
+    position: sticky;
+    z-index: 1;
+    top: 0;
+  }
+
+  &.nowrap {
+    white-space: nowrap;
+  }
+
+  .TableCell {
+    display: flex;
+    align-items: center;
+    word-break: normal;
+
+    &.checkbox {
+      > .Checkbox {
+        margin: auto;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/table/table-head.tsx b/packages/core/src/renderer/components/table/table-head.tsx
new file mode 100644
index 0000000000..d697d38365
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table-head.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 "./table-head.scss";
+
+import React from "react";
+import { cssNames } from "../../utils";
+
+export type TableHeadElem = React.ReactElement<TableHeadProps>;
+
+export interface TableHeadProps extends React.DOMAttributes<HTMLDivElement> {
+  className?: string;
+  showTopLine?: boolean; // show border line at the top
+  sticky?: boolean; // keep header on top when scrolling
+  nowrap?: boolean; // white-space: nowrap, align inner <TableCell> in one line
+}
+
+export class TableHead extends React.Component<TableHeadProps> {
+  static defaultProps: TableHeadProps = {
+    sticky: true,
+  };
+
+  render() {
+    const { className, sticky, nowrap, showTopLine, children, ...headProps } = this.props;
+    const classNames = cssNames("TableHead", className, {
+      sticky, nowrap,
+      topLine: showTopLine,
+    });
+
+    return (
+      <div className={classNames} {...headProps}>
+        {children}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/table/table-model/table-model.injectable.ts b/packages/core/src/renderer/components/table/table-model/table-model.injectable.ts
new file mode 100644
index 0000000000..d1780a3e64
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table-model/table-model.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 createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
+import type { TableStorageModel } from "./table-model";
+import { TableModel } from "./table-model";
+
+const tableModelInjectable = getInjectable({
+  id: "table-model",
+
+  instantiate: (di) => {
+    const createStorage = di.inject(createStorageInjectable);
+
+    const storage = createStorage<TableStorageModel>("table_settings", {
+      sortParams: {},
+    });
+
+    return new TableModel({
+      storage,
+    });
+  },
+});
+
+export default tableModelInjectable;
diff --git a/packages/core/src/renderer/components/table/table-model/table-model.ts b/packages/core/src/renderer/components/table/table-model/table-model.ts
new file mode 100644
index 0000000000..4349ada20c
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table-model/table-model.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 type { StorageLayer } from "../../../utils";
+import type { TableSortParams } from "../table";
+
+export interface TableStorageModel {
+  sortParams: {
+    [tableId: string]: Partial<TableSortParams>;
+  };
+}
+
+interface Dependencies {
+  storage: StorageLayer<TableStorageModel>;
+}
+
+export class TableModel {
+  constructor(private dependencies: Dependencies) {}
+
+  getSortParams = (tableId: string): Partial<TableSortParams> =>
+    this.dependencies.storage.get().sortParams[tableId];
+
+  setSortParams = (
+    tableId: string,
+    sortParams: Partial<TableSortParams>,
+  ): void => {
+    this.dependencies.storage.merge((draft) => {
+      draft.sortParams[tableId] = sortParams;
+    });
+  };
+}
diff --git a/packages/core/src/renderer/components/table/table-row.scss b/packages/core/src/renderer/components/table/table-row.scss
new file mode 100644
index 0000000000..9a170e6c39
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table-row.scss
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.TableRow {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+
+  &.disabled {
+    opacity: .5;
+    pointer-events: none;
+  }
+
+  &.nowrap {
+    white-space: nowrap;
+  }
+}
diff --git a/packages/core/src/renderer/components/table/table-row.tsx b/packages/core/src/renderer/components/table/table-row.tsx
new file mode 100644
index 0000000000..9725c7112d
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table-row.tsx
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./table-row.scss";
+
+import type { CSSProperties } from "react";
+import React from "react";
+import { cssNames } from "../../utils";
+
+export type TableRowElem<Item> = React.ReactElement<TableRowProps<Item>>;
+
+export interface TableRowProps<Item> extends React.DOMAttributes<HTMLDivElement> {
+  className?: string;
+  selected?: boolean;
+  style?: CSSProperties;
+  nowrap?: boolean; // white-space: nowrap, align inner <TableCell> in one line
+  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, testId, ...rowProps } = this.props;
+    const classNames = cssNames("TableRow", className, { selected, nowrap, disabled });
+
+    return (
+      <div
+        className={classNames}
+        data-testid={testId}
+        {...rowProps}>
+        {children}
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/table/table.mixins.scss b/packages/core/src/renderer/components/table/table.mixins.scss
new file mode 100644
index 0000000000..f2a0ea91d5
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table.mixins.scss
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@mixin table-cell-action {
+  display: flex;
+  padding: 0 !important;
+  flex: 0 0 55px !important;
+
+  > * {
+    margin: 6px auto;
+  }
+}
+
+@mixin table-cell-warning {
+  display: flex;
+  align-items: center;
+  flex-grow: 0.3;
+  padding: 0;
+}
+
+@mixin table-cell-labels {
+  .TableRow {
+    .TableCell {
+      &.labels {
+        @include table-cell-labels-offsets;
+      }
+    }
+  }
+}
+
+@mixin table-cell-labels-offsets {
+  padding-top: $padding * 0.5;
+  padding-bottom: 0;
+}
diff --git a/packages/core/src/renderer/components/table/table.scss b/packages/core/src/renderer/components/table/table.scss
new file mode 100644
index 0000000000..a76f9c116f
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table.scss
@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Table {
+  &.autoSize {
+    .TableCell {
+      flex: 1 0;
+    }
+  }
+
+  &.scrollable {
+    overflow: auto;
+  }
+
+  &.scrollable.virtual {
+    overflow: unset;
+  }
+
+  &.selectable {
+    .TableHead, .TableRow {
+      padding: 0 $padding;
+    }
+
+    .TableRow {
+      cursor: pointer;
+
+      &:hover {
+        background-color: var(--tableBgcSelected) !important;
+      }
+
+      &.selected {
+        background-color: var(--tableBgcSelected);
+        color: var(--tableSelectedRowColor);
+
+        &:before {
+          content: "";
+          background: var(--primary);
+          position: absolute;
+          left: 0;
+          top: 0;
+          width: 4px;
+          height: 100%;
+        }
+      }
+    }
+  }
+
+  &.striped {
+    .TableRow {
+      &:nth-child(odd) {
+        background-color: var(--tableBgcStripe);
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/table/table.tsx b/packages/core/src/renderer/components/table/table.tsx
new file mode 100644
index 0000000000..b35aae742c
--- /dev/null
+++ b/packages/core/src/renderer/components/table/table.tsx
@@ -0,0 +1,276 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./table.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { autoBind, cssNames, isDefined } from "../../utils";
+import type { TableRowElem, TableRowProps } from "./table-row";
+import { TableRow } from "./table-row";
+import type { TableHeadElem } from "./table-head";
+import { TableHead } from "./table-head";
+import type { TableCellElem } from "./table-cell";
+import { VirtualList } from "../virtual-list";
+import type { PageParam } from "../../navigation/page-param";
+import { computed, makeObservable } from "mobx";
+import { getSorted } from "./sorting";
+import type { TableModel } from "./table-model/table-model";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import tableModelInjectable from "./table-model/table-model.injectable";
+import type { ItemObject } from "../../../common/item.store";
+import assert from "assert";
+import orderByUrlParamInjectable from "./order-by-url-param.injectable";
+import sortByUrlParamInjectable from "./sort-by-url-param.injectable";
+
+export type TableSortBy = string;
+export type TableOrderBy = "asc" | "desc";
+export interface TableSortParams {
+  sortBy: TableSortBy;
+  orderBy: TableOrderBy;
+}
+export type TableSortCallback<Item> = (data: Item) => undefined | string | number | (string | number)[];
+export type TableSortCallbacks<Item> = Record<string, TableSortCallback<Item>>;
+
+export interface TableProps<Item> extends React.DOMAttributes<HTMLDivElement> {
+  tableId?: string;
+  items?: Item[];  // Raw items data
+  className?: string;
+  autoSize?: boolean;   // Setup auto-sizing for all columns (flex: 1 0)
+  selectable?: boolean; // Highlight rows on hover
+  scrollable?: boolean; // Use scrollbar if content is bigger than parent's height
+  storageKey?: string;  // Keep some data in localStorage & restore on page reload, e.g sorting params
+  /**
+   * Define sortable callbacks for every column in <TableHead><TableCell sortBy="someCol"><TableHead>
+   * @sortItem argument in the callback is an object, provided in <TableRow sortItem={someColDataItem}/>
+   */
+  sortable?: TableSortCallbacks<Item>;
+  sortSyncWithUrl?: boolean; // sorting state is managed globally from url params
+  sortByDefault?: Partial<TableSortParams>; // default sorting params
+  onSort?: (params: TableSortParams) => void; // callback on sort change, default: global sync with url
+  noItems?: React.ReactNode; // Show no items state table list is empty
+  selectedItemId?: string;  // Allows to scroll list to selected item
+
+  /**
+   * Use virtual list component to render only visible rows. By default uses a
+   * auto sizer to fill available height
+   */
+  virtual?: boolean;
+  /**
+   * Only used when virtual is true. Sets the virtual list to be a fixed height.
+   * Needed when used in contexts that already have a parent component that
+   * is `overflow-y: scroll`,
+   */
+  virtualHeight?: number;
+  /**
+   * Row padding in pixels
+   */
+  rowPadding?: number;
+  /**
+   * Row line height in pixels
+   */
+  rowLineHeight?: number;
+  customRowHeights?: (item: Item, lineHeight: number, paddings: number) => number;
+  getTableRow?: (uid: string) => React.ReactElement<TableRowProps<Item>> | undefined | null;
+  renderRow?: (item: Item) => React.ReactElement<TableRowProps<Item>> | undefined | null;
+}
+
+interface Dependencies {
+  model: TableModel;
+  sortByUrlParam: PageParam<string>;
+  orderByUrlParam: PageParam<string>;
+}
+
+@observer
+class NonInjectedTable<Item extends ItemObject> extends React.Component<TableProps<Item> & Dependencies> {
+  static defaultProps: TableProps<any> = {
+    scrollable: true,
+    autoSize: true,
+    rowPadding: 8,
+    rowLineHeight: 17,
+    sortSyncWithUrl: true,
+    customRowHeights: (item, lineHeight, paddings) => lineHeight + paddings,
+  };
+
+  constructor(props: TableProps<Item> & Dependencies) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  componentDidMount() {
+    const { sortable, tableId } = this.props;
+
+    if (sortable && !tableId) {
+      console.error("Table must have props.tableId if props.sortable is specified");
+    }
+  }
+
+  @computed get isSortable() {
+    const { sortable, tableId } = this.props;
+
+    return Boolean(sortable && tableId);
+  }
+
+  @computed get sortParams() {
+    const modelParams = this.props.tableId
+      ? this.props.model.getSortParams(this.props.tableId)
+      : {};
+
+    return Object.assign({}, this.props.sortByDefault, modelParams);
+  }
+
+  renderHead() {
+    const { children } = this.props;
+    const content = React.Children.toArray(children) as (TableRowElem<Item> | TableHeadElem)[];
+    const headElem = content.find(elem => elem.type === TableHead);
+
+    if (!headElem) {
+      return null;
+    }
+
+    if (this.isSortable) {
+      const columns = React.Children.toArray(headElem.props.children) as TableCellElem[];
+
+      return React.cloneElement(headElem, {
+        children: columns.map(elem => {
+          if (elem.props.checkbox) {
+            return elem;
+          }
+          const title = elem.props.title || (
+            // copy cell content to title if it's a string
+            // usable if part of TableCell's content is hidden when there is not enough space
+            typeof elem.props.children === "string" ? elem.props.children : undefined
+          );
+
+          return React.cloneElement(elem, {
+            title,
+            _sort: this.sort,
+            _sorting: this.sortParams,
+            _nowrap: headElem.props.nowrap,
+          });
+        }),
+      });
+    }
+
+    return headElem;
+  }
+
+  getSorted(rawItems: Item[]) {
+    const { sortBy, orderBy } = this.sortParams;
+
+    if (!sortBy || !orderBy) {
+      return rawItems;
+    }
+
+    return getSorted(rawItems, this.props.sortable?.[sortBy], orderBy);
+  }
+
+  protected onSort({ sortBy, orderBy }: TableSortParams) {
+    assert(this.props.tableId);
+    this.props.model.setSortParams(this.props.tableId, { sortBy, orderBy });
+    const { sortSyncWithUrl, onSort } = this.props;
+
+    if (sortSyncWithUrl) {
+      this.props.sortByUrlParam.set(sortBy);
+      this.props.orderByUrlParam.set(orderBy);
+    }
+
+    onSort?.({ sortBy, orderBy });
+  }
+
+  sort(colName: TableSortBy) {
+    const { sortBy, orderBy } = this.sortParams;
+    const sameColumn = sortBy == colName;
+    const newSortBy: TableSortBy = colName;
+    const newOrderBy: TableOrderBy = (!orderBy || !sameColumn || orderBy === "desc") ? "asc" : "desc";
+
+    this.onSort({
+      sortBy: String(newSortBy),
+      orderBy: newOrderBy,
+    });
+  }
+
+  private getContent() {
+    const { items = [], renderRow, children } = this.props;
+    const content = React.Children.toArray(children) as (TableRowElem<Item> | TableHeadElem)[];
+
+    if (renderRow) {
+      content.push(...items.map(renderRow).filter(isDefined));
+    }
+
+    return content;
+  }
+
+  renderRows() {
+    const {
+      noItems, virtual, customRowHeights, rowLineHeight, rowPadding, items = [],
+      getTableRow, selectedItemId, className, virtualHeight,
+    } = this.props;
+    const content = this.getContent();
+    let rows: React.ReactElement<TableRowProps<Item>>[] = content.filter(elem => elem.type === TableRow);
+    let sortedItems = (
+      rows.length
+        ? rows.map(row => row.props.sortItem)
+        : items
+    ).filter(isDefined);
+
+    if (this.isSortable) {
+      sortedItems = this.getSorted(sortedItems);
+
+      if (rows.length) {
+        rows = sortedItems
+          .map(item => rows.find(row => item == row.props.sortItem))
+          .filter(isDefined);
+      }
+    }
+
+    if (!rows.length && !items.length && noItems) {
+      return noItems;
+    }
+
+    if (virtual) {
+      assert(customRowHeights && rowLineHeight && rowPadding);
+      const rowHeights = sortedItems.map(item => customRowHeights(item, rowLineHeight, rowPadding * 2));
+
+      return (
+        <VirtualList
+          items={sortedItems}
+          rowHeights={rowHeights}
+          getRow={getTableRow}
+          selectedItemId={selectedItemId}
+          className={className}
+          fixedHeight={virtualHeight}
+        />
+      );
+    }
+
+    return rows;
+  }
+
+  render() {
+    const { selectable, scrollable, autoSize, virtual, className } = this.props;
+    const classNames = cssNames("Table flex column", className, {
+      selectable, scrollable, sortable: this.isSortable, autoSize, virtual,
+    });
+
+    return (
+      <div className={classNames}>
+        {this.renderHead()}
+        {this.renderRows()}
+      </div>
+    );
+  }
+}
+
+export const Table = withInjectables<Dependencies, TableProps<ItemObject>>(NonInjectedTable, {
+  getProps: (di, props) => ({
+    ...props,
+    model: di.inject(tableModelInjectable),
+    orderByUrlParam: di.inject(orderByUrlParamInjectable),
+    sortByUrlParam: di.inject(sortByUrlParamInjectable),
+  }),
+}) as <Item>(props: TableProps<Item>) => React.ReactElement;
+
diff --git a/packages/core/src/renderer/components/tabs/index.ts b/packages/core/src/renderer/components/tabs/index.ts
new file mode 100644
index 0000000000..acd70afe29
--- /dev/null
+++ b/packages/core/src/renderer/components/tabs/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./tabs";
diff --git a/packages/core/src/renderer/components/tabs/tabs.scss b/packages/core/src/renderer/components/tabs/tabs.scss
new file mode 100644
index 0000000000..2eaf698676
--- /dev/null
+++ b/packages/core/src/renderer/components/tabs/tabs.scss
@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.Tabs {
+  display: flex;
+  user-select: none;
+  -webkit-user-select: none; /* safari */
+  -moz-user-select: none; /* firefox */
+
+  &.withBorder {
+    border-bottom: 1px solid var(--borderFaintColor);
+  }
+
+  &.wrap {
+    flex-wrap: wrap;
+  }
+
+  &.center {
+    > :first-child {
+      margin-left: auto;
+    }
+
+    > :last-child {
+      margin-right: auto;
+    }
+  }
+
+  &.scrollable {
+    @include hidden-scrollbar;
+  }
+}
+
+.Tab {
+  --color-active: var(--layoutTabsActiveColor);
+  --line-color-active: var(--primary);
+  --line-color-focus: currentColor;
+
+  position: relative;
+  padding: $padding $padding * 2;
+  white-space: nowrap;
+
+  &.disabled {
+    pointer-events: none;
+    opacity: .5;
+  }
+
+  &:not(.disabled) {
+    cursor: pointer;
+
+    &:after {
+      content: "";
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      height: 3px;
+      transition: opacity 150ms;
+      background: currentColor;
+      opacity: 0;
+    }
+
+    &:focus {
+      &:after {
+        color: var(--line-color-focus);
+      }
+    }
+
+    &:hover,
+    &.active {
+      color: var(--color-active);
+
+      &:after {
+        width: 100%;
+        left: 0;
+        right: auto;
+        color: var(--line-color-active);
+        opacity: 1;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/tabs/tabs.tsx b/packages/core/src/renderer/components/tabs/tabs.tsx
new file mode 100644
index 0000000000..7b08b63159
--- /dev/null
+++ b/packages/core/src/renderer/components/tabs/tabs.tsx
@@ -0,0 +1,144 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./tabs.scss";
+import type { DOMAttributes } from "react";
+import React from "react";
+import { autoBind, cssNames } from "../../utils";
+import { Icon } from "../icon";
+
+const TabsContext = React.createContext<TabsContextValue<unknown>>({});
+
+interface TabsContextValue<D> {
+  autoFocus?: boolean;
+  withBorder?: boolean;
+  value?: D;
+  onChange?(value: D): void;
+}
+
+export interface TabsProps<D> extends TabsContextValue<D>, Omit<DOMAttributes<HTMLElement>, "onChange"> {
+  className?: string;
+  center?: boolean;
+  wrap?: boolean;
+  scrollable?: boolean;
+}
+
+export class Tabs<D> extends React.PureComponent<TabsProps<D>> {
+  public elem: HTMLDivElement | null = null;
+
+  render() {
+    const { center, wrap, onChange, value, autoFocus, scrollable = true, withBorder, ...elemProps } = this.props;
+    const className = cssNames("Tabs", this.props.className, {
+      center,
+      wrap,
+      scrollable,
+      withBorder,
+    });
+
+    return (
+      <TabsContext.Provider value={{ autoFocus, value, onChange }}>
+        <div
+          {...elemProps}
+          className={className}
+          ref={elem => this.elem = elem}
+        />
+      </TabsContext.Provider>
+    );
+  }
+}
+
+export interface TabProps<D> extends DOMAttributes<HTMLElement> {
+  id?: string;
+  className?: string;
+  active?: boolean;
+  disabled?: boolean;
+  icon?: React.ReactNode | string; // material-ui name or custom icon
+  label?: React.ReactNode;
+  value: D;
+}
+
+export class Tab<D> extends React.PureComponent<TabProps<D>> {
+  static contextType = TabsContext;
+  declare context: TabsContextValue<D>;
+  public ref = React.createRef<HTMLDivElement>();
+
+  constructor(props: TabProps<D>) {
+    super(props);
+    autoBind(this);
+  }
+
+  get isActive() {
+    const { active, value } = this.props;
+
+    return typeof active === "boolean" ? active : this.context.value === value;
+  }
+
+  focus() {
+    this.ref.current?.focus();
+  }
+
+  scrollIntoView() {
+    // Note: .scrollIntoViewIfNeeded() is non-standard and thus not present in js-dom.
+    this.ref.current?.scrollIntoViewIfNeeded?.();
+  }
+
+  onClick(evt: React.MouseEvent<HTMLElement>) {
+    const { value, active, disabled, onClick } = this.props;
+
+    if (disabled || active) {
+      return;
+    }
+
+    onClick?.(evt);
+    this.context.onChange?.(value);
+  }
+
+  onFocus(evt: React.FocusEvent<HTMLElement>) {
+    this.props.onFocus?.(evt);
+    this.scrollIntoView();
+  }
+
+  onKeyDown(evt: React.KeyboardEvent<HTMLElement>) {
+    if (evt.key === " " || evt.key === "Enter") {
+      this.ref.current?.click();
+    }
+
+    this.props.onKeyDown?.(evt);
+  }
+
+  componentDidMount() {
+    if (this.isActive && this.context.autoFocus) {
+      this.focus();
+    }
+  }
+
+  render() {
+    const { active, disabled, icon, label, value, ...elemProps } = this.props;
+    let { className } = this.props;
+
+    className = cssNames("Tab flex gaps align-center", className, {
+      "active": this.isActive,
+      disabled,
+    });
+
+    return (
+      <div
+        {...elemProps}
+        className={className}
+        tabIndex={0}
+        onClick={this.onClick}
+        onFocus={this.onFocus}
+        onKeyDown={this.onKeyDown}
+        role="tab"
+        ref={this.ref}
+      >
+        {typeof icon === "string" ? <Icon small material={icon}/> : icon}
+        <div className="label">
+          {label}
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/components/test-utils/discovery-of-html-elements.ts b/packages/core/src/renderer/components/test-utils/discovery-of-html-elements.ts
new file mode 100644
index 0000000000..472199fc60
--- /dev/null
+++ b/packages/core/src/renderer/components/test-utils/discovery-of-html-elements.ts
@@ -0,0 +1,115 @@
+/**
+ * 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";
+
+type DiscoverySourceTypes = RenderResult | Element;
+
+export type QuerySingleElement = (
+  attributeName: string,
+  attributeValue?: string
+) => { discovered: Element | null } & Discover;
+
+export type GetSingleElement = (
+  attributeName: string,
+  attributeValue?: string
+) => { discovered: Element } & Discover;
+
+export type QueryAllElements = (attributeName: string) => {
+  discovered: Element[];
+  attributeValues: (string | null)[];
+};
+
+export interface Discover {
+  querySingleElement: QuerySingleElement;
+  queryAllElements: QueryAllElements;
+  getSingleElement: GetSingleElement;
+}
+
+export const discoverFor = (getSource: () => DiscoverySourceTypes): Discover => ({
+  querySingleElement: querySingleElement(getSource),
+  queryAllElements: queryAllElements(getSource),
+  getSingleElement: getSingleElement(getSource),
+});
+
+export const querySingleElement =
+  (getSource: () => DiscoverySourceTypes): QuerySingleElement =>
+    (attributeName, attributeValue) => {
+      const source = getSource();
+
+      const dataAttribute = `data-${attributeName}-test`;
+
+      const selector = attributeValue
+        ? `[${dataAttribute}="${attributeValue}"]`
+        : `[${dataAttribute}]`;
+
+      const discovered = getBaseElement(source).querySelector(selector);
+
+      const nestedDiscover = discoverFor(() => {
+        if (!discovered) {
+          throw new Error("Tried to do nested discover using source that does not exist");
+        }
+
+        return discovered;
+      });
+
+      return {
+        discovered,
+
+        ...nestedDiscover,
+      };
+    };
+
+export const queryAllElements =
+  (getSource: () => DiscoverySourceTypes): QueryAllElements =>
+    (attributeName) => {
+      const source = getSource();
+
+      const dataAttribute = `data-${attributeName}-test`;
+
+      const results = [
+        ...getBaseElement(source).querySelectorAll(`[${dataAttribute}]`),
+      ];
+
+      return {
+        discovered: results,
+
+        attributeValues: results.map((result) =>
+          result.getAttribute(dataAttribute),
+        ),
+      };
+    };
+
+export const getSingleElement =
+  (getSource: () => DiscoverySourceTypes): GetSingleElement =>
+    (attributeName, attributeValue) => {
+      const dataAttribute = `data-${attributeName}-test`;
+
+      const { discovered, ...nestedDiscover } = querySingleElement(getSource)(
+        attributeName,
+        attributeValue,
+      );
+
+      if (!discovered) {
+        const validValues =
+        queryAllElements(getSource)(attributeName).attributeValues;
+
+        if (attributeValue) {
+          throw new Error(
+            `Couldn't find HTML-element with attribute "${dataAttribute}" with value "${attributeValue}". Present values are:\n\n"${validValues.join(
+              '",\n"',
+            )}"`,
+          );
+        }
+
+        throw new Error(
+          `Couldn't find HTML-element with attribute "${dataAttribute}"`,
+        );
+      }
+
+      return { discovered, ...nestedDiscover };
+    };
+
+const getBaseElement = (source: DiscoverySourceTypes) =>
+  "baseElement" in source ? source.baseElement : source;
diff --git a/packages/core/src/renderer/components/test-utils/get-application-builder.tsx b/packages/core/src/renderer/components/test-utils/get-application-builder.tsx
new file mode 100644
index 0000000000..41f26803d4
--- /dev/null
+++ b/packages/core/src/renderer/components/test-utils/get-application-builder.tsx
@@ -0,0 +1,855 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+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 { IComputedValue, ObservableMap } from "mobx";
+import { action, computed, observable, runInAction } from "mobx";
+import React from "react";
+import { Router } from "react-router";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent, queryByText } from "@testing-library/react";
+import type { KubeApiResourceDescriptor } from "../../../common/rbac";
+import { formatKubeApiResource } from "../../../common/rbac";
+import type { DiContainer, Injectable } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import mainExtensionsInjectable from "../../../extensions/main-extensions.injectable";
+import { pipeline } from "@ogre-tools/fp";
+import { filter, first, join, last, map, matches } from "lodash/fp";
+import navigateToPreferencesInjectable from "../../../features/preferences/common/navigate-to-preferences.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 hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import type { Cluster } from "../../../common/cluster/cluster";
+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 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 { getDiForUnitTesting as getRendererDi } from "../../getDiForUnitTesting";
+import { getDiForUnitTesting as getMainDi } from "../../../main/getDiForUnitTesting";
+import { overrideChannels } from "../../../test-utils/channel-fakes/override-channels";
+import assert from "assert";
+import { openMenu } from "react-select-event";
+import userEvent from "@testing-library/user-event";
+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 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 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 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";
+import namespaceApiInjectable from "../../../common/k8s-api/endpoints/namespace.api.injectable";
+import { Namespace } from "../../../common/k8s-api/endpoints";
+import { getOverrideFsWithFakes } from "../../../test-utils/override-fs-with-fakes";
+import applicationMenuItemCompositeInjectable from "../../../features/application-menu/main/application-menu-item-composite.injectable";
+import { getCompositePaths } from "../../../common/utils/composite/get-composite-paths/get-composite-paths";
+import { discoverFor } from "./discovery-of-html-elements";
+import { findComposite } from "../../../common/utils/composite/find-composite/find-composite";
+import shouldStartHiddenInjectable from "../../../main/electron-app/features/should-start-hidden.injectable";
+import fsInjectable from "../../../common/fs/fs.injectable";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+import homeDirectoryPathInjectable from "../../../common/os/home-directory-path.injectable";
+import { testUsingFakeTime } from "../../../common/test-utils/use-fake-time";
+
+type Callback = (di: DiContainer) => void | Promise<void>;
+
+type LensWindowWithHelpers = LensWindow & { rendered: RenderResult; di: DiContainer };
+
+const createNamespacesFor = (namespaces: Set<string>): Namespace[] => (
+  Array.from(namespaces, (namespace) => new Namespace({
+    apiVersion: "v1",
+    kind: "Namespace",
+    metadata: {
+      name: namespace,
+      resourceVersion: "1",
+      selfLink: `/api/v1/namespaces/${namespace}`,
+      uid: `namespace-${namespace}`,
+    },
+  }))
+);
+
+export interface ApplicationBuilder {
+  mainDi: DiContainer;
+  setEnvironmentToClusterFrame: () => ApplicationBuilder;
+
+  extensions: {
+    enable: (...extensions: FakeExtensionOptions[]) => void;
+    disable: (...extensions: FakeExtensionOptions[]) => void;
+
+    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: (resource: KubeApiResourceDescriptor) => ApplicationBuilder;
+  beforeApplicationStart: (callback: Callback) => ApplicationBuilder;
+  afterApplicationStart: (callback: Callback) => ApplicationBuilder;
+  beforeWindowStart: (callback: Callback) => ApplicationBuilder;
+  afterWindowStart: (callback: Callback) => ApplicationBuilder;
+
+  startHidden: () => Promise<void>;
+  render: () => Promise<RenderResult>;
+
+  tray: {
+    click: (id: string) => Promise<void>;
+    get: (id: string) => MinimalTrayMenuItem | null;
+    getIconPath: () => string;
+  };
+
+  applicationMenu: {
+    click: (...path: string[]) => void;
+    items: string[][];
+  };
+  preferences: {
+    close: () => void;
+    navigate: () => void;
+    navigateTo: (route: Route<any>, params: Partial<NavigateToRouteOptions<any>>) => void;
+    navigation: {
+      click: (id: string) => void;
+    };
+  };
+  namespaces: {
+    add: (namespace: string) => void;
+    select: (namespace: string) => void;
+  };
+  helmCharts: {
+    navigate: NavigateToHelmCharts;
+  };
+  navigateWith: (token: Injectable<() => void, any, void>) => void;
+  select: {
+    openMenu: (id: string) => { selectOption: (labelText: string) => void };
+    selectOption: (menuId: string, labelText: string) => void;
+    getValue: (menuId: string) => string;
+  };
+}
+
+interface Environment {
+  RootComponent: React.ElementType;
+  onAllowKubeResource: () => void;
+}
+
+export const getApplicationBuilder = () => {
+  const mainDi = getMainDi({
+    doGeneralOverrides: true,
+  });
+
+  runInAction(() => {
+    mainDi.register(mainExtensionsStateInjectable);
+  });
+
+  testUsingFakeTime();
+
+  const { overrideForWindow, sendToWindow } = overrideChannels(mainDi);
+
+  const beforeApplicationStartCallbacks: Callback[] = [];
+  const afterApplicationStartCallbacks: Callback[] = [];
+  const beforeWindowStartCallbacks: Callback[] = [];
+  const afterWindowStartCallbacks: Callback[] = [];
+
+  const overrideFsWithFakes = getOverrideFsWithFakes();
+
+  overrideFsWithFakes(mainDi);
+
+  // Set up ~/.kube as existing as a folder
+  {
+    const { ensureDirSync } = mainDi.inject(fsInjectable);
+    const joinPaths = mainDi.inject(joinPathsInjectable);
+    const homeDirectoryPath = mainDi.inject(homeDirectoryPathInjectable);
+
+    ensureDirSync(joinPaths(homeDirectoryPath, ".kube"));
+  }
+
+  let environment = environments.application;
+
+  mainDi.override(mainExtensionsInjectable, (di) => {
+    const mainExtensionsState = di.inject(mainExtensionsStateInjectable);
+
+    return computed(() =>
+      [...mainExtensionsState.values()],
+    );
+  });
+
+  let trayMenuIconPath: string;
+
+  const traySetMenuItemsMock = jest.fn<any, [MinimalTrayMenuItem[]]>();
+
+  mainDi.override(electronTrayInjectable, () => ({
+    start: () => {},
+    stop: () => {},
+    setMenuItems: traySetMenuItemsMock,
+    setIconPath: (path) => {
+      trayMenuIconPath = path;
+    },
+  }));
+
+  const allowedResourcesState = observable.set<string>();
+
+  const windowHelpers = new Map<string, { di: DiContainer; getRendered: () => RenderResult }>();
+
+  const createElectronWindowFake: CreateElectronWindow = (configuration) => {
+    const windowId = configuration.id;
+
+    const windowDi = getRendererDi({ doGeneralOverrides: true });
+
+    overrideForWindow(windowDi, windowId);
+    overrideFsWithFakes(windowDi);
+
+    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();
+
+        for (const callback of afterWindowStartCallbacks) {
+          await callback(windowDi);
+        }
+
+        const history = windowDi.inject(historyInjectable);
+
+        const render = renderFor(windowDi);
+
+        rendered = render(
+          <Router history={history}>
+            <environment.RootComponent />
+          </Router>,
+        );
+      },
+
+      send: (arg) => {
+        sendToWindow(windowId, arg);
+      },
+
+      reload: () => {
+        throw new Error("Tried to reload application window which is not implemented yet.");
+      },
+    };
+  };
+
+  mainDi.override(createElectronWindowInjectable, () => createElectronWindowFake);
+
+  let applicationHasStarted = false;
+
+  const namespaces = observable.set<string>();
+  const namespaceItems = observable.array<Namespace>();
+  const selectedNamespaces = observable.set<string>();
+  const startMainApplication = mainDi.inject(startMainApplicationInjectable);
+
+  const startApplication = async ({ shouldStartHidden }: { shouldStartHidden: boolean }) => {
+    mainDi.inject(lensProxyPortInjectable).set(42);
+
+    for (const callback of beforeApplicationStartCallbacks) {
+      await callback(mainDi);
+    }
+
+    mainDi.override(shouldStartHiddenInjectable, () => shouldStartHidden);
+    await startMainApplication();
+
+    for (const callback of afterApplicationStartCallbacks) {
+      await callback(mainDi);
+    }
+
+    applicationHasStarted = true;
+  };
+
+  const builder: ApplicationBuilder = {
+    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 applicationWindow = builder.applicationWindow
+          .getAll()
+          .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);
+      },
+    },
+    namespaces: {
+      add: action((namespace) => {
+        namespaces.add(namespace);
+        namespaceItems.replace(createNamespacesFor(namespaces));
+      }),
+      select: action((namespace) => selectedNamespaces.add(namespace)),
+    },
+    applicationMenu: {
+      get items() {
+        const composite = mainDi.inject(
+          applicationMenuItemCompositeInjectable,
+        ).get();
+
+        return getCompositePaths(composite);
+      },
+
+      click: (...path: string[]) => {
+        const composite = mainDi.inject(
+          applicationMenuItemCompositeInjectable,
+        ).get();
+
+        const clickableMenuItem = findComposite(...path)(composite).value;
+
+        if(clickableMenuItem.kind === "clickable-menu-item") {
+          // Todo: prevent leaking of Electron
+          (clickableMenuItem.onClick as any)();
+        } else {
+          throw new Error(`Tried to trigger clicking of an application menu item, but item at path '${path.join(" -> ")}' isn't clickable.`);
+        }
+      },
+    },
+
+    tray: {
+      get: (id: string) => {
+        const lastCall = last(traySetMenuItemsMock.mock.calls);
+
+        assert(lastCall);
+
+        return lastCall[0].find(matches({ id })) ?? null;
+      },
+
+      getIconPath: () => trayMenuIconPath,
+
+      click: async (id: string) => {
+        const lastCall = last(traySetMenuItemsMock.mock.calls);
+
+        assert(lastCall);
+
+        const trayMenuItems = lastCall[0];
+
+        const menuItem = trayMenuItems.find(matches({ id })) ?? null;
+
+        if (!menuItem) {
+          const availableIds = pipeline(
+            trayMenuItems,
+            filter(item => !!item.click),
+            map(item => item.id),
+            join(", "),
+          );
+
+          throw new Error(`Tried to click tray menu item with ID ${id} which does not exist. Available IDs are: "${availableIds}"`);
+        }
+
+        if (!menuItem.enabled) {
+          throw new Error(`Tried to click tray menu item with ID ${id} which is disabled.`);
+        }
+
+        await menuItem.click?.();
+      },
+    },
+
+    preferences: {
+      close: () => {
+        const rendered = builder.applicationWindow.only.rendered;
+
+        const link = rendered.getByTestId("close-preferences");
+
+        fireEvent.click(link);
+      },
+
+      navigate: () => {
+        const windowDi = builder.applicationWindow.only.di;
+
+        const navigateToPreferences = windowDi.inject(
+          navigateToPreferencesInjectable,
+        );
+
+        navigateToPreferences();
+      },
+
+      navigateTo: (route: Route<any>, params: Partial<NavigateToRouteOptions<any>>) => {
+        const windowDi = builder.applicationWindow.only.di;
+
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+
+        navigateToRoute(route, params);
+      },
+
+      navigation: {
+        click: (pathId: string) => {
+          const { rendered } = builder.applicationWindow.only;
+
+          const discover = discoverFor(() => rendered);
+
+          const { discovered: link } = discover.getSingleElement(
+            "preference-tab-link",
+            pathId,
+          );
+
+          fireEvent.click(link);
+        },
+      },
+    },
+
+    helmCharts: {
+      navigate: (parameters) => {
+        const windowDi = builder.applicationWindow.only.di;
+
+        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;
+
+      builder.beforeWindowStart((windowDi) => {
+        const clusterStub = {
+          id: "some-cluster-id",
+          accessibleNamespaces: observable.array(),
+          shouldShowResource: (kind) => allowedResourcesState.has(formatKubeApiResource(kind)),
+        } as Partial<Cluster> as Cluster;
+
+        windowDi.override(activeKubernetesClusterInjectable, () =>
+          computed(() => catalogEntityFromCluster(clusterStub)),
+        );
+
+        windowDi.override(hostedClusterIdInjectable, () => clusterStub.id);
+        windowDi.override(hostedClusterInjectable, () => clusterStub);
+
+        // TODO: Figure out a way to remove this stub.
+        windowDi.override(namespaceStoreInjectable, () => ({
+          isLoaded: true,
+          get contextNamespaces() {
+            return Array.from(selectedNamespaces);
+          },
+          get allowedNamespaces() {
+            return Array.from(namespaces);
+          },
+          contextItems: namespaceItems,
+          api: windowDi.inject(namespaceApiInjectable),
+          items: namespaceItems,
+          selectNamespaces: () => {},
+          selectSingle: () => {},
+          getByPath: () => undefined,
+          pickOnlySelected: () => [],
+          isSelectedAll: () => false,
+          getTotalCount: () => namespaceItems.length,
+        } as Partial<NamespaceStore> as NamespaceStore));
+      });
+
+      return builder;
+    },
+
+    extensions: {
+      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,
+          },
+        };
+      },
+
+      enable: (...extensions) => {
+        builder.afterWindowStart((windowDi) => {
+          const rendererExtensionInstances = extensions.map((options) =>
+            getExtensionFakeForRenderer(
+              windowDi,
+              options.id,
+              options.name,
+              options.rendererOptions || {},
+            ),
+          );
+
+          rendererExtensionInstances.forEach(
+            enableExtensionFor(windowDi, rendererExtensionsStateInjectable),
+          );
+        });
+
+        builder.afterApplicationStart((mainDi) => {
+          const mainExtensionInstances = extensions.map((extension) =>
+            getExtensionFakeForMain(mainDi, extension.id, extension.name, extension.mainOptions || {}),
+          );
+
+          runInAction(() => {
+            mainExtensionInstances.forEach(
+              enableExtensionFor(mainDi, mainExtensionsStateInjectable),
+            );
+          });
+        });
+      },
+
+      disable: (...extensions) => {
+        builder.afterWindowStart(windowDi => {
+          extensions
+            .map((ext) => ext.id)
+            .forEach(
+              disableExtensionFor(windowDi, rendererExtensionsStateInjectable),
+            );
+        });
+
+        builder.afterApplicationStart(mainDi => {
+          extensions
+            .map((ext) => ext.id)
+            .forEach(
+              disableExtensionFor(mainDi, mainExtensionsStateInjectable),
+            );
+        });
+      },
+    },
+
+    allowKubeResource: (resource) => {
+      environment.onAllowKubeResource();
+
+      runInAction(() => {
+        allowedResourcesState.add(formatKubeApiResource(resource));
+      });
+
+      return builder;
+    },
+
+    beforeApplicationStart(callback) {
+      if (applicationHasStarted) {
+        callback(mainDi);
+      }
+
+      beforeApplicationStartCallbacks.push(callback);
+
+      return builder;
+    },
+
+    afterApplicationStart(callback) {
+      if (applicationHasStarted) {
+        callback(mainDi);
+      }
+
+      afterApplicationStartCallbacks.push(callback);
+
+      return builder;
+    },
+
+    beforeWindowStart(callback) {
+      const alreadyRenderedWindows = builder.applicationWindow.getAll();
+
+      alreadyRenderedWindows.forEach((window) => {
+        callback(window.di);
+      });
+
+      beforeWindowStartCallbacks.push(callback);
+
+      return builder;
+    },
+
+    afterWindowStart(callback) {
+      const alreadyRenderedWindows = builder.applicationWindow.getAll();
+
+      alreadyRenderedWindows.forEach((window) => {
+        callback(window.di);
+      });
+
+      afterWindowStartCallbacks.push(callback);
+
+      return builder;
+    },
+
+    startHidden: async () => {
+      await startApplication({ shouldStartHidden: true });
+    },
+
+    async render() {
+      await startApplication({ shouldStartHidden: false });
+
+      return builder
+        .applicationWindow
+        .get("first-application-window")
+        .rendered;
+    },
+
+    select: {
+      openMenu: (menuId) => {
+        const rendered = builder.applicationWindow.only.rendered;
+
+        const select = rendered.baseElement.querySelector<HTMLElement>(
+          `#${menuId}`,
+        );
+
+        assert(select, `Could not find select with ID "${menuId}"`);
+
+        openMenu(select);
+
+        return {
+          selectOption: selectOptionFor(builder, menuId),
+        };
+      },
+
+      selectOption: (menuId, labelText) => selectOptionFor(builder, menuId)(labelText),
+
+      getValue: (menuId) => {
+        const rendered = builder.applicationWindow.only.rendered;
+
+        const select = rendered.baseElement.querySelector<HTMLInputElement>(
+          `#${menuId}`,
+        );
+
+        assert(select, `Could not find select with ID "${menuId}"`);
+
+        const controlElement = select.closest(".Select__control");
+
+        assert(controlElement, `Could not find select value for menu with ID "${menuId}"`);
+
+        return controlElement.textContent || "";
+      },
+    },
+  };
+
+  return builder;
+};
+
+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 extensionState = di.inject(stateInjectable);
+
+  const getExtension = (extension: LensExtension) =>
+    di.inject(extensionInjectable, extension);
+
+  return (extensionInstance: LensExtension) => {
+    const extension = getExtension(extensionInstance);
+
+    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/packages/core/src/renderer/components/test-utils/get-extension-fake.ts b/packages/core/src/renderer/components/test-utils/get-extension-fake.ts
new file mode 100644
index 0000000000..8079207daa
--- /dev/null
+++ b/packages/core/src/renderer/components/test-utils/get-extension-fake.ts
@@ -0,0 +1,89 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { Writable } 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";
+import loggerInjectable from "../../../common/logger.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 Writable<LensMainExtension>)[lensExtensionDependencies] = {
+    fileSystemProvisionerStore: di.inject(fileSystemProvisionerStoreInjectable),
+    entityRegistry: di.inject(catalogEntityRegistryForMainInjectable),
+    navigate: di.inject(navigateForExtensionInjectable),
+    logger: di.inject(loggerInjectable),
+  };
+
+  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 Writable<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),
+    logger: di.inject(loggerInjectable),
+  };
+
+  return instance;
+};
diff --git a/packages/core/src/renderer/components/test-utils/renderFor.tsx b/packages/core/src/renderer/components/test-utils/renderFor.tsx
new file mode 100644
index 0000000000..fc42ae0e09
--- /dev/null
+++ b/packages/core/src/renderer/components/test-utils/renderFor.tsx
@@ -0,0 +1,31 @@
+/**
+ * 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 { RenderResult } from "@testing-library/react";
+import { render as testingLibraryRender } from "@testing-library/react";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { DiContextProvider } from "@ogre-tools/injectable-react";
+
+export type DiRender = (ui: React.ReactElement) => RenderResult;
+
+type DiRenderFor = (di: DiContainer) => DiRender;
+
+export const renderFor: DiRenderFor = (di) => (ui) => {
+  const result = testingLibraryRender(
+    (
+      <DiContextProvider value={{ di }}>
+        {ui}
+      </DiContextProvider>
+    ),
+  );
+
+  return {
+    ...result,
+
+    rerender: (ui: React.ReactElement) => result.rerender(
+      <DiContextProvider value={{ di }}>{ui}</DiContextProvider>,
+    ),
+  };
+};
diff --git a/packages/core/src/renderer/components/tooltip/__mocks__/withTooltip.tsx b/packages/core/src/renderer/components/tooltip/__mocks__/withTooltip.tsx
new file mode 100644
index 0000000000..cbaa591d91
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/tooltip/__snapshots__/tooltip.test.tsx.snap b/packages/core/src/renderer/components/tooltip/__snapshots__/tooltip.test.tsx.snap
new file mode 100644
index 0000000000..336f0fadc4
--- /dev/null
+++ b/packages/core/src/renderer/components/tooltip/__snapshots__/tooltip.test.tsx.snap
@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Tooltip /> does not render to DOM if not visibile 1`] = `
+<body>
+  <div>
+    <div
+      id="my-target"
+    >
+      Target Text
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<Tooltip /> renders to DOM when forced to by visibile prop 1`] = `
+<body>
+  <div>
+    <div
+      class="Tooltip visible"
+      role="tooltip"
+      style="left: 10px; top: 0px;"
+    >
+      I am a tooltip
+    </div>
+    <div
+      id="my-target"
+    >
+      Target Text
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<Tooltip /> renders to DOM when hovering over target 1`] = `
+<body>
+  <div>
+    <div
+      class="Tooltip visible"
+      role="tooltip"
+      style="left: 10px; top: 0px;"
+    >
+      I am a tooltip
+    </div>
+    <div
+      id="my-target"
+    >
+      Target Text
+    </div>
+  </div>
+</body>
+`;
diff --git a/packages/core/src/renderer/components/tooltip/index.ts b/packages/core/src/renderer/components/tooltip/index.ts
new file mode 100644
index 0000000000..b507e8fc97
--- /dev/null
+++ b/packages/core/src/renderer/components/tooltip/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 "./tooltip";
+export * from "./withTooltip";
diff --git a/packages/core/src/renderer/components/tooltip/tooltip.scss b/packages/core/src/renderer/components/tooltip/tooltip.scss
new file mode 100644
index 0000000000..10b7669679
--- /dev/null
+++ b/packages/core/src/renderer/components/tooltip/tooltip.scss
@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.Tooltip {
+  --bgc: var(--mainBackground);
+  --radius: #{$radius};
+  --color: var(--textColorAccent);
+  --border: 1px solid var(--borderColor);
+
+  // use positioning relative to viewport (window)
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/position
+  position: fixed;
+  margin: 0 !important;
+  background: var(--bgc);
+  font-size: small;
+  font-weight: normal;
+  border-radius: var(--radius);
+  color: var(--color);
+  white-space: normal;
+  padding: .5em;
+  text-align: center;
+  pointer-events: none;
+  transition: opacity 150ms 150ms ease-in-out;
+  z-index: 100000;
+  box-shadow: 0 8px 16px rgba(0,0,0,0.24);
+  left: 0;
+  top: 0;
+  opacity: 0;
+  visibility: hidden;
+
+  &.visible {
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &:empty {
+    display: none;
+  }
+
+  &.formatter {
+    &.nowrap {
+      &, * {
+        white-space: nowrap;
+      }
+    }
+
+    &.narrow {
+      max-width: 300px;
+      text-overflow: ellipsis;
+      word-wrap: break-word;
+      text-align: left;
+    }
+
+    &.small {
+      font-size: $font-size-small;
+    }
+
+    &.warning {
+      color: var(--colorError);
+    }
+
+    &.tableView {
+      min-width: 200px;
+
+      > :not(:last-child) {
+        margin-bottom: var(--flex-gap);
+      }
+
+      .title {
+        color: var(--textColorAccent);
+        text-align: center;
+      }
+
+      .name {
+        color: var(--textColorAccent);
+        text-align: right;
+        flex: 0 0 35%;
+      }
+
+      .value {
+        text-align: left;
+        max-width: 300px;
+        word-break: break-word;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/tooltip/tooltip.test.tsx b/packages/core/src/renderer/components/tooltip/tooltip.test.tsx
new file mode 100644
index 0000000000..6c8331be8a
--- /dev/null
+++ b/packages/core/src/renderer/components/tooltip/tooltip.test.tsx
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import assert from "assert";
+import React from "react";
+import { Tooltip } from "./tooltip";
+
+describe("<Tooltip />", () => {
+  let requestAnimationFrameSpy: jest.SpyInstance<number, [callback: FrameRequestCallback]>;
+
+  beforeEach(() => {
+    requestAnimationFrameSpy = jest.spyOn(window, "requestAnimationFrame");
+
+    requestAnimationFrameSpy.mockImplementation(cb => {
+      cb(0);
+
+      return 0;
+    });
+  });
+
+  afterEach(() => {
+    requestAnimationFrameSpy.mockRestore();
+  });
+
+
+  it("does not render to DOM if not visibile", () => {
+    const result = render((
+      <>
+        <Tooltip targetId="my-target" usePortal={false}>I am a tooltip</Tooltip>
+        <div id="my-target">Target Text</div>
+      </>
+    ));
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("renders to DOM when hovering over target", () => {
+    const result = render((
+      <>
+        <Tooltip
+          targetId="my-target"
+          data-testid="tooltip"
+          usePortal={false}
+        >
+          I am a tooltip
+        </Tooltip>
+        <div id="my-target">Target Text</div>
+      </>
+    ));
+
+    const target = result.baseElement.querySelector("#my-target");
+
+    assert(target);
+
+    userEvent.hover(target);
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("renders to DOM when forced to by visibile prop", () => {
+    const result = render((
+      <>
+        <Tooltip
+          targetId="my-target"
+          data-testid="tooltip"
+          visible={true}
+          usePortal={false}
+        >
+          I am a tooltip
+        </Tooltip>
+        <div id="my-target">Target Text</div>
+      </>
+    ));
+
+    expect(result.baseElement).toMatchSnapshot();
+  });
+});
diff --git a/packages/core/src/renderer/components/tooltip/tooltip.tsx b/packages/core/src/renderer/components/tooltip/tooltip.tsx
new file mode 100644
index 0000000000..7fc1abddbf
--- /dev/null
+++ b/packages/core/src/renderer/components/tooltip/tooltip.tsx
@@ -0,0 +1,242 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./tooltip.scss";
+
+import React from "react";
+import { createPortal } from "react-dom";
+import { observer } from "mobx-react";
+import type { IClassName } from "../../utils";
+import { cssNames, autoBind } from "../../utils";
+import { observable, makeObservable, action } from "mobx";
+
+export enum TooltipPosition {
+  TOP = "top",
+  BOTTOM = "bottom",
+  LEFT = "left",
+  RIGHT = "right",
+  TOP_LEFT = "top_left",
+  TOP_RIGHT = "top_right",
+  BOTTOM_LEFT = "bottom_left",
+  BOTTOM_RIGHT = "bottom_right",
+}
+
+export interface TooltipProps {
+  targetId: string; // html-id of target element to bind for
+  tooltipOnParentHover?: boolean; // detect hover on parent of target
+  visible?: boolean; // initial visibility
+  offset?: number; // offset from target element in pixels (all sides)
+  usePortal?: boolean; // renders element outside of parent (in body), disable for "easy-styling", default: true
+  preferredPositions?: TooltipPosition | TooltipPosition[];
+  className?: IClassName;
+  formatters?: TooltipContentFormatters;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+}
+
+export interface TooltipContentFormatters {
+  narrow?: boolean; // max-width
+  warning?: boolean; // color
+  small?: boolean; // font-size
+  nowrap?: boolean; // white-space
+  tableView?: boolean;
+}
+
+const defaultProps: Partial<TooltipProps> = {
+  usePortal: true,
+  offset: 10,
+};
+
+@observer
+export class Tooltip extends React.Component<TooltipProps> {
+  static defaultProps = defaultProps as object;
+
+  @observable.ref elem: HTMLDivElement | null = null;
+  @observable activePosition?: TooltipPosition;
+  @observable isVisible = false;
+  @observable isContentVisible = false; // animation manager
+
+  constructor(props: TooltipProps) {
+    super(props);
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  get targetElem(): HTMLElement | null {
+    return document.getElementById(this.props.targetId);
+  }
+
+  get hoverTarget(): HTMLElement | null {
+    if (this.props.tooltipOnParentHover) {
+      return this.targetElem?.parentElement ?? null;
+    }
+
+    return this.targetElem;
+  }
+
+  componentDidMount() {
+    this.hoverTarget?.addEventListener("mouseenter", this.onEnterTarget);
+    this.hoverTarget?.addEventListener("mouseleave", this.onLeaveTarget);
+    this.refreshPosition();
+  }
+
+  componentDidUpdate() {
+    this.refreshPosition();
+  }
+
+  componentWillUnmount() {
+    this.hoverTarget?.removeEventListener("mouseenter", this.onEnterTarget);
+    this.hoverTarget?.removeEventListener("mouseleave", this.onLeaveTarget);
+  }
+
+  @action
+  protected onEnterTarget() {
+    this.isVisible = true;
+    requestAnimationFrame(action(() => this.isContentVisible = true));
+  }
+
+  @action
+  protected onLeaveTarget() {
+    this.isVisible = false;
+    this.isContentVisible = false;
+  }
+
+  refreshPosition() {
+    const { preferredPositions } = this.props;
+    const { elem, targetElem } = this;
+
+    if (!elem || !targetElem) {
+      return;
+    }
+
+    const positions = new Set<TooltipPosition>([
+      ...[preferredPositions ?? []].flat(),
+      TooltipPosition.RIGHT,
+      TooltipPosition.BOTTOM,
+      TooltipPosition.TOP,
+      TooltipPosition.LEFT,
+      TooltipPosition.TOP_RIGHT,
+      TooltipPosition.TOP_LEFT,
+      TooltipPosition.BOTTOM_RIGHT,
+      TooltipPosition.BOTTOM_LEFT,
+    ]);
+
+    // reset position first and get all possible client-rect area for tooltip element
+    this.setPosition(elem, { left: 0, top: 0 });
+
+    const selfBounds = elem.getBoundingClientRect();
+    const targetBounds = targetElem.getBoundingClientRect();
+    const { innerWidth: viewportWidth, innerHeight: viewportHeight } = window;
+
+    // find proper position
+    for (const pos of positions) {
+      const { left, top, right, bottom } = this.getPosition(pos, selfBounds, targetBounds);
+      const fitsToWindow = left >= 0 && top >= 0 && right <= viewportWidth && bottom <= viewportHeight;
+
+      if (fitsToWindow) {
+        this.activePosition = pos;
+        this.setPosition(elem, { top, left });
+
+        return;
+      }
+    }
+
+    // apply fallback position if nothing helped from above
+    const fallbackPosition = Array.from(positions)[0];
+    const { left, top } = this.getPosition(fallbackPosition, selfBounds, targetBounds);
+
+    this.activePosition = fallbackPosition;
+    this.setPosition(elem, { left, top });
+  }
+
+  protected setPosition(elem: HTMLDivElement, pos: { left: number; top: number }) {
+    elem.style.left = `${pos.left}px`;
+    elem.style.top = `${pos.top}px`;
+  }
+
+  protected getPosition(position: TooltipPosition, tooltipBounds: DOMRect, targetBounds: DOMRect) {
+    let left: number;
+    let top: number;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const offset = this.props.offset!;
+    const horizontalCenter = targetBounds.left + (targetBounds.width - tooltipBounds.width) / 2;
+    const verticalCenter = targetBounds.top + (targetBounds.height - tooltipBounds.height) / 2;
+    const topCenter = targetBounds.top - tooltipBounds.height - offset;
+    const bottomCenter = targetBounds.bottom + offset;
+
+    switch (position) {
+      case "top":
+        left = horizontalCenter;
+        top = topCenter;
+        break;
+      case "bottom":
+        left = horizontalCenter;
+        top = bottomCenter;
+        break;
+      case "left":
+        top = verticalCenter;
+        left = targetBounds.left - tooltipBounds.width - offset;
+        break;
+      case "right":
+        top = verticalCenter;
+        left = targetBounds.right + offset;
+        break;
+      case "top_left":
+        left = targetBounds.left;
+        top = topCenter;
+        break;
+      case "top_right":
+        left = targetBounds.right - tooltipBounds.width;
+        top = topCenter;
+        break;
+      case "bottom_left":
+        top = bottomCenter;
+        left = targetBounds.left;
+        break;
+      case "bottom_right":
+        top = bottomCenter;
+        left = targetBounds.right - tooltipBounds.width;
+        break;
+      default:
+        throw new TypeError("Invalid props.postition value");
+    }
+
+    return {
+      left,
+      top,
+      right: left + tooltipBounds.width,
+      bottom: top + tooltipBounds.height,
+    };
+  }
+
+  render() {
+    const { style, formatters, usePortal, children, visible = this.isVisible } = this.props;
+
+    if (!visible) {
+      return null;
+    }
+
+    const className = cssNames("Tooltip", this.props.className, formatters, this.activePosition, {
+      visible: this.isContentVisible || this.props.visible,
+      formatter: !!formatters,
+    });
+    const tooltip = (
+      <div
+        className={className}
+        style={style}
+        ref={elem => this.elem = elem}
+        role="tooltip"
+      >
+        {children}
+      </div>
+    );
+
+    if (usePortal) {
+      return createPortal(tooltip, document.body);
+    }
+
+    return tooltip;
+  }
+}
diff --git a/packages/core/src/renderer/components/tooltip/withTooltip.tsx b/packages/core/src/renderer/components/tooltip/withTooltip.tsx
new file mode 100644
index 0000000000..931653dc8e
--- /dev/null
+++ b/packages/core/src/renderer/components/tooltip/withTooltip.tsx
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Tooltip decorator for simple composition with other components
+
+import type { ReactNode } from "react";
+import React, { useState } from "react";
+import type { TooltipProps } from "./tooltip";
+import { Tooltip } from "./tooltip";
+import { isReactNode } from "../../utils/isReactNode";
+import uniqueId from "lodash/uniqueId";
+import type { SingleOrMany } from "../../utils";
+
+export interface TooltipDecoratorProps {
+  tooltip?: ReactNode | Omit<TooltipProps, "targetId">;
+  /**
+   * forces tooltip to detect the target's parent for mouse events. This is
+   * useful for displaying tooltips even when the target is "disabled"
+   */
+  tooltipOverrideDisabled?: boolean;
+  id?: string;
+  children?: SingleOrMany<React.ReactNode>;
+}
+
+export function withTooltip<TargetProps>(
+  Target: TargetProps extends Pick<TooltipDecoratorProps, "id" | "children">
+    ? React.FunctionComponent<TargetProps>
+    : never,
+): React.FunctionComponent<TargetProps & TooltipDecoratorProps> {
+  const DecoratedComponent = (props: TargetProps & TooltipDecoratorProps) => {
+    // TODO: Remove side-effect to allow deterministic unit testing
+    const [defaultTooltipId] = useState(uniqueId("tooltip_target_"));
+
+    let {
+      id: targetId,
+      children: targetChildren,
+    } = props;
+    const {
+      tooltip,
+      tooltipOverrideDisabled,
+      id: _unusedId,
+      children: _unusedTargetChildren,
+      ...targetProps
+    } = props;
+
+    if (tooltip) {
+      const tooltipProps: TooltipProps = {
+        targetId: targetId || defaultTooltipId,
+        tooltipOnParentHover: tooltipOverrideDisabled,
+        formatters: { narrow: true },
+        ...(isReactNode(tooltip) ? { children: tooltip } : tooltip),
+      };
+
+      targetId = tooltipProps.targetId;
+      targetChildren = (
+        <>
+          <div>
+            {targetChildren}
+          </div>
+          <Tooltip {...tooltipProps} />
+        </>
+      );
+    }
+
+    return (
+      <Target id={targetId} {...targetProps as any}>
+        {targetChildren}
+      </Target>
+    );
+  };
+
+  DecoratedComponent.displayName = `withTooltip(${Target.displayName || Target.name})`;
+
+  return DecoratedComponent;
+}
diff --git a/packages/core/src/renderer/components/tree-view/index.ts b/packages/core/src/renderer/components/tree-view/index.ts
new file mode 100644
index 0000000000..4518af1479
--- /dev/null
+++ b/packages/core/src/renderer/components/tree-view/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./tree-view";
diff --git a/packages/core/src/renderer/components/tree-view/tree-view.scss b/packages/core/src/renderer/components/tree-view/tree-view.scss
new file mode 100644
index 0000000000..7119c8b348
--- /dev/null
+++ b/packages/core/src/renderer/components/tree-view/tree-view.scss
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.TreeView {
+  .MuiTypography-body1 {
+    font-size: var(--font-size);
+    color: var(--textColorAccent);
+  }
+
+  .MuiTreeItem-root {
+    > .MuiTreeItem-content .MuiTreeItem-label {
+      border-radius: 4px;
+      border: 1px solid transparent;
+    }
+
+    &.selected {
+      > .MuiTreeItem-content .MuiTreeItem-label {
+        border-color: var(--blue);
+        font-weight: bold;
+      }
+    }
+
+    // Make inner component selected state invisible
+    &.Mui-selected, &.Mui-selected:focus {
+      > .MuiTreeItem-content .MuiTreeItem-label {
+        background-color: transparent;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/tree-view/tree-view.tsx b/packages/core/src/renderer/components/tree-view/tree-view.tsx
new file mode 100644
index 0000000000..8672f9597f
--- /dev/null
+++ b/packages/core/src/renderer/components/tree-view/tree-view.tsx
@@ -0,0 +1,105 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./tree-view.scss";
+
+import React, { useEffect, useRef } from "react";
+import { Icon } from "../icon";
+import TreeView from "@material-ui/lab/TreeView";
+import TreeItem from "@material-ui/lab/TreeItem";
+import { cssNames } from "../../utils";
+
+import _ from "lodash";
+import getDeepDash from "deepdash";
+
+const deepDash = getDeepDash(_);
+
+export interface NavigationTree {
+  id: string;
+  parentId?: string;
+  name: string;
+  selected?: boolean;
+  children?: NavigationTree[];
+}
+
+export interface RecursiveTreeViewProps {
+  data: NavigationTree[];
+}
+
+function scrollToItem(id: string) {
+  document.getElementById(id)?.scrollIntoView();
+}
+
+function getSelectedNode(data: NavigationTree[]) {
+  return deepDash.findDeep(data, (value, key) => key === "selected" && value === true)?.parent;
+}
+
+export function RecursiveTreeView({ data }: RecursiveTreeViewProps) {
+  const [expanded, setExpanded] = React.useState<string[]>([]);
+  const prevData = useRef<NavigationTree[]>(data);
+
+  const handleToggle = (event: React.ChangeEvent<{}>, nodeIds: string[]) => {
+    setExpanded(nodeIds);
+  };
+
+  const expandTopLevelNodes = () => {
+    setExpanded(data.map(node => node.id));
+  };
+
+  const expandParentNode = () => {
+    const node = getSelectedNode(data) as any as NavigationTree;
+    const id = node?.parentId;
+
+    if (id && !expanded.includes(id)) {
+      setExpanded([...expanded, id]);
+    }
+  };
+
+  const onLabelClick = (event: React.MouseEvent, nodeId: string) => {
+    event.preventDefault();
+    scrollToItem(nodeId);
+  };
+
+  const renderTree = (nodes: NavigationTree[]) => {
+    return nodes.map(node => (
+      <TreeItem
+        key={node.id}
+        nodeId={node.id}
+        label={node.name}
+        onLabelClick={(event) => onLabelClick(event, node.id)}
+        className={cssNames({ selected: node.selected })}
+        title={node.name}
+      >
+        {Array.isArray(node.children) ? node.children.map((node) => renderTree([node])) : null}
+      </TreeItem>
+    ));
+  };
+
+  useEffect(() => {
+    if (!prevData.current.length) {
+      expandTopLevelNodes();
+    } else {
+      expandParentNode();
+    }
+    prevData.current = data;
+  }, [data]);
+
+  if (!data.length) {
+    return null;
+  }
+
+  return (
+    <TreeView
+      data-testid="TreeView"
+      className="TreeView"
+      expanded={expanded}
+      onNodeToggle={handleToggle}
+      defaultCollapseIcon={<Icon material="expand_more"/>}
+      defaultExpandIcon={<Icon material="chevron_right" />}
+    >
+      {renderTree(data)}
+    </TreeView>
+  );
+}
diff --git a/packages/core/src/renderer/components/vars.scss b/packages/core/src/renderer/components/vars.scss
new file mode 100755
index 0000000000..2a4deb6f30
--- /dev/null
+++ b/packages/core/src/renderer/components/vars.scss
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+@import "colors", "media";
+
+// Dimensions
+$unit: 8px;
+$padding: $unit;
+$margin: $unit;
+$radius: var(--border-radius);
+
+// Fonts
+$font-main: var(--font-main);
+$font-monospace: var(--font-monospace);
+$font-size-small: var(--font-size-small);
+$font-size: var(--font-size);
+$font-size-big: var(--font-size-big);
+$font-weight-thin: var(--font-weight-thin);
+$font-weight-normal: var(--font-weight-normal);
+$font-weight-bold: var(--font-weight-bold);
+
+// Z-index correlations
+$zIndex-sidebar-hover: 500;
+$zIndex-select-portal: 300;
+$zIndex-dialog: 200;
+$zIndex-drawer: 100;
+
+// Animation timing functions
+$animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1);
+$animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1);
+$animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1);
+
+// Import other common vars & mixins
+@import "mixins";
diff --git a/packages/core/src/renderer/components/virtual-list/__snapshots__/virtual-list.test.tsx.snap b/packages/core/src/renderer/components/virtual-list/__snapshots__/virtual-list.test.tsx.snap
new file mode 100644
index 0000000000..93fcd4849a
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/virtual-list/index.ts b/packages/core/src/renderer/components/virtual-list/index.ts
new file mode 100644
index 0000000000..315334337f
--- /dev/null
+++ b/packages/core/src/renderer/components/virtual-list/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./virtual-list";
diff --git a/packages/core/src/renderer/components/virtual-list/virtual-list.scss b/packages/core/src/renderer/components/virtual-list/virtual-list.scss
new file mode 100644
index 0000000000..58e1f135a6
--- /dev/null
+++ b/packages/core/src/renderer/components/virtual-list/virtual-list.scss
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.VirtualList {
+  > div > .list {
+    /* Render scrollbar in content area, preventing to occupy extra space */
+    overflow-y: overlay!important;
+  }
+}
diff --git a/packages/core/src/renderer/components/virtual-list/virtual-list.test.tsx b/packages/core/src/renderer/components/virtual-list/virtual-list.test.tsx
new file mode 100644
index 0000000000..f9446589f2
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/components/virtual-list/virtual-list.tsx b/packages/core/src/renderer/components/virtual-list/virtual-list.tsx
new file mode 100644
index 0000000000..3ea0aebb1c
--- /dev/null
+++ b/packages/core/src/renderer/components/virtual-list/virtual-list.tsx
@@ -0,0 +1,161 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Wrapper for "react-window" component
+// API docs: https://react-window.now.sh
+import "./virtual-list.scss";
+
+import type { ForwardedRef } from "react";
+import React, { createRef, forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { observer } from "mobx-react";
+import type { Align, ListChildComponentProps, ListOnScrollProps } from "react-window";
+import { VariableSizeList } from "react-window";
+import { cssNames, noop } from "../../utils";
+import type { TableRowProps } from "../table/table-row";
+import isEqual from "lodash/isEqual";
+import AutoSizer from "react-virtualized-auto-sizer";
+
+export interface VirtualListProps<T extends { getId(): string } | string> {
+  items: T[];
+  rowHeights: number[];
+  className?: string;
+  width?: number | string;
+  initialOffset?: number;
+  readyOffset?: number;
+  selectedItemId?: string;
+  getRow?: (uid: T extends string ? number : string) => React.ReactElement | undefined | null;
+  onScroll?: (props: ListOnScrollProps) => void;
+  outerRef?: React.Ref<HTMLDivElement>;
+
+  /**
+   * If specified then AutoSizer will not be used and instead a fixed height
+   * virtual list will be rendered
+   */
+  fixedHeight?: number;
+}
+
+export interface VirtualListRef {
+  scrollToItem: (index: number, align: Align) => void;
+}
+
+function VirtualListInner<T extends { getId(): string } | string>({
+  items,
+  rowHeights,
+  className,
+  width = "100%",
+  initialOffset = 1,
+  readyOffset = 10,
+  selectedItemId,
+  getRow,
+  onScroll = noop,
+  outerRef,
+  fixedHeight,
+  forwardedRef,
+}: VirtualListProps<T> & { forwardedRef?: ForwardedRef<VirtualListRef> }) {
+  const [overscanCount, setOverscanCount] = useState(initialOffset);
+  const listRef = createRef<VariableSizeList>();
+  const prevItems = useRef(items);
+  const prevRowHeights = useRef(rowHeights);
+  const scrollToSelectedItem = useCallback(() => {
+    if (!selectedItemId) {
+      return;
+    }
+
+    const index = items.findIndex(item => selectedItemId === (
+      typeof item === "string"
+        ? item
+        : item.getId()
+    ));
+
+    if (index >= 0) {
+      listRef.current?.scrollToItem(index, "smart");
+    }
+  }, [selectedItemId, [items]]);
+  const getItemSize = (index: number) => rowHeights[index];
+
+  useImperativeHandle(forwardedRef, () => ({
+    scrollToItem: (index, align) => listRef.current?.scrollToItem(index, align),
+  }));
+
+  useEffect(() => {
+    scrollToSelectedItem();
+    setOverscanCount(readyOffset);
+  });
+
+  useEffect(() => {
+    try {
+      if (prevItems.current.length !== items.length || !isEqual(prevRowHeights.current, rowHeights)) {
+        listRef.current?.resetAfterIndex(0);
+      }
+    } finally {
+      prevItems.current = items;
+      prevRowHeights.current = rowHeights;
+    }
+  }, [items, rowHeights]);
+
+  const renderList = (height: number) => (
+    <VariableSizeList
+      className="list"
+      width={width}
+      height={height}
+      itemSize={getItemSize}
+      itemCount={items.length}
+      itemData={{
+        items,
+        getRow: getRow as never,
+      }}
+      overscanCount={overscanCount}
+      ref={listRef}
+      outerRef={outerRef}
+      onScroll={onScroll}
+    >
+      {Row}
+    </VariableSizeList>
+  );
+
+  return (
+    <div className={cssNames("VirtualList", className)}>
+      {
+        typeof fixedHeight === "number"
+          ? renderList(fixedHeight)
+          : (
+            <AutoSizer disableWidth>
+              {({ height }) => renderList(height)}
+            </AutoSizer>
+          )
+      }
+    </div>
+  );
+}
+
+export const VirtualList = forwardRef<VirtualListRef, VirtualListProps<string>>((props, ref) => (
+  <VirtualListInner {...props} forwardedRef={ref} />
+)) as <T extends { getId(): string } | string>(props: VirtualListProps<T> & { ref?: ForwardedRef<VirtualListRef> }) => JSX.Element;
+
+interface RowData<T extends { getId(): string } | string> {
+  items: T[];
+  getRow?: (uid: T extends string ? number : string) => React.ReactElement<TableRowProps<T>>;
+}
+
+export interface RowProps<T extends { getId(): string } | string> extends ListChildComponentProps {
+  data: RowData<T>;
+}
+
+const Row = observer(<T extends { getId(): string } | string>(props: RowProps<T>) => {
+  const { index, style, data } = props;
+  const { items, getRow } = data;
+  const item = items[index];
+  const row = getRow?.((
+    typeof item == "string"
+      ? index
+      : item.getId()
+  ) as never);
+
+  if (!row) return null;
+
+  return React.cloneElement(row, {
+    style: Object.assign({}, row.props.style, style),
+  });
+});
diff --git a/packages/core/src/renderer/components/wizard/index.ts b/packages/core/src/renderer/components/wizard/index.ts
new file mode 100644
index 0000000000..80815c15e2
--- /dev/null
+++ b/packages/core/src/renderer/components/wizard/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./wizard";
diff --git a/packages/core/src/renderer/components/wizard/wizard.scss b/packages/core/src/renderer/components/wizard/wizard.scss
new file mode 100755
index 0000000000..26eb4928cb
--- /dev/null
+++ b/packages/core/src/renderer/components/wizard/wizard.scss
@@ -0,0 +1,95 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.Wizard {
+  --wizard-width: #{65 * $unit};
+  --wizard-content-height: auto;
+  --wizard-content-max-height: #{40 * $unit};
+  --wizard-spacing: #{$padding * 3};
+  --wizard-step-bgc: var(--dialogBackground);
+
+  width: var(--wizard-width);
+  color: var(--dialogTextColor);
+
+  &.small {
+    --wizard-width: #{45 * $unit};
+    --wizard-content-height: auto;
+  }
+
+  @mixin scrollableContent() {
+    overflow: auto;
+    padding: var(--wizard-spacing);
+    height: var(--wizard-content-height);
+    max-height: var(--wizard-content-max-height);
+  }
+
+  > .header {
+    text-align: center;
+    color: white;
+    background: var(--dialogHeaderBackground);
+    padding: var(--wizard-spacing);
+    border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
+
+    b {
+      font-weight: $font-weight-normal;
+    }
+
+    > * {
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  }
+
+  .Stepper {
+    color: silver;
+    --stepper-color-point: black;
+    --stepper-color-text: currentColor;
+    margin-top: var(--wizard-spacing);
+  }
+
+  .Checkbox {
+    padding: 0;
+  }
+
+  .Select {
+    width: 100%;
+  }
+
+  .step-loading {
+    padding: var(--wizard-spacing);
+  }
+
+  .WizardStep {
+    background: var(--wizard-step-bgc);
+    border-bottom-left-radius: $radius;
+    border-bottom-right-radius: $radius;
+
+    > .step-content.scrollable {
+      @include scrollableContent();
+
+      > * {
+        flex-shrink: 0;
+      }
+    }
+
+    // buttons
+    > :last-child {
+      padding: var(--wizard-spacing);
+      background: var(--dialogFooterBackground);
+      border-bottom-left-radius: $radius;
+      border-bottom-right-radius: $radius;
+
+      .back-btn {
+        margin-left: auto;
+      }
+
+      .Button[type="submit"] {
+        min-width: 10 * $unit;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/renderer/components/wizard/wizard.tsx b/packages/core/src/renderer/components/wizard/wizard.tsx
new file mode 100755
index 0000000000..5a1e5af789
--- /dev/null
+++ b/packages/core/src/renderer/components/wizard/wizard.tsx
@@ -0,0 +1,264 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./wizard.scss";
+import React from "react";
+import { cssNames, prevDefault } from "../../utils";
+import { Button } from "../button";
+import { Stepper } from "../stepper";
+import { SubTitle } from "../layout/sub-title";
+import { Spinner } from "../spinner";
+import { debounce } from "lodash";
+
+export interface WizardCommonProps<D> {
+  data?: Partial<D>;
+  save?: (data: Partial<D>, callback?: () => void) => void;
+  reset?: () => void;
+  done?: () => void;
+  hideSteps?: boolean;
+}
+
+export interface WizardProps<D> extends WizardCommonProps<D> {
+  className?: string;
+  step?: number;
+  title?: string;
+  header?: React.ReactNode;
+  onChange?: (step: number) => void;
+  children?: React.ReactElement<WizardStepProps<D>>[] | React.ReactElement<WizardStepProps<D>>;
+}
+
+interface State {
+  step: number;
+}
+
+export class Wizard<D> extends React.Component<WizardProps<D>, State> {
+  public state: State = {
+    step: this.getValidStep(this.props.step ?? 0),
+  };
+
+  get steps(): React.ReactElement<WizardStepProps<D>>[] {
+    const { className, title, step, header, onChange, children, ...commonProps } = this.props;
+    const steps = React.Children.toArray(children) as React.ReactElement<WizardStepProps<D>>[];
+
+    return steps
+      .filter(step => !step.props.skip)
+      .map((stepElem, i) => (
+        React.cloneElement(stepElem, {
+          step: i + 1,
+          wizard: this,
+          next: this.nextStep,
+          prev: this.prevStep,
+          first: this.firstStep,
+          last: this.lastStep,
+          isFirst: this.isFirstStep,
+          isLast: this.isLastStep,
+          ...commonProps,
+          ...stepElem.props,
+        })
+      ));
+  }
+
+  get step() {
+    return this.state.step;
+  }
+
+  set step(step: number) {
+    step = this.getValidStep(step);
+    if (step === this.step) return;
+
+    this.setState({ step }, () => {
+      this.props.onChange?.(step);
+    });
+  }
+
+  protected getValidStep(step: number) {
+    return Math.min(Math.max(1, step), this.steps.length) || 1;
+  }
+
+  isFirstStep = () => this.step === 1;
+  isLastStep = () => this.step === this.steps.length;
+  firstStep = (): any => this.step = 1;
+  nextStep = (): any => this.step++;
+  prevStep = (): any => this.step--;
+  lastStep = (): any => this.step = this.steps.length;
+
+  render() {
+    const { className, title, header, hideSteps } = this.props;
+    const steps = this.steps.map(stepElem => ({ title: stepElem.props.title }));
+    const step = React.cloneElement(this.steps[this.step - 1]);
+
+    return (
+      <div className={cssNames("Wizard", className)}>
+        <div className="header">
+          {header}
+          {title ? <SubTitle title={title} /> : null}
+          {!hideSteps && steps.length > 1 ? <Stepper steps={steps} step={this.step} /> : null}
+        </div>
+        {step}
+      </div>
+    );
+  }
+}
+
+export interface WizardStepProps<D> extends WizardCommonProps<D> {
+  wizard?: Wizard<D>;
+  title?: string;
+  className?: string | object;
+  contentClass?: string | object;
+  customButtons?: React.ReactNode; // render custom buttons block in footer
+  moreButtons?: React.ReactNode; // add more buttons to section in the footer
+  loading?: boolean; // indicator of loading content for the step
+  waiting?: boolean; // indicator of waiting response before going to next step
+  disabledNext?: boolean; // disable next button flag, e.g when filling step is not finished
+  hideNextBtn?: boolean;
+  hideBackBtn?: boolean;
+  step?: number;
+  prevLabel?: React.ReactNode; // custom label for prev button
+  nextLabel?: React.ReactNode; // custom label for next button
+  next?: () => void | boolean | Promise<any>; // custom action for next button
+  prev?: () => void; // custom action for prev button
+  first?: () => void;
+  last?: () => void;
+  isFirst?: () => boolean;
+  isLast?: () => boolean;
+  beforeContent?: React.ReactNode;
+  afterContent?: React.ReactNode;
+  noValidate?: boolean; // no validate form attribute
+  skip?: boolean; // don't render the step
+  scrollable?: boolean;
+  children?: React.ReactNode | React.ReactNode[];
+  testIdForNext?: string;
+  testIdForPrev?: string;
+}
+
+interface WizardStepState {
+  waiting?: boolean;
+}
+
+export class WizardStep<D> extends React.Component<WizardStepProps<D>, WizardStepState> {
+  private form: HTMLFormElement | null = null;
+  public state: WizardStepState = {};
+  private unmounting = false;
+
+  static defaultProps: WizardStepProps<any> = {
+    scrollable: true,
+  };
+
+  componentWillUnmount() {
+    this.unmounting = true;
+  }
+
+  prev = () => {
+    const { isFirst, prev, done } = this.props;
+
+    if (isFirst?.() && done) done();
+    else prev?.();
+  };
+
+  next = () => {
+    const next = this.props.next;
+    const nextStep = this.props.wizard?.nextStep;
+
+    if (nextStep !== next) {
+      const result = next?.();
+
+      if (result instanceof Promise) {
+        this.setState({ waiting: true });
+        result.then(nextStep).finally(() => {
+          if (this.unmounting) return;
+          this.setState({ waiting: false });
+        });
+      }
+      else if (typeof result === "boolean" && result) {
+        nextStep?.();
+      }
+    }
+    else {
+      nextStep?.();
+    }
+  };
+
+  //because submit MIGHT be called through pressing enter, it might be fired twice.
+  //we'll debounce it to ensure it isn't
+  submit = debounce(() => {
+    if (!this.form) {
+      return;
+    }
+
+    if (this.form.noValidate || this.form.checkValidity()) {
+      this.next();
+    }
+  }, 100);
+
+  renderLoading() {
+    return (
+      <div className="step-loading flex center">
+        <Spinner />
+      </div>
+    );
+  }
+
+  //make sure we call submit if the "enter" keypress doesn't trigger the events
+  keyDown(evt: React.KeyboardEvent<HTMLElement>) {
+    if (evt.shiftKey || evt.metaKey || evt.altKey || evt.ctrlKey || evt.repeat) {
+      return;
+    }
+
+    if(evt.key === "Enter"){
+      this.submit();
+    }
+  }
+
+  render() {
+    const {
+      step, isFirst, isLast, children,
+      loading, customButtons, disabledNext, scrollable,
+      hideNextBtn, hideBackBtn, beforeContent, afterContent, noValidate, skip, moreButtons,
+      waiting, className, contentClass, prevLabel, nextLabel, testIdForNext, testIdForPrev,
+    } = this.props;
+
+    if (skip) {
+      return null;
+    }
+
+    return (
+      <form
+        className={cssNames(`WizardStep step${step}`, className)}
+        onSubmit={prevDefault(this.submit)}
+        noValidate={noValidate}
+        onKeyDown={(evt) => this.keyDown(evt)}
+        ref={e => this.form = e}
+      >
+        {beforeContent}
+        <div className={cssNames("step-content", { scrollable }, contentClass)}>
+          {loading ? this.renderLoading() : children}
+        </div>
+        {customButtons ?? (
+          <div className="buttons flex gaps align-center">
+            {moreButtons}
+            <Button
+              className="back-btn"
+              plain
+              label={prevLabel || (isFirst?.() ? "Cancel" : "Back")}
+              hidden={hideBackBtn}
+              onClick={this.prev}
+              data-testid={testIdForPrev}
+            />
+            <Button
+              primary
+              type="submit"
+              label={nextLabel || (isLast?.() ? "Submit" : "Next")}
+              hidden={hideNextBtn}
+              waiting={waiting ?? this.state.waiting}
+              disabled={disabledNext}
+              data-testid={testIdForNext}
+            />
+          </div>
+        )}
+        {afterContent}
+      </form>
+    );
+  }
+}
diff --git a/packages/core/src/renderer/create-app.ts b/packages/core/src/renderer/create-app.ts
new file mode 100644
index 0000000000..3a511af5ec
--- /dev/null
+++ b/packages/core/src/renderer/create-app.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 "./components/app.scss";
+
+import { bootstrap } from "./bootstrap";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import nodeEnvInjectionToken from "../common/vars/node-env-injection-token";
+import { runInAction } from "mobx";
+import { registerInjectables } from "./register-injectables";
+
+interface AppConfig {
+  di: DiContainer;
+  mode: string;
+}
+
+export function createApp(conf: AppConfig) {
+  const { di, mode } = conf;
+
+  runInAction(() => {
+    di.register(getInjectable({
+      id: "node-env",
+      instantiate: () => mode,
+      injectionToken: nodeEnvInjectionToken,
+    }));
+    registerInjectables(di);
+  });
+  
+  return {
+    start: () => bootstrap(di),
+  };
+}
diff --git a/packages/core/src/renderer/extension-api.ts b/packages/core/src/renderer/extension-api.ts
new file mode 100644
index 0000000000..12cdcef5f9
--- /dev/null
+++ b/packages/core/src/renderer/extension-api.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 React from "react";
+import ReactDOM from "react-dom";
+import * as Mobx from "mobx";
+import * as MobxReact from "mobx-react";
+import * as ReactRouter from "react-router";
+import * as ReactRouterDom from "react-router-dom";
+import * as LensExtensionsCommonApi from "../extensions/common-api";
+import * as LensExtensionsRendererApi from "../extensions/renderer-api";
+
+/**
+ * Exports for virtual package "@k8slens/extensions" for renderer-process.
+ * All exporting names available in global runtime scope:
+ * e.g. Devtools -> Console -> window.LensExtensions (renderer)
+ */
+const LensExtensions = {
+  Common: LensExtensionsCommonApi,
+  Renderer: LensExtensionsRendererApi,
+};
+
+export {
+  React,
+  ReactDOM,
+  ReactRouter,
+  ReactRouterDom,
+  Mobx,
+  MobxReact,
+  LensExtensions,
+};
diff --git a/packages/core/src/renderer/extension-loader/create-extension-instance.injectable.ts b/packages/core/src/renderer/extension-loader/create-extension-instance.injectable.ts
new file mode 100644
index 0000000000..0f92440338
--- /dev/null
+++ b/packages/core/src/renderer/extension-loader/create-extension-instance.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 } from "@ogre-tools/injectable";
+import type { Writable } from "type-fest";
+import catalogCategoryRegistryInjectable from "../../common/catalog/category-registry.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import { createExtensionInstanceInjectionToken } from "../../extensions/extension-loader/create-extension-instance.token";
+import fileSystemProvisionerStoreInjectable from "../../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable";
+import { lensExtensionDependencies } from "../../extensions/lens-extension";
+import type { LensRendererExtensionDependencies } from "../../extensions/lens-extension-set-dependencies";
+import type { 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";
+
+const createExtensionInstanceInjectable = getInjectable({
+  id: "create-extension-instance",
+  instantiate: (di) => {
+    const deps: LensRendererExtensionDependencies = {
+      categoryRegistry: di.inject(catalogCategoryRegistryInjectable),
+      entityRegistry: di.inject(catalogEntityRegistryInjectable),
+      fileSystemProvisionerStore: di.inject(fileSystemProvisionerStoreInjectable),
+      getExtensionPageParameters: di.inject(getExtensionPageParametersInjectable),
+      navigateToRoute: di.inject(navigateToRouteInjectable),
+      routes: di.inject(routesInjectable),
+      logger: di.inject(loggerInjectable),
+    };
+
+    return (ExtensionClass, extension) => {
+      const instance = new ExtensionClass(extension) as LensRendererExtension;
+
+      (instance as Writable<LensRendererExtension>)[lensExtensionDependencies] = deps;
+
+      return instance;
+    };
+  },
+  injectionToken: createExtensionInstanceInjectionToken,
+});
+
+export default createExtensionInstanceInjectable;
diff --git a/packages/core/src/renderer/extension-loader/entry-point-name.injectable.ts b/packages/core/src/renderer/extension-loader/entry-point-name.injectable.ts
new file mode 100644
index 0000000000..55315d6d73
--- /dev/null
+++ b/packages/core/src/renderer/extension-loader/entry-point-name.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 { extensionEntryPointNameInjectionToken } from "../../extensions/extension-loader/entry-point-name";
+
+const extensionEntryPointNameInjectable = getInjectable({
+  id: "extension-entry-point-name",
+  instantiate: () => "renderer" as const,
+  injectionToken: extensionEntryPointNameInjectionToken,
+});
+
+export default extensionEntryPointNameInjectable;
diff --git a/packages/core/src/renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable.ts b/packages/core/src/renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable.ts
new file mode 100644
index 0000000000..b633b00d05
--- /dev/null
+++ b/packages/core/src/renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable.ts
@@ -0,0 +1,46 @@
+/**
+ * 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({
+      getValueFromObservedPromise: async () => {
+        const cluster = activeKubernetesCluster.get();
+
+        if (!cluster) {
+          return false;
+        }
+
+        return getExtensionIsEnabledForCluster(extension, cluster);
+      },
+
+      valueWhenPending: false,
+    });
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, extension: LensRendererExtension) =>
+      extension.sanitizedExtensionId,
+  }),
+});
+
+export default extensionShouldBeEnabledForClusterFrameInjectable;
diff --git a/packages/core/src/renderer/fonts/AnonymousPro-Regular.ttf b/packages/core/src/renderer/fonts/AnonymousPro-Regular.ttf
new file mode 100644
index 0000000000..a98da85573
Binary files /dev/null and b/packages/core/src/renderer/fonts/AnonymousPro-Regular.ttf differ
diff --git a/packages/core/src/renderer/fonts/IBMPlexMono-Regular.ttf b/packages/core/src/renderer/fonts/IBMPlexMono-Regular.ttf
new file mode 100644
index 0000000000..93331e2678
Binary files /dev/null and b/packages/core/src/renderer/fonts/IBMPlexMono-Regular.ttf differ
diff --git a/packages/core/src/renderer/fonts/JetBrainsMono-Regular.ttf b/packages/core/src/renderer/fonts/JetBrainsMono-Regular.ttf
new file mode 100644
index 0000000000..9a5202eb14
Binary files /dev/null and b/packages/core/src/renderer/fonts/JetBrainsMono-Regular.ttf differ
diff --git a/packages/core/src/renderer/fonts/MaterialIcons-Regular.ttf b/packages/core/src/renderer/fonts/MaterialIcons-Regular.ttf
new file mode 100644
index 0000000000..40a8f457f4
Binary files /dev/null and b/packages/core/src/renderer/fonts/MaterialIcons-Regular.ttf differ
diff --git a/packages/core/src/renderer/fonts/RedHatMono-Regular.ttf b/packages/core/src/renderer/fonts/RedHatMono-Regular.ttf
new file mode 100644
index 0000000000..27b4f2baac
Binary files /dev/null and b/packages/core/src/renderer/fonts/RedHatMono-Regular.ttf differ
diff --git a/packages/core/src/renderer/fonts/Roboto-Bold.ttf b/packages/core/src/renderer/fonts/Roboto-Bold.ttf
new file mode 100644
index 0000000000..43da14d84e
Binary files /dev/null and b/packages/core/src/renderer/fonts/Roboto-Bold.ttf differ
diff --git a/packages/core/src/renderer/fonts/Roboto-Light.ttf b/packages/core/src/renderer/fonts/Roboto-Light.ttf
new file mode 100644
index 0000000000..e7307e72c5
Binary files /dev/null and b/packages/core/src/renderer/fonts/Roboto-Light.ttf differ
diff --git a/packages/core/src/renderer/fonts/Roboto-LightItalic.ttf b/packages/core/src/renderer/fonts/Roboto-LightItalic.ttf
new file mode 100644
index 0000000000..2d277afb23
Binary files /dev/null and b/packages/core/src/renderer/fonts/Roboto-LightItalic.ttf differ
diff --git a/packages/core/src/renderer/fonts/Roboto-Mono-nerd.ttf b/packages/core/src/renderer/fonts/Roboto-Mono-nerd.ttf
new file mode 100644
index 0000000000..0204c3fc9e
Binary files /dev/null and b/packages/core/src/renderer/fonts/Roboto-Mono-nerd.ttf differ
diff --git a/packages/core/src/renderer/fonts/Roboto-Regular.ttf b/packages/core/src/renderer/fonts/Roboto-Regular.ttf
new file mode 100644
index 0000000000..ddf4bfacb3
Binary files /dev/null and b/packages/core/src/renderer/fonts/Roboto-Regular.ttf differ
diff --git a/packages/core/src/renderer/fonts/SourceCodePro-Regular.ttf b/packages/core/src/renderer/fonts/SourceCodePro-Regular.ttf
new file mode 100644
index 0000000000..09c7d9fb66
Binary files /dev/null and b/packages/core/src/renderer/fonts/SourceCodePro-Regular.ttf differ
diff --git a/packages/core/src/renderer/fonts/SpaceMono-Regular.ttf b/packages/core/src/renderer/fonts/SpaceMono-Regular.ttf
new file mode 100644
index 0000000000..d713495180
Binary files /dev/null and b/packages/core/src/renderer/fonts/SpaceMono-Regular.ttf differ
diff --git a/packages/core/src/renderer/fonts/UbuntuMono-Regular.ttf b/packages/core/src/renderer/fonts/UbuntuMono-Regular.ttf
new file mode 100644
index 0000000000..4977028d13
Binary files /dev/null and b/packages/core/src/renderer/fonts/UbuntuMono-Regular.ttf differ
diff --git a/packages/core/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap b/packages/core/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
new file mode 100644
index 0000000000..fc0482a9a3
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
@@ -0,0 +1,1593 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+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="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"
+        >
+          
+        </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"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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-cluster-overview"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-cluster-overview"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Cluster
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-nodes"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-nodes"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Nodes
+              </span>
+            </a>
+          </div>
+          <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-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="centering"
+      >
+        <div
+          class="error"
+        >
+          An error has occured. No route can be found matching the current route, which is also the starting route.
+        </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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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[`<ClusterFrame /> given cluster with list nodes and namespaces permissions renders 1`] = `
+<div>
+  <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"
+        >
+          
+        </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"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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-cluster-overview"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-cluster-overview"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Cluster
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-nodes"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-nodes"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Nodes
+              </span>
+            </a>
+          </div>
+          <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-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"
+      >
+        <main
+          class="scrollable"
+        >
+          <div
+            class="ClusterOverview"
+            data-testid="cluster-overview-page"
+          >
+            <div
+              class="Spinner singleColor center"
+            />
+          </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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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[`<ClusterFrame /> given cluster without list nodes, but with namespaces permissions renders 1`] = `
+<div>
+  <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"
+        >
+          
+        </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"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </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
+          class="scrollable"
+        >
+          <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-13cymwt-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-1jqq78o-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-qbdosj-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-1u9des2-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.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"
+                        data-testid="dock-tab-close-for-terminal"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div
+                        data-testid="tooltip-content-for-dock-tab-close-for-terminal"
+                      >
+                        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/packages/core/src/renderer/frames/cluster-frame/cluster-frame-child-component-injection-token.ts b/packages/core/src/renderer/frames/cluster-frame/cluster-frame-child-component-injection-token.ts
new file mode 100644
index 0000000000..c4cbdfab23
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/frames/cluster-frame/cluster-frame-component-registrator.injectable.ts b/packages/core/src/renderer/frames/cluster-frame/cluster-frame-component-registrator.injectable.ts
new file mode 100644
index 0000000000..31a2db819d
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/cluster-frame-component-registrator.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 { getInjectable } from "@ogre-tools/injectable";
+import { map } from "lodash/fp";
+import { extensionRegistratorInjectionToken } from "../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { ExtensionRegistrator } from "../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
+import { clusterFrameChildComponentInjectionToken } from "./cluster-frame-child-component-injection-token";
+
+const clusterFrameComponentRegistratorInjectable = getInjectable({
+  id: "cluster-frame-component-registrator",
+
+  instantiate: (): ExtensionRegistrator => {
+    return (ext) => {
+      const extension = ext as LensRendererExtension;
+
+      return pipeline(
+        extension.clusterFrameComponents,
+
+        map((clusterFrameComponentRegistration) => {
+          const id = `${extension.sanitizedExtensionId}-${clusterFrameComponentRegistration.id}`;
+
+          return getInjectable({
+            id,
+            injectionToken: clusterFrameChildComponentInjectionToken,
+            instantiate: () => ({
+              id,
+              shouldRender: clusterFrameComponentRegistration.shouldRender,
+              Component: clusterFrameComponentRegistration.Component,
+            }),
+          });
+        }),
+      );
+    };
+  },
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default clusterFrameComponentRegistratorInjectable;
diff --git a/packages/core/src/renderer/frames/cluster-frame/cluster-frame-layout-child-component.injectable.tsx b/packages/core/src/renderer/frames/cluster-frame/cluster-frame-layout-child-component.injectable.tsx
new file mode 100644
index 0000000000..0cd23d67c5
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/cluster-frame-layout-child-component.injectable.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 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 type { IComputedValue } from "mobx";
+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";
+import { withInjectables } from "@ogre-tools/injectable-react";
+
+interface Dependencies {
+  currentRouteComponent: IComputedValue<React.ElementType<any> | undefined>;
+  startUrl: IComputedValue<string>;
+  currentPath: IComputedValue<string>;
+}
+
+const NonInjectedClusterFrameLayout = observer((props: Dependencies) => {
+  const Component = props.currentRouteComponent.get();
+  const starting = props.startUrl.get();
+  const current = props.currentPath.get();
+
+  return (
+    <MainLayout sidebar={<Sidebar />} footer={<Dock />}>
+      {Component ? (
+        <Component />
+      ) : // NOTE: this check is to prevent an infinite loop
+        starting !== current ? (
+          <Redirect to={starting} />
+        ) : (
+          <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>
+  );
+});
+
+const ClusterFrameLayout = withInjectables<Dependencies>(NonInjectedClusterFrameLayout, {
+  getProps: (di, props) => ({
+    ...props,
+    currentRouteComponent: di.inject(currentRouteComponentInjectable),
+    startUrl: di.inject(startUrlInjectable),
+    currentPath: di.inject(currentPathInjectable),
+  }),
+});
+
+const clusterFrameLayoutChildComponentInjectable = getInjectable({
+  id: "cluster-frame-layout-child-component",
+
+  instantiate: () => ({
+    id: "cluster-frame-layout",
+    shouldRender: computed(() => true),
+    Component: ClusterFrameLayout,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+});
+
+export default clusterFrameLayoutChildComponentInjectable;
diff --git a/packages/core/src/renderer/frames/cluster-frame/cluster-frame.module.css b/packages/core/src/renderer/frames/cluster-frame/cluster-frame.module.css
new file mode 100644
index 0000000000..ff2a87a9bf
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/cluster-frame.module.css
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.centering {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
diff --git a/packages/core/src/renderer/frames/cluster-frame/cluster-frame.test.tsx b/packages/core/src/renderer/frames/cluster-frame/cluster-frame.test.tsx
new file mode 100644
index 0000000000..1a4cc82248
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/cluster-frame.test.tsx
@@ -0,0 +1,129 @@
+/**
+ * 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 { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import { render as testingLibraryRender } from "@testing-library/react";
+import React from "react";
+import { DiContextProvider } from "@ogre-tools/injectable-react";
+import { Router } from "react-router";
+import { DefaultProps } from "../../mui-base-theme";
+import { ClusterFrame } from "./cluster-frame";
+import historyInjectable from "../../navigation/history.injectable";
+import { computed } from "mobx";
+import type { Cluster } from "../../../common/cluster/cluster";
+import createClusterInjectable from "../../cluster/create-cluster.injectable";
+import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import legacyOnChannelListenInjectable from "../../ipc/legacy-channel-listen.injectable";
+import currentRouteComponentInjectable from "../../routes/current-route-component.injectable";
+import hostedClusterIdInjectable from "../../cluster-frame-context/hosted-cluster-id.injectable";
+import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
+import { testUsingFakeTime } from "../../../common/test-utils/use-fake-time";
+import currentlyInClusterFrameInjectable from "../../routes/currently-in-cluster-frame.injectable";
+
+describe("<ClusterFrame />", () => {
+  let render: () => RenderResult;
+  let di: DiContainer;
+  let cluster: Cluster;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+    render = () => testingLibraryRender((
+      <DiContextProvider value={{ di }}>
+        <Router history={di.inject(historyInjectable)}>
+          {DefaultProps(ClusterFrame)}
+        </Router>
+      </DiContextProvider>
+    ));
+
+    di.override(subscribeStoresInjectable, () => jest.fn().mockImplementation(() => jest.fn()));
+    di.override(legacyOnChannelListenInjectable, () => jest.fn().mockImplementation(() => jest.fn()));
+    di.override(directoryForUserDataInjectable, () => "/some/irrelavent/path");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+    di.override(currentlyInClusterFrameInjectable, () => true);
+
+    testUsingFakeTime("2000-01-01 12:00:00am");
+
+    const createCluster = di.inject(createClusterInjectable);
+
+    cluster = createCluster(
+      {
+        contextName: "my-cluster",
+        id: "123456",
+        kubeConfigPath: "/irrelavent",
+      },
+      {
+        clusterServerUrl: "https://localhost",
+      },
+    );
+
+    di.override(hostedClusterInjectable, () => cluster);
+    di.override(hostedClusterIdInjectable, () => cluster.id);
+  });
+
+  describe("given cluster with list nodes and namespaces permissions", () => {
+    beforeEach(() => {
+      // TODO: replace with not using private info
+      (cluster as any).allowedResources.replace(["v1/nodes", "v1/namespaces"]);
+    });
+
+    it("renders", () => {
+      const result = render();
+
+      expect(result.container).toMatchSnapshot();
+    });
+
+    it("shows cluster overview sidebar item as active", () => {
+      const result = render();
+      const clusterOverviewSidebarItem = result.getByTestId("sidebar-item-cluster-overview");
+
+      expect(clusterOverviewSidebarItem.getAttribute("data-is-active-test")).toBe("true");
+    });
+
+    describe("given no matching component", () => {
+      beforeEach(() => {
+        di.override(currentRouteComponentInjectable, () => computed(() => undefined));
+      });
+
+      describe("given current url is starting url", () => {
+        it("renders", () => {
+          const result = render();
+
+          expect(result.container).toMatchSnapshot();
+        });
+
+        it("shows warning message", () => {
+          const result = render();
+
+          expect(
+            result.getByText("An error has occured. No route can be found matching the current route, which is also the starting route."),
+          ).toBeInTheDocument();
+        });
+      });
+    });
+  });
+
+  describe("given cluster without list nodes, but with namespaces permissions", () => {
+    beforeEach(() => {
+      (cluster as any).allowedResources.replace(["v1/namespaces"]);
+    });
+
+    it("renders", () => {
+      const result = render();
+
+      expect(result.container).toMatchSnapshot();
+    });
+
+    it("shows workloads overview sidebar item as active", () => {
+      const result = render();
+      const workloadsOverviewSidebarItem = result.getByTestId("sidebar-item-workloads");
+
+      expect(workloadsOverviewSidebarItem.getAttribute("data-is-active-test")).toBe("true");
+    });
+  });
+});
diff --git a/packages/core/src/renderer/frames/cluster-frame/cluster-frame.tsx b/packages/core/src/renderer/frames/cluster-frame/cluster-frame.tsx
new file mode 100755
index 0000000000..097ebbb87c
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/cluster-frame.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 React, { useEffect } from "react";
+import { Observer, observer } from "mobx-react";
+import { ErrorBoundary } from "../../components/error-boundary";
+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 subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.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";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import type { IComputedValue } from "mobx";
+
+interface Dependencies {
+  namespaceStore: NamespaceStore;
+  subscribeStores: SubscribeStores;
+  childComponents: IComputedValue<ClusterFrameChildComponent[]>;
+  watchHistoryState: () => () => void;
+}
+
+const NonInjectedClusterFrame = observer(({
+  namespaceStore,
+  subscribeStores,
+  childComponents,
+  watchHistoryState,
+}: Dependencies) => {
+  useEffect(() => disposer(
+    subscribeStores([
+      namespaceStore,
+    ]),
+    watchHistoryState(),
+  ), []);
+
+  return (
+    <ErrorBoundary>
+      {childComponents.get()
+        .map((child) => (
+          <Observer key={child.id}>
+            {() => (child.shouldRender.get() ? <child.Component /> : null) }
+          </Observer>
+        ))}
+    </ErrorBoundary>
+  );
+});
+
+export const ClusterFrame = withInjectables<Dependencies>(NonInjectedClusterFrame, {
+  getProps: di => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+
+    return {
+      namespaceStore: di.inject(namespaceStoreInjectable),
+      subscribeStores: di.inject(subscribeStoresInjectable),
+      childComponents: computedInjectMany(clusterFrameChildComponentInjectionToken),
+      watchHistoryState: di.inject(watchHistoryStateInjectable),
+    };
+  },
+});
+
+ClusterFrame.displayName = "ClusterFrame";
diff --git a/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/frame-routing-id/frame-routing-id.injectable.ts b/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/frame-routing-id/frame-routing-id.injectable.ts
new file mode 100644
index 0000000000..87f3937fe0
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/frame-routing-id/frame-routing-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 webFrameInjectable from "./web-frame/web-frame.injectable";
+
+const frameRoutingIdInjectable = getInjectable({
+  id: "frame-routing-id",
+  instantiate: (di) => di.inject(webFrameInjectable).routingId,
+});
+
+export default frameRoutingIdInjectable;
diff --git a/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/frame-routing-id/web-frame/web-frame.injectable.ts b/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/frame-routing-id/web-frame/web-frame.injectable.ts
new file mode 100644
index 0000000000..f746d33d1a
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/frame-routing-id/web-frame/web-frame.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 { webFrame } from "electron";
+
+const webFrameInjectable = getInjectable({
+  id: "web-frame",
+  instantiate: () => webFrame,
+  causesSideEffects: true,
+});
+
+export default webFrameInjectable;
diff --git a/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/init-cluster-frame.injectable.ts b/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/init-cluster-frame.injectable.ts
new file mode 100644
index 0000000000..c640264ee3
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/init-cluster-frame.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 { initClusterFrame } from "./init-cluster-frame";
+import catalogEntityRegistryInjectable from "../../../api/catalog/entity/registry.injectable";
+import frameRoutingIdInjectable from "./frame-routing-id/frame-routing-id.injectable";
+import hostedClusterInjectable from "../../../cluster-frame-context/hosted-cluster.injectable";
+import assert from "assert";
+import emitAppEventInjectable from "../../../../common/app-event-bus/emit-event.injectable";
+import loadExtensionsInjectable from "../../load-extensions.injectable";
+import loggerInjectable from "../../../../common/logger.injectable";
+import showErrorNotificationInjectable from "../../../components/notifications/show-error-notification.injectable";
+
+const initClusterFrameInjectable = getInjectable({
+  id: "init-cluster-frame",
+
+  instantiate: (di) => {
+    const hostedCluster = di.inject(hostedClusterInjectable);
+
+    assert(hostedCluster, "This can only be injected within a cluster frame");
+
+    return initClusterFrame({
+      hostedCluster,
+      loadExtensions: di.inject(loadExtensionsInjectable),
+      catalogEntityRegistry: di.inject(catalogEntityRegistryInjectable),
+      frameRoutingId: di.inject(frameRoutingIdInjectable),
+      emitAppEvent: di.inject(emitAppEventInjectable),
+      logger: di.inject(loggerInjectable),
+      showErrorNotification: di.inject(showErrorNotificationInjectable),
+    });
+  },
+});
+
+export default initClusterFrameInjectable;
diff --git a/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/init-cluster-frame.ts b/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/init-cluster-frame.ts
new file mode 100644
index 0000000000..109ae0f0bc
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/init-cluster-frame/init-cluster-frame.ts
@@ -0,0 +1,83 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { Cluster } from "../../../../common/cluster/cluster";
+import type { CatalogEntityRegistry } from "../../../api/catalog/entity/registry";
+import type { ShowNotification } from "../../../components/notifications";
+import { when } from "mobx";
+import { requestSetClusterFrameId } from "../../../ipc";
+import type { EmitAppEvent } from "../../../../common/app-event-bus/emit-event.injectable";
+import type { Logger } from "../../../../common/logger";
+
+interface Dependencies {
+  hostedCluster: Cluster;
+  loadExtensions: () => void;
+  catalogEntityRegistry: CatalogEntityRegistry;
+  frameRoutingId: number;
+  emitAppEvent: EmitAppEvent;
+  logger: Logger;
+  showErrorNotification: ShowNotification;
+}
+
+const logPrefix = "[CLUSTER-FRAME]:";
+
+export const initClusterFrame = ({
+  hostedCluster,
+  loadExtensions,
+  catalogEntityRegistry,
+  frameRoutingId,
+  emitAppEvent,
+  logger,
+  showErrorNotification,
+}: Dependencies) =>
+  async (unmountRoot: () => void) => {
+    // TODO: Make catalogEntityRegistry already initialized when passed as dependency
+    catalogEntityRegistry.init();
+
+    logger.info(
+      `${logPrefix} Init dashboard, clusterId=${hostedCluster.id}, frameId=${frameRoutingId}`,
+    );
+
+    await requestSetClusterFrameId(hostedCluster.id);
+    await hostedCluster.whenReady; // cluster.activate() is done at this point
+
+    catalogEntityRegistry.activeEntity = hostedCluster.id;
+
+    // Only load the extensions once the catalog has been populated.
+    // Note that the Catalog might still have unprocessed entities until the extensions are fully loaded.
+    when(
+      () => catalogEntityRegistry.items.get().length > 0,
+      () =>
+        loadExtensions(),
+      {
+        timeout: 15_000,
+        onError: (error) => {
+          logger.warn(
+            "[CLUSTER-FRAME]: error from activeEntity when()",
+            error,
+          );
+
+          showErrorNotification("Failed to get KubernetesCluster for this view. Extensions will not be loaded.");
+        },
+      },
+    );
+
+    setTimeout(() => {
+      emitAppEvent({
+        name: "cluster",
+        action: "open",
+        params: {
+          clusterId: hostedCluster.id,
+        },
+      });
+    });
+
+    window.onbeforeunload = () => {
+      logger.info(
+        `${logPrefix} Unload dashboard, clusterId=${(hostedCluster.id)}, frameId=${frameRoutingId}`,
+      );
+
+      unmountRoot();
+    };
+  };
diff --git a/packages/core/src/renderer/frames/cluster-frame/start-url.injectable.ts b/packages/core/src/renderer/frames/cluster-frame/start-url.injectable.ts
new file mode 100644
index 0000000000..fe1f81163d
--- /dev/null
+++ b/packages/core/src/renderer/frames/cluster-frame/start-url.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 clusterOverviewRouteInjectable from "../../../common/front-end-routing/routes/cluster/overview/cluster-overview-route.injectable";
+import workloadsOverviewRouteInjectable from "../../../common/front-end-routing/routes/cluster/workloads/overview/workloads-overview-route.injectable";
+
+const startUrlInjectable = getInjectable({
+  id: "start-url",
+
+  instantiate: (di) => {
+    const clusterOverviewRoute = di.inject(clusterOverviewRouteInjectable);
+    const workloadOverviewRoute = di.inject(workloadsOverviewRouteInjectable);
+
+    return computed(() => {
+      if (clusterOverviewRoute.isEnabled.get()) {
+        return clusterOverviewRoute.path;
+      }
+
+      if (workloadOverviewRoute.isEnabled.get()) {
+        return workloadOverviewRoute.path;
+      }
+
+      /**
+       * NOTE: This will never be executed as `workloadOverviewRoute.isEnabled` always is true. It
+       * is here is guard against accidental changes at a distance within `workloadOverviewRoute`.
+       */
+      throw new Error("Exhausted all possible starting locations and none are active. This is a bug.");
+    });
+  },
+});
+
+export default startUrlInjectable;
diff --git a/packages/core/src/renderer/frames/load-extensions.injectable.ts b/packages/core/src/renderer/frames/load-extensions.injectable.ts
new file mode 100644
index 0000000000..b3973dfe41
--- /dev/null
+++ b/packages/core/src/renderer/frames/load-extensions.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 extensionLoaderInjectable from "../../extensions/extension-loader/extension-loader.injectable";
+
+const loadExtensionsInjectable = getInjectable({
+  id: "load-extensions",
+  instantiate: (di) => {
+    const extensionLoader = di.inject(extensionLoaderInjectable);
+
+    return () => extensionLoader.autoInitExtensions();
+  },
+});
+
+export default loadExtensionsInjectable;
diff --git a/packages/core/src/renderer/frames/root-frame/broadcast-that-root-frame-is-rendered.injectable.ts b/packages/core/src/renderer/frames/root-frame/broadcast-that-root-frame-is-rendered.injectable.ts
new file mode 100644
index 0000000000..841d19e002
--- /dev/null
+++ b/packages/core/src/renderer/frames/root-frame/broadcast-that-root-frame-is-rendered.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 { sendMessageToChannelInjectionToken } from "../../../common/utils/channel/message-to-channel-injection-token";
+import { rootFrameHasRenderedChannel } from "../../../common/root-frame/root-frame-rendered-channel";
+
+const broadcastThatRootFrameIsRenderedInjectable = getInjectable({
+  id: "broadcast-that-root-frame-is-rendered",
+
+  instantiate: (di) => {
+    const messageToChannel = di.inject(sendMessageToChannelInjectionToken);
+
+    return () => {
+      messageToChannel(rootFrameHasRenderedChannel);
+    };
+  },
+});
+
+export default broadcastThatRootFrameIsRenderedInjectable;
diff --git a/packages/core/src/renderer/frames/root-frame/init-root-frame.injectable.ts b/packages/core/src/renderer/frames/root-frame/init-root-frame.injectable.ts
new file mode 100644
index 0000000000..8d2c3a43be
--- /dev/null
+++ b/packages/core/src/renderer/frames/root-frame/init-root-frame.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 { getInjectable } from "@ogre-tools/injectable";
+import ipcRendererInjectable from "../../utils/channel/ipc-renderer.injectable";
+import bindProtocolAddRouteHandlersInjectable from "../../protocol-handler/bind-protocol-add-route-handlers/bind-protocol-add-route-handlers.injectable";
+import lensProtocolRouterRendererInjectable from "../../protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.injectable";
+import catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
+import registerIpcListenersInjectable from "../../ipc/register-ipc-listeners.injectable";
+import loadExtensionsInjectable from "../load-extensions.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import { delay } from "../../../common/utils";
+import { broadcastMessage } from "../../../common/ipc";
+import { bundledExtensionsLoaded } from "../../../common/ipc/extension-handling";
+
+const initRootFrameInjectable = getInjectable({
+  id: "init-root-frame",
+  instantiate: (di) => {
+    const loadExtensions = di.inject(loadExtensionsInjectable);
+    const registerIpcListeners = di.inject(registerIpcListenersInjectable);
+    const ipcRenderer = di.inject(ipcRendererInjectable);
+    const bindProtocolAddRouteHandlers = di.inject(bindProtocolAddRouteHandlersInjectable);
+    const lensProtocolRouterRenderer = di.inject(lensProtocolRouterRendererInjectable);
+    const catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (unmountRoot: () => void) => {
+      catalogEntityRegistry.init();
+
+      try {
+        // maximum time to let bundled extensions finish loading
+        const timeout = delay(10000);
+
+        const loadingExtensions = await loadExtensions();
+
+        const loadingBundledExtensions = loadingExtensions
+          .filter((e) => e.isBundled)
+          .map((e) => e.loaded);
+
+        const bundledExtensionsFinished = Promise.all(loadingBundledExtensions);
+
+        await Promise.race([bundledExtensionsFinished, timeout]);
+      } finally {
+        ipcRenderer.send(bundledExtensionsLoaded);
+      }
+
+      lensProtocolRouterRenderer.init();
+
+      bindProtocolAddRouteHandlers();
+
+      window.addEventListener("offline", () =>
+        broadcastMessage("network:offline"),
+      );
+
+      window.addEventListener("online", () => broadcastMessage("network:online"));
+
+      registerIpcListeners();
+
+      window.addEventListener("beforeunload", () => {
+        logger.info("[ROOT-FRAME]: Unload app");
+
+        unmountRoot();
+      });
+    };
+  },
+});
+
+export default initRootFrameInjectable;
diff --git a/packages/core/src/renderer/frames/root-frame/root-frame-child-component-injection-token.ts b/packages/core/src/renderer/frames/root-frame/root-frame-child-component-injection-token.ts
new file mode 100644
index 0000000000..5f9aca7c38
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/frames/root-frame/root-frame.tsx b/packages/core/src/renderer/frames/root-frame/root-frame.tsx
new file mode 100644
index 0000000000..21d3600ea8
--- /dev/null
+++ b/packages/core/src/renderer/frames/root-frame/root-frame.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 from "react";
+import { Observer } from "mobx-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import broadcastThatRootFrameIsRenderedInjectable from "./broadcast-that-root-frame-is-rendered.injectable";
+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[];
+}
+
+class NonInjectedRootFrame extends React.Component<Dependencies> {
+  static displayName = "RootFrame";
+
+  componentDidMount() {
+    this.props.broadcastThatRootFrameIsRendered();
+  }
+
+  render() {
+    return (
+      <>
+        {this.props.childComponents
+          .map((child) => (
+            <Observer key={child.id}>
+              {() => (child.shouldRender.get() ? <child.Component /> : null) }
+            </Observer>
+          ))}
+      </>
+    );
+  }
+}
+
+export const RootFrame = withInjectables<Dependencies>(
+  NonInjectedRootFrame,
+
+  {
+    getProps: (di, props) => ({
+      broadcastThatRootFrameIsRendered: di.inject(broadcastThatRootFrameIsRenderedInjectable),
+      childComponents: di.injectMany(rootFrameChildComponentInjectionToken),
+      ...props,
+    }),
+  },
+);
diff --git a/packages/core/src/renderer/frames/root-frame/setup-system-ca.injectable.ts b/packages/core/src/renderer/frames/root-frame/setup-system-ca.injectable.ts
new file mode 100644
index 0000000000..557d87c81f
--- /dev/null
+++ b/packages/core/src/renderer/frames/root-frame/setup-system-ca.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 { beforeFrameStartsSecondInjectionToken } from "../../before-frame-starts/tokens";
+import injectSystemCAsInjectable from "../../../common/certificate-authorities/inject-system-cas.injectable";
+
+const setupSystemCaInjectable = getInjectable({
+  id: "setup-system-ca",
+  instantiate: (di) => ({
+    id: "setup-system-ca",
+    run: di.inject(injectSystemCAsInjectable),
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default setupSystemCaInjectable;
diff --git a/packages/core/src/renderer/getDi.tsx b/packages/core/src/renderer/getDi.tsx
new file mode 100644
index 0000000000..de61d5ab67
--- /dev/null
+++ b/packages/core/src/renderer/getDi.tsx
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { createContainer } from "@ogre-tools/injectable";
+import { runInAction } from "mobx";
+import applicationInformationInjectable from "../common/vars/application-information-injectable";
+
+export const getDi = () => {
+  const di = createContainer("renderer");
+
+  runInAction(() => {
+    di.register(applicationInformationInjectable);
+  });
+
+  return di;
+};
diff --git a/packages/core/src/renderer/getDiForUnitTesting.tsx b/packages/core/src/renderer/getDiForUnitTesting.tsx
new file mode 100644
index 0000000000..ac42796d9b
--- /dev/null
+++ b/packages/core/src/renderer/getDiForUnitTesting.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 { noop, chunk } from "lodash/fp";
+import type { Injectable } from "@ogre-tools/injectable";
+import { createContainer, isInjectable, getInjectable } from "@ogre-tools/injectable";
+import { Environments, setLegacyGlobalDiForExtensionApi } from "../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import requestFromChannelInjectable from "./utils/channel/request-from-channel.injectable";
+import { getOverrideFsWithFakes } from "../test-utils/override-fs-with-fakes";
+import terminalSpawningPoolInjectable from "./components/dock/terminal/terminal-spawning-pool.injectable";
+import hostedClusterIdInjectable from "./cluster-frame-context/hosted-cluster-id.injectable";
+import { runInAction } from "mobx";
+import requestAnimationFrameInjectable from "./components/animate/request-animation-frame.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 legacyOnChannelListenInjectable from "./ipc/legacy-channel-listen.injectable";
+import type { GlobalOverride } from "../common/test-utils/get-global-override";
+import applicationInformationInjectable from "../common/vars/application-information-injectable";
+import nodeEnvInjectionToken from "../common/vars/node-env-injection-token";
+
+export const getDiForUnitTesting = (
+  opts: { doGeneralOverrides?: boolean } = {},
+) => {
+  const { doGeneralOverrides = false } = opts;
+
+  const di = createContainer("renderer");
+
+  di.register(getInjectable({
+    id: "node-env",
+    instantiate: () => "production",
+    injectionToken: nodeEnvInjectionToken,
+  }));
+
+  di.preventSideEffects();
+
+  setLegacyGlobalDiForExtensionApi(di, Environments.renderer);
+
+  const injectables = (
+    global.injectablePaths.renderer.paths
+      .map(path => require(path))
+      .flatMap(Object.values)
+      .filter(isInjectable)
+  ) as Injectable<any, any, any>[];
+
+  runInAction(() => {
+    registerMobX(di);
+    di.register(applicationInformationInjectable);
+
+    chunk(100)(injectables).forEach((chunkInjectables) => {
+      di.register(...chunkInjectables);
+    });
+  });
+
+  if (doGeneralOverrides) {
+    for (const globalOverridePath of global.injectablePaths.renderer.globalOverridePaths) {
+      const globalOverride = require(globalOverridePath).default as GlobalOverride;
+
+      di.override(globalOverride.injectable, globalOverride.overridingInstantiate);
+    }
+
+    [
+      startTopbarStateSyncInjectable,
+    ].forEach((injectable) => {
+      di.override(injectable, () => ({
+        id: injectable.id,
+        run: () => {},
+      }));
+    });
+
+    di.override(terminalSpawningPoolInjectable, () => document.createElement("div"));
+    di.override(hostedClusterIdInjectable, () => undefined);
+
+    di.override(legacyOnChannelListenInjectable, () => () => noop);
+
+    di.override(requestAnimationFrameInjectable, () => (callback) => callback());
+    di.override(watchHistoryStateInjectable, () => () => () => {});
+
+    di.override(requestFromChannelInjectable, () => () => Promise.resolve(undefined as never));
+
+    getOverrideFsWithFakes()(di);
+  }
+
+  return di;
+};
diff --git a/packages/core/src/renderer/hooks/index.ts b/packages/core/src/renderer/hooks/index.ts
new file mode 100644
index 0000000000..852f4d64d0
--- /dev/null
+++ b/packages/core/src/renderer/hooks/index.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Custom react hooks for common usage
+
+export * from "./useOnUnmount";
+export * from "./useInterval";
+export * from "./useMutationObserver";
+export * from "./useResizeObserver";
+export * from "./use-toggle";
diff --git a/packages/core/src/renderer/hooks/use-toggle.ts b/packages/core/src/renderer/hooks/use-toggle.ts
new file mode 100644
index 0000000000..123c7d55d7
--- /dev/null
+++ b/packages/core/src/renderer/hooks/use-toggle.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 { useState } from "react";
+
+export function useToggle(initial: boolean): [value: boolean, toggle: () => void] {
+  const [val, setVal] = useState(initial);
+
+  return [val, () => setVal(!val)];
+}
diff --git a/packages/core/src/renderer/hooks/useInterval.ts b/packages/core/src/renderer/hooks/useInterval.ts
new file mode 100644
index 0000000000..737ff8a502
--- /dev/null
+++ b/packages/core/src/renderer/hooks/useInterval.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 { useRef, useEffect } from "react";
+
+export function useInterval(callback: () => void, delay: number) {
+  const savedCallback = useRef<() => void>();
+
+  useEffect(() => {
+    savedCallback.current = callback;
+  });
+
+  useEffect(() => {
+    function tick() {
+      savedCallback.current?.();
+    }
+
+    const id = setInterval(tick, delay);
+
+    return () => clearInterval(id);
+  }, [delay]);
+}
diff --git a/packages/core/src/renderer/hooks/useMutationObserver.ts b/packages/core/src/renderer/hooks/useMutationObserver.ts
new file mode 100644
index 0000000000..92f1ae60d6
--- /dev/null
+++ b/packages/core/src/renderer/hooks/useMutationObserver.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 { useEffect } from "react";
+
+const config: MutationObserverInit = {
+  subtree: true,
+  childList: true,
+  attributes: false,
+  characterData: false,
+};
+
+export function useMutationObserver(
+  root: Element | undefined | null,
+  callback: MutationCallback,
+  options: MutationObserverInit = config,
+) {
+
+  useEffect(() => {
+    if (root) {
+      const observer = new MutationObserver(callback);
+
+      observer.observe(root, options);
+
+      return () => {
+        observer.disconnect();
+      };
+    }
+
+    return undefined;
+  }, [callback, options]);
+}
diff --git a/packages/core/src/renderer/hooks/useOnUnmount.ts b/packages/core/src/renderer/hooks/useOnUnmount.ts
new file mode 100644
index 0000000000..206a80c419
--- /dev/null
+++ b/packages/core/src/renderer/hooks/useOnUnmount.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 { useEffect } from "react";
+
+export function useOnUnmount(callback: () => void) {
+  useEffect(() => callback, []);
+}
diff --git a/packages/core/src/renderer/hooks/useResizeObserver.ts b/packages/core/src/renderer/hooks/useResizeObserver.ts
new file mode 100644
index 0000000000..a1b7b99bb5
--- /dev/null
+++ b/packages/core/src/renderer/hooks/useResizeObserver.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 { useEffect } from "react";
+
+export function useResizeObserver(
+  element: Element | undefined | null,
+  callback: ResizeObserverCallback,
+) {
+
+  useEffect(() => {
+    if (element) {
+      const observer = new ResizeObserver(callback);
+
+      observer.observe(element);
+
+      return () => {
+        observer.disconnect();
+      };
+    }
+
+    return undefined;
+  }, [element, callback]);
+}
diff --git a/packages/core/src/renderer/index.ts b/packages/core/src/renderer/index.ts
new file mode 100644
index 0000000000..4ccc568a2e
--- /dev/null
+++ b/packages/core/src/renderer/index.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 "./components/app.scss";
+
+import { getDi } from "./getDi";
+import { 
+  React, ReactDOM, ReactRouter, 
+  ReactRouterDom, Mobx, MobxReact, LensExtensions,
+} from "./extension-api";
+import { createApp } from "./create-app";
+
+const di = getDi();
+const app = createApp({
+  di,
+  mode: process.env.NODE_ENV || "development",
+});
+
+// run
+app.start();
+
+export {
+  React,
+  ReactDOM,
+  ReactRouter,
+  ReactRouterDom,
+  Mobx,
+  MobxReact,
+  LensExtensions,
+};
diff --git a/packages/core/src/renderer/initializers/add-sync-entries.injectable.tsx b/packages/core/src/renderer/initializers/add-sync-entries.injectable.tsx
new file mode 100644
index 0000000000..5190bac73a
--- /dev/null
+++ b/packages/core/src/renderer/initializers/add-sync-entries.injectable.tsx
@@ -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 userStoreInjectable from "../../common/user-store/user-store.injectable";
+import React from "react";
+import navigateToKubernetesPreferencesInjectable from "../../features/preferences/common/navigate-to-kubernetes-preferences.injectable";
+import discoverAllKubeconfigSyncKindsInjectable from "../../features/preferences/renderer/preference-items/kubernetes/kubeconfig-sync/discover-all-sync-kinds.injectable";
+import { action } from "mobx";
+import showSuccessNotificationInjectable from "../components/notifications/show-success-notification.injectable";
+
+const addSyncEntriesInjectable = getInjectable({
+  id: "add-sync-entries",
+
+  instantiate: (di) => {
+    const userStore = di.inject(userStoreInjectable);
+    const navigateToKubernetesPreferences = di.inject(navigateToKubernetesPreferencesInjectable);
+    const discoverAllKubeconfigSyncKinds = di.inject(discoverAllKubeconfigSyncKindsInjectable);
+    const showSuccessNotification = di.inject(showSuccessNotificationInjectable);
+
+    return async (filePaths: string[]) => {
+      const kinds = await discoverAllKubeconfigSyncKinds(filePaths);
+
+      action(() => {
+        for (const [path] of kinds) {
+          userStore.syncKubeconfigEntries.set(path, {});
+        }
+      });
+
+      showSuccessNotification((
+        <div>
+          <p>Selected items has been added to Kubeconfig Sync.</p>
+          <br/>
+          <p>
+            {"Check the "}
+            <a style={{ textDecoration: "underline" }} onClick={navigateToKubernetesPreferences}>Preferences</a>
+            {" to see full list."}
+          </p>
+        </div>
+      ));
+    };
+  },
+});
+
+export default addSyncEntriesInjectable;
+
diff --git a/packages/core/src/renderer/initializers/workload-events.tsx b/packages/core/src/renderer/initializers/workload-events.tsx
new file mode 100644
index 0000000000..735b4e2c74
--- /dev/null
+++ b/packages/core/src/renderer/initializers/workload-events.tsx
@@ -0,0 +1,41 @@
+/**
+ * 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 type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import React from "react";
+import { shouldShowResourceInjectionToken } from "../../common/cluster-store/allowed-resources-injection-token";
+import { Events } from "../components/+events/events";
+
+export interface WorkloadEventsProps {}
+
+interface Dependencies {
+  workloadEventsAreAllowed: IComputedValue<boolean>;
+}
+
+const NonInjectedWorkloadEvents = observer(({ workloadEventsAreAllowed }: Dependencies & WorkloadEventsProps) => {
+  if (!workloadEventsAreAllowed.get()) {
+    return null;
+  }
+
+  return (
+    <Events
+      className="box grow"
+      compact
+      hideFilters
+    />
+  );
+});
+
+export const WorkloadEvents = withInjectables<Dependencies, WorkloadEventsProps>(NonInjectedWorkloadEvents, {
+  getProps: (di, props) => ({
+    workloadEventsAreAllowed: di.inject(shouldShowResourceInjectionToken, {
+      apiName: "events",
+      group: "v1",
+    }),
+    ...props,
+  }),
+});
diff --git a/packages/core/src/renderer/ipc/index.ts b/packages/core/src/renderer/ipc/index.ts
new file mode 100644
index 0000000000..4bbf473515
--- /dev/null
+++ b/packages/core/src/renderer/ipc/index.ts
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { clusterActivateHandler, clusterDisconnectHandler, clusterSetFrameIdHandler, clusterStates } from "../../common/ipc/cluster";
+import type { ClusterId, ClusterState } from "../../common/cluster-types";
+import { windowActionHandleChannel, windowLocationChangedChannel, windowOpenAppMenuAsContextMenuChannel, type WindowAction } from "../../common/ipc/window";
+import { extensionDiscoveryStateChannel, extensionLoaderFromMainChannel } from "../../common/ipc/extension-handling";
+import type { InstalledExtension } from "../../extensions/extension-discovery/extension-discovery";
+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));
+}
+
+export function emitOpenAppMenuAsContextMenu(): void {
+  emitToMain(windowOpenAppMenuAsContextMenuChannel);
+}
+
+export function emitWindowLocationChanged(location: Location): void {
+  emitToMain(windowLocationChangedChannel, location);
+}
+
+export function requestWindowAction(type: WindowAction): Promise<void> {
+  return requestMain(windowActionHandleChannel, type);
+}
+
+export function requestSetClusterFrameId(clusterId: ClusterId): Promise<void> {
+  return requestMain(clusterSetFrameIdHandler, clusterId);
+}
+
+export function requestClusterActivation(clusterId: ClusterId, force?: boolean): Promise<void> {
+  return requestMain(clusterActivateHandler, clusterId, force);
+}
+
+export function requestClusterDisconnection(clusterId: ClusterId, force?: boolean): Promise<void> {
+  return requestMain(clusterDisconnectHandler, clusterId, force);
+}
+
+export function requestInitialClusterStates(): Promise<{ id: string; state: ClusterState }[]> {
+  return requestMain(clusterStates);
+}
+
+export function requestInitialExtensionDiscovery(): Promise<{ isLoaded: boolean }> {
+  return requestMain(extensionDiscoveryStateChannel);
+}
+
+export function requestExtensionLoaderInitialState(): Promise<[LensExtensionId, InstalledExtension][]> {
+  return requestMain(extensionLoaderFromMainChannel);
+}
diff --git a/packages/core/src/renderer/ipc/legacy-channel-listen.injectable.ts b/packages/core/src/renderer/ipc/legacy-channel-listen.injectable.ts
new file mode 100644
index 0000000000..254ea0b9cc
--- /dev/null
+++ b/packages/core/src/renderer/ipc/legacy-channel-listen.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 { getInjectable } from "@ogre-tools/injectable";
+import { ipcRendererOn } from "../../common/ipc";
+
+const legacyOnChannelListenInjectable = getInjectable({
+  id: "legacy-on-channel-listen",
+  instantiate: () => ipcRendererOn,
+  causesSideEffects: true,
+});
+
+export default legacyOnChannelListenInjectable;
diff --git a/packages/core/src/renderer/ipc/list-namespaces-forbidden-handler.injectable.tsx b/packages/core/src/renderer/ipc/list-namespaces-forbidden-handler.injectable.tsx
new file mode 100644
index 0000000000..75fb51fe68
--- /dev/null
+++ b/packages/core/src/renderer/ipc/list-namespaces-forbidden-handler.injectable.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 { getInjectable } from "@ogre-tools/injectable";
+import navigateToEntitySettingsInjectable from "../../common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable";
+import type { ListNamespaceForbiddenArgs } from "../../common/ipc/cluster";
+import { Button } from "../components/button";
+import type { IpcRendererEvent } from "electron";
+import React from "react";
+import notificationsStoreInjectable from "../components/notifications/notifications-store.injectable";
+import { getMillisecondsFromUnixEpoch } from "../../common/utils/date/get-current-date-time";
+import getClusterByIdInjectable from "../../common/cluster-store/get-by-id.injectable";
+import showSuccessNotificationInjectable from "../components/notifications/show-success-notification.injectable";
+
+const intervalBetweenNotifications = 1000 * 60; // 60s
+
+const listNamespacesForbiddenHandlerInjectable = getInjectable({
+  id: "list-namespaces-forbidden-handler",
+
+  instantiate: (di) => {
+    const navigateToEntitySettings = di.inject(navigateToEntitySettingsInjectable);
+    const notificationsStore = di.inject(notificationsStoreInjectable);
+    const getClusterById = di.inject(getClusterByIdInjectable);
+    const notificationLastDisplayedAt = new Map<string, number>();
+    const showSuccessNotification = di.inject(showSuccessNotificationInjectable);
+
+    return (
+      event: IpcRendererEvent,
+      ...[clusterId]: ListNamespaceForbiddenArgs
+    ): void => {
+      const lastDisplayedAt = notificationLastDisplayedAt.get(clusterId);
+      const now = getMillisecondsFromUnixEpoch();
+
+      if (
+        typeof lastDisplayedAt !== "number" ||
+          now - lastDisplayedAt > intervalBetweenNotifications
+      ) {
+        notificationLastDisplayedAt.set(clusterId, now);
+      } else {
+        // don't bother the user too often
+        return;
+      }
+
+      const notificationId = `list-namespaces-forbidden:${clusterId}`;
+
+      if (notificationsStore.getById(notificationId)) {
+        // notification is still visible
+        return;
+      }
+
+      showSuccessNotification(
+        (
+          <div className="flex column gaps">
+            <b>Add Accessible Namespaces</b>
+            <p>
+              {"Cluster "}
+              <b>{getClusterById(clusterId)?.name ?? "<unknown cluster>"}</b>
+              {" does not have permissions to list namespaces. Please add the namespaces you have access to."}
+            </p>
+            <div className="flex gaps row align-left box grow">
+              <Button
+                active
+                outlined
+                label="Go to Accessible Namespaces Settings"
+                onClick={() => {
+                  navigateToEntitySettings(clusterId, "namespaces");
+                  notificationsStore.remove(notificationId);
+                }}
+              />
+            </div>
+          </div>
+        ),
+        {
+          id: notificationId,
+          /**
+       * Set the time when the notification is closed as well so that there is at
+       * least a minute between closing the notification as seeing it again
+       */
+          onClose: () => notificationLastDisplayedAt.set(clusterId, getMillisecondsFromUnixEpoch()),
+        },
+      );
+    };
+  },
+});
+
+export default listNamespacesForbiddenHandlerInjectable;
diff --git a/packages/core/src/renderer/ipc/register-ipc-listeners.injectable.ts b/packages/core/src/renderer/ipc/register-ipc-listeners.injectable.ts
new file mode 100644
index 0000000000..0c2d407d59
--- /dev/null
+++ b/packages/core/src/renderer/ipc/register-ipc-listeners.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 { defaultHotbarCells } from "../../common/hotbars/types";
+import { clusterListNamespaceForbiddenChannel } from "../../common/ipc/cluster";
+import { hotbarTooManyItemsChannel } from "../../common/ipc/hotbar";
+import showErrorNotificationInjectable from "../components/notifications/show-error-notification.injectable";
+import ipcRendererInjectable from "../utils/channel/ipc-renderer.injectable";
+import listNamespacesForbiddenHandlerInjectable from "./list-namespaces-forbidden-handler.injectable";
+
+const registerIpcListenersInjectable = getInjectable({
+  id: "register-ipc-listeners",
+
+  instantiate: (di) => {
+    const listNamespacesForbiddenHandler = di.inject(listNamespacesForbiddenHandlerInjectable);
+    const ipcRenderer = di.inject(ipcRendererInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+
+    return () => {
+      ipcRenderer.on(clusterListNamespaceForbiddenChannel, listNamespacesForbiddenHandler);
+      ipcRenderer.on(hotbarTooManyItemsChannel, () => {
+        showErrorNotification(`Cannot have more than ${defaultHotbarCells} items pinned to a hotbar`);
+      });
+    };
+  },
+});
+
+export default registerIpcListenersInjectable;
diff --git a/packages/core/src/renderer/k8s/api-base-host-header.injectable.ts b/packages/core/src/renderer/k8s/api-base-host-header.injectable.ts
new file mode 100644
index 0000000000..6ca954c85c
--- /dev/null
+++ b/packages/core/src/renderer/k8s/api-base-host-header.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 { getInjectable } from "@ogre-tools/injectable";
+import { apiBaseHostHeaderInjectionToken } from "../../common/k8s-api/api-base-configs";
+import windowLocationInjectable from "../../common/k8s-api/window-location.injectable";
+
+const apiBaseHostHeaderInjectable = getInjectable({
+  id: "api-base-host-header",
+  instantiate: (di) => di.inject(windowLocationInjectable).host,
+  injectionToken: apiBaseHostHeaderInjectionToken,
+});
+
+export default apiBaseHostHeaderInjectable;
diff --git a/packages/core/src/renderer/k8s/api-base-server-address.injectable.ts b/packages/core/src/renderer/k8s/api-base-server-address.injectable.ts
new file mode 100644
index 0000000000..17f4028ea8
--- /dev/null
+++ b/packages/core/src/renderer/k8s/api-base-server-address.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 { apiBaseServerAddressInjectionToken } from "../../common/k8s-api/api-base-configs";
+import windowLocationInjectable from "../../common/k8s-api/window-location.injectable";
+
+const apiBaseServerAddressInjectable = getInjectable({
+  id: "api-base-server-address",
+  instantiate: (di) => {
+    const { port } = di.inject(windowLocationInjectable);
+
+    return `https://127.0.0.1:${port}`;
+  },
+  injectionToken: apiBaseServerAddressInjectionToken,
+});
+
+export default apiBaseServerAddressInjectable;
diff --git a/packages/core/src/renderer/k8s/api-kube.injectable.ts b/packages/core/src/renderer/k8s/api-kube.injectable.ts
new file mode 100644
index 0000000000..9e6bd8c7f8
--- /dev/null
+++ b/packages/core/src/renderer/k8s/api-kube.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 assert from "assert";
+import { apiKubePrefix } from "../../common/vars";
+import { apiKubeInjectionToken } from "../../common/k8s-api/api-kube";
+import { storesAndApisCanBeCreatedInjectionToken } from "../../common/k8s-api/stores-apis-can-be-created.token";
+import createKubeJsonApiInjectable from "../../common/k8s-api/create-kube-json-api.injectable";
+import isDevelopmentInjectable from "../../common/vars/is-development.injectable";
+import showErrorNotificationInjectable from "../components/notifications/show-error-notification.injectable";
+import windowLocationInjectable from "../../common/k8s-api/window-location.injectable";
+import { apiBaseServerAddressInjectionToken } from "../../common/k8s-api/api-base-configs";
+
+const apiKubeInjectable = getInjectable({
+  id: "api-kube",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "apiKube is only available in certain environments");
+    const createKubeJsonApi = di.inject(createKubeJsonApiInjectable);
+    const apiBaseServerAddress = di.inject(apiBaseServerAddressInjectionToken);
+    const isDevelopment = di.inject(isDevelopmentInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const { host } = di.inject(windowLocationInjectable);
+
+    const apiKube = createKubeJsonApi({
+      serverAddress: apiBaseServerAddress,
+      apiBase: apiKubePrefix,
+      debug: isDevelopment,
+    }, {
+      headers: {
+        "Host": host,
+      },
+    });
+
+    apiKube.onError.addListener((error, res) => {
+      switch (res.status) {
+        case 403:
+          error.isUsedForNotification = true;
+          showErrorNotification(error);
+          break;
+      }
+    });
+
+    return apiKube;
+  },
+  injectionToken: apiKubeInjectionToken,
+});
+
+export default apiKubeInjectable;
diff --git a/packages/core/src/renderer/kube-object/handler.ts b/packages/core/src/renderer/kube-object/handler.ts
new file mode 100644
index 0000000000..ad859d3ea9
--- /dev/null
+++ b/packages/core/src/renderer/kube-object/handler.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { RequireAtLeastOne } from "type-fest";
+import type { KubeObject } from "../../common/k8s-api/kube-object";
+import type { BaseIconProps } from "../components/icon";
+
+export interface KubeObjectContextMenuItem {
+  /**
+   * If the type is `string` then it is shorthand for {@link BaseIconProps.material}
+   *
+   * This is required because this item can be either rendered as a context menu or as a toolbar in
+   * the kube object details page.
+   */
+  icon: string | BaseIconProps;
+
+  /**
+   * The title text for the menu item or the hover text for the icon.
+   */
+  title: string;
+
+  /**
+   * The action when clicked
+   */
+  onClick: (obj: KubeObject) => void;
+}
+
+export interface KubeObjectOnContextMenuOpenContext {
+  menuItems: KubeObjectContextMenuItem[];
+  navigate: (location: string) => void;
+}
+
+export type KubeObjectOnContextMenuOpen = (ctx: KubeObjectOnContextMenuOpenContext) => void;
+
+export interface KubeObjectHandlers {
+  onContextMenuOpen: KubeObjectOnContextMenuOpen;
+}
+
+export type KubeObjectHandlerRegistration = {
+  apiVersions: string[];
+  kind: string;
+} & RequireAtLeastOne<KubeObjectHandlers>;
+
+export const staticKubeObjectHandlerInjectionToken = getInjectionToken<KubeObjectHandlerRegistration>({
+  id: "static-kube-object-handler-token",
+});
diff --git a/packages/core/src/renderer/kube-object/handlers.injectable.ts b/packages/core/src/renderer/kube-object/handlers.injectable.ts
new file mode 100644
index 0000000000..8344d94034
--- /dev/null
+++ b/packages/core/src/renderer/kube-object/handlers.injectable.ts
@@ -0,0 +1,42 @@
+/**
+ * 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 { getOrInsert, getOrInsertMap, readonly } from "../utils";
+import type { KubeObjectHandlerRegistration, KubeObjectHandlers } from "./handler";
+import { staticKubeObjectHandlerInjectionToken } from "./handler";
+
+const kubeObjectHandlersInjectable = getInjectable({
+  id: "kube-object-handlers",
+  instantiate: (di) => {
+    const extensions = di.inject(rendererExtensionsInjectable);
+    const staticKubeObjectContextMenuHandlers = di.injectMany(staticKubeObjectHandlerInjectionToken);
+
+    return computed(() => {
+      const res = new Map<string, Map<string, Partial<KubeObjectHandlers>[]>>();
+      const addAllHandlers = (registrations: KubeObjectHandlerRegistration[]) => {
+        for (const { apiVersions, kind, ...handlers } of registrations) {
+          for (const apiVersion of apiVersions) {
+            const byApiVersion = getOrInsertMap(res, apiVersion);
+            const byKind = getOrInsert(byApiVersion, kind, []);
+
+            byKind.push(handlers);
+          }
+        }
+      };
+
+      extensions.get()
+        .map(ext => ext.kubeObjectHandlers)
+        .forEach(addAllHandlers);
+
+      addAllHandlers(staticKubeObjectContextMenuHandlers);
+
+      return readonly(res);
+    });
+  },
+});
+
+export default kubeObjectHandlersInjectable;
diff --git a/packages/core/src/renderer/kube-object/handlers/stateful-set.injectable.ts b/packages/core/src/renderer/kube-object/handlers/stateful-set.injectable.ts
new file mode 100644
index 0000000000..a1b99bd509
--- /dev/null
+++ b/packages/core/src/renderer/kube-object/handlers/stateful-set.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 type { StatefulSet } from "../../../common/k8s-api/endpoints";
+import openStatefulSetScaleDialogInjectable from "../../components/+workloads-statefulsets/scale/open-dialog.injectable";
+import { staticKubeObjectHandlerInjectionToken } from "../handler";
+
+const statefulSetKubeObjectHandlerInjectable = getInjectable({
+  id: "stateful-set-kube-object-handler",
+  instantiate: (di) => {
+    const openStatefulSetScaleDialog = di.inject(openStatefulSetScaleDialogInjectable);
+
+    return {
+      kind: "StatefulSet",
+      apiVersions: ["apps/v1"],
+      onContextMenuOpen: (ctx) => {
+        ctx.menuItems.push({
+          icon: "open_with",
+          title: "Scale",
+          onClick: (obj) => openStatefulSetScaleDialog(obj as StatefulSet),
+        });
+      },
+    };
+  },
+  injectionToken: staticKubeObjectHandlerInjectionToken,
+});
+
+export default statefulSetKubeObjectHandlerInjectable;
diff --git a/packages/core/src/renderer/kube-watch-api/kube-watch-api.injectable.ts b/packages/core/src/renderer/kube-watch-api/kube-watch-api.injectable.ts
new file mode 100644
index 0000000000..1a376819a5
--- /dev/null
+++ b/packages/core/src/renderer/kube-watch-api/kube-watch-api.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 loggerInjectable from "../../common/logger.injectable";
+import clusterFrameContextForNamespacedResourcesInjectable from "../cluster-frame-context/for-namespaced-resources.injectable";
+import { KubeWatchApi } from "./kube-watch-api";
+
+const kubeWatchApiInjectable = getInjectable({
+  id: "kube-watch-api",
+
+  instantiate: (di) => new KubeWatchApi({
+    clusterContext: di.inject(clusterFrameContextForNamespacedResourcesInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
+
+export default kubeWatchApiInjectable;
diff --git a/packages/core/src/renderer/kube-watch-api/kube-watch-api.ts b/packages/core/src/renderer/kube-watch-api/kube-watch-api.ts
new file mode 100644
index 0000000000..04d6ccb32b
--- /dev/null
+++ b/packages/core/src/renderer/kube-watch-api/kube-watch-api.ts
@@ -0,0 +1,191 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { comparer, reaction } from "mobx";
+import type { Disposer } from "../../common/utils";
+import { disposer, getOrInsert, noop, WrappedAbortController } from "../../common/utils";
+import { once } from "lodash";
+import type { Logger } from "../../common/logger";
+import type { KubeObjectStoreLoadAllParams, KubeObjectStoreSubscribeParams } from "../../common/k8s-api/kube-object.store";
+import AbortController from "abort-controller";
+import type { ClusterContext } from "../cluster-frame-context/cluster-frame-context";
+
+// Kubernetes watch-api client
+// API: https://developer.mozilla.org/en-US/docs/Web/API/Streams_API/Using_readable_streams
+
+interface SubscribeStoreParams {
+  store: SubscribableStore;
+  parent: AbortController;
+  namespaces: string[] | undefined;
+  onLoadFailure?: (err: any) => void;
+}
+
+interface WatchCountDependencies {
+  readonly logger: Logger;
+}
+
+class WatchCount {
+  readonly #data = new Map<SubscribableStore, number>();
+
+  constructor(private readonly dependencies: WatchCountDependencies) {}
+
+  public inc(store: SubscribableStore): number {
+    const newCount = getOrInsert(this.#data, store, 0) + 1;
+
+    this.dependencies.logger.info(`[KUBE-WATCH-API]: inc() count for ${store.api.apiBase} is now ${newCount}`);
+    this.#data.set(store, newCount);
+
+    return newCount;
+  }
+
+  public dec(store: SubscribableStore): number {
+    const oldCount = this.#data.get(store);
+
+    if (oldCount === undefined) {
+      throw new Error(`Cannot dec count for store that has never been inc: ${store.api.kind}`);
+    }
+
+    const newCount = oldCount - 1;
+
+    if (newCount < 0) {
+      throw new Error(`Cannot dec count more times than it has been inc: ${store.api.kind}`);
+    }
+
+    this.dependencies.logger.info(`[KUBE-WATCH-API]: dec() count for ${store.api.apiBase} is now ${newCount}`);
+    this.#data.set(store, newCount);
+
+    return newCount;
+  }
+}
+
+export interface KubeWatchSubscribeStoreOptions {
+  /**
+   * The namespaces to watch
+   * @default all selected namespaces
+   */
+  namespaces?: string[];
+
+  /**
+   * A function that is called when listing fails. If set then blocks errors
+   * from rejecting promises
+   */
+  onLoadFailure?: (err: any) => void;
+}
+
+interface Dependencies {
+  readonly clusterContext: ClusterContext;
+  readonly logger: Logger;
+}
+
+export interface SubscribableStore {
+  readonly api: {
+    readonly isNamespaced: boolean;
+    readonly apiBase: string;
+    readonly kind: string;
+  };
+  loadAll(opts?: KubeObjectStoreLoadAllParams): Promise<unknown>;
+  subscribe(opts?: KubeObjectStoreSubscribeParams): Disposer;
+}
+
+export type SubscribeStores = (stores: SubscribableStore[], opts?: KubeWatchSubscribeStoreOptions) => Disposer;
+
+export class KubeWatchApi {
+  readonly #watch = new WatchCount(this.dependencies);
+
+  constructor(private readonly dependencies: Dependencies) {}
+
+  private subscribeStore({ store, parent, namespaces, onLoadFailure }: SubscribeStoreParams): Disposer {
+    const isNamespaceFilterWatch = !namespaces;
+
+    if (isNamespaceFilterWatch && this.#watch.inc(store) > 1) {
+      // don't load or subscribe to a store more than once
+      return () => this.#watch.dec(store);
+    }
+
+    namespaces ??= this.dependencies.clusterContext?.contextNamespaces ?? [];
+
+    let childController = new WrappedAbortController(parent);
+    const unsubscribe = disposer();
+
+    const loadThenSubscribe = async (namespaces: string[] | undefined) => {
+      try {
+        await store.loadAll({ namespaces, reqInit: { signal: childController.signal }, onLoadFailure });
+        unsubscribe.push(store.subscribe({ onLoadFailure, abortController: childController }));
+      } catch (error) {
+        if (!(error instanceof DOMException)) {
+          this.log(new Error("Loading stores has failed", { cause: error }), {
+            meta: { store, namespaces },
+          });
+        }
+      }
+    };
+
+    /**
+     * We don't want to wait because we want to start reacting to namespace
+     * selection changes ASAP
+     */
+    loadThenSubscribe(namespaces).catch(noop);
+
+    const cancelReloading = isNamespaceFilterWatch && store.api.isNamespaced
+      ? reaction(
+        // Note: must slice because reaction won't fire if it isn't there
+        () => [this.dependencies.clusterContext.contextNamespaces.slice(), this.dependencies.clusterContext.hasSelectedAll] as const,
+        ([namespaces, curSelectedAll], [prevNamespaces, prevSelectedAll]) => {
+          if (curSelectedAll && prevSelectedAll) {
+            const action = namespaces.length > prevNamespaces.length ? "created" : "deleted";
+
+            return console.debug(`[KUBE-WATCH-API]: Not changing watch for ${store.api.apiBase} because a new namespace was ${action} but all namespaces are selected`);
+          }
+
+          console.log(`[KUBE-WATCH-API]: changing watch ${store.api.apiBase}`, namespaces);
+          childController.abort();
+          unsubscribe();
+          childController = new WrappedAbortController(parent);
+          loadThenSubscribe(namespaces).catch(noop);
+        },
+        {
+          equals: comparer.shallow,
+        },
+      )
+      : noop; // don't watch namespaces if namespaces were provided
+
+    return () => {
+      if (isNamespaceFilterWatch && this.#watch.dec(store) === 0) {
+        // only stop the subcribe if this is the last one
+        cancelReloading();
+        childController.abort();
+        unsubscribe();
+      }
+    };
+  }
+
+  subscribeStores: SubscribeStores = (stores, { namespaces, onLoadFailure } = {}) => {
+    const parent = new AbortController();
+    const unsubscribe = disposer(
+      ...stores.map(store => this.subscribeStore({
+        store,
+        parent,
+        namespaces,
+        onLoadFailure,
+      })),
+    );
+
+    // unsubscribe
+    return once(() => {
+      parent.abort();
+      unsubscribe();
+    });
+  };
+
+  protected log(message: any, meta: any) {
+    const log = message instanceof Error
+      ? this.dependencies.logger.error
+      : this.dependencies.logger.debug;
+
+    log("[KUBE-WATCH-API]:", message, {
+      time: new Date().toLocaleString(),
+      ...meta,
+    });
+  }
+}
diff --git a/packages/core/src/renderer/kube-watch-api/subscribe-stores.global-override-for-injectable.ts b/packages/core/src/renderer/kube-watch-api/subscribe-stores.global-override-for-injectable.ts
new file mode 100644
index 0000000000..711e9caa17
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/kube-watch-api/subscribe-stores.injectable.ts b/packages/core/src/renderer/kube-watch-api/subscribe-stores.injectable.ts
new file mode 100644
index 0000000000..81c38c387e
--- /dev/null
+++ b/packages/core/src/renderer/kube-watch-api/subscribe-stores.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 kubeWatchApiInjectable from "./kube-watch-api.injectable";
+
+const subscribeStoresInjectable = getInjectable({
+  id: "subscribe-stores",
+  instantiate: (di) => di.inject(kubeWatchApiInjectable).subscribeStores,
+});
+
+export default subscribeStoresInjectable;
diff --git a/packages/core/src/renderer/kubectl/apply-all.injectable.ts b/packages/core/src/renderer/kubectl/apply-all.injectable.ts
new file mode 100644
index 0000000000..989017f9d9
--- /dev/null
+++ b/packages/core/src/renderer/kubectl/apply-all.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 { kubectlApplyAllChannel, kubectlApplyAllInjectionToken } from "../../common/kube-helpers/channels";
+import requestFromChannelInjectable from "../utils/channel/request-from-channel.injectable";
+
+const kubectlApplyAllInjectable = getInjectable({
+  id: "kubectl-apply-all",
+  instantiate: (di) => {
+    const requestFromChannel = di.inject(requestFromChannelInjectable);
+
+    return (req) => requestFromChannel(kubectlApplyAllChannel, req);
+  },
+  injectionToken: kubectlApplyAllInjectionToken,
+});
+
+export default kubectlApplyAllInjectable;
diff --git a/packages/core/src/renderer/kubectl/delete-all.injectable.ts b/packages/core/src/renderer/kubectl/delete-all.injectable.ts
new file mode 100644
index 0000000000..586895c75c
--- /dev/null
+++ b/packages/core/src/renderer/kubectl/delete-all.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 { kubectlDeleteAllChannel, kubectlDeleteAllInjectionToken } from "../../common/kube-helpers/channels";
+import requestFromChannelInjectable from "../utils/channel/request-from-channel.injectable";
+
+const kubectlDeleteAllInjectable = getInjectable({
+  id: "kubectl-delete-all",
+  instantiate: (di) => {
+    const requestFromChannel = di.inject(requestFromChannelInjectable);
+
+    return (req) => requestFromChannel(kubectlDeleteAllChannel, req);
+  },
+  injectionToken: kubectlDeleteAllInjectionToken,
+});
+
+export default kubectlDeleteAllInjectable;
diff --git a/packages/core/src/renderer/library.ts b/packages/core/src/renderer/library.ts
new file mode 100644
index 0000000000..6e3b2eada1
--- /dev/null
+++ b/packages/core/src/renderer/library.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 "./components/app.scss";
+
+import * as extensionApi from "./extension-api";
+import { createApp } from "./create-app";
+
+// @experimental
+export {
+  createApp,
+  extensionApi,
+};
diff --git a/packages/core/src/renderer/logger/browser-transport.injectable.ts b/packages/core/src/renderer/logger/browser-transport.injectable.ts
new file mode 100644
index 0000000000..5a38c5a396
--- /dev/null
+++ b/packages/core/src/renderer/logger/browser-transport.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 { getInjectable } from "@ogre-tools/injectable";
+import BrowserConsole from "winston-transport-browserconsole";
+import { loggerTransportInjectionToken } from "../../common/logger/transports";
+
+const browserLoggerTransportInjectable = getInjectable({
+  id: "browser-logger-transport",
+  instantiate: () => new BrowserConsole(),
+  injectionToken: loggerTransportInjectionToken,
+});
+
+export default browserLoggerTransportInjectable;
diff --git a/packages/core/src/renderer/monaco/add-new-theme.global-override-for-injectable.ts b/packages/core/src/renderer/monaco/add-new-theme.global-override-for-injectable.ts
new file mode 100644
index 0000000000..00e034a8b7
--- /dev/null
+++ b/packages/core/src/renderer/monaco/add-new-theme.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 addNewMonacoThemeInjectable from "./add-new-theme.injectable";
+
+export default getGlobalOverride(addNewMonacoThemeInjectable, () => () => {});
diff --git a/packages/core/src/renderer/monaco/add-new-theme.injectable.ts b/packages/core/src/renderer/monaco/add-new-theme.injectable.ts
new file mode 100644
index 0000000000..f446540587
--- /dev/null
+++ b/packages/core/src/renderer/monaco/add-new-theme.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 { getInjectable } from "@ogre-tools/injectable";
+import { editor } from "monaco-editor";
+import type { MonacoThemeData } from "../components/monaco-editor";
+
+const addNewMonacoThemeInjectable = getInjectable({
+  id: "add-new-monaco-theme",
+  instantiate: () => (data: MonacoThemeData) => editor.defineTheme(data.name, data),
+  causesSideEffects: true,
+});
+
+export default addNewMonacoThemeInjectable;
diff --git a/packages/core/src/renderer/mui-base-theme.tsx b/packages/core/src/renderer/mui-base-theme.tsx
new file mode 100644
index 0000000000..c32374cf58
--- /dev/null
+++ b/packages/core/src/renderer/mui-base-theme.tsx
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { createTheme, ThemeProvider } from "@material-ui/core";
+
+const defaultTheme = createTheme({
+  props: {
+    MuiIconButton: {
+      color: "inherit",
+    },
+    MuiSvgIcon: {
+      fontSize: "inherit",
+    },
+    MuiTooltip: {
+      placement: "top",
+    },
+  },
+  overrides: {
+    MuiIconButton: {
+      root: {
+        "&:hover": {
+          color: "var(--iconActiveColor)",
+          backgroundColor: "var(--iconActiveBackground)",
+        },
+      },
+    },
+  },
+});
+
+export function DefaultProps(App: React.ComponentType | React.FunctionComponent) {
+  return (
+    <ThemeProvider theme= { defaultTheme } >
+      <App />
+    </ThemeProvider>
+  );
+}
diff --git a/packages/core/src/renderer/navigation/create-page-param.injectable.ts b/packages/core/src/renderer/navigation/create-page-param.injectable.ts
new file mode 100644
index 0000000000..19b96d9b88
--- /dev/null
+++ b/packages/core/src/renderer/navigation/create-page-param.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 observableHistoryInjectable from "./observable-history.injectable";
+import type { PageParamDependencies, PageParamInit } from "./page-param";
+import { PageParam } from "./page-param";
+
+export type CreatePageParam = <Value = string>(init: PageParamInit<Value>) => PageParam<Value>;
+
+const createPageParamInjectable = getInjectable({
+  id: "create-page-param",
+  instantiate: (di): CreatePageParam => {
+    const deps: PageParamDependencies = {
+      history: di.inject(observableHistoryInjectable),
+    };
+
+    return (init) => new PageParam(deps, init);
+  },
+});
+
+export default createPageParamInjectable;
diff --git a/packages/core/src/renderer/navigation/events.ts b/packages/core/src/renderer/navigation/events.ts
new file mode 100644
index 0000000000..452d16af9b
--- /dev/null
+++ b/packages/core/src/renderer/navigation/events.ts
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+//
+export const enum IpcRendererNavigationEvents {
+  NAVIGATE_IN_APP = "renderer:navigate",
+  NAVIGATE_IN_CLUSTER = "renderer:navigate-in-cluster",
+  LOADED = "renderer:loaded",
+}
diff --git a/packages/core/src/renderer/navigation/focus-window.global-override-for-injectable.ts b/packages/core/src/renderer/navigation/focus-window.global-override-for-injectable.ts
new file mode 100644
index 0000000000..b8972b354a
--- /dev/null
+++ b/packages/core/src/renderer/navigation/focus-window.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 focusWindowInjectable from "./focus-window.injectable";
+
+export default getGlobalOverride(focusWindowInjectable, () => () => {});
diff --git a/packages/core/src/renderer/navigation/focus-window.injectable.ts b/packages/core/src/renderer/navigation/focus-window.injectable.ts
new file mode 100644
index 0000000000..a9ce2b9b5e
--- /dev/null
+++ b/packages/core/src/renderer/navigation/focus-window.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 focusWindowInjectable = getInjectable({
+  id: "focus-window",
+  instantiate: () => () => window.focus(),
+  causesSideEffects: true,
+});
+
+export default focusWindowInjectable;
diff --git a/packages/core/src/renderer/navigation/history.global-override-for-injectable.ts b/packages/core/src/renderer/navigation/history.global-override-for-injectable.ts
new file mode 100644
index 0000000000..477e3df397
--- /dev/null
+++ b/packages/core/src/renderer/navigation/history.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 { createMemoryHistory } from "history";
+import { getGlobalOverride } from "../../common/test-utils/get-global-override";
+import historyInjectable from "./history.injectable";
+
+export default getGlobalOverride(historyInjectable, () => createMemoryHistory());
diff --git a/packages/core/src/renderer/navigation/history.injectable.ts b/packages/core/src/renderer/navigation/history.injectable.ts
new file mode 100644
index 0000000000..63f725dc28
--- /dev/null
+++ b/packages/core/src/renderer/navigation/history.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 { createBrowserHistory } from "history";
+import type { History } from "history";
+
+const historyInjectable = getInjectable({
+  id: "history",
+  instantiate: (): History => createBrowserHistory(),
+});
+
+export default historyInjectable;
diff --git a/packages/core/src/renderer/navigation/is-route-active.injectable.ts b/packages/core/src/renderer/navigation/is-route-active.injectable.ts
new file mode 100644
index 0000000000..33a2525dc4
--- /dev/null
+++ b/packages/core/src/renderer/navigation/is-route-active.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 type { RouteProps } from "react-router";
+import matchRouteInjectable from "./match-route.injectable";
+
+export type IsRouteActive = (route: string | string[] | RouteProps) => boolean;
+
+const isActiveRouteInjectable = getInjectable({
+  id: "is-active-route",
+  instantiate: (di): IsRouteActive => {
+    const matchRoute = di.inject(matchRouteInjectable);
+
+    return (route) => Boolean(matchRoute(route));
+  },
+});
+
+export default isActiveRouteInjectable;
diff --git a/packages/core/src/renderer/navigation/match-route.injectable.ts b/packages/core/src/renderer/navigation/match-route.injectable.ts
new file mode 100644
index 0000000000..44518c3e09
--- /dev/null
+++ b/packages/core/src/renderer/navigation/match-route.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 { match, RouteProps } from "react-router";
+import { matchPath } from "react-router";
+import observableHistoryInjectable from "./observable-history.injectable";
+
+export type MatchRoute = <Params extends { [K in keyof Params]?: string }>(route: string | string[] | RouteProps) => match<Params> | null;
+
+const matchRouteInjectable = getInjectable({
+  id: "match-route",
+  instantiate: (di): MatchRoute => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+
+    return (route) => matchPath(observableHistory.location.pathname, route);
+  },
+});
+
+export default matchRouteInjectable;
diff --git a/packages/core/src/renderer/navigation/matched-cluster-id.injectable.ts b/packages/core/src/renderer/navigation/matched-cluster-id.injectable.ts
new file mode 100644
index 0000000000..2c2bb01f75
--- /dev/null
+++ b/packages/core/src/renderer/navigation/matched-cluster-id.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 clusterViewRouteParametersInjectable from "../components/cluster-manager/cluster-view-route-parameters.injectable";
+
+const matchedClusterIdInjectable = getInjectable({
+  id: "matched-cluster-id",
+
+  instantiate: (di) => {
+    const routeParameters = di.inject(clusterViewRouteParametersInjectable);
+
+    return routeParameters.clusterId;
+  },
+});
+
+export default matchedClusterIdInjectable;
diff --git a/packages/core/src/renderer/navigation/navigate.injectable.ts b/packages/core/src/renderer/navigation/navigate.injectable.ts
new file mode 100644
index 0000000000..01995b0b94
--- /dev/null
+++ b/packages/core/src/renderer/navigation/navigate.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 { LocationDescriptor } from "history";
+import { action } from "mobx";
+import observableHistoryInjectable from "./observable-history.injectable";
+import { createPath } from "history";
+
+export type Navigate = (location: LocationDescriptor) => void;
+
+const navigateInjectable = getInjectable({
+  id: "navigate",
+  instantiate: (di): Navigate => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+
+    return action((location) => {
+      const currentLocation = createPath(observableHistory.location);
+
+      observableHistory.push(location);
+
+      const newLocation = createPath(observableHistory.location);
+
+      if (currentLocation === newLocation) {
+        observableHistory.goBack(); // prevent sequences of same url in history
+      }
+    });
+  },
+});
+
+export default navigateInjectable;
diff --git a/packages/core/src/renderer/navigation/navigation-channel-listener.injectable.ts b/packages/core/src/renderer/navigation/navigation-channel-listener.injectable.ts
new file mode 100644
index 0000000000..1b33b4fe2c
--- /dev/null
+++ b/packages/core/src/renderer/navigation/navigation-channel-listener.injectable.ts
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { InjectionToken } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import currentlyInClusterFrameInjectable from "../routes/currently-in-cluster-frame.injectable";
+import { appNavigationChannel } from "../../common/front-end-routing/app-navigation-channel";
+import { clusterFrameNavigationChannel } from "../../common/front-end-routing/cluster-frame-navigation-channel";
+import focusWindowInjectable from "./focus-window.injectable";
+import { navigateToUrlInjectionToken } from "../../common/front-end-routing/navigate-to-url-injection-token";
+import type { MessageChannel, MessageChannelListener } from "../../common/utils/channel/message-channel-listener-injection-token";
+import { messageChannelListenerInjectionToken } from "../../common/utils/channel/message-channel-listener-injection-token";
+
+const navigationChannelListenerInjectable = getInjectable({
+  id: "navigation-channel-listener",
+
+  instantiate: (di) => {
+    const currentlyInClusterFrame = di.inject(currentlyInClusterFrameInjectable);
+    const focusWindow = di.inject(focusWindowInjectable);
+    const navigateToUrl = di.inject(navigateToUrlInjectionToken);
+
+    return {
+      channel: currentlyInClusterFrame
+        ? clusterFrameNavigationChannel
+        : appNavigationChannel,
+
+      handler: (url: string) => {
+        navigateToUrl(url);
+
+        if (!currentlyInClusterFrame) {
+          focusWindow(); // make sure that the main frame is focused
+        }
+      },
+    };
+  },
+  injectionToken: messageChannelListenerInjectionToken as InjectionToken<MessageChannelListener<MessageChannel<string>>, void>,
+});
+
+export default navigationChannelListenerInjectable;
diff --git a/packages/core/src/renderer/navigation/observable-history.injectable.ts b/packages/core/src/renderer/navigation/observable-history.injectable.ts
new file mode 100644
index 0000000000..c813c675fd
--- /dev/null
+++ b/packages/core/src/renderer/navigation/observable-history.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 { createObservableHistory } from "mobx-observable-history";
+import { searchParamsOptions } from "./search-params";
+import historyInjectable from "./history.injectable";
+
+const observableHistoryInjectable = getInjectable({
+  id: "observable-history",
+
+  instantiate: (di) => {
+    const history = di.inject(historyInjectable);
+    const navigation =  createObservableHistory(history, {
+      searchParams: searchParamsOptions,
+    });
+
+    return navigation;
+  },
+});
+
+export default observableHistoryInjectable;
diff --git a/packages/core/src/renderer/navigation/page-param.ts b/packages/core/src/renderer/navigation/page-param.ts
new file mode 100644
index 0000000000..eb65f5a682
--- /dev/null
+++ b/packages/core/src/renderer/navigation/page-param.ts
@@ -0,0 +1,119 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Manage observable param from document's location.search
+import { action, makeObservable } from "mobx";
+import type { ObservableHistory } from "mobx-observable-history";
+
+export interface PageParamInit<Value = any> {
+  name: string;
+  defaultValue?: Value; // multi-values param must be defined with array-value, e.g. []
+  parse?(value: string | string[]): Value; // from URL
+  stringify?(value: Value): string | string[]; // to URL
+}
+
+export interface PageParamDependencies {
+  readonly history: ObservableHistory<unknown>;
+}
+
+// TODO: write tests
+export class PageParam<Value = any> {
+  readonly name: string;
+  readonly isMulti: boolean;
+
+  constructor(protected readonly dependencies: PageParamDependencies, private init: PageParamInit<Value>) {
+    makeObservable(this);
+    const { name, defaultValue } = init;
+
+    this.name = name;
+    this.isMulti = Array.isArray(defaultValue); // multi-values param
+  }
+
+  // should be a getter since `init.defaultValue` could be a getter too
+  get defaultValue(): Value | undefined {
+    return this.init.defaultValue;
+  }
+
+  parse(values: string | string[]): Value {
+    const { parse } = this.init;
+
+    if (parse) {
+      return parse(values);
+    }
+
+    // return as-is ("string"-value based params)
+    return values as unknown as Value;
+  }
+
+  stringify(value: Value = this.get()): string[] {
+    const { stringify } = this.init;
+
+    if (stringify) {
+      return [stringify(value)].flat();
+    }
+
+    return [value].flat().map(String);
+  }
+
+  get(): Value {
+    // TODO: cleanup
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    return this.parse(this.getRaw()) ?? this.defaultValue!;
+  }
+
+  @action
+  set(value: Value, { mergeGlobals = true, replaceHistory = false } = {}): void {
+    const search = this.toString({ mergeGlobals, value });
+
+    this.dependencies.history.merge({ search }, replaceHistory);
+  }
+
+  /**
+   * Set stringified raw value(s) and update `document.location.search`
+   * @param {string | string[]} value
+   */
+  @action
+  setRaw(value: string | string[]): void {
+    const values: string[] = [value].flat();
+
+    if (this.isMulti) {
+      this.clear();
+      values.forEach(value => {
+        this.dependencies.history.searchParams.append(this.name, value);
+      });
+    } else {
+      this.dependencies.history.searchParams.set(this.name, values[0]);
+    }
+  }
+
+  /**
+   * Get stringified raw value(s) from `document.location.search`
+   */
+  getRaw(): string | string[] {
+    const values: string[] = this.dependencies.history.searchParams.getAll(this.name);
+
+    return this.isMulti ? values : values[0];
+  }
+
+  @action
+  clear() {
+    this.dependencies.history.searchParams.delete(this.name);
+  }
+
+  toString({ mergeGlobals = true, value = this.get() } = {}): string {
+    let searchParams = new URLSearchParams();
+
+    if (mergeGlobals) {
+      searchParams = new URLSearchParams(this.dependencies.history.searchParams);
+      searchParams.delete(this.name);
+    }
+
+    this.stringify(value).forEach(value => {
+      searchParams.append(this.name, value);
+    });
+
+    return searchParams.toString();
+  }
+}
diff --git a/packages/core/src/renderer/navigation/search-params.ts b/packages/core/src/renderer/navigation/search-params.ts
new file mode 100644
index 0000000000..5f8c44db3a
--- /dev/null
+++ b/packages/core/src/renderer/navigation/search-params.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 { ObservableSearchParamsOptions } from "mobx-observable-history";
+
+export const searchParamsOptions: ObservableSearchParamsOptions = {
+  skipEmpty: true, // skip empty params, e.g. "?x=&y2=" will be "?y=2"
+  joinArrays: false, // join multiple params with same name, e.g. "?x=1&x=2" => "?x=1,2"
+  joinArraysWith: ",", // param values splitter, applicable only with {joinArrays:true}
+};
diff --git a/packages/core/src/renderer/navigation/setup-logging-for-navigation.injectable.ts b/packages/core/src/renderer/navigation/setup-logging-for-navigation.injectable.ts
new file mode 100644
index 0000000000..e6a1bce903
--- /dev/null
+++ b/packages/core/src/renderer/navigation/setup-logging-for-navigation.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 loggerInjectable from "../../common/logger.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../before-frame-starts/tokens";
+import observableHistoryInjectable from "./observable-history.injectable";
+
+const setupLoggingForNavigationInjectable = getInjectable({
+  id: "setup-logging-for-navigation",
+  instantiate: (di) => ({
+    id: "setup-logging-for-navigation",
+    run: () => {
+      const logger = di.inject(loggerInjectable);
+      const observableHistory = di.inject(observableHistoryInjectable);
+
+      observableHistory.listen((location, action) => {
+        const isClusterView = !process.isMainFrame;
+        const domain = global.location.href;
+
+        logger.debug(`[NAVIGATION]: ${action}-ing. Current is now:`, {
+          isClusterView,
+          domain,
+          location,
+        });
+      });
+    },
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default setupLoggingForNavigationInjectable;
diff --git a/packages/core/src/renderer/port-forward/about-port-forwarding.injectable.tsx b/packages/core/src/renderer/port-forward/about-port-forwarding.injectable.tsx
new file mode 100644
index 0000000000..4cec9bf4c5
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/about-port-forwarding.injectable.tsx
@@ -0,0 +1,48 @@
+/**
+ * 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 React from "react";
+import navigateToPortForwardsInjectable from "../../common/front-end-routing/routes/cluster/network/port-forwards/navigate-to-port-forwards.injectable";
+import { Button } from "../components/button";
+import showSuccessNotificationInjectable from "../components/notifications/show-success-notification.injectable";
+
+const aboutPortForwardingInjectable = getInjectable({
+  id: "about-port-forwarding",
+
+  instantiate: (di) => {
+    const showSuccessNotification = di.inject(showSuccessNotificationInjectable);
+    const navigateToPortForwards = di.inject(navigateToPortForwardsInjectable);
+
+    return () => {
+      const removeNotification = showSuccessNotification(
+        (
+          <div className="flex column gaps">
+            <b>Port Forwarding</b>
+            <p>
+              You can manage your port forwards on the Port Forwarding Page.
+            </p>
+            <div className="flex gaps row align-left box grow">
+              <Button
+                active
+                outlined
+                label="Go to Port Forwarding"
+                onClick={() => {
+                  navigateToPortForwards();
+                  removeNotification();
+                }}
+              />
+            </div>
+          </div>
+        ),
+        {
+          id: "port-forward-notification",
+          timeout: 10_000,
+        },
+      );
+    };
+  },
+});
+
+export default aboutPortForwardingInjectable;
diff --git a/packages/core/src/renderer/port-forward/index.ts b/packages/core/src/renderer/port-forward/index.ts
new file mode 100644
index 0000000000..97475d2d02
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/index.ts
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./port-forward-store/port-forward-store";
+export * from "./port-forward-item";
+export * from "./port-forward-dialog";
+export * from "./port-forward-utils";
diff --git a/packages/core/src/renderer/port-forward/notify-error-port-forwarding.injectable.tsx b/packages/core/src/renderer/port-forward/notify-error-port-forwarding.injectable.tsx
new file mode 100644
index 0000000000..af2b7577e5
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/notify-error-port-forwarding.injectable.tsx
@@ -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 navigateToPortForwardsInjectable from "../../common/front-end-routing/routes/cluster/network/port-forwards/navigate-to-port-forwards.injectable";
+import showErrorNotificationInjectable from "../components/notifications/show-error-notification.injectable";
+import React from "react";
+import { Button } from "../components/button";
+
+const notifyErrorPortForwardingInjectable = getInjectable({
+  id: "notify-error-port-forwarding",
+
+  instantiate: (di) => {
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const navigateToPortForwards = di.inject(navigateToPortForwardsInjectable);
+
+    return (msg: string) => {
+      const removeNotification = showErrorNotification(
+        (
+          <div className="flex column gaps">
+            <b>Port Forwarding</b>
+            <p>
+              {msg}
+            </p>
+            <div className="flex gaps row align-left box grow">
+              <Button
+                active
+                outlined
+                label="Check Port Forwarding"
+                onClick={() => {
+                  navigateToPortForwards();
+                  removeNotification();
+                }}
+              />
+            </div>
+          </div>
+        ),
+        {
+          timeout: 10_000,
+        },
+      );
+    };
+  },
+});
+
+export default notifyErrorPortForwardingInjectable;
diff --git a/packages/core/src/renderer/port-forward/open-port-forward.injectable.ts b/packages/core/src/renderer/port-forward/open-port-forward.injectable.ts
new file mode 100644
index 0000000000..587915779d
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/port-forward/port-forward-dialog-cluster-frame-child-component.injectable.ts b/packages/core/src/renderer/port-forward/port-forward-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..eeee6b6751
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-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 { 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,
+});
+
+export default portForwardDialogClusterFrameChildComponentInjectable;
diff --git a/packages/core/src/renderer/port-forward/port-forward-dialog-model/port-forward-dialog-model.injectable.ts b/packages/core/src/renderer/port-forward/port-forward-dialog-model/port-forward-dialog-model.injectable.ts
new file mode 100644
index 0000000000..4a4528214f
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-dialog-model/port-forward-dialog-model.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 { PortForwardDialogModel } from "./port-forward-dialog-model";
+
+const portForwardDialogModelInjectable = getInjectable({
+  id: "port-forward-dialog-model",
+  instantiate: () => new PortForwardDialogModel(),
+});
+
+export default portForwardDialogModelInjectable;
diff --git a/packages/core/src/renderer/port-forward/port-forward-dialog-model/port-forward-dialog-model.ts b/packages/core/src/renderer/port-forward/port-forward-dialog-model/port-forward-dialog-model.ts
new file mode 100644
index 0000000000..2af4700499
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-dialog-model/port-forward-dialog-model.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 { noop } from "lodash/fp";
+import { action, observable } from "mobx";
+import type { ForwardedPort } from "../port-forward-item";
+
+export interface PortForwardDialogOpenOptions {
+  openInBrowser: boolean;
+  onClose: () => void;
+}
+
+export interface PortForwardDialogData {
+  portForward: ForwardedPort;
+  useHttps: boolean;
+  openInBrowser: boolean;
+  onClose: () => void;
+}
+
+export class PortForwardDialogModel {
+  readonly data = observable.box<PortForwardDialogData | undefined>();
+
+  open = action((portForward: ForwardedPort, options?: PortForwardDialogOpenOptions) => {
+    this.data.set({
+      onClose: options?.onClose ?? noop,
+      openInBrowser: options?.openInBrowser ?? false,
+      portForward,
+      useHttps: portForward.protocol === "https",
+    });
+  });
+
+  close = action(() => {
+    this.data.set(undefined);
+  });
+}
diff --git a/packages/core/src/renderer/port-forward/port-forward-dialog.scss b/packages/core/src/renderer/port-forward/port-forward-dialog.scss
new file mode 100644
index 0000000000..eb77ef4ae6
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-dialog.scss
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PortForwardDialog {
+  .Wizard {
+    .header {
+      span {
+        color: #a0a0a0;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .WizardStep {
+      .step-content {
+        min-height: 90px;
+        overflow: hidden;
+      }
+    }
+
+    .current-scale {
+      font-weight: bold
+    }
+
+    .desired-scale {
+      flex: 1.1 0;
+    }
+
+    .slider-container {
+      flex: 1 0;
+    }
+
+    .plus-minus-container {
+      margin-left: $margin * 2;
+      .Icon {
+        --color-active: black;
+      }
+    }
+
+    .warning {
+      color: var(--colorSoftError);
+      font-size: small;
+      display: flex;
+      align-items: center;
+
+      .Icon {
+        margin: 0;
+        margin-right: $margin;
+      }
+    }
+
+    .portInput {
+      display: inline-block !important;
+      width: 70px;
+      margin-left: 10px;
+      margin-right: 10px;
+    }  }
+
+}
diff --git a/packages/core/src/renderer/port-forward/port-forward-dialog.tsx b/packages/core/src/renderer/port-forward/port-forward-dialog.tsx
new file mode 100644
index 0000000000..831edd2e70
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-dialog.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 "./port-forward-dialog.scss";
+
+import React, { Component } from "react";
+import { observable, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import type { DialogProps } from "../components/dialog";
+import { Dialog } from "../components/dialog";
+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 { Checkbox } from "../components/checkbox";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { PortForwardDialogData, PortForwardDialogModel } from "./port-forward-dialog-model/port-forward-dialog-model";
+import portForwardDialogModelInjectable from "./port-forward-dialog-model/port-forward-dialog-model.injectable";
+import type { 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";
+import loggerInjectable from "../../common/logger.injectable";
+
+export interface PortForwardDialogProps extends Partial<DialogProps> {}
+
+interface Dependencies {
+  portForwardStore: PortForwardStore;
+  model: PortForwardDialogModel;
+  logger: Logger;
+  aboutPortForwarding: () => void;
+  notifyErrorPortForwarding: (message: string) => void;
+  openPortForward: OpenPortForward;
+}
+
+@observer
+class NonInjectedPortForwardDialog extends Component<PortForwardDialogProps & Dependencies> {
+  @observable currentPort = 0;
+  @observable desiredPort = 0;
+
+  constructor(props: PortForwardDialogProps & Dependencies) {
+    super(props);
+    makeObservable(this);
+  }
+
+  get portForwardStore() {
+    return this.props.portForwardStore;
+  }
+
+  onOpen = async (data: PortForwardDialogData) => {
+    this.currentPort = +data.portForward.forwardPort;
+    this.desiredPort = this.currentPort;
+  };
+
+  changePort = (value: string) => {
+    this.desiredPort = Number(value);
+  };
+
+  startPortForward = async (data: PortForwardDialogData) => {
+    let { portForward } = data;
+    const { currentPort, desiredPort } = this;
+
+    try {
+      // determine how many port-forwards already exist
+      const { length } = this.portForwardStore.getPortForwards();
+
+      portForward.protocol = data.useHttps ? "https" : "http";
+
+      if (currentPort) {
+        const wasRunning = portForward.status === "Active";
+
+        portForward = await this.portForwardStore.modify(portForward, desiredPort);
+
+        if (wasRunning && portForward.status === "Disabled") {
+          this.props.notifyErrorPortForwarding(`Error occurred starting port-forward, the local port ${portForward.forwardPort} may not be available or the ${portForward.kind} ${portForward.name} may not be reachable`);
+        }
+      } else {
+        portForward.forwardPort = desiredPort;
+        portForward = await this.portForwardStore.add(portForward);
+
+        if (portForward.status === "Disabled") {
+          this.props.notifyErrorPortForwarding(`Error occurred starting port-forward, the local port ${portForward.forwardPort} may not be available or the ${portForward.kind} ${portForward.name} may not be reachable`);
+        } else {
+          // if this is the first port-forward show the about notification
+          if (!length) {
+            this.props.aboutPortForwarding();
+          }
+        }
+      }
+
+      if (portForward.status === "Active" && data.openInBrowser) {
+        this.props.openPortForward(portForward);
+      }
+    } catch (error) {
+      this.props.logger.error(`[PORT-FORWARD-DIALOG]: ${error}`, portForward);
+    } finally {
+      this.props.model.close();
+    }
+  };
+
+  renderContents(data: PortForwardDialogData) {
+    return (
+      <Wizard
+        header={(
+          <h5>
+            {"Port Forwarding for "}
+            <span>{data.portForward.name}</span>
+          </h5>
+        )}
+        done={this.props.model.close}
+      >
+        <WizardStep
+          contentClass="flex gaps column"
+          next={() => this.startPortForward(data)}
+          nextLabel={this.currentPort === 0 ? "Start" : "Modify"}
+        >
+          <div className="flex column gaps align-left">
+            <div className="input-container flex align-center">
+              <div className="current-port" data-testid="current-port">
+                Local port to forward from:
+              </div>
+              <Input
+                className="portInput"
+                type="number"
+                min="0"
+                max="65535"
+                value={this.desiredPort === 0 ? "" : String(this.desiredPort)}
+                placeholder={"Random"}
+                onChange={this.changePort}
+                autoFocus
+              />
+            </div>
+            <Checkbox
+              data-testid="port-forward-https"
+              label="https"
+              value={data.useHttps}
+              onChange={value => data.useHttps = value}
+            />
+            <Checkbox
+              data-testid="port-forward-open"
+              label="Open in Browser"
+              value={data.openInBrowser}
+              onChange={value => data.openInBrowser = value}
+            />
+          </div>
+        </WizardStep>
+      </Wizard>
+    );
+  }
+
+  render() {
+    const { className, portForwardStore, model, ...dialogProps } = this.props;
+    const data = model.data.get();
+    const isOpen = Boolean(data);
+
+    return (
+      <Dialog
+        {...dialogProps}
+        isOpen={isOpen}
+        className={cssNames("PortForwardDialog", className)}
+        onOpen={data && (() => this.onOpen(data))}
+        onClose={data?.onClose}
+        close={this.props.model.close}
+      >
+        {data && this.renderContents(data)}
+      </Dialog>
+    );
+  }
+}
+
+export const PortForwardDialog = withInjectables<Dependencies, PortForwardDialogProps>(NonInjectedPortForwardDialog, {
+  getProps: (di, props) => ({
+    ...props,
+    portForwardStore: di.inject(portForwardStoreInjectable),
+    model: di.inject(portForwardDialogModelInjectable),
+    aboutPortForwarding: di.inject(aboutPortForwardingInjectable),
+    notifyErrorPortForwarding: di.inject(notifyErrorPortForwardingInjectable),
+    openPortForward: di.inject(openPortForwardInjectable),
+    logger: di.inject(loggerInjectable),
+  }),
+});
diff --git a/packages/core/src/renderer/port-forward/port-forward-item.ts b/packages/core/src/renderer/port-forward/port-forward-item.ts
new file mode 100644
index 0000000000..84ad444ecf
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-item.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 type { ItemObject } from "../../common/item.store";
+import { autoBind } from "../../common/utils";
+
+export type ForwardedPortStatus = "Active" | "Disabled";
+export interface ForwardedPort {
+  kind: string;
+  namespace: string;
+  name: string;
+  port: number;
+  forwardPort: number;
+  protocol?: string;
+  status?: ForwardedPortStatus;
+}
+
+export class PortForwardItem implements ItemObject {
+  kind: string;
+  namespace: string;
+  name: string;
+  port: number;
+  forwardPort: number;
+  protocol: string;
+  status: ForwardedPortStatus;
+
+  constructor(pf: ForwardedPort) {
+    this.kind = pf.kind;
+    this.namespace = pf.namespace;
+    this.name = pf.name;
+    this.port = pf.port;
+    this.forwardPort = pf.forwardPort;
+    this.protocol = pf.protocol ?? "http";
+    this.status = pf.status ?? "Active";
+
+    autoBind(this);
+  }
+
+  getName() {
+    return this.name;
+  }
+
+  getNs() {
+    return this.namespace;
+  }
+
+  getId() {
+    return `${this.namespace}-${this.kind}-${this.name}:${this.port}`;
+  }
+
+  getKind() {
+    return this.kind;
+  }
+
+  getPort() {
+    return this.port;
+  }
+
+  getForwardPort() {
+    return this.forwardPort;
+  }
+
+  getProtocol() {
+    return this.protocol;
+  }
+
+  getStatus() {
+    return this.status;
+  }
+
+  getSearchFields() {
+    return [
+      this.name,
+      this.namespace,
+      this.kind,
+      this.port,
+      this.forwardPort,
+      this.status,
+    ];
+  }
+}
diff --git a/packages/core/src/renderer/port-forward/port-forward-store/port-forward-store.injectable.ts b/packages/core/src/renderer/port-forward/port-forward-store/port-forward-store.injectable.ts
new file mode 100644
index 0000000000..3b698f4e73
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-store/port-forward-store.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 { PortForwardStore } from "./port-forward-store";
+import type { ForwardedPort } from "../port-forward-item";
+import createStorageInjectable from "../../utils/create-storage/create-storage.injectable";
+import notifyErrorPortForwardingInjectable from "../notify-error-port-forwarding.injectable";
+import requestActivePortForwardInjectable from "./request-active-port-forward.injectable";
+import apiBaseInjectable from "../../../common/k8s-api/api-base.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const portForwardStoreInjectable = getInjectable({
+  id: "port-forward-store",
+
+  instantiate: (di) => {
+    const createStorage = di.inject(createStorageInjectable);
+
+    return new PortForwardStore({
+      storage: createStorage<ForwardedPort[] | undefined>(
+        "port_forwards",
+        undefined,
+      ),
+      notifyErrorPortForwarding: di.inject(notifyErrorPortForwardingInjectable),
+      apiBase: di.inject(apiBaseInjectable),
+      requestActivePortForward: di.inject(requestActivePortForwardInjectable),
+      logger: di.inject(loggerInjectable),
+    });
+  },
+});
+
+export default portForwardStoreInjectable;
diff --git a/packages/core/src/renderer/port-forward/port-forward-store/port-forward-store.ts b/packages/core/src/renderer/port-forward/port-forward-store/port-forward-store.ts
new file mode 100644
index 0000000000..288ccd6e08
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-store/port-forward-store.ts
@@ -0,0 +1,350 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, makeObservable, observable, reaction } from "mobx";
+import { ItemStore } from "../../../common/item.store";
+import type { StorageLayer } from "../../utils";
+import { autoBind, disposer } from "../../utils";
+import type { ForwardedPort } from "../port-forward-item";
+import { PortForwardItem } from "../port-forward-item";
+import { waitUntilFree } from "tcp-port-used";
+import type { Logger } from "../../../common/logger";
+import type { JsonApi } from "../../../common/k8s-api/json-api";
+import type { RequestActivePortForward } from "./request-active-port-forward.injectable";
+
+interface Dependencies {
+  readonly storage: StorageLayer<ForwardedPort[] | undefined>;
+  readonly apiBase: JsonApi; // TODO: replace with individual dependencies
+  readonly logger: Logger;
+  notifyErrorPortForwarding: (message: string) => void;
+  requestActivePortForward: RequestActivePortForward;
+}
+
+export class PortForwardStore extends ItemStore<PortForwardItem> {
+  @observable portForwards: PortForwardItem[] = [];
+
+  constructor(protected readonly dependencies: Dependencies) {
+    super();
+    makeObservable(this);
+    autoBind(this);
+
+    this.init();
+  }
+
+  private async init() {
+    const savedPortForwards = this.dependencies.storage.get(); // undefined on first load
+
+    if (Array.isArray(savedPortForwards) && savedPortForwards.length > 0) {
+      this.dependencies.logger.info("[PORT-FORWARD-STORE] starting saved port-forwards");
+
+      // add the disabled ones
+      await Promise.all(savedPortForwards.filter(pf => pf.status === "Disabled").map(this.add));
+
+      // add the active ones (assume active if the status is undefined, for backward compatibility) and check if they started successfully
+      const results = await Promise.allSettled(savedPortForwards.filter(pf => !pf.status || pf.status === "Active").map(this.add));
+
+      for (const result of results) {
+        if (result.status === "rejected" || result.value.status === "Disabled") {
+          this.dependencies.notifyErrorPortForwarding("One or more port-forwards could not be started");
+
+          return;
+        }
+      }
+    }
+  }
+
+  watch() {
+    return disposer(
+      reaction(
+        () => this.portForwards.slice(),
+        () => this.loadAll(),
+      ),
+    );
+  }
+
+  loadAll() {
+    return this.loadItems(() => {
+      const portForwards = this.getPortForwards();
+
+      this.dependencies.storage.set(portForwards);
+
+      this.portForwards = [];
+      portForwards.map((pf) => this.portForwards.push(new PortForwardItem(pf)));
+
+      return this.portForwards;
+    });
+  }
+
+  async removeItems(items: PortForwardItem[]) {
+    await Promise.all(items.map(this.remove));
+  }
+
+  getById(id: string) {
+    const index = this.getIndexById(id);
+
+    if (index === -1) {
+      return undefined;
+    }
+
+    return this.getItems()[index];
+  }
+
+  /**
+   * add a port-forward to the store and optionally start it
+   * @param portForward the port-forward to add. If the port-forward already exists in the store it will be
+   * returned with its current state. If the forwardPort field is 0 then an arbitrary port will be
+   * used. If the status field is "Active" or not present then an attempt is made to start the port-forward.
+   *
+   * @returns the port-forward with updated status ("Active" if successfully started, "Disabled" otherwise) and
+   * forwardPort
+   */
+  add = action(async (portForward: ForwardedPort): Promise<ForwardedPort> => {
+    const pf = this.findPortForward(portForward);
+
+    if (pf) {
+      return pf;
+    }
+
+    this.portForwards.push(new PortForwardItem(portForward));
+
+    if (!portForward.status) {
+      portForward.status = "Active";
+    }
+
+    if (portForward.status === "Active") {
+      portForward = await this.start(portForward);
+    }
+
+    return portForward;
+  });
+
+  /**
+   * modifies a port-forward in the store, including the forwardPort and protocol
+   * @param portForward the port-forward to modify.
+   *
+   * @returns the port-forward after being modified.
+   */
+  modify = action(
+    async (
+      portForward: ForwardedPort,
+      desiredPort: number,
+    ): Promise<ForwardedPort> => {
+      const pf = this.findPortForward(portForward);
+
+      if (!pf) {
+        throw new Error("port-forward not found");
+      }
+
+      if (pf.status === "Active") {
+        try {
+          await this.stop(pf);
+        } catch {
+          // ignore, assume it is stopped and proceed to restart it
+        }
+
+        pf.forwardPort = desiredPort;
+        pf.protocol = portForward.protocol ?? "http";
+        this.setPortForward(pf);
+
+        return await this.start(pf);
+      }
+
+      pf.forwardPort = desiredPort;
+      this.setPortForward(pf);
+
+      return pf as ForwardedPort;
+    },
+  );
+
+  /**
+   * remove and stop an existing port-forward.
+   * @param portForward the port-forward to remove.
+   */
+  remove = action(async (portForward: ForwardedPort) => {
+    const pf = this.findPortForward(portForward);
+
+    if (!pf) {
+      const error = new Error("port-forward not found");
+
+      this.dependencies.logger.warn(
+        `[PORT-FORWARD-STORE] Error getting port-forward: ${error}`,
+        portForward,
+      );
+
+      return;
+    }
+
+    try {
+      await this.stop(portForward);
+    } catch (error) {
+      if (pf.status === "Active") {
+        this.dependencies.logger.warn(
+          `[PORT-FORWARD-STORE] Error removing port-forward: ${error}`,
+          portForward,
+        );
+      }
+    }
+
+    const index = this.portForwards.findIndex(portForwardsEqual(portForward));
+
+    if (index >= 0) {
+      this.portForwards.splice(index, 1);
+    }
+  });
+
+  /**
+   * gets the list of port-forwards in the store
+   *
+   * @returns the port-forwards
+   */
+  getPortForwards = (): ForwardedPort[] => {
+    return this.portForwards;
+  };
+
+  /**
+   * stop an existing port-forward. Its status is set to "Disabled" after successfully stopped.
+   * @param portForward the port-forward to stop.
+   *
+   * @throws if the port-forward could not be stopped. Its status is unchanged
+   */
+  stop = action(async (portForward: ForwardedPort) => {
+    const pf = this.findPortForward(portForward);
+
+    if (!pf) {
+      this.dependencies.logger.warn(
+        "[PORT-FORWARD-STORE] Error getting port-forward: port-forward not found",
+        portForward,
+      );
+
+      return;
+    }
+
+    const { port, forwardPort } = portForward;
+
+    try {
+      await this.dependencies.apiBase.del(
+        `/pods/port-forward/${portForward.namespace}/${portForward.kind}/${portForward.name}`,
+        { query: { port, forwardPort }},
+      );
+      await waitUntilFree(+forwardPort, 200, 1000);
+    } catch (error) {
+      this.dependencies.logger.warn(
+        `[PORT-FORWARD-STORE] Error stopping active port-forward: ${error}`,
+        portForward,
+      );
+      throw error;
+    }
+
+    pf.status = "Disabled";
+
+    this.setPortForward(pf);
+  });
+
+  private findPortForward = (portForward: ForwardedPort) => {
+    return this.portForwards.find(portForwardsEqual(portForward));
+  };
+
+  private setPortForward = action((portForward: ForwardedPort) => {
+    const index = this.portForwards.findIndex(portForwardsEqual(portForward));
+
+    if (index < 0) {
+      return;
+    }
+
+    this.portForwards[index] = new PortForwardItem(portForward);
+  });
+
+  /**
+   * start an existing port-forward
+   * @param portForward the port-forward to start. If the forwardPort field is 0 then an arbitrary port will be
+   * used
+   *
+   * @returns the port-forward with updated status ("Active" if successfully started, "Disabled" otherwise) and
+   * forwardPort
+   *
+   * @throws if the port-forward does not already exist in the store
+   */
+  start = action(async (portForward: ForwardedPort): Promise<ForwardedPort> => {
+    const pf = this.findPortForward(portForward);
+
+    if (!pf) {
+      throw new Error("cannot start non-existent port-forward");
+    }
+
+    const { port, forwardPort } = pf;
+    let response: { port: number };
+
+    try {
+      response = await this.dependencies.apiBase.post(
+        `/pods/port-forward/${pf.namespace}/${pf.kind}/${pf.name}`,
+        { query: { port, forwardPort }},
+      );
+
+      // expecting the received port to be the specified port, unless the specified port is 0, which indicates any available port is suitable
+      if (
+        pf.forwardPort &&
+        response?.port &&
+        response.port != +pf.forwardPort
+      ) {
+        this.dependencies.logger.warn(
+          `[PORT-FORWARD-STORE] specified ${pf.forwardPort}, got ${response.port}`,
+        );
+      }
+
+      pf.forwardPort = response.port;
+      pf.status = "Active";
+    } catch (error) {
+      this.dependencies.logger.warn(
+        `[PORT-FORWARD-STORE] Error starting port-forward: ${error}`,
+        pf,
+      );
+      pf.status = "Disabled";
+    }
+
+    this.setPortForward(pf);
+
+    return pf as ForwardedPort;
+  });
+
+  /**
+   * get a port-forward from the store, with up-to-date status
+   * @param portForward the port-forward to get.
+   *
+   * @returns the port-forward with updated status ("Active" if running, "Disabled" if not) and
+   * forwardPort used.
+   *
+   * @throws if the port-forward does not exist in the store
+   */
+  getPortForward = async (portForward: ForwardedPort): Promise<ForwardedPort | undefined> => {
+    if (!this.findPortForward(portForward)) {
+      throw new Error("port-forward not found");
+    }
+
+    try {
+      // check if the port-forward is active, and if so check if it has the same local port
+      const pf = await this.dependencies.requestActivePortForward(portForward);
+
+      if (pf?.forwardPort && pf.forwardPort !== portForward.forwardPort) {
+        this.dependencies.logger.warn(
+          `[PORT-FORWARD-STORE] local port, expected ${pf.forwardPort}, got ${portForward.forwardPort}`,
+        );
+      }
+
+      return pf;
+    } catch (error) {
+      // port is not active
+      return undefined;
+    }
+  };
+}
+
+function portForwardsEqual(portForward: ForwardedPort) {
+  return (pf: ForwardedPort) => (
+    pf.kind == portForward.kind &&
+    pf.name == portForward.name &&
+    pf.namespace == portForward.namespace &&
+    pf.port == portForward.port
+  );
+}
diff --git a/packages/core/src/renderer/port-forward/port-forward-store/request-active-port-forward.injectable.ts b/packages/core/src/renderer/port-forward/port-forward-store/request-active-port-forward.injectable.ts
new file mode 100644
index 0000000000..90f91320c8
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-store/request-active-port-forward.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 { getInjectable } from "@ogre-tools/injectable";
+import apiBaseInjectable from "../../../common/k8s-api/api-base.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import { urlBuilderFor } from "../../../common/utils/buildUrl";
+import type { ForwardedPort } from "../port-forward-item";
+
+export type RequestActivePortForward = (portForward: ForwardedPort) => Promise<ForwardedPort | undefined>;
+
+const requestActiveEndpoint = urlBuilderFor("/pods/port-forward/:namespace/:kind/:name");
+
+const requestActivePortForwardInjectable = getInjectable({
+  id: "request-active-port-forward",
+  instantiate: (di): RequestActivePortForward => {
+    const apiBase = di.inject(apiBaseInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async ({ port, forwardPort, namespace, kind, name, ...rest }) => {
+      try {
+        const response: { port: number } = await apiBase.get(requestActiveEndpoint.compile({ namespace, kind, name }), { query: { port, forwardPort }});
+
+        return {
+          status: response.port ? "Active" : "Disabled",
+          forwardPort: response.port,
+          port,
+          namespace,
+          kind,
+          name,
+          ...rest,
+        };
+      } catch (error) {
+        logger.warn(`[PORT-FORWARD-STORE] Error getting active port-forward: ${error}`, { namespace, kind, name });
+
+        return undefined;
+      }
+    };
+  },
+});
+
+export default requestActivePortForwardInjectable;
diff --git a/packages/core/src/renderer/port-forward/port-forward-utils.ts b/packages/core/src/renderer/port-forward/port-forward-utils.ts
new file mode 100644
index 0000000000..e7be61b334
--- /dev/null
+++ b/packages/core/src/renderer/port-forward/port-forward-utils.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 { ForwardedPort } from "./port-forward-item";
+
+export function portForwardAddress(portForward: ForwardedPort) {
+  return `${portForward.protocol ?? "http"}://localhost:${portForward.forwardPort}`;
+}
+
+export function predictProtocol(name: string | undefined) {
+  return name === "https" ? "https" : "http";
+}
diff --git a/packages/core/src/renderer/protocol-handler/bind-protocol-add-route-handlers/bind-protocol-add-route-handlers.injectable.ts b/packages/core/src/renderer/protocol-handler/bind-protocol-add-route-handlers/bind-protocol-add-route-handlers.injectable.ts
new file mode 100644
index 0000000000..1d378df375
--- /dev/null
+++ b/packages/core/src/renderer/protocol-handler/bind-protocol-add-route-handlers/bind-protocol-add-route-handlers.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 attemptInstallByInfoInjectable from "../../components/+extensions/attempt-install-by-info.injectable";
+import { bindProtocolAddRouteHandlers } from "./bind-protocol-add-route-handlers";
+import lensProtocolRouterRendererInjectable from "../lens-protocol-router-renderer/lens-protocol-router-renderer.injectable";
+import navigateToCatalogInjectable from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import navigateToAddClusterInjectable from "../../../common/front-end-routing/routes/add-cluster/navigate-to-add-cluster.injectable";
+import navigateToExtensionsInjectable from "../../../common/front-end-routing/routes/extensions/navigate-to-extensions.injectable";
+import navigateToEntitySettingsInjectable from "../../../common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable";
+import navigateToClusterViewInjectable from "../../../common/front-end-routing/routes/cluster-view/navigate-to-cluster-view.injectable";
+import catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
+
+// TODO: Importing from features is not OK. Make protocol-router to comply with Open Closed Principle to allow moving implementation under a feature
+import navigateToPreferencesInjectable from "../../../features/preferences/common/navigate-to-preferences.injectable";
+import getClusterByIdInjectable from "../../../common/cluster-store/get-by-id.injectable";
+import showShortInfoNotificationInjectable from "../../components/notifications/show-short-info.injectable";
+
+const bindProtocolAddRouteHandlersInjectable = getInjectable({
+  id: "bind-protocol-add-route-handlers",
+
+  instantiate: (di) => bindProtocolAddRouteHandlers({
+    attemptInstallByInfo: di.inject(attemptInstallByInfoInjectable),
+    lensProtocolRouterRenderer: di.inject(lensProtocolRouterRendererInjectable ),
+    navigateToCatalog: di.inject(navigateToCatalogInjectable),
+    navigateToAddCluster: di.inject(navigateToAddClusterInjectable),
+    navigateToExtensions: di.inject(navigateToExtensionsInjectable),
+    navigateToEntitySettings: di.inject(navigateToEntitySettingsInjectable),
+    navigateToClusterView: di.inject(navigateToClusterViewInjectable),
+    navigateToPreferences: di.inject(navigateToPreferencesInjectable),
+    entityRegistry: di.inject(catalogEntityRegistryInjectable),
+    getClusterById: di.inject(getClusterByIdInjectable),
+    showShortInfoNotification: di.inject(showShortInfoNotificationInjectable),
+  }),
+});
+
+export default bindProtocolAddRouteHandlersInjectable;
diff --git a/packages/core/src/renderer/protocol-handler/bind-protocol-add-route-handlers/bind-protocol-add-route-handlers.tsx b/packages/core/src/renderer/protocol-handler/bind-protocol-add-route-handlers/bind-protocol-add-route-handlers.tsx
new file mode 100644
index 0000000000..4bcf207340
--- /dev/null
+++ b/packages/core/src/renderer/protocol-handler/bind-protocol-add-route-handlers/bind-protocol-add-route-handlers.tsx
@@ -0,0 +1,143 @@
+/**
+ * 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 { LensProtocolRouterRenderer } from "../lens-protocol-router-renderer/lens-protocol-router-renderer";
+import type { CatalogEntityRegistry } from "../../api/catalog/entity/registry";
+import {
+  EXTENSION_NAME_MATCH,
+  EXTENSION_PUBLISHER_MATCH,
+  LensProtocolRouter,
+} from "../../../common/protocol-handler";
+import type { ShowNotification } from "../../components/notifications";
+import type { NavigateToCatalog } from "../../../common/front-end-routing/routes/catalog/navigate-to-catalog.injectable";
+import type { NavigateToEntitySettings } from "../../../common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable";
+import type { NavigateToClusterView } from "../../../common/front-end-routing/routes/cluster-view/navigate-to-cluster-view.injectable";
+import assert from "assert";
+import type { AttemptInstallByInfo } from "../../components/+extensions/attempt-install-by-info.injectable";
+import type { GetClusterById } from "../../../common/cluster-store/get-by-id.injectable";
+
+interface Dependencies {
+  attemptInstallByInfo: AttemptInstallByInfo;
+  lensProtocolRouterRenderer: LensProtocolRouterRenderer;
+  navigateToCatalog: NavigateToCatalog;
+  navigateToAddCluster: () => void;
+  navigateToExtensions: () => void;
+  navigateToEntitySettings: NavigateToEntitySettings;
+  navigateToClusterView: NavigateToClusterView;
+  navigateToPreferences: (tabId: string) => void;
+  entityRegistry: CatalogEntityRegistry;
+  getClusterById: GetClusterById;
+  showShortInfoNotification: ShowNotification;
+}
+
+export const bindProtocolAddRouteHandlers = ({
+  attemptInstallByInfo,
+  lensProtocolRouterRenderer,
+  navigateToCatalog,
+  navigateToAddCluster,
+  navigateToExtensions,
+  navigateToEntitySettings,
+  navigateToClusterView,
+  navigateToPreferences,
+  entityRegistry,
+  getClusterById,
+  showShortInfoNotification,
+}: Dependencies) => () => {
+  lensProtocolRouterRenderer
+    .addInternalHandler("/preferences", ({ search: { highlight: tabId }}) => {
+      if (tabId) {
+        navigateToPreferences(tabId);
+      }
+    })
+    .addInternalHandler("/", ({ tail }) => {
+      if (tail) {
+        showShortInfoNotification(
+          <p>
+            {"Unknown Action for "}
+            <code>
+              lens://app/
+              {tail}
+            </code>
+            . Are you on the latest version?
+          </p>,
+        );
+      }
+
+      navigateToCatalog();
+    })
+    .addInternalHandler("/landing", () => {
+      navigateToCatalog();
+    })
+    .addInternalHandler("/landing/view/:group/:kind", ({ pathname: { group, kind }}) => {
+      navigateToCatalog({ group, kind });
+    })
+    .addInternalHandler("/cluster", () => {
+      navigateToAddCluster();
+    })
+    .addInternalHandler("/entity/:entityId/settings", ({ pathname: { entityId }}) => {
+      assert(entityId);
+      const entity = entityRegistry.getById(entityId);
+
+      if (entity) {
+        navigateToEntitySettings(entityId);
+      } else {
+        showShortInfoNotification(
+          <p>
+            {"Unknown catalog entity "}
+            <code>{entityId}</code>
+            .
+          </p>,
+        );
+      }
+    })
+    // Handlers below are deprecated and only kept for backward compact purposes
+    .addInternalHandler("/cluster/:clusterId", ({ pathname: { clusterId }}) => {
+      assert(clusterId);
+      const cluster = getClusterById(clusterId);
+
+      if (cluster) {
+        navigateToClusterView(clusterId);
+      } else {
+        showShortInfoNotification(
+          <p>
+            {"Unknown catalog entity "}
+            <code>{clusterId}</code>
+            .
+          </p>,
+        );
+      }
+    })
+    .addInternalHandler("/cluster/:clusterId/settings", ({ pathname: { clusterId }}) => {
+      assert(clusterId);
+      const cluster = getClusterById(clusterId);
+
+      if (cluster) {
+        navigateToEntitySettings(clusterId);
+      } else {
+        showShortInfoNotification(
+          <p>
+            {"Unknown catalog entity "}
+            <code>{clusterId}</code>
+            .
+          </p>,
+        );
+      }
+    })
+    .addInternalHandler("/extensions", () => {
+      navigateToExtensions();
+    })
+    .addInternalHandler(`/extensions/install${LensProtocolRouter.ExtensionUrlSchema}`, ({ pathname, search: { version }}) => {
+      const name = [
+        pathname[EXTENSION_PUBLISHER_MATCH],
+        pathname[EXTENSION_NAME_MATCH],
+      ]
+        .filter(Boolean)
+        .join("/");
+
+      navigateToExtensions();
+      attemptInstallByInfo({ name, version, requireConfirmation: true });
+    });
+};
diff --git a/packages/core/src/renderer/protocol-handler/index.ts b/packages/core/src/renderer/protocol-handler/index.ts
new file mode 100644
index 0000000000..c338f50114
--- /dev/null
+++ b/packages/core/src/renderer/protocol-handler/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 { LensProtocolRouterRenderer } from "./lens-protocol-router-renderer/lens-protocol-router-renderer";
+export { bindProtocolAddRouteHandlers } from "./bind-protocol-add-route-handlers/bind-protocol-add-route-handlers";
diff --git a/packages/core/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.injectable.ts b/packages/core/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.injectable.ts
new file mode 100644
index 0000000000..35938b32fd
--- /dev/null
+++ b/packages/core/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.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 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 loggerInjectable from "../../../common/logger.injectable";
+import showErrorNotificationInjectable from "../../components/notifications/show-error-notification.injectable";
+import showShortInfoNotificationInjectable from "../../components/notifications/show-short-info.injectable";
+
+const lensProtocolRouterRendererInjectable = getInjectable({
+  id: "lens-protocol-router-renderer",
+
+  instantiate: (di) => new LensProtocolRouterRenderer({
+    extensionLoader: di.inject(extensionLoaderInjectable),
+    extensionsStore: di.inject(extensionsStoreInjectable),
+    logger: di.inject(loggerInjectable),
+    showErrorNotification: di.inject(showErrorNotificationInjectable),
+    showShortInfoNotification: di.inject(showShortInfoNotificationInjectable),
+  }),
+});
+
+export default lensProtocolRouterRendererInjectable;
diff --git a/packages/core/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.tsx b/packages/core/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.tsx
new file mode 100644
index 0000000000..3c9959aa87
--- /dev/null
+++ b/packages/core/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.tsx
@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { ipcRenderer } from "electron";
+import * as proto from "../../../common/protocol-handler";
+import Url from "url-parse";
+import type { LensProtocolRouterDependencies } from "../../../common/protocol-handler";
+import { foldAttemptResults, ProtocolHandlerInvalid, RouteAttempt } from "../../../common/protocol-handler";
+import type { ShowNotification } from "../../components/notifications";
+
+interface Dependencies extends LensProtocolRouterDependencies {
+  showShortInfoNotification: ShowNotification;
+  showErrorNotification: ShowNotification;
+}
+
+export class LensProtocolRouterRenderer extends proto.LensProtocolRouter {
+  constructor(protected readonly dependencies: Dependencies) {
+    super(dependencies);
+  }
+
+  /**
+   * This function is needed to be called early on in the renderers lifetime.
+   */
+  public init(): void {
+    ipcRenderer.on(proto.ProtocolHandlerInternal, (event, rawUrl: string, mainAttemptResult: RouteAttempt) => {
+      const rendererAttempt = this._routeToInternal(new Url(rawUrl, true));
+
+      if (foldAttemptResults(mainAttemptResult, rendererAttempt) === RouteAttempt.MISSING) {
+        this.dependencies.showShortInfoNotification((
+          <p>
+            {"Unknown action "}
+            <code>{rawUrl}</code>
+            {". Are you on the latest version?"}
+          </p>
+        ));
+      }
+    });
+    ipcRenderer.on(proto.ProtocolHandlerExtension, async (event, rawUrl: string, mainAttemptResult: RouteAttempt) => {
+      const rendererAttempt = await this._routeToExtension(new Url(rawUrl, true));
+
+      switch (foldAttemptResults(mainAttemptResult, rendererAttempt)) {
+        case RouteAttempt.MISSING:
+          this.dependencies.showShortInfoNotification((
+            <p>
+              {"Unknown action "}
+              <code>{rawUrl}</code>
+              {". Are you on the latest version of the extension?"}
+            </p>
+          ));
+          break;
+        case RouteAttempt.MISSING_EXTENSION:
+          this.dependencies.showShortInfoNotification((
+            <p>
+              {"Missing extension for action "}
+              <code>{rawUrl}</code>
+              {". Not able to find extension in our known list. Try installing it manually."}
+            </p>
+          ));
+          break;
+      }
+    });
+    ipcRenderer.on(ProtocolHandlerInvalid, (event, error: string, rawUrl: string) => {
+      this.dependencies.showErrorNotification((
+        <>
+          <p>
+            {"Failed to route "}
+            <code>{rawUrl}</code>
+            .
+          </p>
+          <p>
+            <b>Error:</b>
+            {" "}
+            {error}
+          </p>
+        </>
+      ));
+    });
+  }
+}
diff --git a/packages/core/src/renderer/register-injectables.ts b/packages/core/src/renderer/register-injectables.ts
new file mode 100644
index 0000000000..d801e04625
--- /dev/null
+++ b/packages/core/src/renderer/register-injectables.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 type { DiContainer } 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 function registerInjectables(di: DiContainer) {
+  setLegacyGlobalDiForExtensionApi(di, Environments.renderer);
+
+  runInAction(() => {
+    registerMobX(di);
+
+    autoRegister({
+      di,
+      requireContexts: [
+        require.context("./", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+        require.context("../common", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+        require.context("../extensions", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+        require.context("../features", true, CONTEXT_MATCHER_FOR_FEATURES),
+      ],
+    });
+  });
+
+  return di;
+}
diff --git a/packages/core/src/renderer/remote-helpers/watch-history-state.injectable.ts b/packages/core/src/renderer/remote-helpers/watch-history-state.injectable.ts
new file mode 100644
index 0000000000..f878b7d20c
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/routes/current-path.injectable.ts b/packages/core/src/renderer/routes/current-path.injectable.ts
new file mode 100644
index 0000000000..4ca6d64e8f
--- /dev/null
+++ b/packages/core/src/renderer/routes/current-path.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 { computed } from "mobx";
+import observableHistoryInjectable from "../navigation/observable-history.injectable";
+
+const currentPathInjectable = getInjectable({
+  id: "current-path",
+
+  instantiate: (di) => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+
+    return computed(() => observableHistory.location.pathname);
+  },
+});
+
+export default currentPathInjectable;
diff --git a/packages/core/src/renderer/routes/current-route-component.injectable.ts b/packages/core/src/renderer/routes/current-route-component.injectable.ts
new file mode 100644
index 0000000000..a4a8133c4f
--- /dev/null
+++ b/packages/core/src/renderer/routes/current-route-component.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 { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { computed } from "mobx";
+import currentRouteInjectable from "./current-route.injectable";
+import { routeSpecificComponentInjectionToken } from "./route-specific-component-injection-token";
+
+const currentRouteComponentInjectable = getInjectable({
+  id: "current-route-component",
+
+  instantiate: (di) => {
+    const route = di.inject(currentRouteInjectable);
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const routeComponents = computedInjectMany(routeSpecificComponentInjectionToken);
+
+    return computed(() => {
+      const currentRoute = route.get();
+
+      if (!currentRoute) {
+        return undefined;
+      }
+
+      return routeComponents
+        .get()
+        .find(({ route }) => (
+          route.path === currentRoute.path
+          && route.clusterFrame === currentRoute.clusterFrame
+        ))
+        ?.Component;
+    });
+  },
+});
+
+export default currentRouteComponentInjectable;
diff --git a/packages/core/src/renderer/routes/current-route.injectable.ts b/packages/core/src/renderer/routes/current-route.injectable.ts
new file mode 100644
index 0000000000..fad42b6c36
--- /dev/null
+++ b/packages/core/src/renderer/routes/current-route.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 { computed } from "mobx";
+import matchingRouteInjectable from "./matching-route.injectable";
+
+const currentRouteInjectable = getInjectable({
+  id: "current-route",
+
+  instantiate: (di) => {
+    const matchingRoute = di.inject(matchingRouteInjectable);
+
+    return computed(() => {
+      const match = matchingRoute.get();
+
+      if (match && match.route.isEnabled.get()) {
+        return match.route;
+      }
+
+      return null;
+    });
+  },
+});
+
+export default currentRouteInjectable;
diff --git a/packages/core/src/renderer/routes/currently-in-cluster-frame.injectable.ts b/packages/core/src/renderer/routes/currently-in-cluster-frame.injectable.ts
new file mode 100644
index 0000000000..86d7950c7e
--- /dev/null
+++ b/packages/core/src/renderer/routes/currently-in-cluster-frame.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 currentlyInClusterFrameInjectable = getInjectable({
+  id: "currently-in-cluster-frame",
+  instantiate: () => !process.isMainFrame,
+  causesSideEffects: true,
+});
+
+export default currentlyInClusterFrameInjectable;
diff --git a/packages/core/src/renderer/routes/extension-page-parameters.injectable.ts b/packages/core/src/renderer/routes/extension-page-parameters.injectable.ts
new file mode 100644
index 0000000000..ad6501cd35
--- /dev/null
+++ b/packages/core/src/renderer/routes/extension-page-parameters.injectable.ts
@@ -0,0 +1,65 @@
+/**
+ * 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 { pipeline } from "@ogre-tools/fp";
+import type { PageParamInit } from "../navigation/page-param";
+import type { LensRendererExtension } from "../../extensions/lens-renderer-extension";
+import { map } from "lodash/fp";
+import createPageParamInjectable from "../navigation/create-page-param.injectable";
+import { object } from "../utils";
+import type { PageRegistration } from "./page-registration";
+
+export interface ExtensionPageParametersInstantiationParam {
+  extension: LensRendererExtension;
+  registration: PageRegistration;
+}
+
+const extensionPageParametersInjectable = getInjectable({
+  id: "extension-page-parameters",
+
+  instantiate: (di, { registration }: ExtensionPageParametersInstantiationParam) => {
+    const createPageParam = di.inject(createPageParamInjectable);
+
+    return pipeline(
+      registration.params ?? {},
+      Object.entries,
+      map(([key, value]): [string, PageParamInit<unknown>] => [
+        key,
+        typeof value === "string"
+          ? convertStringToPageParamInit(key, value)
+          : convertPartialPageParamInitToFull(key, value),
+      ]),
+      map(([key, value]) => [key, createPageParam(value)] as const),
+      object.fromEntries,
+    );
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (
+      di,
+      { extension, registration }: ExtensionPageParametersInstantiationParam,
+    ) => `${extension.sanitizedExtensionId}-${registration?.id}`,
+  }),
+});
+
+const convertPartialPageParamInitToFull = <V>(
+  key: string,
+  value: PageParamInit<V>,
+): PageParamInit<V> => ({
+    name: key,
+    defaultValue: value.defaultValue,
+    stringify: value.stringify,
+    parse: value.parse,
+  });
+
+const convertStringToPageParamInit = (
+  key: string,
+  value: string,
+): PageParamInit<string> => ({
+  name: key,
+  defaultValue: value,
+});
+
+export default extensionPageParametersInjectable;
diff --git a/packages/core/src/renderer/routes/extension-route-registrator.injectable.tsx b/packages/core/src/renderer/routes/extension-route-registrator.injectable.tsx
new file mode 100644
index 0000000000..98e2c400ff
--- /dev/null
+++ b/packages/core/src/renderer/routes/extension-route-registrator.injectable.tsx
@@ -0,0 +1,126 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { DiContainerForInjection } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+
+import type { LensRendererExtension } from "../../extensions/lens-renderer-extension";
+import { observer } from "mobx-react";
+import React from "react";
+import { isEmpty, matches } from "lodash/fp";
+import { extensionRegistratorInjectionToken } from "../../extensions/extension-loader/extension-registrator-injection-token";
+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";
+import type { PageRegistration } from "./page-registration";
+
+const extensionRouteRegistratorInjectable = getInjectable({
+  id: "extension-route-registrator",
+
+  instantiate: (di) => {
+    return (ext) => {
+      const extension = ext as LensRendererExtension;
+      const toRouteInjectable = toRouteInjectableFor(di, extension);
+
+      const extensionShouldBeEnabledForClusterFrame = di.inject(
+        extensionShouldBeEnabledForClusterFrameInjectable,
+        extension,
+      );
+
+      return [
+        ...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();
+    };
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default extensionRouteRegistratorInjectable;
+
+const toRouteInjectableFor =
+  (
+    di: DiContainerForInjection,
+    extension: LensRendererExtension,
+  ) =>
+    (clusterFrame: boolean, getIsEnabled: (registration: PageRegistration) => IComputedValue<boolean>) =>
+      (registration: PageRegistration) => {
+        const routeInjectable = getInjectable({
+          id: `route-${registration.id}-for-extension-${extension.sanitizedExtensionId}`,
+
+          instantiate: () => ({
+            path: getExtensionRoutePath(extension, registration.id),
+            clusterFrame,
+            isEnabled: getIsEnabled(registration),
+            extension,
+          }),
+
+          injectionToken: frontEndRouteInjectionToken,
+        });
+
+        const normalizedParams = di.inject(extensionPageParametersInjectable, {
+          extension,
+          registration,
+        });
+
+        const currentSidebarRegistration = extension.clusterPageMenus.find(
+          matches({ target: { pageId: registration.id }}),
+        );
+
+        const siblingRegistrations = currentSidebarRegistration?.parentId
+          ? extension.clusterPageMenus.filter(
+            matches({ parentId: currentSidebarRegistration.parentId }),
+          )
+          : [];
+
+        const ObserverPage = observer(registration.components.Page);
+
+        const Component = () => {
+          if (isEmpty(siblingRegistrations)) {
+            return <ObserverPage params={normalizedParams} />;
+          }
+
+          return (
+            <SiblingsInTabLayout>
+              <ObserverPage params={normalizedParams} />
+            </SiblingsInTabLayout>
+          );
+        };
+
+        const routeSpecificComponentInjectable = getInjectable({
+          id: `route-${registration.id}-component-for-extension-${extension.sanitizedExtensionId}`,
+
+          instantiate: (di) => ({
+            route: di.inject(routeInjectable),
+            Component,
+          }),
+
+          injectionToken: routeSpecificComponentInjectionToken,
+        });
+
+        return [routeInjectable, routeSpecificComponentInjectable];
+      };
diff --git a/packages/core/src/renderer/routes/for-extension.ts b/packages/core/src/renderer/routes/for-extension.ts
new file mode 100644
index 0000000000..0ae632fe96
--- /dev/null
+++ b/packages/core/src/renderer/routes/for-extension.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 { getSanitizedPath } from "../../extensions/lens-extension";
+import type { LensRendererExtension } from "../../extensions/lens-renderer-extension";
+
+export function getExtensionRoutePath(extension: LensRendererExtension, pageId: string | undefined) {
+  const routeId = getExtensionRouteId(
+    extension.sanitizedExtensionId,
+    pageId,
+  );
+
+  return getSanitizedPath("/extension", routeId);
+}
+
+export function getExtensionRouteId(extensionId: string, registrationId: string | undefined) {
+  return registrationId
+    ? `${extensionId}/${registrationId}`
+    : extensionId;
+}
diff --git a/packages/core/src/renderer/routes/get-extension-page-parameters.injectable.ts b/packages/core/src/renderer/routes/get-extension-page-parameters.injectable.ts
new file mode 100644
index 0000000000..f09da7cf15
--- /dev/null
+++ b/packages/core/src/renderer/routes/get-extension-page-parameters.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 { PageParam } from "../navigation/page-param";
+import type { ExtensionPageParametersInstantiationParam } from "./extension-page-parameters.injectable";
+import extensionPageParametersInjectable from "./extension-page-parameters.injectable";
+
+export type GetExtensionPageParameters = (param: ExtensionPageParametersInstantiationParam) => Record<string, PageParam<unknown>>;
+
+const getExtensionPageParametersInjectable = getInjectable({
+  id: "get-extension-page-parameters",
+  instantiate: (di): GetExtensionPageParameters => (param) => di.inject(extensionPageParametersInjectable, param),
+});
+
+export default getExtensionPageParametersInjectable;
diff --git a/packages/core/src/renderer/routes/matching-route.injectable.ts b/packages/core/src/renderer/routes/matching-route.injectable.ts
new file mode 100644
index 0000000000..66cf12af57
--- /dev/null
+++ b/packages/core/src/renderer/routes/matching-route.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 routesInjectable from "./routes.injectable";
+import { matches } from "lodash/fp";
+import { computed } from "mobx";
+import { matchPath } from "react-router";
+import currentPathInjectable from "./current-path.injectable";
+
+const matchingRouteInjectable = getInjectable({
+  id: "matching-route",
+
+  instantiate: (di) => {
+    const routes = di.inject(routesInjectable);
+    const currentPath = di.inject(currentPathInjectable);
+
+    return computed(() => {
+      const matchedRoutes = routes.get().map((route) => {
+        const match = matchPath(currentPath.get(), {
+          path: route.path,
+          exact: true,
+        });
+
+        return {
+          route,
+          isMatching: !!match,
+          pathParameters: match ? match.params : {},
+        };
+      });
+
+      return matchedRoutes.find(matches({ isMatching: true }));
+    });
+  },
+});
+
+export default matchingRouteInjectable;
diff --git a/packages/core/src/renderer/routes/navigate-to-route.injectable.ts b/packages/core/src/renderer/routes/navigate-to-route.injectable.ts
new file mode 100644
index 0000000000..8b57a02613
--- /dev/null
+++ b/packages/core/src/renderer/routes/navigate-to-route.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 { navigateToUrlInjectionToken } from "../../common/front-end-routing/navigate-to-url-injection-token";
+import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
+import currentlyInClusterFrameInjectable from "./currently-in-cluster-frame.injectable";
+import { buildURL } from "../../common/utils/buildUrl";
+
+const navigateToRouteInjectable = getInjectable({
+  id: "navigate-to-route",
+
+  instantiate: (di) => {
+    const navigateToUrl = di.inject(navigateToUrlInjectionToken);
+
+    const currentlyInClusterFrame = di.inject(
+      currentlyInClusterFrameInjectable,
+    );
+
+    return (route, options) => {
+      const url = buildURL(route.path, {
+        // TODO: enhance typing
+        params: options?.parameters as any,
+        query: options?.query,
+        fragment: options?.fragment,
+      });
+
+      navigateToUrl(url, {
+        ...options,
+        forceRootFrame: currentlyInClusterFrame && route.clusterFrame === false,
+      });
+    };
+  },
+
+  injectionToken: navigateToRouteInjectionToken,
+});
+
+export default navigateToRouteInjectable;
diff --git a/packages/core/src/renderer/routes/navigate-to-url.injectable.ts b/packages/core/src/renderer/routes/navigate-to-url.injectable.ts
new file mode 100644
index 0000000000..832080674c
--- /dev/null
+++ b/packages/core/src/renderer/routes/navigate-to-url.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 observableHistoryInjectable from "../navigation/observable-history.injectable";
+import { runInAction } from "mobx";
+import type { NavigateToUrl } from "../../common/front-end-routing/navigate-to-url-injection-token";
+import { navigateToUrlInjectionToken } from "../../common/front-end-routing/navigate-to-url-injection-token";
+import { IpcRendererNavigationEvents } from "../navigation/events";
+import broadcastMessageInjectable from "../../common/ipc/broadcast-message.injectable";
+
+const navigateToUrlInjectable = getInjectable({
+  id: "navigate-to-url",
+
+  instantiate: (di): NavigateToUrl => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+    const broadcastMessage = di.inject(broadcastMessageInjectable);
+
+    return (url, options = {}): void => {
+      if (options.forceRootFrame) {
+        return void broadcastMessage(IpcRendererNavigationEvents.NAVIGATE_IN_APP, url);
+      }
+
+      runInAction(() => {
+        if (options.withoutAffectingBackButton) {
+          observableHistory.replace(url);
+        } else {
+          observableHistory.push(url);
+        }
+      });
+    };
+  },
+
+  injectionToken: navigateToUrlInjectionToken,
+});
+
+export default navigateToUrlInjectable;
diff --git a/packages/core/src/renderer/routes/page-registration.ts b/packages/core/src/renderer/routes/page-registration.ts
new file mode 100644
index 0000000000..3a8c2ee08a
--- /dev/null
+++ b/packages/core/src/renderer/routes/page-registration.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 type { IComputedValue } from "mobx";
+import type { PageParamInit, PageParam } from "../navigation/page-param";
+
+// Extensions-api -> Custom page registration
+
+export interface PageRegistration {
+  /**
+   * Page ID, part of extension's page url, must be unique within same extension
+   * When not provided, first registered page without "id" would be used for page-menus without target.pageId for same extension
+   */
+  id?: string;
+  params?: PageParams<string | Omit<PageParamInit<any>, "name" | "prefix">>;
+  components: PageComponents;
+  enabled?: IComputedValue<boolean>;
+}
+
+export interface PageComponents {
+  Page: React.ComponentType<any>;
+}
+
+export interface PageTarget {
+  extensionId?: string;
+  pageId?: string;
+  params?: PageParams;
+}
+
+export interface PageParams<V = any> {
+  [paramName: string]: V;
+}
+
+export interface PageComponentProps<P extends PageParams = {}> {
+  params?: {
+    [N in keyof P]: PageParam<P[N]>;
+  };
+}
+
+export interface RegisteredPage {
+  id: string;
+  extensionId: string;
+  url: string; // registered extension's page URL (without page params)
+  params: PageParams<PageParam<any>>; // normalized params
+  components: PageComponents; // normalized components
+}
diff --git a/packages/core/src/renderer/routes/query-parameters.injectable.ts b/packages/core/src/renderer/routes/query-parameters.injectable.ts
new file mode 100644
index 0000000000..2faf4b67b9
--- /dev/null
+++ b/packages/core/src/renderer/routes/query-parameters.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 { parse as parseQueryString } from "query-string";
+import observableHistoryInjectable from "../navigation/observable-history.injectable";
+
+const queryParametersInjectable = getInjectable({
+  id: "query-parameters",
+
+  instantiate: (di) => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+
+    return computed(() => parseQueryString(observableHistory.location.search));
+  },
+});
+
+export default queryParametersInjectable;
diff --git a/packages/core/src/renderer/routes/route-is-active.injectable.ts b/packages/core/src/renderer/routes/route-is-active.injectable.ts
new file mode 100644
index 0000000000..4234b393ad
--- /dev/null
+++ b/packages/core/src/renderer/routes/route-is-active.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import type { Route } from "../../common/front-end-routing/front-end-route-injection-token";
+import currentPathInjectable from "./current-path.injectable";
+import { matchPath } from "react-router-dom";
+
+const routeIsActiveInjectable = getInjectable({
+  id: "route-is-active",
+
+  instantiate: (di, route: Route<unknown>) => {
+    const currentPath = di.inject(currentPathInjectable);
+
+    return computed(
+      () =>
+        !!matchPath(currentPath.get(), {
+          path: route.path,
+          exact: true,
+        }),
+    );
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, route: Route<unknown>) => route.path,
+  }),
+});
+
+export default routeIsActiveInjectable;
diff --git a/packages/core/src/renderer/routes/route-path-parameters.injectable.ts b/packages/core/src/renderer/routes/route-path-parameters.injectable.ts
new file mode 100644
index 0000000000..8b2ac9a755
--- /dev/null
+++ b/packages/core/src/renderer/routes/route-path-parameters.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { matchPath } from "react-router";
+import currentPathInjectable from "./current-path.injectable";
+import type { Route } from "../../common/front-end-routing/front-end-route-injection-token";
+
+const routePathParametersInjectable = getInjectable({
+  id: "route-path-parameters",
+
+  instantiate: (di, route: Route<unknown>) => {
+    const currentPath = di.inject(currentPathInjectable);
+
+    // TODO: Reuse typing from route for accuracy
+    return computed((): Record<string, string> => {
+      const match = matchPath(currentPath.get(), {
+        path: route.path,
+        exact: true,
+      });
+
+      return match ? match.params : {};
+    });
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, route: Route<unknown>) => route,
+  }),
+});
+
+export default routePathParametersInjectable;
diff --git a/packages/core/src/renderer/routes/route-specific-component-injection-token.ts b/packages/core/src/renderer/routes/route-specific-component-injection-token.ts
new file mode 100644
index 0000000000..b1cf3d858a
--- /dev/null
+++ b/packages/core/src/renderer/routes/route-specific-component-injection-token.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 { getInjectionToken } from "@ogre-tools/injectable";
+import type { Route } from "../../common/front-end-routing/front-end-route-injection-token";
+
+export const routeSpecificComponentInjectionToken = getInjectionToken<{
+  route: Route<unknown>;
+  Component: React.ElementType<any>;
+}>({
+  id: "route-specific-component-injection-token",
+});
diff --git a/packages/core/src/renderer/routes/routes.injectable.ts b/packages/core/src/renderer/routes/routes.injectable.ts
new file mode 100644
index 0000000000..8f9b6f36eb
--- /dev/null
+++ b/packages/core/src/renderer/routes/routes.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 { computed } from "mobx";
+import currentlyInClusterFrameInjectable from "./currently-in-cluster-frame.injectable";
+import { matches } from "lodash/fp";
+import { frontEndRouteInjectionToken } from "../../common/front-end-routing/front-end-route-injection-token";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+
+const routesInjectable = getInjectable({
+  id: "routes",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const currentlyInClusterFrame = di.inject(currentlyInClusterFrameInjectable);
+    const routes = computedInjectMany(frontEndRouteInjectionToken);
+
+    return computed(() =>
+      routes
+        .get()
+        .filter(matches({ clusterFrame: currentlyInClusterFrame }))
+        .filter((route) => route.isEnabled.get()),
+    );
+  },
+});
+
+export default routesInjectable;
diff --git a/packages/core/src/renderer/routes/sibling-tabs.injectable.ts b/packages/core/src/renderer/routes/sibling-tabs.injectable.ts
new file mode 100644
index 0000000000..78c3ba6f58
--- /dev/null
+++ b/packages/core/src/renderer/routes/sibling-tabs.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 { computed } from "mobx";
+import { getInjectable } from "@ogre-tools/injectable";
+import sidebarItemsInjectable from "../components/layout/sidebar-items.injectable";
+
+const siblingTabsInjectable = getInjectable({
+  id: "sibling-tabs",
+
+  instantiate: (di) => {
+    const sidebarItems = di.inject(sidebarItemsInjectable);
+
+    return computed(() => {
+      const item = sidebarItems.get().find(({ isActive }) => isActive.get());
+
+      return item?.children ?? [];
+    });
+  },
+});
+
+export default siblingTabsInjectable;
diff --git a/packages/core/src/renderer/search-store/search-store.injectable.ts b/packages/core/src/renderer/search-store/search-store.injectable.ts
new file mode 100644
index 0000000000..8e73ffe2cb
--- /dev/null
+++ b/packages/core/src/renderer/search-store/search-store.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, lifecycleEnum } from "@ogre-tools/injectable";
+import { SearchStore } from "./search-store";
+
+const searchStoreInjectable = getInjectable({
+  id: "search-store",
+  instantiate: () => new SearchStore(),
+  lifecycle: lifecycleEnum.transient,
+});
+
+export default searchStoreInjectable;
diff --git a/packages/core/src/renderer/search-store/search-store.test.ts b/packages/core/src/renderer/search-store/search-store.test.ts
new file mode 100644
index 0000000000..02527a0ca2
--- /dev/null
+++ b/packages/core/src/renderer/search-store/search-store.test.ts
@@ -0,0 +1,89 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { SearchStore } from "./search-store";
+import { getDiForUnitTesting } from "../getDiForUnitTesting";
+import directoryForUserDataInjectable from "../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import searchStoreInjectable from "./search-store.injectable";
+
+const logs = [
+  "1:M 30 Oct 2020 16:17:41.553 # Connection with replica 172.17.0.12:6379 lost",
+  "1:M 30 Oct 2020 16:17:41.623 * Replica 172.17.0.12:6379 asks for synchronization",
+  "1:M 30 Oct 2020 16:17:41.623 * Starting Partial resynchronization request from 172.17.0.12:6379 accepted. Sending 0 bytes of backlog starting from offset 14407.",
+];
+
+describe("search store tests", () => {
+  let searchStore: SearchStore;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(directoryForUserDataInjectable, () => "/some-directory-for-user-data");
+
+    searchStore = di.inject(searchStoreInjectable);
+  });
+
+  it("does nothing with empty search query", () => {
+    searchStore.onSearch([], "");
+    expect(searchStore.occurrences).toEqual([]);
+  });
+
+  it("doesn't break if no text provided", () => {
+    searchStore.onSearch(null, "replica");
+    expect(searchStore.occurrences).toEqual([]);
+
+    searchStore.onSearch([], "replica");
+    expect(searchStore.occurrences).toEqual([]);
+  });
+
+  it("find 3 occurrences across 3 lines", () => {
+    searchStore.onSearch(logs, "172");
+    expect(searchStore.occurrences).toEqual([0, 1, 2]);
+  });
+
+  it("find occurrences within 1 line (case-insensitive)", () => {
+    searchStore.onSearch(logs, "Starting");
+    expect(searchStore.occurrences).toEqual([2, 2]);
+  });
+
+  it("sets overlay index equal to first occurrence", () => {
+    searchStore.onSearch(logs, "Replica");
+    expect(searchStore.activeOverlayIndex).toBe(0);
+  });
+
+  it("set overlay index to next occurrence", () => {
+    searchStore.onSearch(logs, "172");
+    searchStore.setNextOverlayActive();
+    expect(searchStore.activeOverlayIndex).toBe(1);
+  });
+
+  it("sets overlay to last occurrence", () => {
+    searchStore.onSearch(logs, "172");
+    searchStore.setPrevOverlayActive();
+    expect(searchStore.activeOverlayIndex).toBe(2);
+  });
+
+  it("gets line index where overlay is located", () => {
+    searchStore.onSearch(logs, "synchronization");
+    expect(searchStore.activeOverlayLine).toBe(1);
+  });
+
+  it("escapes string for using in regex", () => {
+    const regex = SearchStore.escapeRegex("some.interesting-query\\#?()[]");
+
+    expect(regex).toBe("some\\.interesting\\-query\\\\\\#\\?\\(\\)\\[\\]");
+  });
+
+  it("gets active find number", () => {
+    searchStore.onSearch(logs, "172");
+    searchStore.setNextOverlayActive();
+    expect(searchStore.activeFind).toBe(2);
+  });
+
+  it("gets total finds number", () => {
+    searchStore.onSearch(logs, "Starting");
+    expect(searchStore.totalFinds).toBe(2);
+  });
+});
diff --git a/packages/core/src/renderer/search-store/search-store.ts b/packages/core/src/renderer/search-store/search-store.ts
new file mode 100644
index 0000000000..aa5b74dc97
--- /dev/null
+++ b/packages/core/src/renderer/search-store/search-store.ts
@@ -0,0 +1,154 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { action, computed, observable, makeObservable } from "mobx";
+import autoBind from "auto-bind";
+
+export class SearchStore {
+  /**
+   * An utility methods escaping user string to safely pass it into new Regex(variable)
+   * @param value Unescaped string
+   */
+  public static escapeRegex(value?: string): string {
+    return value ? value.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&") : "";
+  }
+
+  constructor() {
+    makeObservable(this);
+    autoBind(this);
+  }
+
+  /**
+   * Text in the search input
+   *
+   * @observable
+   */
+  @observable searchQuery = "";
+
+  /**
+   * Array with line numbers, eg [0, 0, 10, 21, 21, 40...]
+   *
+   * @observable
+   */
+  @observable occurrences: number[] = [];
+
+  /**
+   * Index within the occurrences array. Showing where is activeOverlay currently located
+   *
+   * @observable
+   */
+  @observable activeOverlayIndex = -1;
+
+  /**
+   * Sets default activeOverlayIndex
+   * @param text An array of any textual data (logs, for example)
+   * @param query Search query from input
+   */
+  @action
+  public onSearch(text?: string[] | null, query = this.searchQuery): void {
+    this.searchQuery = query;
+
+    if (!query) {
+      return this.reset();
+    }
+
+    this.occurrences = this.findOccurrences(text ?? [], query);
+
+    if (!this.occurrences.length) {
+      return;
+    }
+
+    // If new highlighted keyword in exact same place as previous one, then no changing in active overlay
+    if (this.occurrences[this.activeOverlayIndex] === undefined) {
+      this.activeOverlayIndex = this.getNextOverlay(true);
+    }
+  }
+
+  /**
+   * Does searching within text array, create a list of search keyword occurrences.
+   * Each keyword "occurrence" is saved as index of the line where keyword was found
+   * @param lines An array of any textual data (logs, for example)
+   * @param query Search query from input
+   * @returns Array of line indexes [0, 0, 14, 17, 17, 17, 20...]
+   */
+  private findOccurrences(lines: string[], query?: string): number[] {
+    const regex = new RegExp(SearchStore.escapeRegex(query), "gi");
+
+    return lines
+      .flatMap((line, index) => Array.from(line.matchAll(regex), () => index));
+  }
+
+  /**
+   * Getting next overlay index within the occurrences array
+   * @param loopOver Allows to jump from last element to first
+   * @returns next overlay index
+   */
+  private getNextOverlay(loopOver = false): number {
+    const next = this.activeOverlayIndex + 1;
+
+    if (next > this.occurrences.length - 1) {
+      return loopOver ? 0 : this.activeOverlayIndex;
+    }
+
+    return next;
+  }
+
+  /**
+   * Getting previous overlay index within the occurrences array of occurrences
+   * @param loopOver Allows to jump from first element to last one
+   * @returns previous overlay index
+   */
+  private getPrevOverlay(loopOver = false): number {
+    const prev = this.activeOverlayIndex - 1;
+
+    if (prev < 0) {
+      return loopOver ? this.occurrences.length - 1 : this.activeOverlayIndex;
+    }
+
+    return prev;
+  }
+
+  public setNextOverlayActive(): void {
+    this.activeOverlayIndex = this.getNextOverlay(true);
+  }
+
+  public setPrevOverlayActive(): void {
+    this.activeOverlayIndex = this.getPrevOverlay(true);
+  }
+
+  /**
+   * Gets line index of where active overlay is located
+   * @returns A line index within the text/logs array
+   */
+  @computed get activeOverlayLine(): number {
+    return this.occurrences[this.activeOverlayIndex];
+  }
+
+  @computed get activeFind(): number {
+    return this.activeOverlayIndex + 1;
+  }
+
+  @computed get totalFinds(): number {
+    return this.occurrences.length;
+  }
+
+  /**
+   * Checks if overlay is active (to highlight it with orange background usually)
+   * @param line Index of the line where overlay is located
+   * @param occurrence Number of the overlay within one line
+   */
+  public isActiveOverlay(line: number, occurrence: number): boolean {
+    const firstLineIndex = this.occurrences.findIndex(item => item === line);
+
+    return firstLineIndex + occurrence === this.activeOverlayIndex;
+  }
+
+  @action
+  private reset(): void {
+    this.searchQuery = "";
+    this.activeOverlayIndex = -1;
+    this.occurrences = [];
+  }
+}
diff --git a/packages/core/src/renderer/start-frame/start-frame.injectable.ts b/packages/core/src/renderer/start-frame/start-frame.injectable.ts
new file mode 100644
index 0000000000..3f1934aa1c
--- /dev/null
+++ b/packages/core/src/renderer/start-frame/start-frame.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 { getInjectable } from "@ogre-tools/injectable";
+import { runManyFor } from "../../common/runnable/run-many-for";
+import * as tokens from "../before-frame-starts/tokens";
+import currentlyInClusterFrameInjectable from "../routes/currently-in-cluster-frame.injectable";
+
+const startFrameInjectable = getInjectable({
+  id: "start-frame",
+
+  // TODO: Consolidate contents of bootstrap.tsx here
+  instantiate: (di) => {
+    const runMany = runManyFor(di);
+    const beforeFrameStartsFirst = runMany(tokens.beforeFrameStartsFirstInjectionToken);
+    const beforeMainFrameStartsFirst = runMany(tokens.beforeMainFrameStartsFirstInjectionToken);
+    const beforeClusterFrameStartsFirst = runMany(tokens.beforeClusterFrameStartsFirstInjectionToken);
+    const beforeFrameStartsSecond = runMany(tokens.beforeFrameStartsSecondInjectionToken);
+    const beforeMainFrameStartsSecond = runMany(tokens.beforeMainFrameStartsSecondInjectionToken);
+    const beforeClusterFrameStartsSecond = runMany(tokens.beforeClusterFrameStartsSecondInjectionToken);
+    const currentlyInClusterFrame = di.inject(currentlyInClusterFrameInjectable);
+
+    return async () => {
+      await beforeFrameStartsFirst();
+
+      if (currentlyInClusterFrame) {
+        await beforeClusterFrameStartsFirst();
+      } else {
+        await beforeMainFrameStartsFirst();
+      }
+
+      await beforeFrameStartsSecond();
+
+      if (currentlyInClusterFrame) {
+        await beforeClusterFrameStartsSecond();
+      } else {
+        await beforeMainFrameStartsSecond();
+      }
+    };
+  },
+});
+
+export default startFrameInjectable;
diff --git a/packages/core/src/renderer/stores-apis-can-be-created.injectable.ts b/packages/core/src/renderer/stores-apis-can-be-created.injectable.ts
new file mode 100644
index 0000000000..87e3bf323a
--- /dev/null
+++ b/packages/core/src/renderer/stores-apis-can-be-created.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 { storesAndApisCanBeCreatedInjectionToken } from "../common/k8s-api/stores-apis-can-be-created.token";
+import hostedClusterIdInjectable from "./cluster-frame-context/hosted-cluster-id.injectable";
+
+const storesAndApisCanBeCreatedInjectable = getInjectable({
+  id: "create-stores-and-apis",
+
+  instantiate: (di) => {
+    const hostedClusterId = di.inject(hostedClusterIdInjectable);
+
+    return !!hostedClusterId;
+  },
+
+  injectionToken: storesAndApisCanBeCreatedInjectionToken,
+});
+
+export default storesAndApisCanBeCreatedInjectable;
diff --git a/packages/core/src/renderer/stores/init-user-store.injectable.ts b/packages/core/src/renderer/stores/init-user-store.injectable.ts
new file mode 100644
index 0000000000..fba2287fe0
--- /dev/null
+++ b/packages/core/src/renderer/stores/init-user-store.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 userStoreInjectable from "../../common/user-store/user-store.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../before-frame-starts/tokens";
+import initDefaultUpdateChannelInjectable from "../vars/default-update-channel/init.injectable";
+
+const initUserStoreInjectable = getInjectable({
+  id: "init-user-store",
+  instantiate: (di) => ({
+    id: "init-user-store",
+    run: () => {
+      // This must be done here so as to actually only be instantiated after the dependencies are
+      const userStore = di.inject(userStoreInjectable);
+
+      return userStore.load();
+    },
+    runAfter: di.inject(initDefaultUpdateChannelInjectable),
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default initUserStoreInjectable;
diff --git a/packages/core/src/renderer/template.html b/packages/core/src/renderer/template.html
new file mode 100755
index 0000000000..5860854d9a
--- /dev/null
+++ b/packages/core/src/renderer/template.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+  </head>
+  <body>
+    <div id="app"></div>
+    <div id="fonts-preloading">
+      <span style="font-family: 'Material Icons'" />
+      <span style="font-family: 'RobotoMono'" />
+      <span style="font-family: 'Anonymous Pro'" />
+      <span style="font-family: 'IBM Plex Mono'" />
+      <span style="font-family: 'JetBrains Mono'" />
+      <span style="font-family: 'Red Hat Mono'" />
+      <span style="font-family: 'Source Code Pro'" />
+      <span style="font-family: 'Space Mono'" />
+      <span style="font-family: 'Ubuntu Mono'" />
+    </div>
+    <div id="terminal-init"></div>
+  </body>
+</html>
diff --git a/packages/core/src/renderer/themes/active-type.injectable.ts b/packages/core/src/renderer/themes/active-type.injectable.ts
new file mode 100644
index 0000000000..483a1474ca
--- /dev/null
+++ b/packages/core/src/renderer/themes/active-type.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 type { IComputedValue } from "mobx";
+import { computed } from "mobx";
+import activeThemeInjectable from "./active.injectable";
+import type { LensThemeType } from "./lens-theme";
+
+export type ActiveThemeType = IComputedValue<LensThemeType>;
+
+const activeThemeTypeInjectable = getInjectable({
+  id: "active-theme-type",
+
+  instantiate: (di) => {
+    const activeTheme = di.inject(activeThemeInjectable);
+
+    return computed(() => activeTheme.get().type);
+  },
+});
+
+export default activeThemeTypeInjectable;
diff --git a/packages/core/src/renderer/themes/active.injectable.ts b/packages/core/src/renderer/themes/active.injectable.ts
new file mode 100644
index 0000000000..e22aee237b
--- /dev/null
+++ b/packages/core/src/renderer/themes/active.injectable.ts
@@ -0,0 +1,40 @@
+/**
+ * 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 lensColorThemePreferenceInjectable from "../../common/user-store/lens-color-theme.injectable";
+import { lensThemeDeclarationInjectionToken } from "./declaration";
+import defaultLensThemeInjectable from "./default-theme.injectable";
+import systemThemeConfigurationInjectable from "./system-theme.injectable";
+import lensThemesInjectable from "./themes.injectable";
+
+const activeThemeInjectable = getInjectable({
+  id: "active-theme",
+  instantiate: (di) => {
+    const lensThemes = di.inject(lensThemesInjectable);
+    const themeDecls = di.injectMany(lensThemeDeclarationInjectionToken);
+    const lensColorThemePreference = di.inject(lensColorThemePreferenceInjectable);
+    const systemThemeConfiguration = di.inject(systemThemeConfigurationInjectable);
+    const defaultLensTheme = di.inject(defaultLensThemeInjectable);
+
+    return computed(() => {
+      const pref = lensColorThemePreference.get();
+
+      if (pref.useSystemTheme) {
+        const systemThemeType = systemThemeConfiguration.get();
+        const matchingTheme = themeDecls.find(theme => theme.type === systemThemeType);
+
+        assert(matchingTheme, `Missing theme declaration for system theme "${systemThemeType}"`);
+
+        return matchingTheme;
+      }
+
+      return lensThemes.get(pref.lensThemeId) ?? defaultLensTheme;
+    });
+  },
+});
+
+export default activeThemeInjectable;
diff --git a/packages/core/src/renderer/themes/apply-lens-theme.injectable.ts b/packages/core/src/renderer/themes/apply-lens-theme.injectable.ts
new file mode 100644
index 0000000000..72b721aa14
--- /dev/null
+++ b/packages/core/src/renderer/themes/apply-lens-theme.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 userStoreInjectable from "../../common/user-store/user-store.injectable";
+import { object } from "../utils";
+import type { LensTheme } from "./lens-theme";
+
+export type ApplyLensTheme = (theme: LensTheme) => void;
+
+const applyLensThemeInjectable = getInjectable({
+  id: "apply-lens-theme",
+  instantiate: (di): ApplyLensTheme => {
+    const logger = di.inject(loggerInjectable);
+    const userStore = di.inject(userStoreInjectable);
+
+    return (theme) => {
+      try {
+        const colors = object.entries(theme.colors);
+
+        for (const [name, value] of colors) {
+          document.documentElement.style.setProperty(`--${name}`, value);
+        }
+
+        // Adding universal theme flag which can be used in component styles
+        document.body.classList.toggle("theme-light", theme.type === "light");
+      } catch (error) {
+        logger.error("[THEME]: Failed to apply active theme", error);
+        userStore.resetTheme();
+      }
+    };
+  },
+  causesSideEffects: true,
+});
+
+export default applyLensThemeInjectable;
diff --git a/packages/core/src/renderer/themes/apply-theme.global-override-for-injectable.ts b/packages/core/src/renderer/themes/apply-theme.global-override-for-injectable.ts
new file mode 100644
index 0000000000..c8283843e1
--- /dev/null
+++ b/packages/core/src/renderer/themes/apply-theme.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 applyLensThemeInjectable from "./apply-lens-theme.injectable";
+
+export default getGlobalOverride(applyLensThemeInjectable, () => () => {});
diff --git a/packages/core/src/renderer/themes/declaration.ts b/packages/core/src/renderer/themes/declaration.ts
new file mode 100644
index 0000000000..f5dff2d842
--- /dev/null
+++ b/packages/core/src/renderer/themes/declaration.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";
+import type { ReadonlyDeep } from "type-fest";
+import type { LensTheme } from "./lens-theme";
+
+export const lensThemeDeclarationInjectionToken = getInjectionToken<ReadonlyDeep<LensTheme>>({
+  id: "lens-theme-declaration",
+});
diff --git a/packages/core/src/renderer/themes/default-theme.injectable.ts b/packages/core/src/renderer/themes/default-theme.injectable.ts
new file mode 100644
index 0000000000..dafed0210a
--- /dev/null
+++ b/packages/core/src/renderer/themes/default-theme.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 { lensThemeDeclarationInjectionToken } from "./declaration";
+
+const defaultLensThemeInjectable = getInjectable({
+  id: "default-lens-theme",
+  instantiate: (di) => {
+    const themes = di.injectMany(lensThemeDeclarationInjectionToken);
+    const [defaultTheme, ...rest] = themes.filter(theme => theme.isDefault);
+
+    if (rest.length > 0) {
+      throw new Error("Multiple LensTheme's are declared as the default");
+    }
+
+    if (!defaultTheme) {
+      throw new Error("No LensTheme is declared as the default");
+    }
+
+    return defaultTheme;
+  },
+});
+
+export default defaultLensThemeInjectable;
diff --git a/packages/core/src/renderer/themes/lens-dark.injectable.ts b/packages/core/src/renderer/themes/lens-dark.injectable.ts
new file mode 100644
index 0000000000..01599ccf28
--- /dev/null
+++ b/packages/core/src/renderer/themes/lens-dark.injectable.ts
@@ -0,0 +1,156 @@
+/**
+ * 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 { lensThemeDeclarationInjectionToken } from "./declaration";
+
+const lensDarkThemeInjectable = getInjectable({
+  id: "lens-dark-theme",
+  instantiate: () => ({
+    name: "Dark",
+    type: "dark" as const,
+    description: "Original Lens dark theme",
+    author: "Mirantis",
+    monacoTheme: "clouds-midnight" as const,
+    colors: {
+      blue: "#3d90ce",
+      magenta: "#c93dce",
+      golden: "#ffc63d",
+      halfGray: "#87909c80",
+      primary: "#3d90ce",
+      textColorPrimary: "#8e9297",
+      textColorSecondary: "#a0a0a0",
+      textColorTertiary: "#909ba6",
+      textColorAccent: "#ffffff",
+      textColorDimmed: "#8e92978c",
+      borderColor: "#4c5053",
+      borderFaintColor: "#373a3e",
+      mainBackground: "#1e2124",
+      secondaryBackground: "#1e2125",
+      contentColor: "#262b2f",
+      layoutBackground: "#2e3136",
+      layoutTabsBackground: "#252729",
+      layoutTabsActiveColor: "#ffffff",
+      layoutTabsLineColor: "#87909c80",
+      sidebarBackground: "#36393e",
+      sidebarLogoBackground: "#414448",
+      sidebarActiveColor: "#ffffff",
+      sidebarSubmenuActiveColor: "#ffffff",
+      sidebarItemHoverBackground: "#3a3e44",
+      badgeBackgroundColor: "#ffba44",
+      buttonPrimaryBackground: "#3d90ce",
+      buttonDefaultBackground: "#414448",
+      buttonLightBackground: "#f1f1f1",
+      buttonAccentBackground: "#e85555",
+      buttonDisabledBackground: "#808080",
+      tableBgcStripe: "#2a2d33",
+      tableBgcSelected: "#383c42",
+      tableHeaderBackground: "#262b2f",
+      tableHeaderColor: "#ffffff",
+      tableSelectedRowColor: "#ffffff",
+      helmLogoBackground: "#ffffff",
+      helmStableRepo: "#3d90ce",
+      helmIncubatorRepo: "#ff7043",
+      helmDescriptionHr: "#41474a",
+      helmDescriptionBlockquoteColor: "#bbb",
+      helmDescriptionBlockquoteBorder: "#8a8f93",
+      helmDescriptionBlockquoteBackground: "#3b4348",
+      helmDescriptionHeaders: "#3e4147",
+      helmDescriptionH6: "#6a737d",
+      helmDescriptionTdBorder: "#47494a",
+      helmDescriptionTrBackground: "#1c2125",
+      helmDescriptionCodeBackground: "#ffffff1a",
+      helmDescriptionPreBackground: "#1b1f21",
+      helmDescriptionPreColor: "#b4b5b4",
+      colorSuccess: "#43a047",
+      colorOk: "#4caf50",
+      colorInfo: "#3d90ce",
+      colorError: "#ce3933",
+      colorSoftError: "#e85555",
+      colorWarning: "#ff9800",
+      colorVague: "#36393e",
+      colorTerminated: "#4c5053",
+      dockHeadBackground: "#2e3136",
+      dockInfoBackground: "#1e2125",
+      dockInfoBorderColor: "#303136",
+      dockEditorBackground: "#000000",
+      dockEditorTag: "#8e97a3",
+      dockEditorKeyword: "#ffffff",
+      dockEditorComment: "#808080",
+      dockEditorActiveLineBackground: "#3a3d41",
+      dockBadgeBackground: "#36393e",
+      dockTabBorderColor: "#43424d",
+      dockTabActiveBackground: "#3a3e45",
+      logsBackground: "#000000",
+      logsForeground: "#ffffff",
+      logRowHoverBackground: "#35373a",
+      dialogTextColor: "#87909c",
+      dialogBackground: "#ffffff",
+      dialogHeaderBackground: "#36393e",
+      dialogFooterBackground: "#f4f4f4",
+      drawerTogglerBackground: "#2f343a",
+      drawerTitleText: "#ffffff",
+      drawerSubtitleBackground: "#373a3e",
+      drawerItemNameColor: "#87909c",
+      drawerItemValueColor: "#a0a0a0",
+      clusterMenuBackground: "#252729",
+      clusterMenuBorderColor: "#252729",
+      clusterMenuCellBackground: "#2e3136",
+      clusterSettingsBackground: "#1e2124",
+      addClusterIconColor: "#252729",
+      boxShadow: "#0000003a",
+      iconActiveColor: "#ffffff",
+      iconActiveBackground: "#ffffff18",
+      filterAreaBackground: "#23272b",
+      chartLiveBarBackground: "#00000033",
+      chartStripesColor: "#ffffff08",
+      chartCapacityColor: "#4c545f",
+      pieChartDefaultColor: "#30353a",
+      inputOptionHoverColor: "#87909c",
+      inputControlBackground: "#1e2125",
+      inputControlBorder: "#414448",
+      inputControlHoverBorder: "#474a4f",
+      lineProgressBackground: "#414448",
+      radioActiveBackground: "#36393e",
+      menuActiveBackground: "#3d90ce",
+      menuSelectedOptionBgc: "#36393e",
+      canvasBackground: "#24292e",
+      scrollBarColor: "#5f6064",
+      settingsBackground: "#262b2e",
+      settingsColor: "#909ba6",
+      navSelectedBackground: "#262b2e",
+      navHoverColor: "#dcddde",
+      hrColor: "#ffffff0f",
+      tooltipBackground: "#18191c",
+    },
+    terminalColors: {
+      background: "#000000",
+      foreground: "#ffffff",
+      cursor: "#ffffff",
+      cursorAccent: "#000000",
+      selection: "#ffffff77",
+      black: "#2e3436",
+      red: "#cc0000",
+      green: "#4e9a06",
+      yellow: "#c4a000",
+      blue: "#3465a4",
+      magenta: "#75507b",
+      cyan: "#06989a",
+      white: "#d3d7cf",
+      brightBlack: "#555753",
+      brightRed: "#ef2929",
+      brightGreen: "#8ae234",
+      brightYellow: "#fce94f",
+      brightBlue: "#729fcf",
+      brightMagenta: "#ad7fa8",
+      brightCyan: "#34e2e2",
+      brightWhite: "#eeeeec",
+    },
+    isDefault: true,
+  }),
+  injectionToken: lensThemeDeclarationInjectionToken,
+});
+
+export default lensDarkThemeInjectable;
+
diff --git a/packages/core/src/renderer/themes/lens-light.injectable.ts b/packages/core/src/renderer/themes/lens-light.injectable.ts
new file mode 100644
index 0000000000..8c9b0374ac
--- /dev/null
+++ b/packages/core/src/renderer/themes/lens-light.injectable.ts
@@ -0,0 +1,154 @@
+/**
+ * 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 { lensThemeDeclarationInjectionToken } from "./declaration";
+
+const lensLightThemeInjectable = getInjectable({
+  id: "lens-light-theme",
+  instantiate: () => ({
+    name: "Light",
+    type: "light" as const,
+    description: "Original Lens light theme",
+    author: "Mirantis",
+    monacoTheme: "vs" as const,
+    colors: {
+      blue: "#3d90ce",
+      magenta: "#c93dce",
+      golden: "#ffc63d",
+      halfGray: "#87909c80",
+      primary: "#3d90ce",
+      textColorPrimary: "#555555",
+      textColorSecondary: "#51575d",
+      textColorTertiary: "#555555",
+      textColorAccent: "#222222",
+      textColorDimmed: "#5557598c",
+      borderColor: "#c9cfd3",
+      borderFaintColor: "#dfdfdf",
+      mainBackground: "#f1f1f1",
+      secondaryBackground: "#f2f3f5",
+      contentColor: "#ffffff",
+      layoutBackground: "#e8e8e8",
+      layoutTabsBackground: "#f8f8f8",
+      layoutTabsActiveColor: "#333333",
+      layoutTabsLineColor: "#87909c80",
+      sidebarLogoBackground: "#f1f1f1",
+      sidebarActiveColor: "#ffffff",
+      sidebarSubmenuActiveColor: "#3d90ce",
+      sidebarBackground: "#e8e8e8",
+      sidebarItemHoverBackground: "#f0f2f5",
+      badgeBackgroundColor: "#ffba44",
+      buttonPrimaryBackground: "#3d90ce",
+      buttonDefaultBackground: "#414448",
+      buttonLightBackground: "#f1f1f1",
+      buttonAccentBackground: "#e85555",
+      buttonDisabledBackground: "#808080",
+      tableBgcStripe: "#f8f8f8",
+      tableBgcSelected: "#f4f5f5",
+      tableHeaderBackground: "#f1f1f1",
+      tableHeaderColor: "#555555",
+      tableSelectedRowColor: "#222222",
+      helmLogoBackground: "#ffffff",
+      helmStableRepo: "#3d90ce",
+      helmIncubatorRepo: "#ff7043",
+      helmDescriptionHr: "#dddddd",
+      helmDescriptionBlockquoteColor: "#555555",
+      helmDescriptionBlockquoteBorder: "#8a8f93",
+      helmDescriptionBlockquoteBackground: "#eeeeee",
+      helmDescriptionHeaders: "#3e4147",
+      helmDescriptionH6: "#6a737d",
+      helmDescriptionTdBorder: "#c6c6c6",
+      helmDescriptionTrBackground: "#1c2125",
+      helmDescriptionCodeBackground: "#ffffff1a",
+      helmDescriptionPreBackground: "#eeeeee",
+      helmDescriptionPreColor: "#555555",
+      colorSuccess: "#206923",
+      colorOk: "#399c3d",
+      colorInfo: "#2d71a4",
+      colorError: "#ce3933",
+      colorSoftError: "#e85555",
+      colorWarning: "#ff9800",
+      colorVague: "#ededed",
+      colorTerminated: "#9dabb5",
+      dockHeadBackground: "#e8e8e8",
+      dockInfoBackground: "#f3f3f3",
+      dockInfoBorderColor: "#c9cfd3",
+      dockEditorBackground: "#24292e",
+      dockEditorTag: "#8e97a3",
+      dockEditorKeyword: "#ffffff",
+      dockEditorComment: "#808080",
+      dockEditorActiveLineBackground: "#3a3d41",
+      dockBadgeBackground: "#dedede",
+      dockTabBorderColor: "#d5d4de",
+      dockTabActiveBackground: "#ffffff",
+      logsBackground: "#24292e",
+      logsForeground: "#ffffff",
+      logRowHoverBackground: "#35373a",
+      dialogTextColor: "#87909c",
+      dialogBackground: "#ffffff",
+      dialogHeaderBackground: "#36393e",
+      dialogFooterBackground: "#f4f4f4",
+      drawerTogglerBackground: "#eaeced",
+      drawerTitleText: "#ffffff",
+      drawerSubtitleBackground: "#f1f1f1",
+      drawerItemNameColor: "#727272",
+      drawerItemValueColor: "#555555",
+      clusterMenuBackground: "#d7d8da",
+      clusterMenuBorderColor: "#c9cfd3",
+      clusterMenuCellBackground: "#bbbbbb",
+      clusterSettingsBackground: "#ffffff",
+      addClusterIconColor: "#8d8d8d",
+      boxShadow: "#0000003a",
+      iconActiveColor: "#ffffff",
+      iconActiveBackground: "#a6a6a694",
+      filterAreaBackground: "#f7f7f7",
+      chartLiveBarBackground: "#00000033",
+      chartStripesColor: "#00000009",
+      chartCapacityColor: "#cccccc",
+      pieChartDefaultColor: "#efefef",
+      inputOptionHoverColor: "#ffffff",
+      inputControlBackground: "#f6f6f7",
+      inputControlBorder: "#cccdcf",
+      inputControlHoverBorder: "#b9bbbe",
+      lineProgressBackground: "#e8e8e8",
+      radioActiveBackground: "#f1f1f1",
+      menuActiveBackground: "#3d90ce",
+      menuSelectedOptionBgc: "#e8e8e8",
+      canvasBackground: "#24292e",
+      scrollBarColor: "#bbbbbb",
+      settingsBackground: "#ffffff",
+      settingsColor: "#555555",
+      navSelectedBackground: "#ffffff",
+      navHoverColor: "#2e3135",
+      hrColor: "#06060714",
+      tooltipBackground: "#ffffff",
+    },
+    terminalColors: {
+      background: "#ffffff",
+      foreground: "#2d2d2d",
+      cursor: "#2d2d2d",
+      cursorAccent: "#ffffff",
+      selection: "#bfbfbf",
+      black: "#2d2d2d",
+      red: "#cd3734 ",
+      green: "#18cf12",
+      yellow: "#acb300",
+      blue: "#3d90ce",
+      magenta: "#c100cd",
+      cyan: "#07c4b9",
+      white: "#d3d7cf",
+      brightBlack: "#a8a8a8",
+      brightRed: "#ff6259",
+      brightGreen: "#5cdb59",
+      brightYellow: "#f8c000",
+      brightBlue: "#008db6",
+      brightMagenta: "#ee55f8",
+      brightCyan: "#50e8df",
+      brightWhite: "#eeeeec",
+    },
+  }),
+  injectionToken: lensThemeDeclarationInjectionToken,
+});
+
+export default lensLightThemeInjectable;
diff --git a/packages/core/src/renderer/themes/lens-theme.ts b/packages/core/src/renderer/themes/lens-theme.ts
new file mode 100644
index 0000000000..21fc649fb0
--- /dev/null
+++ b/packages/core/src/renderer/themes/lens-theme.ts
@@ -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 { MonacoTheme } from "../components/monaco-editor";
+
+export type ThemeId = string;
+export type LensThemeType = "dark" | "light";
+export interface LensTheme {
+  name: string;
+  type: LensThemeType;
+  colors: Record<LensColorName, string>;
+  terminalColors: Partial<Record<TerminalColorName, string>>;
+  description: string;
+  author: string;
+  monacoTheme: MonacoTheme;
+  isDefault?: boolean;
+}
+
+export type TerminalColorName =
+  | "foreground"
+  | "background"
+  | "cursor"
+  | "cursorAccent"
+  | "selection"
+  | "selectionForeground"
+  | "black"
+  | "red"
+  | "green"
+  | "yellow"
+  | "blue"
+  | "magenta"
+  | "cyan"
+  | "white"
+  | "brightBlack"
+  | "brightRed"
+  | "brightGreen"
+  | "brightYellow"
+  | "brightBlue"
+  | "brightMagenta"
+  | "brightCyan"
+  | "brightWhite";
+
+export type LensColorName =
+  | "blue"
+  | "magenta"
+  | "golden"
+  | "halfGray"
+  | "primary"
+  | "textColorPrimary"
+  | "textColorSecondary"
+  | "textColorTertiary"
+  | "textColorAccent"
+  | "textColorDimmed"
+  | "borderColor"
+  | "borderFaintColor"
+  | "mainBackground"
+  | "secondaryBackground"
+  | "contentColor"
+  | "layoutBackground"
+  | "layoutTabsBackground"
+  | "layoutTabsActiveColor"
+  | "layoutTabsLineColor"
+  | "sidebarLogoBackground"
+  | "sidebarActiveColor"
+  | "sidebarSubmenuActiveColor"
+  | "sidebarBackground"
+  | "sidebarItemHoverBackground"
+  | "badgeBackgroundColor"
+  | "buttonPrimaryBackground"
+  | "buttonDefaultBackground"
+  | "buttonLightBackground"
+  | "buttonAccentBackground"
+  | "buttonDisabledBackground"
+  | "tableBgcStripe"
+  | "tableBgcSelected"
+  | "tableHeaderBackground"
+  | "tableHeaderColor"
+  | "tableSelectedRowColor"
+  | "helmLogoBackground"
+  | "helmStableRepo"
+  | "helmIncubatorRepo"
+  | "helmDescriptionHr"
+  | "helmDescriptionBlockquoteColor"
+  | "helmDescriptionBlockquoteBorder"
+  | "helmDescriptionBlockquoteBackground"
+  | "helmDescriptionHeaders"
+  | "helmDescriptionH6"
+  | "helmDescriptionTdBorder"
+  | "helmDescriptionTrBackground"
+  | "helmDescriptionCodeBackground"
+  | "helmDescriptionPreBackground"
+  | "helmDescriptionPreColor"
+  | "colorSuccess"
+  | "colorOk"
+  | "colorInfo"
+  | "colorError"
+  | "colorSoftError"
+  | "colorWarning"
+  | "colorVague"
+  | "colorTerminated"
+  | "dockHeadBackground"
+  | "dockInfoBackground"
+  | "dockInfoBorderColor"
+  | "dockEditorBackground"
+  | "dockEditorTag"
+  | "dockEditorKeyword"
+  | "dockEditorComment"
+  | "dockEditorActiveLineBackground"
+  | "dockBadgeBackground"
+  | "dockTabBorderColor"
+  | "dockTabActiveBackground"
+  | "logsBackground"
+  | "logsForeground"
+  | "logRowHoverBackground"
+  | "dialogTextColor"
+  | "dialogBackground"
+  | "dialogHeaderBackground"
+  | "dialogFooterBackground"
+  | "drawerTogglerBackground"
+  | "drawerTitleText"
+  | "drawerSubtitleBackground"
+  | "drawerItemNameColor"
+  | "drawerItemValueColor"
+  | "clusterMenuBackground"
+  | "clusterMenuBorderColor"
+  | "clusterMenuCellBackground"
+  | "clusterSettingsBackground"
+  | "addClusterIconColor"
+  | "boxShadow"
+  | "iconActiveColor"
+  | "iconActiveBackground"
+  | "filterAreaBackground"
+  | "chartLiveBarBackground"
+  | "chartStripesColor"
+  | "chartCapacityColor"
+  | "pieChartDefaultColor"
+  | "inputOptionHoverColor"
+  | "inputControlBackground"
+  | "inputControlBorder"
+  | "inputControlHoverBorder"
+  | "lineProgressBackground"
+  | "radioActiveBackground"
+  | "menuActiveBackground"
+  | "menuSelectedOptionBgc"
+  | "canvasBackground"
+  | "scrollBarColor"
+  | "settingsBackground"
+  | "settingsColor"
+  | "navSelectedBackground"
+  | "navHoverColor"
+  | "hrColor"
+  | "tooltipBackground";
diff --git a/packages/core/src/renderer/themes/setup-apply-active-theme.injectable.ts b/packages/core/src/renderer/themes/setup-apply-active-theme.injectable.ts
new file mode 100644
index 0000000000..960f5f8764
--- /dev/null
+++ b/packages/core/src/renderer/themes/setup-apply-active-theme.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 { reaction } from "mobx";
+import initializeSystemThemeTypeInjectable from "../../features/theme/system-type/renderer/initialize.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../before-frame-starts/tokens";
+import initUserStoreInjectable from "../stores/init-user-store.injectable";
+import activeThemeInjectable from "./active.injectable";
+import applyLensThemeInjectable from "./apply-lens-theme.injectable";
+
+const setupApplyActiveThemeInjectable = getInjectable({
+  id: "setup-apply-active-theme",
+  instantiate: (di) => ({
+    id: "setup-apply-active-theme",
+    run: () => {
+      const activeTheme = di.inject(activeThemeInjectable);
+      const applyLensTheme = di.inject(applyLensThemeInjectable);
+
+      reaction(
+        () => activeTheme.get(),
+        applyLensTheme,
+        {
+          fireImmediately: true,
+        },
+      );
+    },
+    runAfter: [
+      di.inject(initializeSystemThemeTypeInjectable),
+      di.inject(initUserStoreInjectable),
+    ],
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default setupApplyActiveThemeInjectable;
diff --git a/packages/core/src/renderer/themes/system-theme.injectable.ts b/packages/core/src/renderer/themes/system-theme.injectable.ts
new file mode 100644
index 0000000000..74b1d6ab04
--- /dev/null
+++ b/packages/core/src/renderer/themes/system-theme.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 { observable } from "mobx";
+
+const systemThemeConfigurationInjectable = getInjectable({
+  id: "system-theme-configuration",
+  instantiate: () => observable.box<"dark" | "light">("dark"),
+});
+
+export default systemThemeConfigurationInjectable;
diff --git a/packages/core/src/renderer/themes/terminal-colors.injectable.ts b/packages/core/src/renderer/themes/terminal-colors.injectable.ts
new file mode 100644
index 0000000000..c7010b08b6
--- /dev/null
+++ b/packages/core/src/renderer/themes/terminal-colors.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 { computed } from "mobx";
+import terminalThemePreferenceInjectable from "../../common/user-store/terminal-theme.injectable";
+import activeThemeInjectable from "./active.injectable";
+import lensThemesInjectable from "./themes.injectable";
+
+const xtermColorThemeInjectable = getInjectable({
+  id: "terminal-colors",
+  instantiate: (di) => {
+    const activeTheme = di.inject(activeThemeInjectable);
+    const terminalThemePreference = di.inject(terminalThemePreferenceInjectable);
+    const themes = di.inject(lensThemesInjectable);
+
+    const terminalTheme = computed(() => {
+      const themePref = terminalThemePreference.get();
+
+      if (themePref.matchLensTheme) {
+        return activeTheme.get();
+      }
+
+      return themes.get(themePref.themeId) ?? activeTheme.get();
+    });
+
+    return computed(() => terminalTheme.get().terminalColors);
+  },
+});
+
+export default xtermColorThemeInjectable;
diff --git a/packages/core/src/renderer/themes/themes.injectable.ts b/packages/core/src/renderer/themes/themes.injectable.ts
new file mode 100644
index 0000000000..008a744f49
--- /dev/null
+++ b/packages/core/src/renderer/themes/themes.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 { lensThemeDeclarationInjectionToken } from "./declaration";
+
+const lensThemesInjectable = getInjectable({
+  id: "lens-themes",
+  instantiate: (di) => {
+    const themes = di.injectMany(lensThemeDeclarationInjectionToken);
+
+    return new Map(themes.map(theme => [theme.name, theme]));
+  },
+});
+
+export default lensThemesInjectable;
diff --git a/packages/core/src/renderer/utils/__tests__/converted-name.test.ts b/packages/core/src/renderer/utils/__tests__/converted-name.test.ts
new file mode 100644
index 0000000000..ab1f040b95
--- /dev/null
+++ b/packages/core/src/renderer/utils/__tests__/converted-name.test.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 { getConvertedParts } from "../name-parts";
+
+describe("getConvertedParts", () => {
+  it.each([
+    ["hello", ["hello"]],
+    ["hello.goodbye", ["hello", "goodbye"]],
+    ["hello.1", ["hello", 1]],
+    ["3-hello.1", [3, "hello", 1]],
+    ["3_hello.1", [3, "hello", 1]],
+    ["3_hello.1/foobar", [3, "hello", 1, "foobar"]],
+    ["3_hello.1/foobar\\new", [3, "hello", 1, "foobar", "new"]],
+  ])("Splits '%s' as into %j", (input, output) => {
+    expect(getConvertedParts(input)).toEqual(output);
+  });
+});
diff --git a/packages/core/src/renderer/utils/__tests__/jsonPath.test.ts b/packages/core/src/renderer/utils/__tests__/jsonPath.test.ts
new file mode 100644
index 0000000000..312522a63f
--- /dev/null
+++ b/packages/core/src/renderer/utils/__tests__/jsonPath.test.ts
@@ -0,0 +1,178 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { convertKubectlJsonPathToNodeJsonPath, safeJSONPathValue } from "../jsonPath";
+
+describe("convertKubectlJsonPathToNodeJsonPath", () => {
+  it("should convert \\. to use indexed notation", () => {
+    const res = convertKubectlJsonPathToNodeJsonPath(".metadata.labels.kubesphere\\.io/alias-name");
+
+    expect(res).toBe("$.metadata.labels['kubesphere.io/alias-name']");
+  });
+
+  it("should convert keys with escaped characters to use indexed notation", () => {
+    const res = convertKubectlJsonPathToNodeJsonPath(".metadata.labels.kubesphere\\\"io/alias-name");
+
+    expect(res).toBe("$.metadata.labels['kubesphere\"io/alias-name']");
+  });
+
+  it("should convert '-' to use indexed notation", () => {
+    const res = convertKubectlJsonPathToNodeJsonPath(".metadata.labels.alias-name");
+
+    expect(res).toBe("$.metadata.labels['alias-name']");
+  });
+
+  it("should drop leading dot if first group is converted to index notation", () => {
+    const res = convertKubectlJsonPathToNodeJsonPath(".metadata\\.labels.alias-name");
+
+    expect(res).toBe("$['metadata.labels']['alias-name']");
+  });
+
+  it("should handle scenario when both \\. and indexed notation are present", () => {
+    const rest = convertKubectlJsonPathToNodeJsonPath(".metadata.labels\\.serving['some.other.item']");
+
+    expect(rest).toBe("$.metadata['labels.serving']['some.other.item']");
+  });
+
+  it("should not touch given jsonPath if no invalid characters present", () => {
+    const res = convertKubectlJsonPathToNodeJsonPath(".status.conditions[?(@.type=='Ready')].status");
+
+    expect(res).toBe("$.status.conditions[?(@.type=='Ready')].status");
+  });
+
+  it("strips '\\' away from the result", () => {
+    const res = convertKubectlJsonPathToNodeJsonPath(".metadata.labels['serving\\.knative\\.dev/configuration']");
+
+    expect(res).toBe("$.metadata.labels['serving.knative.dev/configuration']");
+  });
+
+  it("converts all [] to [0]", () => {
+    const res = convertKubectlJsonPathToNodeJsonPath(".metadata.labels[].foo[]");
+
+    expect(res).toBe("$.metadata.labels[0].foo[0]");
+  });
+
+  it("removes trailing ..", () => {
+    const res = convertKubectlJsonPathToNodeJsonPath(".metadata.labels[]..");
+
+    expect(res).toBe("$.metadata.labels[0]");
+  });
+
+  it("converts ending ...name to ..name", () => {
+    const res = convertKubectlJsonPathToNodeJsonPath(".metadata.labels[]...name");
+
+    expect(res).toBe("$.metadata.labels[0]..name");
+  });
+});
+
+describe("safeJSONPathValue", () => {
+  let oldWarn: typeof console["warn"];
+
+  beforeEach(() => {
+    oldWarn = console.warn;
+    console.warn = jest.fn();
+  });
+
+  afterEach(() => {
+    console.warn = oldWarn;
+  });
+
+  it("should convert boolean values to strings", () => {
+    const res = safeJSONPathValue({ bar: false }, ".bar");
+
+    expect(res).toBe(false);
+  });
+
+  it("should convert number values to strings", () => {
+    const res = safeJSONPathValue({ bar: 0 }, ".bar");
+
+    expect(res).toBe(0);
+  });
+
+  it("should join sliced entries with commas only", () => {
+    const res = safeJSONPathValue({
+      bar: [
+        {
+          foo: 1,
+        },
+        {
+          foo: "hello",
+        },
+      ],
+    }, ".bar[].foo");
+
+    expect(res).toBe(1);
+  });
+
+  it("should join an array of values using JSON.stringify", () => {
+    const res = safeJSONPathValue({
+      bar: [
+        "world",
+        "hello",
+      ],
+    }, ".bar");
+
+    expect(res).toEqual(["world", "hello"]);
+  });
+
+  it("should stringify an object value", () => {
+    const res = safeJSONPathValue({
+      foo: { bar: "bat" },
+    }, ".foo");
+
+    expect(res).toEqual({ "bar":"bat" });
+  });
+
+  it("should use convertKubectlJsonPathToNodeJsonPath", () => {
+    const res = safeJSONPathValue({
+      foo: { "hello.world": "bat" },
+    }, ".foo.hello\\.world");
+
+    expect(res).toBe("bat");
+  });
+
+  it("should not throw when given '.spec.metrics[*].external.highWatermark..'", () => {
+    const obj = {
+      spec: {
+        metrics: [
+          {
+            external: {
+              metricName: "cpu",
+              highWatermark: "100",
+            },
+          },
+          {
+            external: {
+              metricName: "memory",
+              highWatermark: "100",
+            },
+          },
+        ],
+      },
+    };
+
+    const res = safeJSONPathValue(obj, ".spec.metrics[*].external.highWatermark..");
+
+    expect(res).toEqual(["100", "100"]);
+  });
+
+  it("should not throw if path is invalid jsonpath", () => {
+    const res = safeJSONPathValue({
+      foo: { "hello.world": "bat" },
+    }, "asd[");
+
+    expect(res).toBe(undefined);
+  });
+
+  it("should retrive value with '/' in jsonpath", () => {
+    const res = safeJSONPathValue({
+      foo: {
+        "hello/world": "bat",
+      },
+    }, ".foo.hello/world");
+
+    expect(res).toBe("bat");
+  });
+});
diff --git a/packages/core/src/renderer/utils/__tests__/metricUnitsToNumber.test.ts b/packages/core/src/renderer/utils/__tests__/metricUnitsToNumber.test.ts
new file mode 100644
index 0000000000..e6c2795eb0
--- /dev/null
+++ b/packages/core/src/renderer/utils/__tests__/metricUnitsToNumber.test.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 { metricUnitsToNumber } from "../metricUnitsToNumber";
+
+describe("metricUnitsToNumber tests", () => {
+  test("plain number", () => {
+    expect(metricUnitsToNumber("124")).toStrictEqual(124);
+  });
+
+  test("with k suffix", () => {
+    expect(metricUnitsToNumber("124k")).toStrictEqual(124000);
+  });
+
+  test("with m suffix", () => {
+    expect(metricUnitsToNumber("124m")).toStrictEqual(124000000);
+  });
+});
diff --git a/packages/core/src/renderer/utils/__tests__/storage-helper.test.ts b/packages/core/src/renderer/utils/__tests__/storage-helper.test.ts
new file mode 100644
index 0000000000..71e9635d61
--- /dev/null
+++ b/packages/core/src/renderer/utils/__tests__/storage-helper.test.ts
@@ -0,0 +1,127 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable, reaction } from "mobx";
+import type { StorageHelper } from "../storage-helper";
+import { toJS } from "../../../common/utils";
+import type { CreateStorageHelper } from "../create-storage-helper.injectable";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import createStorageHelperInjectable from "../create-storage-helper.injectable";
+
+interface StorageModel {
+  [prop: string]: any /*json-serializable*/;
+  message?: string;
+  description?: any;
+}
+
+describe("renderer/utils/StorageHelper", () => {
+  let createStorageHelper: CreateStorageHelper;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    createStorageHelper = di.inject(createStorageHelperInjectable);
+  });
+
+  describe("Using custom StorageAdapter", () => {
+    const storageKey = "ui-settings";
+    const remoteStorageMock = observable.map<string, StorageModel>();
+    let storageHelper: StorageHelper<StorageModel>;
+
+    beforeEach(() => {
+      remoteStorageMock.set(storageKey, {
+        message: "saved-before", // pretending as previously saved data
+      });
+
+      storageHelper = createStorageHelper<StorageModel>(storageKey, {
+        defaultValue: {
+          message: "blabla",
+          description: "default",
+        },
+        storage: {
+          getItem(key: string): StorageModel {
+            return Object.assign(
+              storageHelper.defaultValue,
+              remoteStorageMock.get(key),
+            );
+          },
+          setItem(key: string, value: StorageModel) {
+            remoteStorageMock.set(key, value);
+          },
+          removeItem(key: string) {
+            remoteStorageMock.delete(key);
+          },
+        },
+      });
+    });
+
+    it("initialized with default value", async () => {
+      expect(storageHelper.key).toBe(storageKey);
+      expect(storageHelper.get()).toEqual(storageHelper.defaultValue);
+    });
+
+    it("set() fully replaces data in storage", () => {
+      storageHelper.set({ message: "msg" });
+      storageHelper.get().description = "desc";
+      expect(storageHelper.get().message).toBe("msg");
+      expect(storageHelper.get().description).toBe("desc");
+      expect(remoteStorageMock.get(storageKey)).toEqual({
+        message: "msg",
+        description: "desc",
+      } as StorageModel);
+    });
+
+    it("merge() does partial data tree updates", () => {
+      storageHelper.merge({ message: "updated" });
+
+      expect(storageHelper.get()).toEqual({ ...storageHelper.defaultValue, message: "updated" });
+      expect(remoteStorageMock.get(storageKey)).toEqual({ ...storageHelper.defaultValue, message: "updated" });
+
+      // `draft` modified inside, returning `void` is expected
+      storageHelper.merge(draft => {
+        draft.message = "updated2";
+      });
+      expect(storageHelper.get()).toEqual({ ...storageHelper.defaultValue, message: "updated2" });
+
+      // returning object modifies `draft` as well
+      storageHelper.merge(draft => ({
+        message: draft.message?.replace("2", "3"),
+      }));
+      expect(storageHelper.get()).toEqual({ ...storageHelper.defaultValue, message: "updated3" });
+    });
+  });
+
+  describe("data in storage-helper is observable (mobx)", () => {
+    let storageHelper: StorageHelper<any>;
+    const defaultValue: any = { firstName: "Joe" };
+    const observedChanges: any[] = [];
+
+    beforeEach(() => {
+      observedChanges.length = 0;
+
+      storageHelper = createStorageHelper<typeof defaultValue>("some-key", {
+        defaultValue,
+        storage: {
+          getItem: jest.fn(),
+          setItem: jest.fn(),
+          removeItem: jest.fn(),
+        },
+      });
+    });
+
+    it("storage.get() is observable", () => {
+      expect(storageHelper.get()).toEqual(defaultValue);
+
+      reaction(() => toJS(storageHelper.get()), change => {
+        observedChanges.push(change);
+      });
+
+      storageHelper.merge({ lastName: "Black" });
+      storageHelper.set("whatever");
+      expect(observedChanges).toEqual([{ ...defaultValue, lastName: "Black" }, "whatever"]);
+    });
+  });
+
+});
diff --git a/packages/core/src/renderer/utils/channel/channel-listeners/enlist-message-channel-listener.injectable.ts b/packages/core/src/renderer/utils/channel/channel-listeners/enlist-message-channel-listener.injectable.ts
new file mode 100644
index 0000000000..1e5b14bb40
--- /dev/null
+++ b/packages/core/src/renderer/utils/channel/channel-listeners/enlist-message-channel-listener.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 ipcRendererInjectable from "../ipc-renderer.injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { IpcRendererEvent } from "electron";
+import { enlistMessageChannelListenerInjectionToken } from "../../../../common/utils/channel/enlist-message-channel-listener-injection-token";
+
+const enlistMessageChannelListenerInjectable = getInjectable({
+  id: "enlist-message-channel-listener-for-renderer",
+
+  instantiate: (di) => {
+    const ipcRenderer = di.inject(ipcRendererInjectable);
+
+    return ({ channel, handler }) => {
+      const nativeCallback = (_: IpcRendererEvent, message: unknown) => {
+        handler(message);
+      };
+
+      ipcRenderer.on(channel.id, nativeCallback);
+
+      return () => {
+        ipcRenderer.off(channel.id, nativeCallback);
+      };
+    };
+  },
+
+  injectionToken: enlistMessageChannelListenerInjectionToken,
+});
+
+export default enlistMessageChannelListenerInjectable;
diff --git a/packages/core/src/renderer/utils/channel/channel-listeners/enlist-message-channel-listener.test.ts b/packages/core/src/renderer/utils/channel/channel-listeners/enlist-message-channel-listener.test.ts
new file mode 100644
index 0000000000..f5555d94f3
--- /dev/null
+++ b/packages/core/src/renderer/utils/channel/channel-listeners/enlist-message-channel-listener.test.ts
@@ -0,0 +1,97 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { EnlistMessageChannelListener } from "../../../../common/utils/channel/enlist-message-channel-listener-injection-token";
+import { enlistMessageChannelListenerInjectionToken } from "../../../../common/utils/channel/enlist-message-channel-listener-injection-token";
+import type { IpcRendererEvent, IpcRenderer } from "electron";
+import ipcRendererInjectable from "../ipc-renderer.injectable";
+
+describe("enlist message channel listener in renderer", () => {
+  let enlistMessageChannelListener: EnlistMessageChannelListener;
+  let ipcRendererStub: IpcRenderer;
+  let onMock: jest.Mock;
+  let offMock: jest.Mock;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    onMock = jest.fn();
+    offMock = jest.fn();
+
+    ipcRendererStub = {
+      on: onMock,
+      off: offMock,
+    } as unknown as IpcRenderer;
+
+    di.override(ipcRendererInjectable, () => ipcRendererStub);
+
+    enlistMessageChannelListener = di.inject(
+      enlistMessageChannelListenerInjectionToken,
+    );
+  });
+
+  describe("when called", () => {
+    let handlerMock: jest.Mock;
+    let disposer: () => void;
+
+    beforeEach(() => {
+      handlerMock = jest.fn();
+
+      disposer = enlistMessageChannelListener({
+        channel: { id: "some-channel-id" },
+        handler: handlerMock,
+      });
+    });
+
+    it("does not call handler yet", () => {
+      expect(handlerMock).not.toHaveBeenCalled();
+    });
+
+    it("registers the listener", () => {
+      expect(onMock).toHaveBeenCalledWith(
+        "some-channel-id",
+        expect.any(Function),
+      );
+    });
+
+    it("does not de-register the listener yet", () => {
+      expect(offMock).not.toHaveBeenCalled();
+    });
+
+    describe("when message arrives", () => {
+      beforeEach(() => {
+        onMock.mock.calls[0][1]({} as IpcRendererEvent, "some-message");
+      });
+
+      it("calls the handler with the message", () => {
+        expect(handlerMock).toHaveBeenCalledWith("some-message");
+      });
+
+      it("when disposing the listener, de-registers the listener", () => {
+        disposer();
+
+        expect(offMock).toHaveBeenCalledWith("some-channel-id", expect.any(Function));
+      });
+    });
+
+    it("given number as message, when message arrives, calls the handler with the message", () => {
+      onMock.mock.calls[0][1]({} as IpcRendererEvent, 42);
+
+      expect(handlerMock).toHaveBeenCalledWith(42);
+    });
+
+    it("given boolean as message, when message arrives, calls the handler with the message", () => {
+      onMock.mock.calls[0][1]({} as IpcRendererEvent, true);
+
+      expect(handlerMock).toHaveBeenCalledWith(true);
+    });
+
+    it("given object as message, when message arrives, calls the handler with the message", () => {
+      onMock.mock.calls[0][1]({} as IpcRendererEvent, { some: "object" });
+
+      expect(handlerMock).toHaveBeenCalledWith({ some: "object" });
+    });
+  });
+});
diff --git a/packages/core/src/renderer/utils/channel/channel-listeners/start-listening-of-channels.injectable.ts b/packages/core/src/renderer/utils/channel/channel-listeners/start-listening-of-channels.injectable.ts
new file mode 100644
index 0000000000..aea98b3360
--- /dev/null
+++ b/packages/core/src/renderer/utils/channel/channel-listeners/start-listening-of-channels.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 { beforeFrameStartsSecondInjectionToken } from "../../../before-frame-starts/tokens";
+import listeningOnMessageChannelsInjectable from "../../../../common/utils/channel/listening-on-message-channels.injectable";
+
+const startListeningOfChannelsInjectable = getInjectable({
+  id: "start-listening-of-channels-renderer",
+
+  instantiate: (di) => ({
+    id: "start-listening-of-channels-renderer",
+    run: () => {
+      const listeningOfChannels = di.inject(listeningOnMessageChannelsInjectable);
+
+      listeningOfChannels.start();
+    },
+  }),
+
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default startListeningOfChannelsInjectable;
diff --git a/packages/core/src/renderer/utils/channel/ipc-renderer.global-override-for-injectable.ts b/packages/core/src/renderer/utils/channel/ipc-renderer.global-override-for-injectable.ts
new file mode 100644
index 0000000000..28043f1299
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/utils/channel/ipc-renderer.injectable.ts b/packages/core/src/renderer/utils/channel/ipc-renderer.injectable.ts
new file mode 100644
index 0000000000..c0d7ff3afd
--- /dev/null
+++ b/packages/core/src/renderer/utils/channel/ipc-renderer.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 { ipcRenderer } from "electron";
+
+const ipcRendererInjectable = getInjectable({
+  id: "ipc-renderer",
+  instantiate: () => ipcRenderer,
+  causesSideEffects: true,
+});
+
+export default ipcRendererInjectable;
diff --git a/packages/core/src/renderer/utils/channel/message-to-channel.injectable.ts b/packages/core/src/renderer/utils/channel/message-to-channel.injectable.ts
new file mode 100644
index 0000000000..eab7e4ec7f
--- /dev/null
+++ b/packages/core/src/renderer/utils/channel/message-to-channel.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 { SendMessageToChannel } from "../../../common/utils/channel/message-to-channel-injection-token";
+import { sendMessageToChannelInjectionToken } from "../../../common/utils/channel/message-to-channel-injection-token";
+import sendToMainInjectable from "./send-to-main.injectable";
+
+const messageToChannelInjectable = getInjectable({
+  id: "message-to-channel",
+
+  instantiate: (di) => {
+    const sendToMain = di.inject(sendToMainInjectable);
+
+    return ((channel, message) => {
+      sendToMain(channel.id, message);
+    }) as SendMessageToChannel;
+  },
+
+  injectionToken: sendMessageToChannelInjectionToken,
+});
+
+export default messageToChannelInjectable;
diff --git a/packages/core/src/renderer/utils/channel/request-from-channel.injectable.ts b/packages/core/src/renderer/utils/channel/request-from-channel.injectable.ts
new file mode 100644
index 0000000000..fd0815b1a3
--- /dev/null
+++ b/packages/core/src/renderer/utils/channel/request-from-channel.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 ipcRendererInjectable from "./ipc-renderer.injectable";
+import type { RequestFromChannel } from "../../../common/utils/channel/request-from-channel-injection-token";
+import { requestFromChannelInjectionToken } from "../../../common/utils/channel/request-from-channel-injection-token";
+
+const requestFromChannelInjectable = getInjectable({
+  id: "request-from-channel",
+
+  instantiate: (di) => {
+    const ipcRenderer = di.inject(ipcRendererInjectable);
+
+    return ((channel, request) => ipcRenderer.invoke(channel.id, request)) as RequestFromChannel;
+  },
+
+  injectionToken: requestFromChannelInjectionToken,
+});
+
+export default requestFromChannelInjectable;
diff --git a/packages/core/src/renderer/utils/channel/send-to-main.injectable.ts b/packages/core/src/renderer/utils/channel/send-to-main.injectable.ts
new file mode 100644
index 0000000000..6eb4540062
--- /dev/null
+++ b/packages/core/src/renderer/utils/channel/send-to-main.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 ipcRendererInjectable from "./ipc-renderer.injectable";
+
+const sendToMainInjectable = getInjectable({
+  id: "send-to-main",
+
+  instantiate: (di) => {
+    const ipcRenderer = di.inject(ipcRendererInjectable);
+
+    return (channelId: string, message: any) => {
+      ipcRenderer.send(channelId, message);
+    };
+  },
+});
+
+export default sendToMainInjectable;
diff --git a/packages/core/src/renderer/utils/create-storage-helper.injectable.ts b/packages/core/src/renderer/utils/create-storage-helper.injectable.ts
new file mode 100644
index 0000000000..36eebb246d
--- /dev/null
+++ b/packages/core/src/renderer/utils/create-storage-helper.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 loggerInjectable from "../../common/logger.injectable";
+import type { StorageHelperDependencies, StorageHelperOptions } from "./storage-helper";
+import { StorageHelper } from "./storage-helper";
+
+export type CreateStorageHelper = <T>(key: string, options: StorageHelperOptions<T>) => StorageHelper<T>;
+
+const createStorageHelperInjectable = getInjectable({
+  id: "create-storage-helper",
+  instantiate: (di): CreateStorageHelper => {
+    const deps: StorageHelperDependencies = {
+      logger: di.inject(loggerInjectable),
+    };
+
+    return (key, options) => new StorageHelper(deps, key, options);
+  },
+});
+
+export default createStorageHelperInjectable;
diff --git a/packages/core/src/renderer/utils/create-storage/create-storage.injectable.ts b/packages/core/src/renderer/utils/create-storage/create-storage.injectable.ts
new file mode 100644
index 0000000000..712f5b3b2f
--- /dev/null
+++ b/packages/core/src/renderer/utils/create-storage/create-storage.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 { action } from "mobx";
+import lensLocalStorageStateInjectable from "./state.injectable";
+import createStorageHelperInjectable from "../create-storage-helper.injectable";
+import type { StorageLayer } from "../storage-helper";
+
+export type CreateStorage = <T>(key: string, defaultValue: T) => StorageLayer<T>;
+
+const createStorageInjectable = getInjectable({
+  id: "create-storage",
+
+  instantiate: (di): CreateStorage => {
+    const lensLocalStorageState = di.inject(lensLocalStorageStateInjectable);
+    const createStorageHelper = di.inject(createStorageHelperInjectable);
+
+    return <T>(key: string, defaultValue: T) => createStorageHelper<T>(key, {
+      defaultValue,
+      storage: {
+        getItem: (key) => lensLocalStorageState[key] as T,
+        setItem: action((key, value) => lensLocalStorageState[key] = value),
+        removeItem: action((key) => delete lensLocalStorageState[key]),
+      },
+    });
+  },
+});
+
+export default createStorageInjectable;
diff --git a/packages/core/src/renderer/utils/create-storage/initialize-state.injectable.ts b/packages/core/src/renderer/utils/create-storage/initialize-state.injectable.ts
new file mode 100644
index 0000000000..2c0d832c9e
--- /dev/null
+++ b/packages/core/src/renderer/utils/create-storage/initialize-state.injectable.ts
@@ -0,0 +1,75 @@
+/**
+ * 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 AwaitLock from "await-lock";
+import { comparer, reaction, runInAction, toJS } from "mobx";
+import directoryForLensLocalStorageInjectable from "../../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+import readJsonFileInjectable from "../../../common/fs/read-json-file.injectable";
+import writeJsonFileInjectable from "../../../common/fs/write-json-file.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import joinPathsInjectable from "../../../common/path/join-paths.injectable";
+import setupAppPathsInjectable from "../../app-paths/setup-app-paths.injectable";
+import { beforeFrameStartsFirstInjectionToken } from "../../before-frame-starts/tokens";
+import hostedClusterIdInjectable from "../../cluster-frame-context/hosted-cluster-id.injectable";
+import { storageHelperLogPrefix } from "../storage-helper";
+import lensLocalStorageStateInjectable from "./state.injectable";
+import storageSaveDelayInjectable from "./storage-save-delay.injectable";
+
+const initializeStateInjectable = getInjectable({
+  id: "initialize-lens-local-storage-state",
+  instantiate: (di) => ({
+    id: "initialize-lens-local-storage-state",
+    run: async () => {
+      const joinPaths = di.inject(joinPathsInjectable);
+      const directoryForLensLocalStorage = di.inject(directoryForLensLocalStorageInjectable);
+      const hostedClusterId = di.inject(hostedClusterIdInjectable);
+      const lensLocalStorageState = di.inject(lensLocalStorageStateInjectable);
+      const readJsonFile = di.inject(readJsonFileInjectable);
+      const writeJsonFile = di.inject(writeJsonFileInjectable);
+      const logger = di.inject(loggerInjectable);
+      const storageSaveDelay = di.inject(storageSaveDelayInjectable);
+      const lock = new AwaitLock();
+
+      const filePath = joinPaths(directoryForLensLocalStorage, `${hostedClusterId || "app"}.json`);
+
+      try {
+        const localFile = await readJsonFile(filePath);
+
+        if (typeof localFile === "object") {
+          runInAction(() => {
+            Object.assign(lensLocalStorageState, localFile);
+          });
+        }
+      } catch {
+        // do nothing
+      } finally {
+        logger.info(`${storageHelperLogPrefix} loading finished for ${filePath}`);
+      }
+
+      reaction(() => toJS(lensLocalStorageState), saveFile, {
+        delay: storageSaveDelay, // lazy, avoid excessive writes to fs
+        equals: comparer.structural, // save only when something really changed
+      });
+
+      async function saveFile(state: Record<string, unknown>) {
+        try {
+          await lock.acquireAsync();
+          logger.info(`${storageHelperLogPrefix} saving ${filePath}`);
+          await writeJsonFile(filePath, state);
+        } catch (error) {
+          logger.error(`${storageHelperLogPrefix} saving failed: ${error}`, {
+            json: state, jsonFilePath: filePath,
+          });
+        } finally {
+          lock.release();
+        }
+      }
+    },
+    runAfter: di.inject(setupAppPathsInjectable),
+  }),
+  injectionToken: beforeFrameStartsFirstInjectionToken,
+});
+
+export default initializeStateInjectable;
diff --git a/packages/core/src/renderer/utils/create-storage/state.injectable.ts b/packages/core/src/renderer/utils/create-storage/state.injectable.ts
new file mode 100644
index 0000000000..dc5f632afa
--- /dev/null
+++ b/packages/core/src/renderer/utils/create-storage/state.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 { observable } from "mobx";
+
+const lensLocalStorageStateInjectable = getInjectable({
+  id: "lens-local-storage-state",
+  instantiate: () => observable.object({} as Record<string, unknown>),
+});
+
+export default lensLocalStorageStateInjectable;
diff --git a/packages/core/src/renderer/utils/create-storage/storage-save-delay.global-override-for-injectable.ts b/packages/core/src/renderer/utils/create-storage/storage-save-delay.global-override-for-injectable.ts
new file mode 100644
index 0000000000..f6bcc97ab0
--- /dev/null
+++ b/packages/core/src/renderer/utils/create-storage/storage-save-delay.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 storageSaveDelayInjectable from "./storage-save-delay.injectable";
+
+export default getGlobalOverride(storageSaveDelayInjectable, () => 0);
diff --git a/packages/core/src/renderer/utils/create-storage/storage-save-delay.injectable.ts b/packages/core/src/renderer/utils/create-storage/storage-save-delay.injectable.ts
new file mode 100644
index 0000000000..57a680befc
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/utils/cssNames.ts b/packages/core/src/renderer/utils/cssNames.ts
new file mode 100755
index 0000000000..cd1fa37a4a
--- /dev/null
+++ b/packages/core/src/renderer/utils/cssNames.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 { iter } from "../../common/utils";
+
+export type IgnoredClassNames = number | symbol | Function;
+
+export type IClassName = string | string[] | IClassNameMap | undefined | null | false | IgnoredClassNames;
+export type IClassNameMap = object;
+
+export function cssNames(...classNames: IClassName[]): string {
+  const classNamesEnabled = new Map<string, boolean>();
+
+  for (const className of classNames) {
+    if (typeof className === "string") {
+      classNamesEnabled.set(className, true);
+    } else if (Array.isArray(className)) {
+      for (const name of className) {
+        classNamesEnabled.set(name, true);
+      }
+    } else if (className && typeof className === "object") {
+      for (const [name, value] of Object.entries(className)) {
+        classNamesEnabled.set(name, Boolean(value));
+      }
+    }
+  }
+
+  return iter.chain(classNamesEnabled.entries())
+    .filter(([, isActive]) => !!isActive)
+    .filterMap(([className]) => className.trim())
+    .join(" ");
+}
diff --git a/packages/core/src/renderer/utils/cssVar.ts b/packages/core/src/renderer/utils/cssVar.ts
new file mode 100755
index 0000000000..2938426580
--- /dev/null
+++ b/packages/core/src/renderer/utils/cssVar.ts
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Helper for getting/setting css-variables
+
+export function cssVar(elem: HTMLElement) {
+  return {
+    get(name: string) {
+      const value = window.getComputedStyle(elem).getPropertyValue(name).trim();
+
+      return {
+        toString: () => value,
+        valueOf: () => parseFloat(value),
+      };
+    },
+    set(name: string, value: number | string) {
+      if (typeof value === "number") value = `${value}px`;
+      elem.style.setProperty(name, value);
+    },
+  };
+}
diff --git a/packages/core/src/renderer/utils/display-mode.ts b/packages/core/src/renderer/utils/display-mode.ts
new file mode 100644
index 0000000000..e0d2be5d88
--- /dev/null
+++ b/packages/core/src/renderer/utils/display-mode.ts
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Format `mode` in octal notation
+ */
+export function displayMode(mode: number): string {
+  return `0o${mode.toString(8)}`;
+}
diff --git a/packages/core/src/renderer/utils/index.ts b/packages/core/src/renderer/utils/index.ts
new file mode 100755
index 0000000000..cde1a70077
--- /dev/null
+++ b/packages/core/src/renderer/utils/index.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Common usage utils & helpers
+export * from "../../common/utils";
+export * from "../../common/event-emitter";
+
+export * from "./cssNames";
+export * from "./cssVar";
+export * from "./display-mode";
+export * from "./interval";
+export * from "./isMiddleClick";
+export * from "./isReactNode";
+export * from "./metricUnitsToNumber";
+export * from "./name-parts";
+export * from "./prevDefault";
+export * from "./saveFile";
+export * from "./storage-helper";
diff --git a/packages/core/src/renderer/utils/interval.ts b/packages/core/src/renderer/utils/interval.ts
new file mode 100644
index 0000000000..3e70b15799
--- /dev/null
+++ b/packages/core/src/renderer/utils/interval.ts
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Helper for working with time updates / data-polling callbacks
+
+export interface IntervalFn {
+  start(runImmediately?: boolean): void;
+  stop(): void;
+  restart(runImmediately?: boolean): void;
+  readonly isRunning: boolean;
+}
+
+export function interval(timeSec = 1, callback: (count: number) => void, autoRun = false): IntervalFn {
+  let count = 0;
+  let timer = -1;
+  let isRunning = false;
+  const intervalManager = {
+    start(runImmediately = false) {
+      if (isRunning) return;
+      const tick = () => callback(++count);
+
+      isRunning = true;
+      timer = window.setInterval(tick, 1000 * timeSec);
+      if (runImmediately) tick();
+    },
+    stop() {
+      count = 0;
+      isRunning = false;
+      clearInterval(timer);
+    },
+    restart(runImmediately = false) {
+      this.stop();
+      this.start(runImmediately);
+    },
+    get isRunning() {
+      return isRunning;
+    },
+  };
+
+  if (autoRun) intervalManager.start();
+
+  return intervalManager;
+}
diff --git a/packages/core/src/renderer/utils/is-node-falsy.ts b/packages/core/src/renderer/utils/is-node-falsy.ts
new file mode 100644
index 0000000000..0bc6477285
--- /dev/null
+++ b/packages/core/src/renderer/utils/is-node-falsy.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 type React from "react";
+
+/**
+ * Returns `true` if `node` is a falsy value
+ */
+export function isNodeFalsy(node: React.ReactNode): boolean {
+  return !isNodeRenderable(node);
+}
+
+/**
+ * Return `true` if React would render this
+ */
+export function isNodeRenderable(node: React.ReactNode): boolean {
+  return Boolean(node);
+}
+
+/**
+ * Returns the first react node provided that is would be rendered by react
+ */
+export function foldNodes(...nodes: React.ReactNode[]): React.ReactNode {
+  return nodes.find(isNodeRenderable);
+}
diff --git a/packages/core/src/renderer/utils/isMiddleClick.ts b/packages/core/src/renderer/utils/isMiddleClick.ts
new file mode 100644
index 0000000000..63dda748bf
--- /dev/null
+++ b/packages/core/src/renderer/utils/isMiddleClick.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 React from "react";
+
+// Helper for inlining middleClick checks
+// <form onAuxClick={isMiddleClick(() => console.log('do some action'))}>
+//    <input name="text"/>
+//    <button type="submit">Action</button>
+// </form>
+
+export function isMiddleClick<E extends React.MouseEvent>(callback: (evt: E) => any) {
+  return function (evt: E) {
+    if(evt.button === 1) {
+      return callback(evt);
+    }
+  };
+}
diff --git a/packages/core/src/renderer/utils/isReactNode.ts b/packages/core/src/renderer/utils/isReactNode.ts
new file mode 100755
index 0000000000..682ac0f93b
--- /dev/null
+++ b/packages/core/src/renderer/utils/isReactNode.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Type guard for checking valid react node to use in render
+import type { ReactNode } from "react";
+import React from "react";
+import { isObject } from "../../common/utils";
+
+export function isReactNode(node: unknown): node is ReactNode {
+  return (isObject(node) && React.isValidElement(node))
+    || Array.isArray(node) && node.every(isReactNode)
+    || node == null
+    || typeof node !== "object";
+}
diff --git a/packages/core/src/renderer/utils/jsonPath.ts b/packages/core/src/renderer/utils/jsonPath.ts
new file mode 100644
index 0000000000..57fffbaea9
--- /dev/null
+++ b/packages/core/src/renderer/utils/jsonPath.ts
@@ -0,0 +1,117 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { JSONPath } from "@astronautlabs/jsonpath";
+import { TypedRegEx } from "typed-regex";
+
+const slashDashSearch = /[/\\-]/g;
+const pathByBareDots = /(?<=\w)\./;
+const textBeforeFirstSquare = /^.*(?=\[)/g;
+const backSlash = /\\/g;
+const kubectlOptionPrefix = TypedRegEx("^\\$?\\.?(?<pathExpression>.*)");
+const sliceVersion = /\[]/g;
+const tripleDotName = /\.\.\.(?<trailing>.)/g;
+const trailingDotDot = /\.\.$/;
+
+/**
+ * The GO package that kubectl and kubernetes uses for its JSONpath implementation has some
+ * shorthand conveniences that are not part of the official spec. This function tries to convert
+ * those shorthands to the official spec.
+ *
+ * Known shorthands:
+ * - Leading `$` is optional (but implied)
+ * - The string `/` can be used without a leading `\` escapement
+ * - The string `\.` is used to denote the "value of '.'" and not "next key"
+ * - The string `-` can be used while not in quotes
+ * - `[]` as shorthand for `[0]`
+ * - Remove `..` at the end of a path, we will just format it slightly differently
+ * - Allow `...foo` as well as `..foo`
+ */
+export function convertKubectlJsonPathToNodeJsonPath(jsonPath: string) {
+  const captures = kubectlOptionPrefix.captures(jsonPath);
+  let start = "$";
+
+  if (!captures) {
+    return start;
+  }
+
+  let { pathExpression } = captures;
+
+  if (pathExpression.match(slashDashSearch)) {
+    const [first, ...rest] = pathExpression.split(pathByBareDots);
+
+    pathExpression = `${convertToIndexNotation(first, true)}${rest.map(value => convertToIndexNotation(value)).join("")}`;
+  }
+
+  pathExpression = pathExpression.replace(trailingDotDot, "");
+  pathExpression = pathExpression.replace(tripleDotName, "..$<trailing>");
+
+  if (!pathExpression.startsWith("[")) {
+    start += ".";
+  }
+
+  // strip '\' characters from the result
+  return `${start}${pathExpression.replace(backSlash, "").replace(sliceVersion, "[0]")}`;
+}
+
+function convertToIndexNotation(key: string, firstItem = false) {
+  if (key.match(slashDashSearch)) {
+    if (key.includes("[")) { // handle cases where key contains [...]
+      const keyToConvert = key.match(textBeforeFirstSquare); // get the text from the key before '['
+
+      if (keyToConvert && keyToConvert[0].match(slashDashSearch)) { // check if that part contains illegal characters
+        return key.replace(keyToConvert[0], `['${keyToConvert[0]}']`); // surround key with '[' and ']'
+      } else {
+        return `.${key}`; // otherwise return as is with leading '.'
+      }
+    }
+
+    return `['${key}']`;
+  } else { // no illegal characters found, do not touch
+    const prefix = firstItem ? "" : ".";
+
+    return `${prefix}${key}`;
+  }
+}
+
+export function formatJSONValue(value: unknown): string {
+  if (value == null) {
+    return "";
+  }
+
+  if (Array.isArray(value)) {
+    return value.map(formatJSONValue).join(", ");
+  }
+
+  if (typeof value === "object") {
+    return JSON.stringify(value);
+  }
+
+  return String(value);
+}
+
+/**
+ * This function is a safer version of `JSONPath.value(obj, path)` with untrusted jsonpath strings
+ *
+ * This function will also stringify the value retreived from the object
+ */
+export function safeJSONPathValue(obj: object, path: string): unknown {
+  try {
+    const parsedPath = JSONPath.parse(convertKubectlJsonPathToNodeJsonPath(path));
+    const isSlice = parsedPath.some((exp: any) => exp.expression.type === "slice" || exp.expression.type === "wildcard");
+    const value = JSONPath.query(obj, JSONPath.stringify(parsedPath), isSlice ? Infinity : 1);
+
+    if (isSlice) {
+      return value;
+    }
+
+    return value[0];
+  } catch (error) {
+    // something failed
+    console.warn("[JSON-PATH]: failed to parse jsonpath", error);
+
+    return undefined;
+  }
+}
diff --git a/packages/core/src/renderer/utils/metricUnitsToNumber.ts b/packages/core/src/renderer/utils/metricUnitsToNumber.ts
new file mode 100644
index 0000000000..34b1c6b183
--- /dev/null
+++ b/packages/core/src/renderer/utils/metricUnitsToNumber.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+const base = 1000;
+const suffixes = ["k", "m", "g", "t", "q"];
+
+export function metricUnitsToNumber(value: string): number {
+  const suffix = value.toLowerCase().slice(-1);
+  const index = suffixes.indexOf(suffix);
+
+  return parseInt(
+    (parseFloat(value) * Math.pow(base, index + 1)).toFixed(1),
+  );
+}
diff --git a/packages/core/src/renderer/utils/name-parts.ts b/packages/core/src/renderer/utils/name-parts.ts
new file mode 100644
index 0000000000..d11e5aa344
--- /dev/null
+++ b/packages/core/src/renderer/utils/name-parts.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Split `name` into the parts seperated by one or more of (-, _, or .) and
+ * the sections can be converted to numbers will be converted
+ * @param name A kube object name
+ * @returns The converted parts of the name
+ */
+export function getConvertedParts(name: string): (string | number)[] {
+  return name
+    .split(/[-_./\\]+/)
+    .map(part => {
+      const converted = +part;
+
+      return isNaN(converted) ? part : converted;
+    });
+}
diff --git a/packages/core/src/renderer/utils/on-keyboard-shortcut.ts b/packages/core/src/renderer/utils/on-keyboard-shortcut.ts
new file mode 100644
index 0000000000..4504765ac7
--- /dev/null
+++ b/packages/core/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/packages/core/src/renderer/utils/prevDefault.ts b/packages/core/src/renderer/utils/prevDefault.ts
new file mode 100644
index 0000000000..73bb834021
--- /dev/null
+++ b/packages/core/src/renderer/utils/prevDefault.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 React from "react";
+
+// Helper for preventing default event action and performing custom callback
+// 1)
+// <form onSubmit={prevDefault(() => console.log('do some action'))}>
+//    <input name="text"/>
+//    <button type="submit">Action</button>
+// </form>
+// 2)
+// <a href="/some-page-url">
+//  <span>Link text</span>
+//  <Icon onClick={prevDefault(() => console.log('stay on the page and open dialog'))}/>
+// </a>
+
+export function prevDefault<E extends React.SyntheticEvent | Event, R>(callback: (evt: E) => R): (event: E) => R {
+  return function (evt: E) {
+    evt.preventDefault();
+    evt.stopPropagation();
+
+    return callback(evt);
+  };
+}
+
+export function stopPropagation(evt: Event | React.SyntheticEvent) {
+  evt.stopPropagation();
+}
diff --git a/packages/core/src/renderer/utils/rbac.ts b/packages/core/src/renderer/utils/rbac.ts
new file mode 100644
index 0000000000..78fe66b273
--- /dev/null
+++ b/packages/core/src/renderer/utils/rbac.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 type { KubeResource } from "../../common/rbac";
+import { apiResourceRecord } from "../../common/rbac";
+import { object } from "../../common/utils";
+
+export const ResourceNames: Record<KubeResource, string> = {
+  "namespaces": "Namespaces",
+  "nodes": "Nodes",
+  "events": "Events",
+  "leases": "Leases",
+  "resourcequotas": "Resource Quotas",
+  "services": "Services",
+  "secrets": "Secrets",
+  "configmaps": "Config Maps",
+  "ingresses": "Ingresses",
+  "ingressclasses": "Ingress Classes",
+  "networkpolicies": "Network Policies",
+  "persistentvolumeclaims": "Persistent Volume Claims",
+  "persistentvolumes": "Persistent Volumes",
+  "storageclasses": "Storage Classes",
+  "pods": "Pods",
+  "daemonsets": "Daemon Sets",
+  "deployments": "Deployments",
+  "statefulsets": "Stateful Sets",
+  "replicasets": "Replica Sets",
+  "jobs": "Jobs",
+  "cronjobs": "Cron Jobs",
+  "endpoints": "Endpoints",
+  "customresourcedefinitions": "Custom Resource Definitions",
+  "horizontalpodautoscalers": "Horizontal Pod Autoscalers",
+  "podsecuritypolicies": "Pod Security Policies",
+  "poddisruptionbudgets": "Pod Disruption Budgets",
+  "priorityclasses": "Priority Classes",
+  "runtimeclasses": "Runtime Classes",
+  "limitranges": "Limit Ranges",
+  "roles": "Roles",
+  "rolebindings": "Role Bindings",
+  "clusterrolebindings": "Cluster Role Bindings",
+  "clusterroles": "Cluster Roles",
+  "serviceaccounts": "Service Accounts",
+};
+
+export const ResourceKindMap = object.fromEntries(
+  object.entries(apiResourceRecord)
+    .map(([resource, { kind }]) => [kind, resource]),
+);
diff --git a/packages/core/src/renderer/utils/resolve-proxy/resolve-system-proxy.injectable.ts b/packages/core/src/renderer/utils/resolve-proxy/resolve-system-proxy.injectable.ts
new file mode 100644
index 0000000000..5468a8c7b7
--- /dev/null
+++ b/packages/core/src/renderer/utils/resolve-proxy/resolve-system-proxy.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 { resolveSystemProxyInjectionToken } from "../../../common/utils/resolve-system-proxy/resolve-system-proxy-injection-token";
+import requestFromChannelInjectable from "../channel/request-from-channel.injectable";
+import { resolveSystemProxyChannel } from "../../../common/utils/resolve-system-proxy/resolve-system-proxy-channel";
+
+const resolveSystemProxyInjectable = getInjectable({
+  id: "resolve-system-proxy-for-renderer",
+
+  instantiate: (di) => {
+    const requestFromChannel = di.inject(requestFromChannelInjectable);
+
+    return async (url) => requestFromChannel(resolveSystemProxyChannel, url);
+  },
+
+  injectionToken: resolveSystemProxyInjectionToken,
+});
+
+export default resolveSystemProxyInjectable;
diff --git a/packages/core/src/renderer/utils/save-file.injectable.ts b/packages/core/src/renderer/utils/save-file.injectable.ts
new file mode 100644
index 0000000000..f38a031e0e
--- /dev/null
+++ b/packages/core/src/renderer/utils/save-file.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 { saveFileDialog } from "./saveFile";
+
+const openSaveFileDialogInjectable = getInjectable({
+  id: "open-save-file-dialog",
+  instantiate: () => saveFileDialog,
+});
+
+export default openSaveFileDialogInjectable;
diff --git a/packages/core/src/renderer/utils/saveFile.ts b/packages/core/src/renderer/utils/saveFile.ts
new file mode 100644
index 0000000000..49fd3f31f8
--- /dev/null
+++ b/packages/core/src/renderer/utils/saveFile.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Request default save-file dialog in browser.
+ * @param filename Name of file to be saved locally
+ * @param contents String or Buffer
+ * @param type Content-type
+ */
+export function saveFileDialog(filename: string, contents: BlobPart | BlobPart[], type: string) {
+  const data = new Blob([contents].flat(), { type });
+  const url = URL.createObjectURL(data);
+  const link = document.createElement("a");
+
+  link.href = url;
+  link.download = filename;
+  link.style.display = "none";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+}
diff --git a/packages/core/src/renderer/utils/storage-helper.ts b/packages/core/src/renderer/utils/storage-helper.ts
new file mode 100755
index 0000000000..4ca4957bd8
--- /dev/null
+++ b/packages/core/src/renderer/utils/storage-helper.ts
@@ -0,0 +1,142 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Helper for working with storages (e.g. window.localStorage, NodeJS/file-system, etc.)
+import { action, comparer, computed, makeObservable, observable, observe, toJS } from "mobx";
+import type { Draft } from "immer";
+import { produce, isDraft } from "immer";
+import { isEqual, isPlainObject } from "lodash";
+import assert from "assert";
+import type { Logger } from "../../common/logger";
+
+export interface StorageChange<T> {
+  key: string;
+  value: T | undefined;
+  oldValue: T | undefined;
+}
+
+export interface StorageAdapter<T> {
+  [metadata: string]: unknown;
+  getItem(key: string): T;
+  setItem(key: string, value: T): void;
+  removeItem(key: string): void;
+  onChange?(change: StorageChange<T>): void;
+}
+
+export interface StorageHelperOptions<T> {
+  readonly storage: StorageAdapter<T>;
+  readonly defaultValue: T;
+}
+
+export interface StorageLayer<T> {
+  isDefaultValue(val: T): boolean;
+  get(): T;
+  set(value: T): void;
+  reset(): void;
+  merge(value: Partial<T> | ((draft: Draft<T>) => Partial<T> | void)): void;
+}
+
+export const storageHelperLogPrefix = "[STORAGE-HELPER]:";
+
+export interface StorageHelperDependencies {
+  readonly logger: Logger;
+}
+
+export class StorageHelper<T> implements StorageLayer<T> {
+  readonly storage: StorageAdapter<T>;
+
+  private readonly data = observable.box<T>(undefined, {
+    deep: true,
+    equals: comparer.structural,
+  });
+
+  private readonly value = computed(() => this.data.get() ?? this.defaultValue);
+
+  get defaultValue(): T {
+    // return as-is since options.defaultValue might be a getter too
+    return this.options.defaultValue;
+  }
+
+  constructor(private readonly dependencies: StorageHelperDependencies, readonly key: string, private readonly options: StorageHelperOptions<T>) {
+    makeObservable(this);
+
+    this.storage = this.options.storage;
+
+    observe(this.data, (change) => {
+      this.onChange(change.newValue as T | undefined, change.oldValue as T | undefined);
+    });
+
+    try {
+      const data = this.storage.getItem(this.key);
+      const notEmpty = data != null;
+      const notDefault = !this.isDefaultValue(data);
+
+      if (notEmpty && notDefault) {
+        this.set(data);
+      }
+    } catch (error) {
+      this.dependencies.logger.error(`${storageHelperLogPrefix} loading error: ${error}`, this);
+    }
+  }
+
+  isDefaultValue(value: T): boolean {
+    return isEqual(value, this.defaultValue);
+  }
+
+  private onChange(value: T | undefined, oldValue: T | undefined) {
+    try {
+      if (value == null) {
+        this.storage.removeItem(this.key);
+      } else {
+        this.storage.setItem(this.key, value);
+      }
+
+      this.storage.onChange?.({ value, oldValue, key: this.key });
+    } catch (error) {
+      this.dependencies.logger.error(`${storageHelperLogPrefix} updating storage: ${error}`, this, { value, oldValue });
+    }
+  }
+
+  get(): T {
+    return this.value.get();
+  }
+
+  @action
+  set(value: T) {
+    if (this.isDefaultValue(value)) {
+      this.data.set(undefined);
+    } else {
+      this.data.set(value);
+    }
+  }
+
+  @action
+  reset() {
+    this.data.set(undefined);
+  }
+
+  @action
+  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);
+
+        // merge returned plain objects from `value-as-callback` usage
+        // otherwise `draft` can be just modified inside a callback without returning any value (void)
+        if (newValue && !isDraft(newValue)) {
+          Object.assign(draft, newValue);
+        }
+      } else if (isPlainObject(value)) {
+        Object.assign(draft, value);
+      }
+
+      return draft;
+    });
+
+    this.set(nextValue);
+  }
+}
diff --git a/packages/core/src/renderer/utils/sync-box/provide-initial-values-for-sync-boxes.injectable.ts b/packages/core/src/renderer/utils/sync-box/provide-initial-values-for-sync-boxes.injectable.ts
new file mode 100644
index 0000000000..3666bf0840
--- /dev/null
+++ b/packages/core/src/renderer/utils/sync-box/provide-initial-values-for-sync-boxes.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 { beforeFrameStartsSecondInjectionToken } from "../../before-frame-starts/tokens";
+import { syncBoxInitialValueChannel } from "../../../common/utils/sync-box/channels";
+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 { syncBoxInjectionToken } from "../../../common/utils/sync-box/sync-box-injection-token";
+import assert from "assert";
+
+const provideInitialValuesForSyncBoxesInjectable = getInjectable({
+  id: "provide-initial-values-for-sync-boxes",
+
+  instantiate: (di) => ({
+    id: "provide-initial-values-for-sync-boxes",
+    run: async () => {
+      const requestFromChannel = di.inject(requestFromChannelInjectionToken);
+      const syncBoxes = di.injectMany(syncBoxInjectionToken);
+      const initialValues = await requestFromChannel(syncBoxInitialValueChannel);
+
+      runInAction(() => {
+        for (const { id, value } of initialValues) {
+          const syncBox = syncBoxes.find((box) => box.id === id);
+
+          assert(syncBox);
+          di.inject(createSyncBoxStateInjectable, syncBox.id).set(value);
+        }
+      });
+    },
+  }),
+
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default provideInitialValuesForSyncBoxesInjectable;
diff --git a/packages/core/src/renderer/vars/build-version/build-version.injectable.ts b/packages/core/src/renderer/vars/build-version/build-version.injectable.ts
new file mode 100644
index 0000000000..a63a4102b0
--- /dev/null
+++ b/packages/core/src/renderer/vars/build-version/build-version.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 { createInitializableState } from "../../../common/initializable-state/create";
+import { requestFromChannelInjectionToken } from "../../../common/utils/channel/request-from-channel-injection-token";
+import { buildVersionChannel, buildVersionInjectionToken } from "../../../common/vars/build-semantic-version.injectable";
+
+const buildVersionInjectable = createInitializableState({
+  id: "build-version",
+  init: (di) => {
+    const requestFromChannel = di.inject(requestFromChannelInjectionToken);
+
+    return requestFromChannel(buildVersionChannel);
+  },
+  injectionToken: buildVersionInjectionToken,
+});
+
+export default buildVersionInjectable;
diff --git a/packages/core/src/renderer/vars/build-version/init.injectable.ts b/packages/core/src/renderer/vars/build-version/init.injectable.ts
new file mode 100644
index 0000000000..0734960289
--- /dev/null
+++ b/packages/core/src/renderer/vars/build-version/init.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 { beforeFrameStartsSecondInjectionToken } from "../../before-frame-starts/tokens";
+import buildVersionInjectable from "./build-version.injectable";
+
+const initializeBuildVersionInjectable = getInjectable({
+  id: "initialize-build-version",
+  instantiate: (di) => ({
+    id: "initialize-build-version",
+    run: async () => {
+      const buildVersion = di.inject(buildVersionInjectable);
+
+      await buildVersion.init();
+    },
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default initializeBuildVersionInjectable;
diff --git a/packages/core/src/renderer/vars/default-update-channel/init.injectable.ts b/packages/core/src/renderer/vars/default-update-channel/init.injectable.ts
new file mode 100644
index 0000000000..a349769815
--- /dev/null
+++ b/packages/core/src/renderer/vars/default-update-channel/init.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 { beforeFrameStartsSecondInjectionToken } from "../../before-frame-starts/tokens";
+import initReleaseChannelInjectable from "../release-channel/init.injectable";
+import defaultUpdateChannelInjectable from "../../../features/application-update/common/selected-update-channel/default-update-channel.injectable";
+
+const initDefaultUpdateChannelInjectable = getInjectable({
+  id: "init-default-update-channel",
+  instantiate: (di) => ({
+    id: "init-default-update-channel",
+    run: async () => {
+      const defaultUpdateChannel = di.inject(defaultUpdateChannelInjectable);
+
+      await defaultUpdateChannel.init();
+    },
+    runAfter: di.inject(initReleaseChannelInjectable),
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default initDefaultUpdateChannelInjectable;
diff --git a/packages/core/src/renderer/vars/release-channel/init.injectable.ts b/packages/core/src/renderer/vars/release-channel/init.injectable.ts
new file mode 100644
index 0000000000..e0092abf55
--- /dev/null
+++ b/packages/core/src/renderer/vars/release-channel/init.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 releaseChannelInjectable from "../../../common/vars/release-channel.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../../before-frame-starts/tokens";
+import initSemanticBuildVersionInjectable from "../semantic-build-version/init.injectable";
+
+const initReleaseChannelInjectable = getInjectable({
+  id: "init-release-channel",
+  instantiate: (di) => ({
+    id: "init-release-channel",
+    run: async () => {
+      const releaseChannel = di.inject(releaseChannelInjectable);
+
+      await releaseChannel.init();
+    },
+    runAfter: di.inject(initSemanticBuildVersionInjectable),
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default initReleaseChannelInjectable;
diff --git a/packages/core/src/renderer/vars/semantic-build-version/init.injectable.ts b/packages/core/src/renderer/vars/semantic-build-version/init.injectable.ts
new file mode 100644
index 0000000000..62a9a3387f
--- /dev/null
+++ b/packages/core/src/renderer/vars/semantic-build-version/init.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 buildSemanticVersionInjectable from "../../../common/vars/build-semantic-version.injectable";
+import { beforeFrameStartsSecondInjectionToken } from "../../before-frame-starts/tokens";
+import initializeBuildVersionInjectable from "../build-version/init.injectable";
+
+const initSemanticBuildVersionInjectable = getInjectable({
+  id: "init-semantic-build-version",
+  instantiate: (di) => ({
+    id: "init-semantic-build-version",
+    run: async () => {
+      const buildSemanticVersion = di.inject(buildSemanticVersionInjectable);
+
+      await buildSemanticVersion.init();
+    },
+    runAfter: di.inject(initializeBuildVersionInjectable),
+  }),
+  injectionToken: beforeFrameStartsSecondInjectionToken,
+});
+
+export default initSemanticBuildVersionInjectable;
diff --git a/packages/core/src/renderer/window/event-listener.injectable.ts b/packages/core/src/renderer/window/event-listener.injectable.ts
new file mode 100644
index 0000000000..78a1827e19
--- /dev/null
+++ b/packages/core/src/renderer/window/event-listener.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 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: WindowEventListener<K>, options?: boolean | AddEventListenerOptions): Disposer {
+  window.addEventListener(type, listener, options);
+
+  return () => void window.removeEventListener(type, listener);
+}
+
+const windowAddEventListenerInjectable = getInjectable({
+  id: "window-add-event-listener",
+  instantiate: () => addWindowEventListener,
+});
+
+export default windowAddEventListenerInjectable;
diff --git a/packages/core/src/test-utils/channel-fakes/override-channels.ts b/packages/core/src/test-utils/channel-fakes/override-channels.ts
new file mode 100644
index 0000000000..798fcd84af
--- /dev/null
+++ b/packages/core/src/test-utils/channel-fakes/override-channels.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 type { DiContainer } from "@ogre-tools/injectable";
+import type { SendToViewArgs } from "../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
+import { overrideMessagingFromMainToWindow } from "./override-messaging-from-main-to-window";
+import { overrideMessagingFromWindowToMain } from "./override-messaging-from-window-to-main";
+import { overrideRequestingFromWindowToMain } from "./override-requesting-from-window-to-main";
+
+export interface OverrideChannels {
+  overrideForWindow: (windowDi: DiContainer, windowId: string) => void;
+  sendToWindow: (windowId: string, args: SendToViewArgs) => void;
+}
+
+export const overrideChannels = (mainDi: DiContainer): OverrideChannels => {
+  const { overrideEnlistForWindow, sendToWindow } = overrideMessagingFromMainToWindow();
+  const overrideMessagingFromWindowToForWindow = overrideMessagingFromWindowToMain(mainDi);
+  const overrideRequestingFromWindowToMainForWindow = overrideRequestingFromWindowToMain(mainDi);
+
+  return {
+    overrideForWindow: (windowDi, windowId) => {
+      overrideEnlistForWindow(windowDi, windowId);
+      overrideMessagingFromWindowToForWindow(windowDi);
+      overrideRequestingFromWindowToMainForWindow(windowDi);
+    },
+    sendToWindow,
+  };
+};
diff --git a/packages/core/src/test-utils/channel-fakes/override-messaging-from-main-to-window.ts b/packages/core/src/test-utils/channel-fakes/override-messaging-from-main-to-window.ts
new file mode 100644
index 0000000000..f9275c18b2
--- /dev/null
+++ b/packages/core/src/test-utils/channel-fakes/override-messaging-from-main-to-window.ts
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * 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 enlistMessageChannelListenerInjectableInRenderer from "../../renderer/utils/channel/channel-listeners/enlist-message-channel-listener.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { getOrInsert, getOrInsertSet } from "../../common/utils";
+import type { SendToViewArgs } from "../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
+import { deserialize, serialize } from "v8";
+
+type ListenerSet = Set<MessageChannelListener<any>>;
+type WindowListenerMap = Map<string, ListenerSet>;
+type ListenerFakeMap = Map<string, WindowListenerMap>;
+
+export interface OverriddenWindowMessaging {
+  sendToWindow(windowId: string, args: SendToViewArgs): void;
+  overrideEnlistForWindow(windowDi: DiContainer, windowId: string): void;
+}
+
+export const overrideMessagingFromMainToWindow = (): OverriddenWindowMessaging => {
+  const messageChannelListenerFakesForRenderer: ListenerFakeMap = new Map();
+
+  const getWindowListeners = (channelId: string, windowId: string) => {
+    const channelListeners = getOrInsert<string, WindowListenerMap>(
+      messageChannelListenerFakesForRenderer,
+      channelId,
+      new Map(),
+    );
+
+    return getOrInsertSet(channelListeners, windowId);
+  };
+
+  return {
+    overrideEnlistForWindow: (windowDi, windowId) => {
+      windowDi.override(
+        enlistMessageChannelListenerInjectableInRenderer,
+
+        () => (listener) => {
+          const windowListeners = getWindowListeners(
+            listener.channel.id,
+            windowId,
+          );
+
+          windowListeners.add(listener);
+
+          return () => {
+            windowListeners.delete(listener);
+          };
+        },
+      );
+    },
+    sendToWindow: (windowId, { channel, data, frameInfo }) => {
+      try {
+        data = deserialize(serialize(data));
+      } catch (error) {
+        throw new Error(`Tried to send a message to channel "${channel}" that is not compatible with StructuredClone: ${error}`);
+      }
+
+      const windowListeners = getWindowListeners(channel, windowId);
+
+      if (frameInfo) {
+        throw new Error(
+          `Tried to send message to frame "${frameInfo.frameId}" in process "${frameInfo.processId}" using channel "${channel}" which isn't supported yet.`,
+        );
+      }
+
+      if (windowListeners.size === 0) {
+        throw new Error(
+          `Tried to send message to channel "${channel}" but there where no listeners. Current channels with listeners: "${[
+            ...messageChannelListenerFakesForRenderer.keys(),
+          ].join('", "')}"`,
+        );
+      }
+
+      windowListeners.forEach((listener) => listener.handler(data));
+    },
+  };
+};
diff --git a/packages/core/src/test-utils/channel-fakes/override-messaging-from-window-to-main.ts b/packages/core/src/test-utils/channel-fakes/override-messaging-from-window-to-main.ts
new file mode 100644
index 0000000000..c39731ac8e
--- /dev/null
+++ b/packages/core/src/test-utils/channel-fakes/override-messaging-from-window-to-main.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 type { DiContainer } from "@ogre-tools/injectable";
+import { deserialize, serialize } from "v8";
+import type { MessageChannel, MessageChannelListener } from "../../common/utils/channel/message-channel-listener-injection-token";
+import enlistMessageChannelListenerInjectableInMain from "../../main/utils/channel/channel-listeners/enlist-message-channel-listener.injectable";
+import { getOrInsertSet } from "../../renderer/utils";
+import sendToMainInjectable from "../../renderer/utils/channel/send-to-main.injectable";
+
+export const overrideMessagingFromWindowToMain = (mainDi: DiContainer) => {
+  const messageChannelListenerFakesForMain = new Map<
+    string,
+    Set<MessageChannelListener<MessageChannel<unknown>>>
+  >();
+
+  mainDi.override(
+    enlistMessageChannelListenerInjectableInMain,
+
+    () => (listener) => {
+      const listeners = getOrInsertSet(messageChannelListenerFakesForMain, listener.channel.id);
+
+      listeners.add(listener);
+
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+  );
+
+  return (windowDi: DiContainer) => {
+    windowDi.override(sendToMainInjectable, () => (channelId, message) => {
+      const listeners = messageChannelListenerFakesForMain.get(channelId);
+
+      if (!listeners || listeners.size === 0) {
+        throw new Error(
+          `Tried to send message to channel "${channelId}" but there where no listeners. Current channels with listeners: "${[
+            ...messageChannelListenerFakesForMain.keys(),
+          ].join('", "')}"`,
+        );
+      }
+
+      try {
+        message = deserialize(serialize(message));
+      } catch (error) {
+        throw new Error(`Tried to send a message to channel "${channelId}" that is not compatible with StructuredClone: ${error}`);
+      }
+
+      listeners.forEach((listener) => listener.handler(message));
+    });
+  };
+};
diff --git a/packages/core/src/test-utils/channel-fakes/override-requesting-from-window-to-main.ts b/packages/core/src/test-utils/channel-fakes/override-requesting-from-window-to-main.ts
new file mode 100644
index 0000000000..70526bd84c
--- /dev/null
+++ b/packages/core/src/test-utils/channel-fakes/override-requesting-from-window-to-main.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 type { DiContainer } from "@ogre-tools/injectable";
+import { deserialize, serialize } from "v8";
+import type { RequestChannel } from "../../common/utils/channel/request-channel-listener-injection-token";
+import type { RequestFromChannel } from "../../common/utils/channel/request-from-channel-injection-token";
+import enlistRequestChannelListenerInjectableInMain from "../../main/utils/channel/channel-listeners/enlist-request-channel-listener.injectable";
+import type { RequestChannelListener } from "../../main/utils/channel/channel-listeners/listener-tokens";
+import requestFromChannelInjectable from "../../renderer/utils/channel/request-from-channel.injectable";
+
+export const overrideRequestingFromWindowToMain = (mainDi: DiContainer) => {
+  const requestChannelListenerFakesForMain = new Map<
+    string,
+    RequestChannelListener<RequestChannel<unknown, unknown>>
+  >();
+
+  mainDi.override(
+    enlistRequestChannelListenerInjectableInMain,
+
+    () => (listener) => {
+      if (requestChannelListenerFakesForMain.has(listener.channel.id)) {
+        throw new Error(
+          `Tried to enlist listener for channel "${listener.channel.id}", but it was already enlisted`,
+        );
+      }
+
+      requestChannelListenerFakesForMain.set(listener.channel.id, listener);
+
+      return () => {
+        requestChannelListenerFakesForMain.delete(listener.channel.id);
+      };
+    },
+  );
+
+  return (windowDi: DiContainer) => {
+    windowDi.override(
+      requestFromChannelInjectable,
+
+      () => (async (channel, request) => {
+        const requestListener = requestChannelListenerFakesForMain.get(channel.id);
+
+        if (!requestListener) {
+          throw new Error(
+            `Tried to get value from channel "${channel.id}", but no listeners were registered`,
+          );
+        }
+
+        try {
+          request = deserialize(serialize(request));
+        } catch (error) {
+          throw new Error(`Tried to request from channel "${channel.id}" with data that is not compatible with StructuredClone: ${error}`);
+        }
+
+        return requestListener.handler(request);
+      }) as RequestFromChannel,
+    );
+  };
+};
diff --git a/packages/core/src/test-utils/mock-responses.ts b/packages/core/src/test-utils/mock-responses.ts
new file mode 100644
index 0000000000..ce016cabc7
--- /dev/null
+++ b/packages/core/src/test-utils/mock-responses.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 type { Response, Headers as NodeFetchHeaders } from "node-fetch";
+import { PassThrough } from "stream";
+
+export const createMockResponseFromString = (url: string, data: string, statusCode = 200) => {
+  const res: jest.Mocked<Response> = {
+    buffer: jest.fn(async () => { throw new Error("buffer() is not supported"); }),
+    clone: jest.fn(() => res),
+    arrayBuffer: jest.fn(async () => { throw new Error("arrayBuffer() is not supported"); }),
+    blob: jest.fn(async () => { throw new Error("blob() is not supported"); }),
+    body: new PassThrough(),
+    bodyUsed: false,
+    headers: new Headers() as NodeFetchHeaders,
+    json: jest.fn(async () => JSON.parse(await res.text())),
+    ok: 200 <= statusCode && statusCode < 300,
+    redirected: 300 <= statusCode && statusCode < 400,
+    size: data.length,
+    status: statusCode,
+    statusText: "some-text",
+    text: jest.fn(async () => data),
+    type: "basic",
+    url,
+    formData: jest.fn(async () => { throw new Error("formData() is not supported"); }),
+  };
+
+  return res;
+};
+
+export const createMockResponseFromStream = (url: string, stream: NodeJS.ReadableStream, statusCode = 200) => {
+  const res: jest.Mocked<Response> = {
+    buffer: jest.fn(async () => { throw new Error("buffer() is not supported"); }),
+    clone: jest.fn(() => res),
+    arrayBuffer: jest.fn(async () => { throw new Error("arrayBuffer() is not supported"); }),
+    blob: jest.fn(async () => { throw new Error("blob() is not supported"); }),
+    body: stream,
+    bodyUsed: false,
+    headers: new Headers() as NodeFetchHeaders,
+    json: jest.fn(async () => JSON.parse(await res.text())),
+    ok: 200 <= statusCode && statusCode < 300,
+    redirected: 300 <= statusCode && statusCode < 400,
+    size: 10,
+    status: statusCode,
+    statusText: "some-text",
+    text: jest.fn(() => {
+      const chunks: Buffer[] = [];
+
+      return new Promise((resolve, reject) => {
+        stream.on("data", (chunk) => chunks.push(Buffer.from(chunk)));
+        stream.on("error", (err) => reject(err));
+        stream.on("end", () => resolve(Buffer.concat(chunks).toString("utf8")));
+      });
+    }),
+    type: "basic",
+    url,
+    formData: jest.fn(async () => { throw new Error("formData() is not supported"); }),
+  };
+
+  return res;
+};
diff --git a/packages/core/src/test-utils/override-fs-with-fakes.ts b/packages/core/src/test-utils/override-fs-with-fakes.ts
new file mode 100644
index 0000000000..734170b0c7
--- /dev/null
+++ b/packages/core/src/test-utils/override-fs-with-fakes.ts
@@ -0,0 +1,67 @@
+/**
+ * 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 fsInjectable from "../common/fs/fs.injectable";
+import { createFsFromVolume, Volume } from "memfs";
+import type {
+  ensureDirSync as ensureDirSyncImpl,
+  readJsonSync as readJsonSyncImpl,
+  writeJsonSync as writeJsonSyncImpl,
+} from "fs-extra";
+
+export const getOverrideFsWithFakes = () => {
+  const root = createFsFromVolume(Volume.fromJSON({}));
+
+  const readJsonSync = ((file, opts) => {
+    const options = typeof opts === "string"
+      ? {
+        encoding: opts,
+      }
+      : opts;
+    const value = root.readFileSync(file, options as any) as string;
+
+    return JSON.parse(value, options?.reviver);
+  }) as typeof readJsonSyncImpl;
+  const writeJsonSync = ((file, object, opts) => {
+    const options = typeof opts === "string"
+      ? {
+        encoding: opts,
+      }
+      : opts;
+
+    root.writeFileSync(file, JSON.stringify(object, options?.replacer, options?.spaces), options as any);
+  }) as typeof writeJsonSyncImpl;
+  const ensureDirSync = ((path, opts) => {
+    const mode = typeof opts === "number"
+      ? opts
+      : opts?.mode;
+
+    root.mkdirpSync(path, mode);
+  }) as typeof ensureDirSyncImpl;
+
+  return (di: DiContainer) => {
+    di.override(fsInjectable, () => ({
+      pathExists: async (path) => root.existsSync(path),
+      pathExistsSync: root.existsSync,
+      readFile: root.promises.readFile as any,
+      readFileSync: root.readFileSync as any,
+      readJson: async (file, opts) => readJsonSync(file, opts),
+      readJsonSync,
+      writeFile: root.promises.writeFile as any,
+      writeFileSync: root.writeFileSync as any,
+      writeJson: async (file, obj, opts) => writeJsonSync(file, obj, opts as any),
+      writeJsonSync,
+      readdir: root.promises.readdir as any,
+      lstat: root.promises.lstat as any,
+      rm: root.promises.rm,
+      access: root.promises.access,
+      copy: async (src, dest) => { throw new Error(`Tried to copy '${src}' to '${dest}'. Copying is not yet supported`); },
+      ensureDir: async (path, opts) => ensureDirSync(path, opts),
+      ensureDirSync,
+      createReadStream: root.createReadStream as any,
+      stat: root.promises.stat as any,
+    }));
+  };
+};
diff --git a/packages/core/src/test-utils/skippers.ts b/packages/core/src/test-utils/skippers.ts
new file mode 100644
index 0000000000..bd8e094308
--- /dev/null
+++ b/packages/core/src/test-utils/skippers.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Conditionally run a test
+ */
+export function itIf(condition: boolean) {
+  return condition ? it : it.skip;
+}
+
+/**
+ * Conditionally run a block of tests
+ */
+export function describeIf(condition: boolean) {
+  return condition ? describe : describe.skip;
+}
diff --git a/static/splash.html b/packages/core/static/splash.html
similarity index 100%
rename from static/splash.html
rename to packages/core/static/splash.html
diff --git a/tailwind.config.js b/packages/core/tailwind.config.js
similarity index 100%
rename from tailwind.config.js
rename to packages/core/tailwind.config.js
diff --git a/templates/create-resource/ClusterRole.yaml b/packages/core/templates/create-resource/ClusterRole.yaml
similarity index 100%
rename from templates/create-resource/ClusterRole.yaml
rename to packages/core/templates/create-resource/ClusterRole.yaml
diff --git a/templates/create-resource/ClusterRoleBinding.yaml b/packages/core/templates/create-resource/ClusterRoleBinding.yaml
similarity index 100%
rename from templates/create-resource/ClusterRoleBinding.yaml
rename to packages/core/templates/create-resource/ClusterRoleBinding.yaml
diff --git a/templates/create-resource/ConfigMap.yaml b/packages/core/templates/create-resource/ConfigMap.yaml
similarity index 100%
rename from templates/create-resource/ConfigMap.yaml
rename to packages/core/templates/create-resource/ConfigMap.yaml
diff --git a/templates/create-resource/CronJob.yaml b/packages/core/templates/create-resource/CronJob.yaml
similarity index 100%
rename from templates/create-resource/CronJob.yaml
rename to packages/core/templates/create-resource/CronJob.yaml
diff --git a/templates/create-resource/DeamonSet.yaml b/packages/core/templates/create-resource/DeamonSet.yaml
similarity index 100%
rename from templates/create-resource/DeamonSet.yaml
rename to packages/core/templates/create-resource/DeamonSet.yaml
diff --git a/templates/create-resource/Deployment.yaml b/packages/core/templates/create-resource/Deployment.yaml
similarity index 100%
rename from templates/create-resource/Deployment.yaml
rename to packages/core/templates/create-resource/Deployment.yaml
diff --git a/templates/create-resource/Ingress.yaml b/packages/core/templates/create-resource/Ingress.yaml
similarity index 100%
rename from templates/create-resource/Ingress.yaml
rename to packages/core/templates/create-resource/Ingress.yaml
diff --git a/templates/create-resource/Job.yaml b/packages/core/templates/create-resource/Job.yaml
similarity index 100%
rename from templates/create-resource/Job.yaml
rename to packages/core/templates/create-resource/Job.yaml
diff --git a/templates/create-resource/NetworkPolicy.yaml b/packages/core/templates/create-resource/NetworkPolicy.yaml
similarity index 100%
rename from templates/create-resource/NetworkPolicy.yaml
rename to packages/core/templates/create-resource/NetworkPolicy.yaml
diff --git a/templates/create-resource/PersistentVolume.yaml b/packages/core/templates/create-resource/PersistentVolume.yaml
similarity index 100%
rename from templates/create-resource/PersistentVolume.yaml
rename to packages/core/templates/create-resource/PersistentVolume.yaml
diff --git a/templates/create-resource/PersistentVolumeClaim.yaml b/packages/core/templates/create-resource/PersistentVolumeClaim.yaml
similarity index 100%
rename from templates/create-resource/PersistentVolumeClaim.yaml
rename to packages/core/templates/create-resource/PersistentVolumeClaim.yaml
diff --git a/templates/create-resource/Pod.yaml b/packages/core/templates/create-resource/Pod.yaml
similarity index 100%
rename from templates/create-resource/Pod.yaml
rename to packages/core/templates/create-resource/Pod.yaml
diff --git a/templates/create-resource/PriorityClass.yaml b/packages/core/templates/create-resource/PriorityClass.yaml
similarity index 100%
rename from templates/create-resource/PriorityClass.yaml
rename to packages/core/templates/create-resource/PriorityClass.yaml
diff --git a/templates/create-resource/ReplicaSet.yaml b/packages/core/templates/create-resource/ReplicaSet.yaml
similarity index 100%
rename from templates/create-resource/ReplicaSet.yaml
rename to packages/core/templates/create-resource/ReplicaSet.yaml
diff --git a/templates/create-resource/ReplicationController.yaml b/packages/core/templates/create-resource/ReplicationController.yaml
similarity index 100%
rename from templates/create-resource/ReplicationController.yaml
rename to packages/core/templates/create-resource/ReplicationController.yaml
diff --git a/templates/create-resource/Role.yaml b/packages/core/templates/create-resource/Role.yaml
similarity index 100%
rename from templates/create-resource/Role.yaml
rename to packages/core/templates/create-resource/Role.yaml
diff --git a/templates/create-resource/RoleBinding.yaml b/packages/core/templates/create-resource/RoleBinding.yaml
similarity index 100%
rename from templates/create-resource/RoleBinding.yaml
rename to packages/core/templates/create-resource/RoleBinding.yaml
diff --git a/templates/create-resource/RuntimeClass.yaml b/packages/core/templates/create-resource/RuntimeClass.yaml
similarity index 100%
rename from templates/create-resource/RuntimeClass.yaml
rename to packages/core/templates/create-resource/RuntimeClass.yaml
diff --git a/templates/create-resource/Secret.yaml b/packages/core/templates/create-resource/Secret.yaml
similarity index 100%
rename from templates/create-resource/Secret.yaml
rename to packages/core/templates/create-resource/Secret.yaml
diff --git a/templates/create-resource/Service.yaml b/packages/core/templates/create-resource/Service.yaml
similarity index 100%
rename from templates/create-resource/Service.yaml
rename to packages/core/templates/create-resource/Service.yaml
diff --git a/templates/create-resource/StatefulSet.yaml b/packages/core/templates/create-resource/StatefulSet.yaml
similarity index 100%
rename from templates/create-resource/StatefulSet.yaml
rename to packages/core/templates/create-resource/StatefulSet.yaml
diff --git a/test-data/cluster-store-migration-icon.png b/packages/core/test-data/cluster-store-migration-icon.png
similarity index 100%
rename from test-data/cluster-store-migration-icon.png
rename to packages/core/test-data/cluster-store-migration-icon.png
diff --git a/packages/core/tsconfig.json b/packages/core/tsconfig.json
new file mode 100644
index 0000000000..4a7d8c0991
--- /dev/null
+++ b/packages/core/tsconfig.json
@@ -0,0 +1,31 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "composite": true,
+    "outDir": "static/build/library/",
+    "paths": {
+      "*": [
+        "node_modules/*",
+        "types/*"
+      ]
+    },
+    "plugins": [
+      {
+        "name": "typescript-plugin-css-modules",
+        "options": {
+          "namedExports": false
+        }
+      }
+    ]
+  },
+  "include": [
+    "package.json",
+    "webpack/vars.ts",
+    "src/**/*",
+    "types/*.d.ts",
+  ],
+  "exclude": [
+    "node_modules",
+  ]
+}
diff --git a/types/dom.d.ts b/packages/core/types/dom.d.ts
similarity index 100%
rename from types/dom.d.ts
rename to packages/core/types/dom.d.ts
diff --git a/types/font-face.d.ts b/packages/core/types/font-face.d.ts
similarity index 100%
rename from types/font-face.d.ts
rename to packages/core/types/font-face.d.ts
diff --git a/types/from-webpack.d.ts b/packages/core/types/from-webpack.d.ts
similarity index 100%
rename from types/from-webpack.d.ts
rename to packages/core/types/from-webpack.d.ts
diff --git a/types/json-to-pretty-yaml.d.ts b/packages/core/types/json-to-pretty-yaml.d.ts
similarity index 100%
rename from types/json-to-pretty-yaml.d.ts
rename to packages/core/types/json-to-pretty-yaml.d.ts
diff --git a/types/mocks.d.ts b/packages/core/types/mocks.d.ts
similarity index 100%
rename from types/mocks.d.ts
rename to packages/core/types/mocks.d.ts
diff --git a/types/react-table.config.d.ts b/packages/core/types/react-table.config.d.ts
similarity index 100%
rename from types/react-table.config.d.ts
rename to packages/core/types/react-table.config.d.ts
diff --git a/types/selfsigned.d.ts b/packages/core/types/selfsigned.d.ts
similarity index 100%
rename from types/selfsigned.d.ts
rename to packages/core/types/selfsigned.d.ts
diff --git a/webpack/dev-server.ts b/packages/core/webpack/dev-server.ts
similarity index 100%
rename from webpack/dev-server.ts
rename to packages/core/webpack/dev-server.ts
diff --git a/webpack/get-typescript-loader.ts b/packages/core/webpack/get-typescript-loader.ts
similarity index 100%
rename from webpack/get-typescript-loader.ts
rename to packages/core/webpack/get-typescript-loader.ts
diff --git a/webpack/library-bundle.ts b/packages/core/webpack/library-bundle.ts
similarity index 72%
rename from webpack/library-bundle.ts
rename to packages/core/webpack/library-bundle.ts
index 51a37877b0..29af5dbd95 100644
--- a/webpack/library-bundle.ts
+++ b/packages/core/webpack/library-bundle.ts
@@ -5,13 +5,10 @@
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import { platform } from "os";
 import path from "path";
-import type { WebpackPluginInstance } from "webpack";
 import { DefinePlugin, optimize } from "webpack";
 import main from "./main";
-import renderer from "./renderer";
+import renderer, { iconsAndImagesWebpackRules } from "./renderer";
 import { buildDir } from "./vars";
-import CircularDependencyPlugin from "circular-dependency-plugin";
-import ForkTsCheckerPlugin from "fork-ts-checker-webpack-plugin";
 
 const rendererConfig = renderer({ showVars: false });
 
@@ -30,16 +27,38 @@ const config = [
     optimization: {
       minimize: false,
     },
+    module: {
+      parser: {
+        javascript: {
+          commonjsMagicComments: true,
+        },
+      },
+      rules: [
+        {
+          test: /\.node$/,
+          use: "node-loader",
+        },
+        {
+          test: /\.ts$/,
+          exclude: /node_modules/,
+          use: {
+            loader: "ts-loader",
+            options: {
+              compilerOptions: {
+                declaration: true,
+                sourceMap: false,
+              },
+            }
+          },
+        },
+        ...iconsAndImagesWebpackRules(),
+      ],
+    },
     plugins: [
       new DefinePlugin({
         CONTEXT_MATCHER_FOR_NON_FEATURES: `/\\.injectable(\\.${platform})?\\.tsx?$/`,
         CONTEXT_MATCHER_FOR_FEATURES: `/\\/(main|common)\\/.+\\.injectable(\\.${platform})?\\.tsx?$/`,
       }),
-      new CircularDependencyPlugin({
-        cwd: __dirname,
-        exclude: /node_modules/,
-        failOnError: true,
-      }) as unknown as WebpackPluginInstance,
     ],
   },
   {
@@ -57,14 +76,7 @@ const config = [
     optimization: {
       minimize: false,
     },
-    plugins: [
-      new ForkTsCheckerPlugin(),
-      new CircularDependencyPlugin({
-        cwd: __dirname,
-        exclude: /node_modules/,
-        failOnError: true,
-      }) as unknown as WebpackPluginInstance,
-    ],
+    plugins: [],
   },
   {
     ...rendererConfig,
@@ -96,12 +108,6 @@ const config = [
       new optimize.LimitChunkCountPlugin({
         maxChunks: 1,
       }),
-      new ForkTsCheckerPlugin(),
-      new CircularDependencyPlugin({
-        cwd: __dirname,
-        exclude: /node_modules/,
-        failOnError: true,
-      }) as unknown as WebpackPluginInstance,
     ],
   },
 ];
diff --git a/webpack/main.ts b/packages/core/webpack/main.ts
similarity index 100%
rename from webpack/main.ts
rename to packages/core/webpack/main.ts
diff --git a/webpack/node-fetch.ts b/packages/core/webpack/node-fetch.ts
similarity index 100%
rename from webpack/node-fetch.ts
rename to packages/core/webpack/node-fetch.ts
diff --git a/webpack/renderer.ts b/packages/core/webpack/renderer.ts
similarity index 100%
rename from webpack/renderer.ts
rename to packages/core/webpack/renderer.ts
diff --git a/packages/core/webpack/tsconfig.json b/packages/core/webpack/tsconfig.json
new file mode 100644
index 0000000000..158d94ee1a
--- /dev/null
+++ b/packages/core/webpack/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": ".."
+  }
+}
diff --git a/webpack/vars.ts b/packages/core/webpack/vars.ts
similarity index 100%
rename from webpack/vars.ts
rename to packages/core/webpack/vars.ts
diff --git a/packages/core/yarn.lock b/packages/core/yarn.lock
new file mode 100644
index 0000000000..b57e5ed201
--- /dev/null
+++ b/packages/core/yarn.lock
@@ -0,0 +1,13973 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"7zip-bin@~5.1.1":
+  version "5.1.1"
+  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"
+  integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.1.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@astronautlabs/jsonpath@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@astronautlabs/jsonpath/-/jsonpath-1.1.0.tgz#9b4b04603be2e858d0763619ab3f9d1050b52ef3"
+  integrity sha512-I4sckUQNYEeF4w6AkujiRblVzC0jo3ja+bxKHB1M2aFiaBjevSGlBdgZ80PgCX5sj65/AhKSFN9+cT908avBlQ==
+  dependencies:
+    "@types/esprima" "^4.0.2"
+    "@types/mkdirp" "^1.0.0"
+    esprima "1.2.2"
+    static-eval "2.0.2"
+    underscore "1.7.0"
+
+"@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"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.0.tgz#0dfc80309beec8411e65e706461c408b0bb9b431"
+  integrity sha512-IF4EOMEV+bfYwOmNxGzSnjR2EmQod7f1UXOpZM3l4i4o4QNwzjtJAu/HxdjHq0aYBvdqMuQEY1eg0nqW9ZPORA==
+  dependencies:
+    "@babel/highlight" "^7.16.0"
+
+"@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.7.tgz#44416b6bd7624b998f5b1af5d470856c40138789"
+  integrity sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==
+  dependencies:
+    "@babel/highlight" "^7.16.7"
+
+"@babel/compat-data@^7.17.10":
+  version "7.17.10"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.17.10.tgz#711dc726a492dfc8be8220028b1b92482362baab"
+  integrity sha512-GZt/TCsG70Ms19gfZO1tM4CVnXsPgEPBCpJu+Qz3L0LUDsY5nZqFZglIoPC1kIYOtNBZlrnFT+klg12vFGZXrw==
+
+"@babel/core@^7.11.6":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.2.tgz#87b2fcd7cce9becaa7f5acebdc4f09f3dd19d876"
+  integrity sha512-A8pri1YJiC5UnkdrWcmfZTJTV85b4UXTAfImGmCfYmax4TR9Cw8sDS0MOk++Gp2mE/BefVJ5nwy5yzqNJbP/DQ==
+  dependencies:
+    "@ampproject/remapping" "^2.1.0"
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.18.2"
+    "@babel/helper-compilation-targets" "^7.18.2"
+    "@babel/helper-module-transforms" "^7.18.0"
+    "@babel/helpers" "^7.18.2"
+    "@babel/parser" "^7.18.0"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.18.2"
+    "@babel/types" "^7.18.2"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.1"
+    semver "^6.3.0"
+
+"@babel/core@^7.12.3":
+  version "7.17.10"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.17.10.tgz#74ef0fbf56b7dfc3f198fc2d927f4f03e12f4b05"
+  integrity sha512-liKoppandF3ZcBnIYFjfSDHZLKdLHGJRkoWtG8zQyGJBQfIYobpnVGI5+pLBNtS6psFLDzyq8+h5HiVljW9PNA==
+  dependencies:
+    "@ampproject/remapping" "^2.1.0"
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.17.10"
+    "@babel/helper-compilation-targets" "^7.17.10"
+    "@babel/helper-module-transforms" "^7.17.7"
+    "@babel/helpers" "^7.17.9"
+    "@babel/parser" "^7.17.10"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.17.10"
+    "@babel/types" "^7.17.10"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.1"
+    semver "^6.3.0"
+
+"@babel/generator@^7.17.10":
+  version "7.17.10"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.17.10.tgz#c281fa35b0c349bbe9d02916f4ae08fc85ed7189"
+  integrity sha512-46MJZZo9y3o4kmhBVc7zW7i8dtR1oIK/sdO5NcfcZRhTGYi+KKJRtHNgsU6c4VUcJmUNV/LQdebD/9Dlv4K+Tg==
+  dependencies:
+    "@babel/types" "^7.17.10"
+    "@jridgewell/gen-mapping" "^0.1.0"
+    jsesc "^2.5.1"
+
+"@babel/generator@^7.18.2", "@babel/generator@^7.7.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.2.tgz#33873d6f89b21efe2da63fe554460f3df1c5880d"
+  integrity sha512-W1lG5vUwFvfMd8HVXqdfbuG7RuaSrTCCD8cl8fP8wOivdbtbIg2Db3IWUcgvfxKbbn6ZBGYRW/Zk1MIwK49mgw==
+  dependencies:
+    "@babel/types" "^7.18.2"
+    "@jridgewell/gen-mapping" "^0.3.0"
+    jsesc "^2.5.1"
+
+"@babel/helper-compilation-targets@^7.17.10":
+  version "7.17.10"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.17.10.tgz#09c63106d47af93cf31803db6bc49fef354e2ebe"
+  integrity sha512-gh3RxjWbauw/dFiU/7whjd0qN9K6nPJMqe6+Er7rOavFh0CQUSwhAE3IcTho2rywPJFxej6TUUHDkWcYI6gGqQ==
+  dependencies:
+    "@babel/compat-data" "^7.17.10"
+    "@babel/helper-validator-option" "^7.16.7"
+    browserslist "^4.20.2"
+    semver "^6.3.0"
+
+"@babel/helper-compilation-targets@^7.18.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.18.2.tgz#67a85a10cbd5fc7f1457fec2e7f45441dc6c754b"
+  integrity sha512-s1jnPotJS9uQnzFtiZVBUxe67CuBa679oWFHpxYYnTpRL/1ffhyX44R9uYiXoa/pLXcY9H2moJta0iaanlk/rQ==
+  dependencies:
+    "@babel/compat-data" "^7.17.10"
+    "@babel/helper-validator-option" "^7.16.7"
+    browserslist "^4.20.2"
+    semver "^6.3.0"
+
+"@babel/helper-environment-visitor@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.16.7.tgz#ff484094a839bde9d89cd63cba017d7aae80ecd7"
+  integrity sha512-SLLb0AAn6PkUeAfKJCCOl9e1R53pQlGAfc4y4XuMRZfqeMYLE0dM1LMhqbGAlGQY0lfw5/ohoYWAe9V1yibRag==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
+"@babel/helper-environment-visitor@^7.18.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.2.tgz#8a6d2dedb53f6bf248e31b4baf38739ee4a637bd"
+  integrity sha512-14GQKWkX9oJzPiQQ7/J36FTXcD4kSp8egKjO9nINlSKiHITRA9q/R74qu8S9xlc/b/yjsJItQUeeh3xnGN0voQ==
+
+"@babel/helper-function-name@^7.17.9":
+  version "7.17.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.17.9.tgz#136fcd54bc1da82fcb47565cf16fd8e444b1ff12"
+  integrity sha512-7cRisGlVtiVqZ0MW0/yFB4atgpGLWEHUVYnb448hZK4x+vih0YO5UoS11XIYtZYqHd0dIPMdUSv8q5K4LdMnIg==
+  dependencies:
+    "@babel/template" "^7.16.7"
+    "@babel/types" "^7.17.0"
+
+"@babel/helper-hoist-variables@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.7.tgz#86bcb19a77a509c7b77d0e22323ef588fa58c246"
+  integrity sha512-m04d/0Op34H5v7pbZw6pSKP7weA6lsMvfiIAMeIvkY/R4xQtBSMFEigu9QTZ2qB/9l22vsxtM8a+Q8CzD255fg==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
+"@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz#25612a8091a999704461c8a222d0efec5d091437"
+  integrity sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
+"@babel/helper-module-transforms@^7.17.7":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.17.7.tgz#3943c7f777139e7954a5355c815263741a9c1cbd"
+  integrity sha512-VmZD99F3gNTYB7fJRDTi+u6l/zxY0BE6OIxPSU7a50s6ZUQkHwSDmV92FfM+oCG0pZRVojGYhkR8I0OGeCVREw==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/helper-simple-access" "^7.17.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/helper-validator-identifier" "^7.16.7"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.17.3"
+    "@babel/types" "^7.17.0"
+
+"@babel/helper-module-transforms@^7.18.0":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.18.0.tgz#baf05dec7a5875fb9235bd34ca18bad4e21221cd"
+  integrity sha512-kclUYSUBIjlvnzN2++K9f2qzYKFgjmnmjwL4zlmU5f8ZtzgWe8s0rUPSTGy2HmK4P8T52MQsS+HTQAgZd3dMEA==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/helper-simple-access" "^7.17.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/helper-validator-identifier" "^7.16.7"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.18.0"
+    "@babel/types" "^7.18.0"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz#aa3a8ab4c3cceff8e65eb9e73d87dc4ff320b2f5"
+  integrity sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==
+
+"@babel/helper-plugin-utils@^7.17.12":
+  version "7.17.12"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.17.12.tgz#86c2347da5acbf5583ba0a10aed4c9bf9da9cf96"
+  integrity sha512-JDkf04mqtN3y4iAbO1hv9U2ARpPyPL1zqyWs/2WG1pgSq9llHFjStX5jdxb84himgJm+8Ng+x0oiWF/nw/XQKA==
+
+"@babel/helper-simple-access@^7.17.7":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.17.7.tgz#aaa473de92b7987c6dfa7ce9a7d9674724823367"
+  integrity sha512-txyMCGroZ96i+Pxr3Je3lzEJjqwaRC9buMUgtomcrLe5Nd0+fk1h0LLA+ixUF5OW7AhHuQ7Es1WcQJZmZsz2XA==
+  dependencies:
+    "@babel/types" "^7.17.0"
+
+"@babel/helper-split-export-declaration@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.7.tgz#0b648c0c42da9d3920d85ad585f2778620b8726b"
+  integrity sha512-xbWoy/PFoxSWazIToT9Sif+jJTlrMcndIsaOKvTA6u7QEo7ilkRZpjew18/W3c7nm8fXdUDXh02VXTbZ0pGDNw==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
+"@babel/helper-validator-identifier@^7.15.7", "@babel/helper-validator-identifier@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz#e8c602438c4a8195751243da9031d1607d247cad"
+  integrity sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==
+
+"@babel/helper-validator-option@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz#b203ce62ce5fe153899b617c08957de860de4d23"
+  integrity sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==
+
+"@babel/helpers@^7.17.9":
+  version "7.17.9"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.17.9.tgz#b2af120821bfbe44f9907b1826e168e819375a1a"
+  integrity sha512-cPCt915ShDWUEzEp3+UNRktO2n6v49l5RSnG9M5pS24hA+2FAc5si+Pn1i4VVbQQ+jh+bIZhPFQOJOzbrOYY1Q==
+  dependencies:
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.17.9"
+    "@babel/types" "^7.17.0"
+
+"@babel/helpers@^7.18.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.18.2.tgz#970d74f0deadc3f5a938bfa250738eb4ac889384"
+  integrity sha512-j+d+u5xT5utcQSzrh9p+PaJX94h++KN+ng9b9WEJq7pkUPAd61FGqhjuUEdfknb3E/uDBb7ruwEeKkIxNJPIrg==
+  dependencies:
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.18.2"
+    "@babel/types" "^7.18.2"
+
+"@babel/highlight@^7.16.0":
+  version "7.16.0"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.16.0.tgz#6ceb32b2ca4b8f5f361fb7fd821e3fddf4a1725a"
+  integrity sha512-t8MH41kUQylBtu2+4IQA3atqevA2lRgqA2wyVB/YiWmsDSuylZZuXOUy9ric30hfzauEFfdsuk/eXTRrGrfd0g==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.15.7"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
+"@babel/highlight@^7.16.7":
+  version "7.17.9"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.17.9.tgz#61b2ee7f32ea0454612def4fccdae0de232b73e3"
+  integrity sha512-J9PfEKCbFIv2X5bjTMiZu6Vf341N05QIY+d6FvVKynkG1S7G0j3I0QoRtWIrXhZ+/Nlb5Q0MzqL7TokEJ5BNHg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.16.7"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.16.7", "@babel/parser@^7.17.10":
+  version "7.17.10"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.10.tgz#873b16db82a8909e0fbd7f115772f4b739f6ce78"
+  integrity sha512-n2Q6i+fnJqzOaq2VkdXxy2TCPCWQZHiCo0XqmrCvDWcZQKRyZzYi4Z0yxlBuN0w+r2ZHmre+Q087DSrw3pbJDQ==
+
+"@babel/parser@^7.18.0":
+  version "7.18.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.3.tgz#39e99c7b0c4c56cef4d1eed8de9f506411c2ebc2"
+  integrity sha512-rL50YcEuHbbauAFAysNsJA4/f89fGTOBRNs9P81sniKnKAr4xULe5AecolcsKbi88xu0ByWYDj/S1AJ3FSFuSQ==
+
+"@babel/plugin-syntax-async-generators@^7.8.4":
+  version "7.8.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
+  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-bigint@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
+  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-class-properties@^7.8.3":
+  version "7.12.13"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
+  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.12.13"
+
+"@babel/plugin-syntax-import-meta@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-json-strings@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
+  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-jsx@^7.12.13":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.16.7.tgz#50b6571d13f764266a113d77c82b4a6508bbe665"
+  integrity sha512-Esxmk7YjA8QysKeT3VhTXvF6y77f/a91SIs4pWb4H2eWGQkCKFgQaG6hdoEVZtGsrAcb2K5BW66XsOErD4WU3Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.16.7"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
+  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-numeric-separator@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
+  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-object-rest-spread@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
+  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
+  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-chaining@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
+  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-top-level-await@^7.8.3":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
+  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-typescript@^7.7.2":
+  version "7.17.12"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.17.12.tgz#b54fc3be6de734a56b87508f99d6428b5b605a7b"
+  integrity sha512-TYY0SXFiO31YXtNg3HtFwNJHjLsAyIIhAhNWkQ5whPPS7HWUFlg9z0Ta4qAQNjQbP1wsSt/oKkmZ/4/WWdMUpw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.17.12"
+
+"@babel/runtime-corejs3@^7.10.2":
+  version "7.17.9"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.17.9.tgz#3d02d0161f0fbf3ada8e88159375af97690f4055"
+  integrity sha512-WxYHHUWF2uZ7Hp1K+D1xQgbgkGUfA+5UPOegEXGt2Y5SMog/rYCVaifLZDbw8UkNXozEqqrZTy6bglL7xTaCOw==
+  dependencies:
+    core-js-pure "^3.20.2"
+    regenerator-runtime "^0.13.4"
+
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.15.4", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+  version "7.17.9"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72"
+  integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
+"@babel/template@^7.16.7", "@babel/template@^7.3.3":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.7.tgz#8d126c8701fde4d66b264b3eba3d96f07666d155"
+  integrity sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    "@babel/parser" "^7.16.7"
+    "@babel/types" "^7.16.7"
+
+"@babel/traverse@^7.17.10", "@babel/traverse@^7.17.3", "@babel/traverse@^7.17.9":
+  version "7.17.10"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.17.10.tgz#1ee1a5ac39f4eac844e6cf855b35520e5eb6f8b5"
+  integrity sha512-VmbrTHQteIdUUQNTb+zE12SHS/xQVIShmBPhlNP12hD5poF2pbITW1Z4172d03HegaQWhLffdkRJYtAzp0AGcw==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.17.10"
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-function-name" "^7.17.9"
+    "@babel/helper-hoist-variables" "^7.16.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/parser" "^7.17.10"
+    "@babel/types" "^7.17.10"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
+"@babel/traverse@^7.18.0", "@babel/traverse@^7.18.2", "@babel/traverse@^7.7.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.2.tgz#b77a52604b5cc836a9e1e08dca01cba67a12d2e8"
+  integrity sha512-9eNwoeovJ6KH9zcCNnENY7DMFwTU9JdGCFtqNLfUAqtUHRCOsTOqWoffosP8vKmNYeSBUv3yVJXjfd8ucwOjUA==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.18.2"
+    "@babel/helper-environment-visitor" "^7.18.2"
+    "@babel/helper-function-name" "^7.17.9"
+    "@babel/helper-hoist-variables" "^7.16.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/parser" "^7.18.0"
+    "@babel/types" "^7.18.2"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
+"@babel/types@^7.0.0", "@babel/types@^7.16.7", "@babel/types@^7.17.0", "@babel/types@^7.17.10", "@babel/types@^7.3.0", "@babel/types@^7.3.3":
+  version "7.17.10"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.17.10.tgz#d35d7b4467e439fcf06d195f8100e0fea7fc82c4"
+  integrity sha512-9O26jG0mBYfGkUYCYZRnBwbVLd1UZOICEr2Em6InB6jVfsAv1GKgwXHmrSg+WFWDmeKTA6vyTZiN8tCSM5Oo3A==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.16.7"
+    to-fast-properties "^2.0.0"
+
+"@babel/types@^7.18.0", "@babel/types@^7.18.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.2.tgz#191abfed79ebe6f4242f643a9a5cbaa36b10b091"
+  integrity sha512-0On6B8A4/+mFUto5WERt3EEuG1NznDirvwca1O8UwXQHVY8g3R7OzYgxXdOfMwLO08UrpUD/2+3Bclyq+/C94Q==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.16.7"
+    to-fast-properties "^2.0.0"
+
+"@bcoe/v8-coverage@^0.2.3":
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
+  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
+
+"@colors/colors@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
+  integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
+
+"@cspotcode/source-map-support@^0.8.0":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz#00629c35a688e05a88b1cda684fb9d5e73f000a1"
+  integrity sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==
+  dependencies:
+    "@jridgewell/trace-mapping" "0.3.9"
+
+"@dabh/diagnostics@^2.0.2":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@dabh/diagnostics/-/diagnostics-2.0.3.tgz#7f7e97ee9a725dffc7808d93668cc984e1dc477a"
+  integrity sha512-hrlQOIi7hAfzsMqlGSFyVucrx38O+j6wiGOf//H2ecvIEqYN4ADBSS2iLMh5UFyDunCNniUIPk/q3riFv45xRA==
+  dependencies:
+    colorspace "1.1.x"
+    enabled "2.0.x"
+    kuler "^2.0.0"
+
+"@develar/schema-utils@~2.6.5":
+  version "2.6.5"
+  resolved "https://registry.yarnpkg.com/@develar/schema-utils/-/schema-utils-2.6.5.tgz#3ece22c5838402419a6e0425f85742b961d9b6c6"
+  integrity sha512-0cp4PsWQ/9avqTVMCtZ+GirikIA36ikvjtHweU4/j8yLtgObI0+JUPhYFScgwlteveGB1rt3Cm8UhN04XayDig==
+  dependencies:
+    ajv "^6.12.0"
+    ajv-keywords "^3.4.1"
+
+"@discoveryjs/json-ext@^0.5.0":
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
+  integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
+
+"@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==
+  dependencies:
+    debug "^4.1.1"
+    env-paths "^2.2.0"
+    fs-extra "^8.1.0"
+    got "^9.6.0"
+    progress "^2.0.3"
+    semver "^6.2.0"
+    sumchecker "^3.0.1"
+  optionalDependencies:
+    global-agent "^3.0.0"
+    global-tunnel-ng "^2.7.1"
+
+"@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"
+    debug "^4.3.1"
+    dir-compare "^2.4.0"
+    fs-extra "^9.0.1"
+    minimatch "^3.0.4"
+    plist "^3.0.4"
+
+"@emotion/babel-plugin@^11.7.1":
+  version "11.9.2"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.9.2.tgz#723b6d394c89fb2ef782229d92ba95a740576e95"
+  integrity sha512-Pr/7HGH6H6yKgnVFNEj2MVlreu3ADqftqjqwUvDy/OJzKFgxKeTQ+eeUf20FOTuHVkDON2iNa25rAXVYtWJCjw==
+  dependencies:
+    "@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@^11.4.0", "@emotion/cache@^11.7.1":
+  version "11.7.1"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.7.1.tgz#08d080e396a42e0037848214e8aa7bf879065539"
+  integrity sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A==
+  dependencies:
+    "@emotion/memoize" "^0.7.4"
+    "@emotion/sheet" "^1.1.0"
+    "@emotion/utils" "^1.0.0"
+    "@emotion/weak-memoize" "^0.2.5"
+    stylis "4.0.13"
+
+"@emotion/hash@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
+  integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
+
+"@emotion/memoize@^0.7.4", "@emotion/memoize@^0.7.5":
+  version "0.7.5"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.5.tgz#2c40f81449a4e554e9fc6396910ed4843ec2be50"
+  integrity sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==
+
+"@emotion/react@^11.8.1":
+  version "11.9.0"
+  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.9.0.tgz#b6d42b1db3bd7511e7a7c4151dc8bc82e14593b8"
+  integrity sha512-lBVSF5d0ceKtfKCDQJveNAtkC7ayxpVlgOohLgXqRwqWr9bOf4TZAFFyIcNngnV6xK6X4x2ZeXq7vliHkoVkxQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@emotion/babel-plugin" "^11.7.1"
+    "@emotion/cache" "^11.7.1"
+    "@emotion/serialize" "^1.0.3"
+    "@emotion/utils" "^1.1.0"
+    "@emotion/weak-memoize" "^0.2.5"
+    hoist-non-react-statics "^3.3.1"
+
+"@emotion/serialize@^1.0.2", "@emotion/serialize@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.3.tgz#99e2060c26c6292469fb30db41f4690e1c8fea63"
+  integrity sha512-2mSSvgLfyV3q+iVh3YWgNlUc2a9ZlDU7DjuP5MjK3AXRR0dYigCrP99aeFtaB2L/hjfEZdSThn5dsZ0ufqbvsA==
+  dependencies:
+    "@emotion/hash" "^0.8.0"
+    "@emotion/memoize" "^0.7.4"
+    "@emotion/unitless" "^0.7.5"
+    "@emotion/utils" "^1.0.0"
+    csstype "^3.0.2"
+
+"@emotion/sheet@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.1.0.tgz#56d99c41f0a1cda2726a05aa6a20afd4c63e58d2"
+  integrity sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==
+
+"@emotion/unitless@^0.7.5":
+  version "0.7.5"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
+  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
+
+"@emotion/utils@^1.0.0", "@emotion/utils@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.1.0.tgz#86b0b297f3f1a0f2bdb08eeac9a2f49afd40d0cf"
+  integrity sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ==
+
+"@emotion/weak-memoize@^0.2.5":
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46"
+  integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
+
+"@esbuild/android-arm64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.16.14.tgz#f02c9f0d43086ddf6ed2795b881ddf7990f74456"
+  integrity sha512-hTqB6Iq13pW4xaydeqQrs8vPntUnMjbkq+PgGiBMi69eYk74naG2ftHWqKnxn874kNrt5Or3rQ0PJutx2doJuQ==
+
+"@esbuild/android-arm@0.15.18":
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz#266d40b8fdcf87962df8af05b76219bc786b4f80"
+  integrity sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==
+
+"@esbuild/android-arm@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.16.14.tgz#24e4faf569d0d6bbf9ed46f6ed395d68eb7f04fc"
+  integrity sha512-u0rITLxFIeYAvtJXBQNhNuV4YZe+MD1YvIWT7Nicj8hZAtRVZk2PgNH6KclcKDVHz1ChLKXRfX7d7tkbQBUfrg==
+
+"@esbuild/android-x64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.16.14.tgz#1173e706cf57c0d4dbf069d18e5d50ae6a5b0871"
+  integrity sha512-jir51K4J0K5Rt0KOcippjSNdOl7akKDVz5I6yrqdk4/m9y+rldGptQUF7qU4YpX8U61LtR+w2Tu2Ph+K/UaJOw==
+
+"@esbuild/darwin-arm64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.16.14.tgz#67f05693c5b097bcb4ff656ba5839459f30f79c2"
+  integrity sha512-vrlaP81IuwPaw1fyX8fHCmivP3Gr73ojVEZy+oWJLAiZVcG8o8Phwun/XDnYIFUHxIoUnMFEpg9o38MIvlw8zw==
+
+"@esbuild/darwin-x64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.16.14.tgz#519c9d127c5363d4a1e73b9d954460f798b41d2a"
+  integrity sha512-KV1E01eC2hGYA2qzFDRCK4wdZCRUvMwCNcobgpiiOzp5QXpJBqFPdxI69j8vvzuU7oxFXDgANwEkXvpeQqyOyg==
+
+"@esbuild/freebsd-arm64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.14.tgz#2e3f5de2951a8ec732a3e4ec4f5d47a7c9626001"
+  integrity sha512-xRM1RQsazSvL42BNa5XC7ytD4ZDp0ZyJcH7aB0SlYUcHexJUKiDNKR7dlRVlpt6W0DvoRPU2nWK/9/QWS4u2fw==
+
+"@esbuild/freebsd-x64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.16.14.tgz#d3cf84ff28357ac8d0123309bac37fcfcdd98f53"
+  integrity sha512-7ALTAn6YRRf1O6fw9jmn0rWmOx3XfwDo7njGtjy1LXhDGUjTY/vohEPM3ii5MQ411vJv1r498EEx2aBQTJcrEw==
+
+"@esbuild/linux-arm64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.16.14.tgz#f44b0e3d5d470cd763a9bc4855a12b8cb73d6c12"
+  integrity sha512-TLh2OcbBUQcMYRH4GbiDkDZfZ4t1A3GgmeXY27dHSI6xrU7IkO00MGBiJySmEV6sH3Wa6pAN6UtaVL0DwkGW4Q==
+
+"@esbuild/linux-arm@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.16.14.tgz#b239eb7e6cb7df9c34c6b08f4adf113da47e0e09"
+  integrity sha512-X6xULug66ulrr4IzrW7qq+eq9n4MtEyagdWvj4o4cmWr+JXOT47atjpDF9j5M2zHY0UQBmqnHhwl+tXpkpIb2w==
+
+"@esbuild/linux-ia32@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.16.14.tgz#f5f7886027cd61bed59178e981a0ef47ca5b72ef"
+  integrity sha512-oBZkcZ56UZDFCAfE3Fd/Jgy10EoS7Td77NzNGenM+HSY8BkdQAcI9VF9qgwdOLZ+tuftWD7UqZ26SAhtvA3XhA==
+
+"@esbuild/linux-loong64@0.15.18":
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz#128b76ecb9be48b60cf5cfc1c63a4f00691a3239"
+  integrity sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==
+
+"@esbuild/linux-loong64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.16.14.tgz#d2329371726f9778156c89ea0bed26fc1bc3cd7e"
+  integrity sha512-udz/aEHTcuHP+xdWOJmZ5C9RQXHfZd/EhCnTi1Hfay37zH3lBxn/fNs85LA9HlsniFw2zccgcbrrTMKk7Cn1Qg==
+
+"@esbuild/linux-mips64el@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.16.14.tgz#8af86bdc6ee937c8a2803b3c197b28824f48df8e"
+  integrity sha512-kJ2iEnikUOdC1SiTGbH0fJUgpZwa0ITDTvj9EHf9lm3I0hZ4Yugsb3M6XSl696jVxrEocLe519/8CbSpQWFSrg==
+
+"@esbuild/linux-ppc64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.16.14.tgz#3fa3f8c6c9db3127f2ec5b2eba1cec67ff9a9b8e"
+  integrity sha512-kclKxvZvX5YhykwlJ/K9ljiY4THe5vXubXpWmr7q3Zu3WxKnUe1VOZmhkEZlqtnJx31GHPEV4SIG95IqTdfgfg==
+
+"@esbuild/linux-riscv64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.16.14.tgz#1bd1b631de2533106a08876295bad3a19b20f629"
+  integrity sha512-fdwP9Dc+Kx/cZwp9T9kNqjAE/PQjfrxbio4rZ3XnC3cVvZBjuxpkiyu/tuCwt6SbAK5th6AYNjFdEV9kGC020A==
+
+"@esbuild/linux-s390x@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.16.14.tgz#c87440b6522b9a36a9cafd05b0f1ca3c5bad4cca"
+  integrity sha512-++fw3P4fQk9nqvdzbANRqimKspL8pDCnSpXomyhV7V/ISha/BZIYvZwLBWVKp9CVWKwWPJ4ktsezuLIvlJRHqA==
+
+"@esbuild/linux-x64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.16.14.tgz#49cd974dad6042ac0141ba332df6307c44e77fed"
+  integrity sha512-TomtswAuzBf2NnddlrS4W01Tv85RM9YtATB3OugY6On0PLM4Ksz5qvQKVAjtzPKoLgL1FiZtfc8mkZc4IgoMEA==
+
+"@esbuild/netbsd-x64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.16.14.tgz#53dcfb5131376feff0911adff7f01b4821706cf6"
+  integrity sha512-U06pfx8P5CqyoPNfqIJmnf+5/r4mJ1S62G4zE6eOjS59naQcxi6GnscUCPH3b+hRG0qdKoGX49RAyiqW+M9aSw==
+
+"@esbuild/openbsd-x64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.16.14.tgz#f36888f73087bcd12c5bf9a4b18e348da9c80ad0"
+  integrity sha512-/Jl8XVaWEZNu9rZw+n792GIBupQwHo6GDoapHSb/2xp/Ku28eK6QpR2O9cPBkzHH4OOoMH0LB6zg/qczJ5TTGg==
+
+"@esbuild/sunos-x64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.16.14.tgz#41e046bb0849ae59702a5cfa8be300431a61ee3a"
+  integrity sha512-2iI7D34uTbDn/TaSiUbEHz+fUa8KbN90vX5yYqo12QGpu6T8Jl+kxODsWuMCwoTVlqUpwfPV22nBbFPME9OPtw==
+
+"@esbuild/win32-arm64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.16.14.tgz#d6ed78742a6edd413e75796882ddaef8c1e23b93"
+  integrity sha512-SjlM7AHmQVTiGBJE/nqauY1aDh80UBsXZ94g4g60CDkrDMseatiqALVcIuElg4ZSYzJs8hsg5W6zS2zLpZTVgg==
+
+"@esbuild/win32-ia32@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.16.14.tgz#558bd53859a83fe887d7d2dcdc6cb3fc9aa9a9bc"
+  integrity sha512-z06t5zqk8ak0Xom5HG81z2iOQ1hNWYsFQp3sczVLVx+dctWdgl80tNRyTbwjaFfui2vFO12dfE3trCTvA+HO4g==
+
+"@esbuild/win32-x64@0.16.14":
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.16.14.tgz#90558dcb279989d92a42e5be4dfb884b2399361f"
+  integrity sha512-ED1UpWcM6lAbalbbQ9TrGqJh4Y9TaASUvu8bI/0mgJcxhSByJ6rbpgqRhxYMaQ682WfA71nxUreaTO7L275zrw==
+
+"@eslint/eslintrc@^1.4.1":
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e"
+  integrity sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.4.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@floating-ui/core@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.0.1.tgz#00e64d74e911602c8533957af0cce5af6b2e93c8"
+  integrity sha512-bO37brCPfteXQfFY0DyNDGB3+IMe4j150KFQcgJ5aBP295p9nBGeHEs/p0czrRbtlHq4Px/yoPXO/+dOCcF4uA==
+
+"@floating-ui/dom@^1.0.1":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.0.2.tgz#c5184c52c6f50abd11052d71204f4be2d9245237"
+  integrity sha512-5X9WSvZ8/fjy3gDu8yx9HAA4KG1lazUN2P4/VnaXLxTO9Dz53HI1oYoh1OlhqFNlHgGDiwFX5WhFCc2ljbW3yA==
+  dependencies:
+    "@floating-ui/core" "^1.0.1"
+
+"@gar/promisify@^1.0.1", "@gar/promisify@^1.1.3":
+  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"
+  integrity sha512-ngu0tSEmrezoiIaNGG6rRvKOUkUuDdf4XTPnONHGYfSGRmDqPZX5oJL6HAdKTo1UQHECbdB4OzhWrfgVppjHUw==
+  dependencies:
+    "@hapi/hoek" "9.x.x"
+
+"@hapi/boom@9.x.x":
+  version "9.1.4"
+  resolved "https://registry.yarnpkg.com/@hapi/boom/-/boom-9.1.4.tgz#1f9dad367c6a7da9f8def24b4a986fc5a7bd9db6"
+  integrity sha512-Ls1oH8jaN1vNsqcaHVYJrKmgMcKsC1wcp8bujvXrHaAqD2iDYq3HoOwsxwo09Cuda5R5nC0o0IxlrlTuvPuzSw==
+  dependencies:
+    "@hapi/hoek" "9.x.x"
+
+"@hapi/boom@^10.0.0":
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/boom/-/boom-10.0.0.tgz#3624831d0a26b3378423b246f50eacea16e04a08"
+  integrity sha512-1YVs9tLHhypBqqinKQRqh7FUERIolarQApO37OWkzD+z6y6USi871Sv746zBPKcIOBuI6g6y4FrwX87mmJ90Gg==
+  dependencies:
+    "@hapi/hoek" "10.x.x"
+
+"@hapi/bourne@2.x.x":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@hapi/bourne/-/bourne-2.1.0.tgz#66aff77094dc3080bd5df44ec63881f2676eb020"
+  integrity sha512-i1BpaNDVLJdRBEKeJWkVO6tYX6DMFBuwMhSuWqLsY4ufeTKGVuV5rBsUhxPayXqnnWHgXUAmWK16H/ykO5Wj4Q==
+
+"@hapi/call@^9.0.0":
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/call/-/call-9.0.0.tgz#add16e7cb81933ae5b549f7e26e411ef803ebc98"
+  integrity sha512-Z6byqbEtKF3RIH2kWG6cX64RwEqHBWYEVkNoEx6oKvkPaTrC6WTPRgr+ANo9Xa8G1GXyvs/NCMTnn3Mdj12TSA==
+  dependencies:
+    "@hapi/boom" "^10.0.0"
+    "@hapi/hoek" "^10.0.0"
+
+"@hapi/content@^5.0.2":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@hapi/content/-/content-5.0.2.tgz#ae57954761de570392763e64cdd75f074176a804"
+  integrity sha512-mre4dl1ygd4ZyOH3tiYBrOUBzV7Pu/EOs8VLGf58vtOEECWed8Uuw6B4iR9AN/8uQt42tB04qpVaMyoMQh0oMw==
+  dependencies:
+    "@hapi/boom" "9.x.x"
+
+"@hapi/file@2.x.x":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/file/-/file-2.0.0.tgz#2ecda37d1ae9d3078a67c13b7da86e8c3237dfb9"
+  integrity sha512-WSrlgpvEqgPWkI18kkGELEZfXr0bYLtr16iIN4Krh9sRnzBZN6nnWxHFxtsnP684wueEySBbXPDg/WfA9xJdBQ==
+
+"@hapi/hoek@10.x.x", "@hapi/hoek@^10.0.0":
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-10.0.0.tgz#b17be58febab7dbc60cde5f522da197ccde12713"
+  integrity sha512-CeNFz1JcLZ5xE8Vc9aau37cgHw9bxXqSDK/D55GF2GAOv0n0XjyyjSodHtKahB7A1tV3FlgCpijp3zkSITmBdA==
+
+"@hapi/hoek@9.x.x", "@hapi/hoek@^9.0.0", "@hapi/hoek@^9.0.4":
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb"
+  integrity sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==
+
+"@hapi/nigel@4.x.x":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/@hapi/nigel/-/nigel-4.0.2.tgz#8f84ef4bca4fb03b2376463578f253b0b8e863c4"
+  integrity sha512-ht2KoEsDW22BxQOEkLEJaqfpoKPXxi7tvabXy7B/77eFtOyG5ZEstfZwxHQcqAiZhp58Ae5vkhEqI03kawkYNw==
+  dependencies:
+    "@hapi/hoek" "^9.0.4"
+    "@hapi/vise" "^4.0.0"
+
+"@hapi/pez@^5.0.1":
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/@hapi/pez/-/pez-5.0.3.tgz#b75446e6fef8cbb16816573ab7da1b0522e7a2a1"
+  integrity sha512-mpikYRJjtrbJgdDHG/H9ySqYqwJ+QU/D7FXsYciS9P7NYBXE2ayKDAy3H0ou6CohOCaxPuTV4SZ0D936+VomHA==
+  dependencies:
+    "@hapi/b64" "5.x.x"
+    "@hapi/boom" "9.x.x"
+    "@hapi/content" "^5.0.2"
+    "@hapi/hoek" "9.x.x"
+    "@hapi/nigel" "4.x.x"
+
+"@hapi/subtext@^7.0.4":
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/@hapi/subtext/-/subtext-7.0.4.tgz#aa46e4b45aad8115938334d5a3620a17b3b33ee5"
+  integrity sha512-Y72moHhbRuO8kwBHFEnCRw7oOnhNh4Pl+aonxAze18jkyMpE4Gwz4lNID7ei8vd3lpXC2rKdkxXJgtfY+WttRw==
+  dependencies:
+    "@hapi/boom" "9.x.x"
+    "@hapi/bourne" "2.x.x"
+    "@hapi/content" "^5.0.2"
+    "@hapi/file" "2.x.x"
+    "@hapi/hoek" "9.x.x"
+    "@hapi/pez" "^5.0.1"
+    "@hapi/wreck" "17.x.x"
+
+"@hapi/topo@^5.0.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.1.0.tgz#dc448e332c6c6e37a4dc02fd84ba8d44b9afb012"
+  integrity sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
+
+"@hapi/vise@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/vise/-/vise-4.0.0.tgz#c6a94fe121b94a53bf99e7489f7fcc74c104db02"
+  integrity sha512-eYyLkuUiFZTer59h+SGy7hUm+qE9p+UemePTHLlIWppEd+wExn3Df5jO04bFQTm7nleF5V8CtuYQYb+VFpZ6Sg==
+  dependencies:
+    "@hapi/hoek" "9.x.x"
+
+"@hapi/wreck@17.x.x":
+  version "17.2.0"
+  resolved "https://registry.yarnpkg.com/@hapi/wreck/-/wreck-17.2.0.tgz#a5b69b724fa8fa25550fb02f55c649becfc59f63"
+  integrity sha512-pJ5kjYoRPYDv+eIuiLQqhGon341fr2bNIYZjuotuPJG/3Ilzr/XtI+JAp0A86E2bYfsS3zBPABuS2ICkaXFT8g==
+  dependencies:
+    "@hapi/boom" "9.x.x"
+    "@hapi/bourne" "2.x.x"
+    "@hapi/hoek" "9.x.x"
+
+"@humanwhocodes/config-array@^0.11.8":
+  version "0.11.8"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
+  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
+  dependencies:
+    "@humanwhocodes/object-schema" "^1.2.1"
+    debug "^4.1.1"
+    minimatch "^3.0.5"
+
+"@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"
+  integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
+
+"@isaacs/string-locale-compare@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@isaacs/string-locale-compare/-/string-locale-compare-1.1.0.tgz#291c227e93fd407a96ecd59879a35809120e432b"
+  integrity sha512-SQ7Kzhh9+D+ZW9MA0zkYv3VXhIDNx+LzM6EJ+/65I3QY+enU6Itte7E5XX7EWrqLW2FN4n06GWzBnPoC3th2aQ==
+
+"@istanbuljs/load-nyc-config@^1.0.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
+  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
+  dependencies:
+    camelcase "^5.3.1"
+    find-up "^4.1.0"
+    get-package-type "^0.1.0"
+    js-yaml "^3.13.1"
+    resolve-from "^5.0.0"
+
+"@istanbuljs/schema@^0.1.2":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
+  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
+
+"@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.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
+    slash "^3.0.0"
+
+"@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.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.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.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.3"
+    rimraf "^3.0.0"
+    slash "^3.0.0"
+    strip-ansi "^6.0.0"
+
+"@jest/create-cache-key-function@^27.4.2":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/create-cache-key-function/-/create-cache-key-function-27.5.1.tgz#7448fae15602ea95c828f5eceed35c202a820b31"
+  integrity sha512-dmH1yW+makpTSURTy8VzdUwFnfQh1G8R+DxO2Ho2FFmBbKFEVm+3jWdvFhE2VqB/LATCTokkP0dotjyQyw5/AQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+
+"@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.3"
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    jest-mock "^28.1.3"
+
+"@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.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.3"
+    jest-snapshot "^28.1.3"
+
+"@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.3"
+    "@sinonjs/fake-timers" "^9.1.2"
+    "@types/node" "*"
+    jest-message-util "^28.1.3"
+    jest-mock "^28.1.3"
+    jest-util "^28.1.3"
+
+"@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.3"
+    "@jest/expect" "^28.1.3"
+    "@jest/types" "^28.1.3"
+
+"@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.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"
+    exit "^0.1.2"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-instrument "^5.1.0"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.1.3"
+    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.1"
+
+"@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.24.1"
+
+"@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.13"
+    callsites "^3.0.0"
+    graceful-fs "^4.2.9"
+
+"@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.3"
+    "@jest/types" "^28.1.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    collect-v8-coverage "^1.0.0"
+
+"@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.3"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^28.1.3"
+    slash "^3.0.0"
+
+"@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.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.3"
+    jest-regex-util "^28.0.2"
+    jest-util "^28.1.3"
+    micromatch "^4.0.4"
+    pirates "^4.0.4"
+    slash "^3.0.0"
+    write-file-atomic "^4.0.1"
+
+"@jest/types@^26.6.2":
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e"
+  integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^15.0.0"
+    chalk "^4.0.0"
+
+"@jest/types@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
+  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^16.0.0"
+    chalk "^4.0.0"
+
+"@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.1.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^17.0.8"
+    chalk "^4.0.0"
+
+"@jridgewell/gen-mapping@^0.1.0":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
+  integrity sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==
+  dependencies:
+    "@jridgewell/set-array" "^1.0.0"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
+"@jridgewell/gen-mapping@^0.3.0":
+  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.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/resolve-uri@^3.0.3":
+  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.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"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9"
+  integrity sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
+"@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"
+
+"@kubernetes/client-node@^0.18.0":
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/@kubernetes/client-node/-/client-node-0.18.0.tgz#b1002f3c19fb7509ce521ea78f500589f8e3e047"
+  integrity sha512-Mp6q0OkZQBp+HslIgvHYpsPJk8z6mch231QWtIZQHvs+PaTE6mkUfusYE8fNw3jMjru5mVO/JDz6PTjB9YT2rQ==
+  dependencies:
+    "@types/js-yaml" "^4.0.1"
+    "@types/node" "^10.12.0"
+    "@types/request" "^2.47.1"
+    "@types/ws" "^6.0.1"
+    byline "^5.0.0"
+    execa "5.0.0"
+    isomorphic-ws "^4.0.1"
+    js-yaml "^4.1.0"
+    jsonpath-plus "^0.19.0"
+    request "^2.88.0"
+    rfc4648 "^1.3.0"
+    shelljs "^0.8.5"
+    stream-buffers "^3.0.2"
+    tar "^6.1.11"
+    tmp-promise "^3.0.2"
+    tslib "^2.4.1"
+    underscore "^1.13.6"
+    ws "^7.3.1"
+  optionalDependencies:
+    openid-client "^5.3.0"
+
+"@leichtgewicht/ip-codec@^2.0.1":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
+  integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
+
+"@malept/cross-spawn-promise@^1.1.0":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@malept/cross-spawn-promise/-/cross-spawn-promise-1.1.1.tgz#504af200af6b98e198bce768bc1730c6936ae01d"
+  integrity sha512-RTBGWL5FWQcg9orDOCcp4LvItNzUPcyEU9bwaeJX0rJ1IQxzucC48Y0/sQLp/g6t99IQgAlGIaesJS+gTn7tVQ==
+  dependencies:
+    cross-spawn "^7.0.1"
+
+"@malept/flatpak-bundler@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@malept/flatpak-bundler/-/flatpak-bundler-0.4.0.tgz#e8a32c30a95d20c2b1bb635cc580981a06389858"
+  integrity sha512-9QOtNffcOF/c1seMCDnjckb3R9WHcG34tky+FHpNKKCW0wc/scYLwMtO+ptyGUfMW0/b/n4qRiALlaFHc9Oj7Q==
+  dependencies:
+    debug "^4.1.1"
+    fs-extra "^9.0.0"
+    lodash "^4.17.15"
+    tmp-promise "^3.0.2"
+
+"@material-ui/core@^4.12.3":
+  version "4.12.4"
+  resolved "https://registry.yarnpkg.com/@material-ui/core/-/core-4.12.4.tgz#4ac17488e8fcaf55eb6a7f5efb2a131e10138a73"
+  integrity sha512-tr7xekNlM9LjA6pagJmL8QCgZXaubWUwkJnoYcMKd4gw/t4XiyvnTkjdGrUVicyB2BsdaAv1tvow45bPM4sSwQ==
+  dependencies:
+    "@babel/runtime" "^7.4.4"
+    "@material-ui/styles" "^4.11.5"
+    "@material-ui/system" "^4.12.2"
+    "@material-ui/types" "5.1.0"
+    "@material-ui/utils" "^4.11.3"
+    "@types/react-transition-group" "^4.2.0"
+    clsx "^1.0.4"
+    hoist-non-react-statics "^3.3.2"
+    popper.js "1.16.1-lts"
+    prop-types "^15.7.2"
+    react-is "^16.8.0 || ^17.0.0"
+    react-transition-group "^4.4.0"
+
+"@material-ui/icons@^4.11.2":
+  version "4.11.3"
+  resolved "https://registry.yarnpkg.com/@material-ui/icons/-/icons-4.11.3.tgz#b0693709f9b161ce9ccde276a770d968484ecff1"
+  integrity sha512-IKHlyx6LDh8n19vzwH5RtHIOHl9Tu90aAAxcbWME6kp4dmvODM3UvOHJeMIDzUbd4muuJKHmlNoBN+mDY4XkBA==
+  dependencies:
+    "@babel/runtime" "^7.4.4"
+
+"@material-ui/lab@^4.0.0-alpha.60":
+  version "4.0.0-alpha.61"
+  resolved "https://registry.yarnpkg.com/@material-ui/lab/-/lab-4.0.0-alpha.61.tgz#9bf8eb389c0c26c15e40933cc114d4ad85e3d978"
+  integrity sha512-rSzm+XKiNUjKegj8bzt5+pygZeckNLOr+IjykH8sYdVk7dE9y2ZuUSofiMV2bJk3qU+JHwexmw+q0RyNZB9ugg==
+  dependencies:
+    "@babel/runtime" "^7.4.4"
+    "@material-ui/utils" "^4.11.3"
+    clsx "^1.0.4"
+    prop-types "^15.7.2"
+    react-is "^16.8.0 || ^17.0.0"
+
+"@material-ui/styles@^4.11.5":
+  version "4.11.5"
+  resolved "https://registry.yarnpkg.com/@material-ui/styles/-/styles-4.11.5.tgz#19f84457df3aafd956ac863dbe156b1d88e2bbfb"
+  integrity sha512-o/41ot5JJiUsIETME9wVLAJrmIWL3j0R0Bj2kCOLbSfqEkKf0fmaPt+5vtblUh5eXr2S+J/8J3DaCb10+CzPGA==
+  dependencies:
+    "@babel/runtime" "^7.4.4"
+    "@emotion/hash" "^0.8.0"
+    "@material-ui/types" "5.1.0"
+    "@material-ui/utils" "^4.11.3"
+    clsx "^1.0.4"
+    csstype "^2.5.2"
+    hoist-non-react-statics "^3.3.2"
+    jss "^10.5.1"
+    jss-plugin-camel-case "^10.5.1"
+    jss-plugin-default-unit "^10.5.1"
+    jss-plugin-global "^10.5.1"
+    jss-plugin-nested "^10.5.1"
+    jss-plugin-props-sort "^10.5.1"
+    jss-plugin-rule-value-function "^10.5.1"
+    jss-plugin-vendor-prefixer "^10.5.1"
+    prop-types "^15.7.2"
+
+"@material-ui/system@^4.12.2":
+  version "4.12.2"
+  resolved "https://registry.yarnpkg.com/@material-ui/system/-/system-4.12.2.tgz#f5c389adf3fce4146edd489bf4082d461d86aa8b"
+  integrity sha512-6CSKu2MtmiJgcCGf6nBQpM8fLkuB9F55EKfbdTC80NND5wpTmKzwdhLYLH3zL4cLlK0gVaaltW7/wMuyTnN0Lw==
+  dependencies:
+    "@babel/runtime" "^7.4.4"
+    "@material-ui/utils" "^4.11.3"
+    csstype "^2.5.2"
+    prop-types "^15.7.2"
+
+"@material-ui/types@5.1.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@material-ui/types/-/types-5.1.0.tgz#efa1c7a0b0eaa4c7c87ac0390445f0f88b0d88f2"
+  integrity sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==
+
+"@material-ui/utils@^4.11.3":
+  version "4.11.3"
+  resolved "https://registry.yarnpkg.com/@material-ui/utils/-/utils-4.11.3.tgz#232bd86c4ea81dab714f21edad70b7fdf0253942"
+  integrity sha512-ZuQPV4rBK/V1j2dIkSSEcH5uT6AaHuKWFfotADHsC0wVL1NLd2WkFCm4ZZbX33iO4ydl6V0GPngKm8HZQ2oujg==
+  dependencies:
+    "@babel/runtime" "^7.4.4"
+    prop-types "^15.7.2"
+    react-is "^16.8.0 || ^17.0.0"
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@npmcli/arborist@^5.6.3":
+  version "5.6.3"
+  resolved "https://registry.yarnpkg.com/@npmcli/arborist/-/arborist-5.6.3.tgz#40810080272e097b4a7a4f56108f4a31638a9874"
+  integrity sha512-/7hbqEM6YuRjwTcQXkK1+xKslEblY5kFQe0tZ7jKyMlIR6x4iOmhLErIkBBGtTKvYxRKdpcxnFXjCobg3UqmsA==
+  dependencies:
+    "@isaacs/string-locale-compare" "^1.1.0"
+    "@npmcli/installed-package-contents" "^1.0.7"
+    "@npmcli/map-workspaces" "^2.0.3"
+    "@npmcli/metavuln-calculator" "^3.0.1"
+    "@npmcli/move-file" "^2.0.0"
+    "@npmcli/name-from-folder" "^1.0.1"
+    "@npmcli/node-gyp" "^2.0.0"
+    "@npmcli/package-json" "^2.0.0"
+    "@npmcli/query" "^1.2.0"
+    "@npmcli/run-script" "^4.1.3"
+    bin-links "^3.0.3"
+    cacache "^16.1.3"
+    common-ancestor-path "^1.0.1"
+    hosted-git-info "^5.2.1"
+    json-parse-even-better-errors "^2.3.1"
+    json-stringify-nice "^1.1.4"
+    minimatch "^5.1.0"
+    mkdirp "^1.0.4"
+    mkdirp-infer-owner "^2.0.0"
+    nopt "^6.0.0"
+    npm-install-checks "^5.0.0"
+    npm-package-arg "^9.0.0"
+    npm-pick-manifest "^7.0.2"
+    npm-registry-fetch "^13.0.0"
+    npmlog "^6.0.2"
+    pacote "^13.6.1"
+    parse-conflict-json "^2.0.1"
+    proc-log "^2.0.0"
+    promise-all-reject-late "^1.0.0"
+    promise-call-limit "^1.0.1"
+    read-package-json-fast "^2.0.2"
+    readdir-scoped-modules "^1.1.0"
+    rimraf "^3.0.2"
+    semver "^7.3.7"
+    ssri "^9.0.0"
+    treeverse "^2.0.0"
+    walk-up-path "^1.0.0"
+
+"@npmcli/ci-detect@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/ci-detect/-/ci-detect-2.0.0.tgz#e63c91bcd4185ac1e85720a34fc48e164ece5b89"
+  integrity sha512-8yQtQ9ArHh/TzdUDKQwEvwCgpDuhSWTDAbiKMl3854PcT+Dk4UmWaiawuFTLy9n5twzXOBXVflWe+90/ffXQrA==
+
+"@npmcli/config@^4.2.1":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@npmcli/config/-/config-4.2.2.tgz#2e3334dda84f48d059309c53d152e66b05ca24b7"
+  integrity sha512-5GNcLd+0c4bYBnFop53+26CO5GQP0R9YcxlernohpHDWdIgzUg9I0+GEMk3sNHnLntATVU39d283A4OO+W402w==
+  dependencies:
+    "@npmcli/map-workspaces" "^2.0.2"
+    ini "^3.0.0"
+    mkdirp-infer-owner "^2.0.0"
+    nopt "^6.0.0"
+    proc-log "^2.0.0"
+    read-package-json-fast "^2.0.3"
+    semver "^7.3.5"
+    walk-up-path "^1.0.0"
+
+"@npmcli/disparity-colors@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/disparity-colors/-/disparity-colors-2.0.0.tgz#cb518166ee21573b96241a3613fef70acb2a60ba"
+  integrity sha512-FFXGrIjhvd2qSZ8iS0yDvbI7nbjdyT2VNO7wotosjYZM2p2r8PN3B7Om3M5NO9KqW/OVzfzLB3L0V5Vo5QXC7A==
+  dependencies:
+    ansi-styles "^4.3.0"
+
+"@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/fs@^2.1.0", "@npmcli/fs@^2.1.1":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-2.1.2.tgz#a9e2541a4a2fec2e69c29b35e6060973da79b865"
+  integrity sha512-yOJKRvohFOaLqipNtwYB9WugyZKhC/DZC4VYPmpaCzDBrA8YpK3qHZ8/HGscMnE4GqbkLNuVcCnxkeQEdGt6LQ==
+  dependencies:
+    "@gar/promisify" "^1.1.3"
+    semver "^7.3.5"
+
+"@npmcli/git@^3.0.0":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@npmcli/git/-/git-3.0.2.tgz#5c5de6b4d70474cf2d09af149ce42e4e1dacb931"
+  integrity sha512-CAcd08y3DWBJqJDpfuVL0uijlq5oaXaOJEKHKc4wqrjd00gkvTZB+nFuLn+doOOKddaQS9JfqtNoFCO2LCvA3w==
+  dependencies:
+    "@npmcli/promise-spawn" "^3.0.0"
+    lru-cache "^7.4.4"
+    mkdirp "^1.0.4"
+    npm-pick-manifest "^7.0.0"
+    proc-log "^2.0.0"
+    promise-inflight "^1.0.1"
+    promise-retry "^2.0.1"
+    semver "^7.3.5"
+    which "^2.0.2"
+
+"@npmcli/installed-package-contents@^1.0.7":
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/@npmcli/installed-package-contents/-/installed-package-contents-1.0.7.tgz#ab7408c6147911b970a8abe261ce512232a3f4fa"
+  integrity sha512-9rufe0wnJusCQoLpV9ZPKIVP55itrM5BxOXs10DmdbRfgWtHy1LDyskbwRnBghuB0PrF7pNPOqREVtpz4HqzKw==
+  dependencies:
+    npm-bundled "^1.1.1"
+    npm-normalize-package-bin "^1.0.1"
+
+"@npmcli/map-workspaces@^2.0.2", "@npmcli/map-workspaces@^2.0.3":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@npmcli/map-workspaces/-/map-workspaces-2.0.4.tgz#9e5e8ab655215a262aefabf139782b894e0504fc"
+  integrity sha512-bMo0aAfwhVwqoVM5UzX1DJnlvVvzDCHae821jv48L1EsrYwfOZChlqWYXEtto/+BkBXetPbEWgau++/brh4oVg==
+  dependencies:
+    "@npmcli/name-from-folder" "^1.0.1"
+    glob "^8.0.1"
+    minimatch "^5.0.1"
+    read-package-json-fast "^2.0.3"
+
+"@npmcli/metavuln-calculator@^3.0.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/metavuln-calculator/-/metavuln-calculator-3.1.1.tgz#9359bd72b400f8353f6a28a25c8457b562602622"
+  integrity sha512-n69ygIaqAedecLeVH3KnO39M6ZHiJ2dEv5A7DGvcqCB8q17BGUgW8QaanIkbWUo2aYGZqJaOORTLAlIvKjNDKA==
+  dependencies:
+    cacache "^16.0.0"
+    json-parse-even-better-errors "^2.3.1"
+    pacote "^13.0.3"
+    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"
+
+"@npmcli/move-file@^2.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-2.0.1.tgz#26f6bdc379d87f75e55739bab89db525b06100e4"
+  integrity sha512-mJd2Z5TjYWq/ttPLLGqArdtnC74J6bOzg4rMDnN+p1xTacZ2yPRCk2y0oSWQtygLR9YVQXgOcONrwtnk3JupxQ==
+  dependencies:
+    mkdirp "^1.0.4"
+    rimraf "^3.0.2"
+
+"@npmcli/name-from-folder@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/name-from-folder/-/name-from-folder-1.0.1.tgz#77ecd0a4fcb772ba6fe927e2e2e155fbec2e6b1a"
+  integrity sha512-qq3oEfcLFwNfEYOQ8HLimRGKlD8WSeGEdtUa7hmzpR8Sa7haL1KVQrvgO6wqMjhWFFVjgtrh1gIxDz+P8sjUaA==
+
+"@npmcli/node-gyp@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/node-gyp/-/node-gyp-2.0.0.tgz#8c20e53e34e9078d18815c1d2dda6f2420d75e35"
+  integrity sha512-doNI35wIe3bBaEgrlPfdJPaCpUR89pJWep4Hq3aRdh6gKazIVWfs0jHttvSSoq47ZXgC7h73kDsUl8AoIQUB+A==
+
+"@npmcli/package-json@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/package-json/-/package-json-2.0.0.tgz#3bbcf4677e21055adbe673d9f08c9f9cde942e4a"
+  integrity sha512-42jnZ6yl16GzjWSH7vtrmWyJDGVa/LXPdpN2rcUWolFjc9ON2N3uz0qdBbQACfmhuJZ2lbKYtmK5qx68ZPLHMA==
+  dependencies:
+    json-parse-even-better-errors "^2.3.1"
+
+"@npmcli/promise-spawn@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/promise-spawn/-/promise-spawn-3.0.0.tgz#53283b5f18f855c6925f23c24e67c911501ef573"
+  integrity sha512-s9SgS+p3a9Eohe68cSI3fi+hpcZUmXq5P7w0kMlAsWVtR7XbK3ptkZqKT2cK1zLDObJ3sR+8P59sJE0w/KTL1g==
+  dependencies:
+    infer-owner "^1.0.4"
+
+"@npmcli/query@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/query/-/query-1.2.0.tgz#46468d583cf013aa92102970700f9555314aabe4"
+  integrity sha512-uWglsUM3PjBLgTSmZ3/vygeGdvWEIZ3wTUnzGFbprC/RtvQSaT+GAXu1DXmSFj2bD3oOZdcRm1xdzsV2z1YWdw==
+  dependencies:
+    npm-package-arg "^9.1.0"
+    postcss-selector-parser "^6.0.10"
+    semver "^7.3.7"
+
+"@npmcli/run-script@^4.1.0", "@npmcli/run-script@^4.1.3", "@npmcli/run-script@^4.2.0", "@npmcli/run-script@^4.2.1":
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/run-script/-/run-script-4.2.1.tgz#c07c5c71bc1c70a5f2a06b0d4da976641609b946"
+  integrity sha512-7dqywvVudPSrRCW5nTHpHgeWnbBtz8cFkOuKrecm6ih+oO9ciydhWt6OF7HlqupRRmB8Q/gECVdB9LMfToJbRg==
+  dependencies:
+    "@npmcli/node-gyp" "^2.0.0"
+    "@npmcli/promise-spawn" "^3.0.0"
+    node-gyp "^9.0.0"
+    read-package-json-fast "^2.0.3"
+    which "^2.0.2"
+
+"@ogre-tools/fp@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/fp/-/fp-12.0.1.tgz#1f932c8c4cc04075f92ab5ca564db158ac1514d4"
+  integrity sha512-BzMhkI4wPnuI+hXJDbtHUXQn/uBjJLx3W0oDaIFV+lLpkneUU0oW9D5uZFHNOouzCgf67/tnmUC6Ohevbr7/VA==
+
+"@ogre-tools/injectable-extension-for-auto-registration@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-auto-registration/-/injectable-extension-for-auto-registration-12.0.1.tgz#878f73b5408b12193664f4920289905eacb4c1cc"
+  integrity sha512-itKcxEJ/J8SKGD/Wwj0UYOA+/nqwnrwanhikY6qhlibj8guujX77Iip7vMBzJFc2nIrRaQRcpNV2eXe+tjQUdg==
+
+"@ogre-tools/injectable-extension-for-mobx@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-mobx/-/injectable-extension-for-mobx-12.0.1.tgz#1e9de8caba076d7cebda4177a5ab763594b08b28"
+  integrity sha512-M1penOpZfO3/rJMb6WN4IL86p9Lx9tOMCipiNkAyitNLGWfeDPG279JlCs9E3Uw8R9nkFPiw8Je2SLnwnM9o+A==
+
+"@ogre-tools/injectable-react@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-react/-/injectable-react-12.0.1.tgz#07a43f25bd78db37cb2c00bc0c06e0a69394f519"
+  integrity sha512-LAOh/EHKqk/pQcBRZUAz0VcJwgBeIPxHwlV/Apw0aEBBoMuYLsLZh47rES8sMYMV6N5x7oVfkjMscujY0DCgaQ==
+
+"@ogre-tools/injectable@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable/-/injectable-12.0.1.tgz#53f9981f7f165da4277857b8338cc4097d357ad2"
+  integrity sha512-uOx8STN2wSc9hknDSTGqViyR89Vwg7rGacwrVNchgyo48/QJsmZZz6cd1Aw3nT4vr7ekjTc2lh0Rz6zGIv47hg==
+
+"@pkgr/utils@^2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@pkgr/utils/-/utils-2.3.1.tgz#0a9b06ffddee364d6642b3cd562ca76f55b34a03"
+  integrity sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==
+  dependencies:
+    cross-spawn "^7.0.3"
+    is-glob "^4.0.3"
+    open "^8.4.0"
+    picocolors "^1.0.0"
+    tiny-glob "^0.2.9"
+    tslib "^2.4.0"
+
+"@pmmmwh/react-refresh-webpack-plugin@^0.5.10":
+  version "0.5.10"
+  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz#2eba163b8e7dbabb4ce3609ab5e32ab63dda3ef8"
+  integrity sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==
+  dependencies:
+    ansi-html-community "^0.0.8"
+    common-path-prefix "^3.0.0"
+    core-js-pure "^3.23.3"
+    error-stack-parser "^2.0.6"
+    find-up "^5.0.0"
+    html-entities "^2.1.0"
+    loader-utils "^2.0.4"
+    schema-utils "^3.0.0"
+    source-map "^0.7.3"
+
+"@sentry/browser@6.19.2":
+  version "6.19.2"
+  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-6.19.2.tgz#c0f6df07584f3b36fa037067aea20b2c8c2095a3"
+  integrity sha512-5VC44p5Vu2eJhVT39nLAJFgha5MjHDYCyZRR1ieeZt3a++otojPGBBAKNAtrEMGV+A2Z9AoneD6ZnDVlyb3GKg==
+  dependencies:
+    "@sentry/core" "6.19.2"
+    "@sentry/types" "6.19.2"
+    "@sentry/utils" "6.19.2"
+    tslib "^1.9.3"
+
+"@sentry/core@6.19.2":
+  version "6.19.2"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-6.19.2.tgz#dd35ba6ca41a2dd011c43f732bcdadbb52c06376"
+  integrity sha512-yu1R3ewBT4udmB4v7sc4biQZ0Z0rfB9+TzB5ZKoCftbe6kqXjFMMaFRYNUF9HicVldKAsBktgkWw3+yfqGkw/A==
+  dependencies:
+    "@sentry/hub" "6.19.2"
+    "@sentry/minimal" "6.19.2"
+    "@sentry/types" "6.19.2"
+    "@sentry/utils" "6.19.2"
+    tslib "^1.9.3"
+
+"@sentry/electron@^3.0.8":
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/@sentry/electron/-/electron-3.0.8.tgz#ad4aaa0290c31fb5eb3ed06377da46ee501ec97d"
+  integrity sha512-D330t0rRswAYreFtzIICD5uQH7Wp2e7g6GEFTGisTouHY9+qSu7q9J/hGe5Vase5cY5277/YmUaUKRrVxj/2DQ==
+  dependencies:
+    "@sentry/browser" "6.19.2"
+    "@sentry/core" "6.19.2"
+    "@sentry/node" "6.19.2"
+    "@sentry/types" "6.19.2"
+    "@sentry/utils" "6.19.2"
+    deepmerge "^4.2.2"
+    tslib "^2.3.1"
+
+"@sentry/hub@6.19.2":
+  version "6.19.2"
+  resolved "https://registry.yarnpkg.com/@sentry/hub/-/hub-6.19.2.tgz#0e9f9c507e55d8396002f644b43ef27cc9ff1289"
+  integrity sha512-W7KCgNBgdBIMagOxy5J5KQPe+maYxSqfE8a5ncQ3R8BcZDQEKnkW/1FplNbfRLZqA/tL/ndKb7pTPqVtzsbARw==
+  dependencies:
+    "@sentry/types" "6.19.2"
+    "@sentry/utils" "6.19.2"
+    tslib "^1.9.3"
+
+"@sentry/integrations@^6.19.3":
+  version "6.19.7"
+  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-6.19.7.tgz#e6e126b692077c8731644224c754012bed65b425"
+  integrity sha512-yNeeFyuygJaV7Mdc5qWuDa13xVj5mVdECaaw2Xs4pfeHaXmRfRzZY17N8ypWFegKWxKBHynyQRMD10W5pBwJvA==
+  dependencies:
+    "@sentry/types" "6.19.7"
+    "@sentry/utils" "6.19.7"
+    localforage "^1.8.1"
+    tslib "^1.9.3"
+
+"@sentry/minimal@6.19.2":
+  version "6.19.2"
+  resolved "https://registry.yarnpkg.com/@sentry/minimal/-/minimal-6.19.2.tgz#e748541e4adbc7e80a3b6ccaf01b631c17fc44b4"
+  integrity sha512-ClwxKm77iDHET7kpzv1JvzDx1er5DoNu+EUjst0kQzARIrXvu9xuZuE2/CnBWycQWqw8o3HoGoKz65uIhsUCzQ==
+  dependencies:
+    "@sentry/hub" "6.19.2"
+    "@sentry/types" "6.19.2"
+    tslib "^1.9.3"
+
+"@sentry/node@6.19.2":
+  version "6.19.2"
+  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-6.19.2.tgz#cad621ad319f555826110f4d6c972a2fc95800fc"
+  integrity sha512-Z1qREpTpYHxaeWjc1zMUk8ZTAp1WbxMiI2TVNc+a14DVT19Z2xNXb06MiRfeLgNc9lVGdmzR62dPmMBjVgPJYg==
+  dependencies:
+    "@sentry/core" "6.19.2"
+    "@sentry/hub" "6.19.2"
+    "@sentry/types" "6.19.2"
+    "@sentry/utils" "6.19.2"
+    cookie "^0.4.1"
+    https-proxy-agent "^5.0.0"
+    lru_map "^0.3.3"
+    tslib "^1.9.3"
+
+"@sentry/types@6.19.2":
+  version "6.19.2"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-6.19.2.tgz#0219c9da21ed975951108b8541913b1966464435"
+  integrity sha512-XO5qmVBdTs+7PdCz7fAwn1afWxSnRE2KLBFg5/vOdKosPSSHsSHUURSkxiEZc2QsR+JpRB4AeQ26AkIRX38qTg==
+
+"@sentry/types@6.19.7", "@sentry/types@^6.19.7":
+  version "6.19.7"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-6.19.7.tgz#c6b337912e588083fc2896eb012526cf7cfec7c7"
+  integrity sha512-jH84pDYE+hHIbVnab3Hr+ZXr1v8QABfhx39KknxqKWr2l0oEItzepV0URvbEhB446lk/S/59230dlUUIBGsXbg==
+
+"@sentry/utils@6.19.2":
+  version "6.19.2"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-6.19.2.tgz#995efb896c5159369509f4896c27a2d2ea9191f2"
+  integrity sha512-2DQQ2OJaxjtyxGq5FmMlqb6hptsqMs2xoBiVRMkTS/rvyTrk1oQdKZ8ePwjtgX3nJ728ni3IXIyXV+vfGp4EBw==
+  dependencies:
+    "@sentry/types" "6.19.2"
+    tslib "^1.9.3"
+
+"@sentry/utils@6.19.7":
+  version "6.19.7"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-6.19.7.tgz#6edd739f8185fd71afe49cbe351c1bbf5e7b7c79"
+  integrity sha512-z95ECmE3i9pbWoXQrD/7PgkBAzJYR+iXtPuTkpBjDKs86O3mT+PXOT3BAn79w2wkn7/i3vOGD2xVr1uiMl26dA==
+  dependencies:
+    "@sentry/types" "6.19.7"
+    tslib "^1.9.3"
+
+"@side/jest-runtime@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@side/jest-runtime/-/jest-runtime-1.0.1.tgz#29c3874570f1a6bbdeea86e4bc60eaef385e3af3"
+  integrity sha512-gDrS+Z9xu3tue2ighChftPPpA5qU26+p5iBNymaXh8kFhFecsokZdwyo+/wNu8QNcbyEnlB+DZAGkpG2Mm1jWA==
+
+"@sideway/address@^4.1.3":
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.4.tgz#03dccebc6ea47fdc226f7d3d1ad512955d4783f0"
+  integrity sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
+
+"@sideway/formula@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.0.tgz#fe158aee32e6bd5de85044be615bc08478a0a13c"
+  integrity sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg==
+
+"@sideway/pinpoint@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
+  integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
+
+"@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"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
+  integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
+
+"@sindresorhus/is@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.7.0.tgz#9a06f4f137ee84d7df0460c1fdb1135ffa6c50fd"
+  integrity sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow==
+
+"@sindresorhus/is@^4.0.0":
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-4.6.0.tgz#3c7c9c46e678feefe7a2e5bb609d3dbd665ffb3f"
+  integrity sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==
+
+"@sinonjs/commons@^1.7.0":
+  version "1.8.3"
+  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.3.tgz#3802ddd21a50a949b6721ddd72da36e67e7f1b2d"
+  integrity sha512-xkNcLAn/wZaX14RPlwizcKicDk9G3F8m2nU3L7Ukm5zBgTwiT0wsoFAHx9Jq56fJA1z/7uKGtCRu16sOUCLIHQ==
+  dependencies:
+    type-detect "4.0.8"
+
+"@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/cli@^0.1.59":
+  version "0.1.59"
+  resolved "https://registry.yarnpkg.com/@swc/cli/-/cli-0.1.59.tgz#cb0be624f98ca9e41caa2de454d151faec83cd19"
+  integrity sha512-BlX3wIxYTwdtR22dIqZ3FEIOJPqnlByAp4JY46OMZi2UXMB3ZbOzefawD2ZlLafRUWyy5NtiZZty5waKzaYRnA==
+  dependencies:
+    bin-wrapper "^4.1.0"
+    commander "^7.1.0"
+    fast-glob "^3.2.5"
+    semver "^7.3.8"
+    slash "3.0.0"
+    source-map "^0.7.3"
+
+"@swc/core-darwin-arm64@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.25.tgz#01ce7b8a88b545a4fc5283ed6f96b22c5733d6c4"
+  integrity sha512-8PWAVcjTJyj2VrqPBFOIi2w2P0Z8kOCbzHW3+pe+bSXxfGMG0MKPl5U2IXhsEL0ovm4xSFlqW0yygpoP3MmRPw==
+
+"@swc/core-darwin-x64@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.3.25.tgz#9fad102c507011f42c5a5d1f84919b81ab96d7f8"
+  integrity sha512-5DHGiMYFEj5aa208tCjo7Sn5tiG4xPz+4gUiWVlglxqXFptkNim5xu/1G6VYm5Zk7dI5jJkjTU76GQG7IRvPug==
+
+"@swc/core-linux-arm-gnueabihf@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.25.tgz#ecf3a34899fdbdc742523524caab29c0db97a6ad"
+  integrity sha512-YNfLxv9PhZk+jrJbpR1mMrYBUkufo0hiFv3S1OrX3l8edsIP4wPND5w9ZH0Oi898f6Jg9DBrY2zXJMQ+gWkbvA==
+
+"@swc/core-linux-arm64-gnu@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.25.tgz#50524c9db2dbf874570e45f0a66e0283f02bc2d9"
+  integrity sha512-kS+spM5/xQ6QvWF1ms3byfjnhUlpjTfFwgCyHnIKgjvsYkDa+vkAIhKq6HuEdaTPaCRCjts0Zarhub1nClUU0g==
+
+"@swc/core-linux-arm64-musl@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.25.tgz#f04a3d3784cff14f96ad9901861485ec0fa14ebf"
+  integrity sha512-vM3D7LWmjotUAJ2D4F+L+dspFeWrcPNVh0o8TCoTOYCt8DPD5YsUKTpIgOsZ+gReeWUAnNTh0Btx5pGGVfajGA==
+
+"@swc/core-linux-x64-gnu@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.25.tgz#761fb020b8a0130e4dccc9c8dce355fa06df63f4"
+  integrity sha512-xUCLLMDlYa/zB8BftVa4SrxuVpcDxkltCfmBg5r2pZPVskhC5ZJsQZ/AvWNChoAB11shRhjTaWDlmxJEsa7TIg==
+
+"@swc/core-linux-x64-musl@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.25.tgz#f944ee48c972ebdcb3e6d6fd62d67eb98dbb1268"
+  integrity sha512-QzHU3BIaUVRSFNsUn3Qxx1vgtF/f5NqsFMAAPSq9Y8Yq5nrlc2t7cNuOROxHLbUqE+NPUp6+RglleJMoeWz5mA==
+
+"@swc/core-win32-arm64-msvc@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.25.tgz#af63ae850ef6e7322e8a5a0959529e96096239d2"
+  integrity sha512-77VSVtneVOAUL4zkRyQZ6pWVpTsVVdqwly/DKnRnloglGKxYuk5DG5MUBsL72Nnfv4OCHjZ27eI3NUrpLsUb2Q==
+
+"@swc/core-win32-ia32-msvc@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.25.tgz#96a869aa4b4c41c44c9c9893ac4aad68d1233022"
+  integrity sha512-kz0v3K3H6OPEZR3ry72Ad/6C5GrZBRRUk69K58LORQ8tZXQD3UGl85pUbQqyHl8fR5NU76Muxgovj9CI9iTHGA==
+
+"@swc/core-win32-x64-msvc@1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.25.tgz#9035c11626653322a404f3f44af11a02d989094c"
+  integrity sha512-nmQOAzIpNRRnupWzkenJmW4i+h1M76cVNUqEU2MjmtesEkRZEGqv//jefXiyCP2zcbeLNLKiB2ptVJhpd1BvRA==
+
+"@swc/core@^1.3.25":
+  version "1.3.25"
+  resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.3.25.tgz#53786ea51fac319684d6822de1738eb55b73a4b7"
+  integrity sha512-wqzvM/wu6OsTVYPMStOpm7kIQcPX3GoZ0sC85qzDdsCxmJ1rmItLAD91sXPUmmdk0XqPYjLgT9MRDEIP5woz4g==
+  optionalDependencies:
+    "@swc/core-darwin-arm64" "1.3.25"
+    "@swc/core-darwin-x64" "1.3.25"
+    "@swc/core-linux-arm-gnueabihf" "1.3.25"
+    "@swc/core-linux-arm64-gnu" "1.3.25"
+    "@swc/core-linux-arm64-musl" "1.3.25"
+    "@swc/core-linux-x64-gnu" "1.3.25"
+    "@swc/core-linux-x64-musl" "1.3.25"
+    "@swc/core-win32-arm64-msvc" "1.3.25"
+    "@swc/core-win32-ia32-msvc" "1.3.25"
+    "@swc/core-win32-x64-msvc" "1.3.25"
+
+"@swc/jest@^0.2.24":
+  version "0.2.24"
+  resolved "https://registry.yarnpkg.com/@swc/jest/-/jest-0.2.24.tgz#35d9377ede049613cd5fdd6c24af2b8dcf622875"
+  integrity sha512-fwgxQbM1wXzyKzl1+IW0aGrRvAA8k0Y3NxFhKigbPjOJ4mCKnWEcNX9HQS3gshflcxq8YKhadabGUVfdwjCr6Q==
+  dependencies:
+    "@jest/create-cache-key-function" "^27.4.2"
+    jsonc-parser "^3.2.0"
+
+"@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"
+  integrity sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==
+  dependencies:
+    defer-to-connect "^1.0.1"
+
+"@szmarczak/http-timer@^4.0.5":
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-4.0.6.tgz#b4a914bb62e7c272d4e5989fe4440f812ab1d807"
+  integrity sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==
+  dependencies:
+    defer-to-connect "^2.0.0"
+
+"@testing-library/dom@>=7", "@testing-library/dom@^8.0.0":
+  version "8.13.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.13.0.tgz#bc00bdd64c7d8b40841e27a70211399ad3af46f5"
+  integrity sha512-9VHgfIatKNXQNaZTtLnalIy0jNZzY35a4S3oi08YAt9Hv1VsfZ/DfA45lM8D/UhtHBGJ4/lGwp0PZkVndRkoOQ==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/runtime" "^7.12.5"
+    "@types/aria-query" "^4.2.0"
+    aria-query "^5.0.0"
+    chalk "^4.1.0"
+    dom-accessibility-api "^0.5.9"
+    lz-string "^1.4.4"
+    pretty-format "^27.0.2"
+
+"@testing-library/dom@^7.31.2":
+  version "7.31.2"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.31.2.tgz#df361db38f5212b88555068ab8119f5d841a8c4a"
+  integrity sha512-3UqjCpey6HiTZT92vODYLPxTBWlM8ZOOjr3LX5F37/VRipW2M1kX6I/Cm4VXzteZqfGfagg8yXywpcOgQBlNsQ==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/runtime" "^7.12.5"
+    "@types/aria-query" "^4.2.0"
+    aria-query "^4.2.2"
+    chalk "^4.1.0"
+    dom-accessibility-api "^0.5.6"
+    lz-string "^1.4.4"
+    pretty-format "^26.6.2"
+
+"@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.escape "^1.5.1"
+    dom-accessibility-api "^0.5.6"
+    lodash "^4.17.15"
+    redent "^3.0.0"
+
+"@testing-library/react@^12.1.5":
+  version "12.1.5"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-12.1.5.tgz#bb248f72f02a5ac9d949dea07279095fa577963b"
+  integrity sha512-OfTXCJUFgjd/digLUuPxa0+/3ZxsQmE7ub9kcbW/wi96Bh3o/p5vrETcBGfP17NWPGqeYYl5LTRpwyGoMC4ysg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@testing-library/dom" "^8.0.0"
+    "@types/react-dom" "<18.0.0"
+
+"@testing-library/user-event@^13.5.0":
+  version "13.5.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-13.5.0.tgz#69d77007f1e124d55314a2b73fd204b333b13295"
+  integrity sha512-5Kwtbo3Y/NowpkbRuSepbyMFkZmHgD+vPzYB/RJ4oxt5Gj/avFFBYjhw27cqSVPVw/3a67NK1PbiIr9k4Gwmdg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+
+"@tootallnate/once@1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
+  integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
+
+"@tootallnate/once@2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
+  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
+
+"@tsconfig/node10@^1.0.7":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.8.tgz#c1e4e80d6f964fbecb3359c43bd48b40f7cadad9"
+  integrity sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==
+
+"@tsconfig/node12@^1.0.7":
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node12/-/node12-1.0.9.tgz#62c1f6dee2ebd9aead80dc3afa56810e58e1a04c"
+  integrity sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==
+
+"@tsconfig/node14@^1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node14/-/node14-1.0.1.tgz#95f2d167ffb9b8d2068b0b235302fafd4df711f2"
+  integrity sha512-509r2+yARFfHHE7T6Puu2jjkoycftovhXRqW328PDXTVGKihlb1P8Z9mMZH04ebyajfRY7dedfGynlrFHJUQCg==
+
+"@tsconfig/node16@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node16/-/node16-1.0.2.tgz#423c77877d0569db20e1fc80885ac4118314010e"
+  integrity sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==
+
+"@types/aria-query@^4.2.0":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.2.tgz#ed4e0ad92306a704f9fb132a0cfcf77486dbe2bc"
+  integrity sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig==
+
+"@types/babel__core@^7.1.14":
+  version "7.1.19"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.19.tgz#7b497495b7d1b4812bdb9d02804d0576f43ee460"
+  integrity sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
+
+"@types/babel__generator@*":
+  version "7.6.4"
+  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.4.tgz#1f20ce4c5b1990b37900b63f050182d28c2439b7"
+  integrity sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==
+  dependencies:
+    "@babel/types" "^7.0.0"
+
+"@types/babel__template@*":
+  version "7.4.1"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969"
+  integrity sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
+  version "7.17.1"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.17.1.tgz#1a0e73e8c28c7e832656db372b779bfd2ef37314"
+  integrity sha512-kVzjari1s2YVi77D3w1yuvohV2idweYXMCDzqBiVNN63TcDWrIlTVOYpqVrvbbyOE/IyzBoTKF0fdnLPEORFxA==
+  dependencies:
+    "@babel/types" "^7.3.0"
+
+"@types/body-parser@*":
+  version "1.19.2"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
+  integrity sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/bonjour@^3.5.9":
+  version "3.5.10"
+  resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.10.tgz#0f6aadfe00ea414edc86f5d106357cda9701e275"
+  integrity sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/byline@^4.2.33":
+  version "4.2.33"
+  resolved "https://registry.yarnpkg.com/@types/byline/-/byline-4.2.33.tgz#001f504f4353b84c503e74da0ed9bdf291484af2"
+  integrity sha512-LJYez7wrWcJQQDknqZtrZuExMGP0IXmPl1rOOGDqLbu+H7UNNRfKNuSxCBcQMLH1EfjeWidLedC/hCc5dDfBog==
+  dependencies:
+    "@types/node" "*"
+
+"@types/cacheable-request@^6.0.1":
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@types/cacheable-request/-/cacheable-request-6.0.2.tgz#c324da0197de0a98a2312156536ae262429ff6b9"
+  integrity sha512-B3xVo+dlKM6nnKTcmm5ZtY/OL8bOAOd2Olee9M1zft65ox50OzjEHW91sDiU9j6cvW8Ejg1/Qkf4xd2kugApUA==
+  dependencies:
+    "@types/http-cache-semantics" "*"
+    "@types/keyv" "*"
+    "@types/node" "*"
+    "@types/responselike" "*"
+
+"@types/caseless@*":
+  version "0.12.2"
+  resolved "https://registry.yarnpkg.com/@types/caseless/-/caseless-0.12.2.tgz#f65d3d6389e01eeb458bd54dc8f52b95a9463bc8"
+  integrity sha512-6ckxMjBBD8URvjB6J3NcnuAn5Pkl7t3TizAg+xdlzzQGSPSmBcXf8KoIH0ua/i+tio+ZRUHEXp0HEmvaR4kt0w==
+
+"@types/chart.js@^2.9.36":
+  version "2.9.37"
+  resolved "https://registry.yarnpkg.com/@types/chart.js/-/chart.js-2.9.37.tgz#8af70862b154fedf938b5b87debdb3a70f6e3208"
+  integrity sha512-9bosRfHhkXxKYfrw94EmyDQcdjMaQPkU1fH2tDxu8DWXxf1mjzWQAV4laJF51ZbC2ycYwNDvIm1rGez8Bug0vg==
+  dependencies:
+    moment "^2.10.2"
+
+"@types/circular-dependency-plugin@5.0.5":
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/@types/circular-dependency-plugin/-/circular-dependency-plugin-5.0.5.tgz#431979052a11bdb192c2961cc4ae8b47ca24a38c"
+  integrity sha512-JU1sYQWNbUluWHseLUfokakx18+BXRA9Bxji56hdY5NW0nvrJSJd4SNAl0Btpm5ima9BnUkoGEcW/2PH1QuWQA==
+  dependencies:
+    "@types/node" "*"
+    webpack "^5.1.0"
+
+"@types/clean-css@*":
+  version "4.2.5"
+  resolved "https://registry.yarnpkg.com/@types/clean-css/-/clean-css-4.2.5.tgz#69ce62cc13557c90ca40460133f672dc52ceaf89"
+  integrity sha512-NEzjkGGpbs9S9fgC4abuBvTpVwE3i+Acu9BBod3PUyjDVZcNsGx61b8r2PphR61QGPnn0JHVs5ey6/I4eTrkxw==
+  dependencies:
+    "@types/node" "*"
+    source-map "^0.6.0"
+
+"@types/cli-progress@^3.11.0":
+  version "3.11.0"
+  resolved "https://registry.yarnpkg.com/@types/cli-progress/-/cli-progress-3.11.0.tgz#ec79df99b26757c3d1c7170af8422e0fc95eef7e"
+  integrity sha512-XhXhBv1R/q2ahF3BM7qT5HLzJNlIL0wbcGyZVjqOTqAybAnsLisd7gy1UCyIqpL+5Iv6XhlSyzjLCnI2sIdbCg==
+  dependencies:
+    "@types/node" "*"
+
+"@types/color-convert@*":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@types/color-convert/-/color-convert-2.0.0.tgz#8f5ee6b9e863dcbee5703f5a517ffb13d3ea4e22"
+  integrity sha512-m7GG7IKKGuJUXvkZ1qqG3ChccdIM/qBBo913z+Xft0nKCX4hAU/IxKwZBU4cpRZ7GS5kV4vOblUkILtSShCPXQ==
+  dependencies:
+    "@types/color-name" "*"
+
+"@types/color-name@*":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
+  integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
+
+"@types/color@^3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/color/-/color-3.0.3.tgz#e6d8d72b7aaef4bb9fe80847c26c7c786191016d"
+  integrity sha512-X//qzJ3d3Zj82J9sC/C18ZY5f43utPbAJ6PhYt/M7uG6etcF6MRpKdN880KBy43B0BMzSfeT96MzrsNjFI3GbA==
+  dependencies:
+    "@types/color-convert" "*"
+
+"@types/command-line-args@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@types/command-line-args/-/command-line-args-5.2.0.tgz#adbb77980a1cc376bb208e3f4142e907410430f6"
+  integrity sha512-UuKzKpJJ/Ief6ufIaIzr3A/0XnluX7RvFgwkV89Yzvm77wCh1kFaFmqN8XEnGcN62EuHdedQjEMb8mYxFLGPyA==
+
+"@types/connect-history-api-fallback@^1.3.5":
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz#d1f7a8a09d0ed5a57aee5ae9c18ab9b803205dae"
+  integrity sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw==
+  dependencies:
+    "@types/express-serve-static-core" "*"
+    "@types/node" "*"
+
+"@types/connect@*":
+  version "3.4.35"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.35.tgz#5fcf6ae445e4021d1fc2219a4873cc73a3bb2ad1"
+  integrity sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/crypto-js@^3.1.47":
+  version "3.1.47"
+  resolved "https://registry.yarnpkg.com/@types/crypto-js/-/crypto-js-3.1.47.tgz#36e549dd3f1322742a3a738e7c113ebe48221860"
+  integrity sha512-eI6gvpcGHLk3dAuHYnRCAjX+41gMv1nz/VP55wAe5HtmAKDOoPSfr3f6vkMc08ov1S0NsjvUBxDtHHxqQY1LGA==
+
+"@types/debug@^4.1.6":
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.7.tgz#7cc0ea761509124709b8b2d1090d8f6c17aadb82"
+  integrity sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==
+  dependencies:
+    "@types/ms" "*"
+
+"@types/dompurify@^2.4.0":
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/@types/dompurify/-/dompurify-2.4.0.tgz#fd9706392a88e0e0e6d367f3588482d817df0ab9"
+  integrity sha512-IDBwO5IZhrKvHFUl+clZxgf3hn2b/lU6H1KaBShPkQyGJUQ0xwebezIPSuiyGwfz1UzJWQl4M7BDxtHtCCPlTg==
+  dependencies:
+    "@types/trusted-types" "*"
+
+"@types/electron-devtools-installer@^2.2.1":
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/@types/electron-devtools-installer/-/electron-devtools-installer-2.2.2.tgz#5a91929ee76b5de0d171edec5bd049292d48a2a4"
+  integrity sha512-8o2XkyAw2HZoVD5KpIoUJmEgZ7BPVv33p7rY1jmn/wJUbugtQUc44vNMDTguUNUGiLv+oqgtyYmiYctHDZEzdQ==
+
+"@types/eslint-scope@^3.7.3":
+  version "3.7.3"
+  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.3.tgz#125b88504b61e3c8bc6f870882003253005c3224"
+  integrity sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
+"@types/eslint@*":
+  version "8.4.2"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.2.tgz#48f2ac58ab9c631cb68845c3d956b28f79fad575"
+  integrity sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/esprima@^4.0.2":
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/@types/esprima/-/esprima-4.0.3.tgz#e9068297cc3dd75231fa5cdaa6d75c50d5fb632f"
+  integrity sha512-jo14dIWVVtF0iMsKkYek6++4cWJjwpvog+rchLulwgFJGTXqIeTdCOvY0B3yMLTaIwMcKCdJ6mQbSR6wYHy98A==
+  dependencies:
+    "@types/estree" "*"
+
+"@types/estree@*", "@types/estree@^0.0.51":
+  version "0.0.51"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
+  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
+
+"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18":
+  version "4.17.28"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.28.tgz#c47def9f34ec81dc6328d0b1b5303d1ec98d86b8"
+  integrity sha512-P1BJAEAW3E2DJUlkgq4tOL3RyMunoWXqbSCygWo5ZIWTjUgN1YnaXWW4VWl/oc8vs/XoYibEGBKP0uZyF4AHig==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+
+"@types/express@*", "@types/express@^4.17.13":
+  version "4.17.13"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.13.tgz#a76e2995728999bab51a33fabce1d705a3709034"
+  integrity sha512-6bSZTPaTIACxn48l50SR+axgrqm6qXFIxrdAKaG6PaJk3+zuUr35hBlgT7vOmJcum+OEaIBLtHV/qloEAFITeA==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^4.17.18"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/fs-extra@^9.0.11", "@types/fs-extra@^9.0.13":
+  version "9.0.13"
+  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-9.0.13.tgz#7594fbae04fe7f1918ce8b3d213f74ff44ac1f45"
+  integrity sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==
+  dependencies:
+    "@types/node" "*"
+
+"@types/glob-to-regexp@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@types/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#f684bc7b9a24691f1f80d045dbb7260bf9cc415b"
+  integrity sha512-S0mIukll6fbF0tvrKic/jj+jI8SHoSvGU+Cs95b/jzZEnBYCbj+7aJtQ9yeABuK3xP1okwA3jEH9qIRayijnvQ==
+
+"@types/glob@^7.1.1":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb"
+  integrity sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==
+  dependencies:
+    "@types/minimatch" "*"
+    "@types/node" "*"
+
+"@types/graceful-fs@^4.1.3":
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.5.tgz#21ffba0d98da4350db64891f92a9e5db3cdb4e15"
+  integrity sha512-anKkLmZZ+xm4p8JWBf4hElkM4XR+EZeA2M9BAkkTldmcyDY4mbdIJnRghDJH3Ov5ooY7/UAoENtmdMSkaAd7Cw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/gunzip-maybe@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@types/gunzip-maybe/-/gunzip-maybe-1.4.0.tgz#9410fd15ff68eca8907b7b9198e63e2a7c14d511"
+  integrity sha512-dFP9GrYAR9KhsjTkWJ8q8Gsfql75YIKcg9DuQOj/IrlPzR7W+1zX+cclw1McV82UXAQ+Lpufvgk3e9bC8+HzgA==
+  dependencies:
+    "@types/node" "*"
+
+"@types/hapi__call@^9.0.0":
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/@types/hapi__call/-/hapi__call-9.0.0.tgz#17e287ce9333c59716b194720eea9f12e63a72f2"
+  integrity sha512-WJlvjk4i7uLhALYJfWMdhW58B4OphXuE0Ob4DZFwc0zqC5fnM9Wjgk3B1fd/C6jEKnM9Y1Pzz8QeSrUJ1mue5A==
+  dependencies:
+    "@types/node" "*"
+
+"@types/hapi__subtext@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/@types/hapi__subtext/-/hapi__subtext-7.0.0.tgz#b931ccf863a694a08983ce229e7696dd0ca38151"
+  integrity sha512-CwZZpuf7qXj/JKeMhFkiJQDupf7PhjZcHQ0RaeetAyxoR7vDN6kmQcGMZKEG5VTvlS/JfZGNIkq7F7nd/K+j+g==
+  dependencies:
+    "@types/node" "*"
+
+"@types/history@^4.7.11", "@types/history@^4.7.8":
+  version "4.7.11"
+  resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64"
+  integrity sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==
+
+"@types/hoist-non-react-statics@^3.3.0":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
+  integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
+  dependencies:
+    "@types/react" "*"
+    hoist-non-react-statics "^3.3.0"
+
+"@types/html-minifier-terser@^6.0.0":
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
+  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
+
+"@types/html-minifier@*":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier/-/html-minifier-4.0.2.tgz#ea0b927ad0019821a2e9d14ba9c57d105b63cecc"
+  integrity sha512-4IkmkXJP/25R2fZsCHDX2abztXuQRzUAZq39PfCMz2loLFj8vS9y7aF6vDl58koXSTpsF+eL4Lc5Y4Aww/GCTQ==
+  dependencies:
+    "@types/clean-css" "*"
+    "@types/relateurl" "*"
+    "@types/uglify-js" "*"
+
+"@types/html-webpack-plugin@^3.2.6":
+  version "3.2.6"
+  resolved "https://registry.yarnpkg.com/@types/html-webpack-plugin/-/html-webpack-plugin-3.2.6.tgz#07951aaf0fa260dbf626f9644f1d13106d537625"
+  integrity sha512-U8uJSvlf9lwrKG6sKFnMhqY4qJw2QXad+PHlX9sqEXVUMilVt96aVvFde73tzsdXD+QH9JS6kEytuGO2JcYZog==
+  dependencies:
+    "@types/html-minifier" "*"
+    "@types/tapable" "^1"
+    "@types/webpack" "^4"
+
+"@types/http-cache-semantics@*":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.0.1.tgz#0ea7b61496902b95890dc4c3a116b60cb8dae812"
+  integrity sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==
+
+"@types/http-proxy@^1.17.8", "@types/http-proxy@^1.17.9":
+  version "1.17.9"
+  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.9.tgz#7f0e7931343761efde1e2bf48c40f02f3f75705a"
+  integrity sha512-QsbSjA/fSk7xB+UXlCT3wHBy5ai9wOcNDWwZAtud+jXhwOM3l+EYZh8Lng4+/6n8uar0J7xILzqftJdJ/Wdfkw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#8467d4b3c087805d63580480890791277ce35c44"
+  integrity sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==
+
+"@types/istanbul-lib-report@*":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#c14c24f18ea8190c118ee7562b7ff99a36552686"
+  integrity sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==
+  dependencies:
+    "@types/istanbul-lib-coverage" "*"
+
+"@types/istanbul-reports@^3.0.0":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz#9153fe98bba2bd565a63add9436d6f0d7f8468ff"
+  integrity sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==
+  dependencies:
+    "@types/istanbul-lib-report" "*"
+
+"@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 "^28.0.0"
+    pretty-format "^28.0.0"
+
+"@types/js-yaml@^4.0.1", "@types/js-yaml@^4.0.5":
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/@types/js-yaml/-/js-yaml-4.0.5.tgz#738dd390a6ecc5442f35e7f03fa1431353f7e138"
+  integrity sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA==
+
+"@types/jsdom@^16.2.14", "@types/jsdom@^16.2.4":
+  version "16.2.14"
+  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-16.2.14.tgz#26fe9da6a8870715b154bb84cd3b2e53433d8720"
+  integrity sha512-6BAy1xXEmMuHeAJ4Fv4yXKwBDTGTOseExKE3OaHiNycdHdZw59KfYzrt0DkDluvwmik1HRt6QS7bImxUmpSy+w==
+  dependencies:
+    "@types/node" "*"
+    "@types/parse5" "*"
+    "@types/tough-cookie" "*"
+
+"@types/json-buffer@~3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@types/json-buffer/-/json-buffer-3.0.0.tgz#85c1ff0f0948fc159810d4b5be35bf8c20875f64"
+  integrity sha512-3YP80IxxFJB4b5tYC2SUPwkg0XQLiu0nWvhRgEatgjf+29IcWO9X1k8xRv5DGssJ/lCrjYTjQPcobJr2yWIVuQ==
+
+"@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+  version "7.0.9"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d"
+  integrity sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==
+
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
+
+"@types/keyv@*":
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/@types/keyv/-/keyv-3.1.4.tgz#3ccdb1c6751b0c7e52300bcdacd5bcbf8faa75b6"
+  integrity sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==
+  dependencies:
+    "@types/node" "*"
+
+"@types/lodash@^4.14.191":
+  version "4.14.191"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.191.tgz#09511e7f7cba275acd8b419ddac8da9a6a79e2fa"
+  integrity sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==
+
+"@types/marked@^4.0.8":
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/@types/marked/-/marked-4.0.8.tgz#b316887ab3499d0a8f4c70b7bd8508f92d477955"
+  integrity sha512-HVNzMT5QlWCOdeuBsgXP8EZzKUf0+AXzN+sLmjvaB3ZlLqO+e4u0uXrdw9ub69wBKFs+c6/pA4r9sy6cCDvImw==
+
+"@types/md5-file@^4.0.2":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/@types/md5-file/-/md5-file-4.0.2.tgz#c7241e88f4aa17218c774befb0fc34f33f21fe36"
+  integrity sha512-8gacRfEqLrmZ6KofpFfxyjsm/LYepeWUWUJGaf5A9W9J5B2/dRZMdkDqFDL6YDa9IweH12IO76jO7mpsK2B3wg==
+
+"@types/memorystream@^0.3.0":
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/@types/memorystream/-/memorystream-0.3.0.tgz#7616df4c42a479805d052a058d990b879d5e368f"
+  integrity sha512-gzh6mqZcLryYHn4g2MuMWjo9J1+Py/XYwITyZmUxV7ZoBIi7bTbBgSiuC5tcm3UL3gmaiYssQFDlXr/3fK94cw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/mime@^1":
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.2.tgz#93e25bf9ee75fe0fd80b594bc4feb0e862111b5a"
+  integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
+
+"@types/mini-css-extract-plugin@^2.4.0":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@types/mini-css-extract-plugin/-/mini-css-extract-plugin-2.5.1.tgz#c2ab735b353864019a148251e699b7038443bc77"
+  integrity sha512-evjjtJttaUexgg3au9ZJFy76tV9mySwX3a4Jl82BuormBYluWLRt0xk2urWrhOdPgDWzulRFyotwYOJTmkSgKw==
+  dependencies:
+    mini-css-extract-plugin "*"
+
+"@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==
+
+"@types/mkdirp@^1.0.0":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@types/mkdirp/-/mkdirp-1.0.2.tgz#8d0bad7aa793abe551860be1f7ae7f3198c16666"
+  integrity sha512-o0K1tSO0Dx5X6xlU5F1D6625FawhC3dU3iqr25lluNv/+/QIVH8RLNEiVokgIZo+mz+87w/3Mkg/VvQS+J51fQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/mock-fs@^4.13.1":
+  version "4.13.1"
+  resolved "https://registry.yarnpkg.com/@types/mock-fs/-/mock-fs-4.13.1.tgz#9201554ceb23671badbfa8ac3f1fa9e0706305be"
+  integrity sha512-m6nFAJ3lBSnqbvDZioawRvpLXSaPyn52Srf7OfzjubYbYX8MTUdIgDxQl0wEapm4m/pNYSd9TXocpQ0TvZFlYA==
+  dependencies:
+    "@types/node" "*"
+
+"@types/ms@*":
+  version "0.7.31"
+  resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.31.tgz#31b7ca6407128a3d2bbc27fe2d21b345397f6197"
+  integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
+
+"@types/node@*":
+  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@^16.11.26", "@types/node@^16.18.11":
+  version "16.18.11"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.11.tgz#cbb15c12ca7c16c85a72b6bdc4d4b01151bb3cae"
+  integrity sha512-3oJbGBUWuS6ahSnEq1eN2XrCyf4YsWI8OyCvo7c64zQJNplk3mO84t53o8lfTk+2ji59g5ycfc6qQ3fdHliHuA==
+
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+
+"@types/parse5@*":
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-6.0.3.tgz#705bb349e789efa06f43f128cef51240753424cb"
+  integrity sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==
+
+"@types/plist@^3.0.1":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@types/plist/-/plist-3.0.2.tgz#61b3727bba0f5c462fe333542534a0c3e19ccb01"
+  integrity sha512-ULqvZNGMv0zRFvqn8/4LSPtnmN4MfhlPNtJCTpKuIIxGVGZ2rYWzFXrvEBoh9CVyqSE7D6YFRJ1hydLHI6kbWw==
+  dependencies:
+    "@types/node" "*"
+    xmlbuilder ">=11.0.1"
+
+"@types/prettier@^2.1.5":
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.6.3.tgz#68ada76827b0010d0db071f739314fa429943d0a"
+  integrity sha512-ymZk3LEC/fsut+/Q5qejp6R9O1rMxz3XaRHDV6kX8MrGAhOSPqVARbDi+EZvInBpw+BnCX3TD240byVkOfQsHg==
+
+"@types/prop-types@*":
+  version "15.7.5"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
+  integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
+
+"@types/proper-lockfile@^4.1.2":
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/@types/proper-lockfile/-/proper-lockfile-4.1.2.tgz#49537cee7134055ee13a1833b76a1c298f39bb26"
+  integrity sha512-kd4LMvcnpYkspDcp7rmXKedn8iJSCoa331zRRamUp5oanKt/CefbEGPQP7G89enz7sKD4bvsr8mHSsC8j5WOvA==
+  dependencies:
+    "@types/retry" "*"
+
+"@types/qs@*":
+  version "6.9.7"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
+  integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==
+
+"@types/randomcolor@^0.5.7":
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/@types/randomcolor/-/randomcolor-0.5.7.tgz#314b84f571cb11bc3a7785c42d50efc7fa327147"
+  integrity sha512-LPcG96dGYRCsXlk1fslUNIg6ebEi+bKNyn84uBL/pu2cRSf5i/djD3ArJZOyzszVMVV/DB87va6pMZP+tRSl/w==
+
+"@types/range-parser@*":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
+  integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
+
+"@types/react-beautiful-dnd@^13.1.3":
+  version "13.1.3"
+  resolved "https://registry.yarnpkg.com/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.3.tgz#9812f6086c4b77ce08c83120788d92084a26db0f"
+  integrity sha512-BNdmvONKtsrZq3AGrujECQrIn8cDT+fZsxBLXuX3YWY/nHfZinUFx4W88eS0rkcXzuLbXpKOsu/1WCMPMLEpPg==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-dom@<18.0.0", "@types/react-dom@^17.0.16":
+  version "17.0.16"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.16.tgz#7caba93cf2806c51e64d620d8dff4bae57e06cc4"
+  integrity sha512-DWcXf8EbMrO/gWnQU7Z88Ws/p16qxGpPyjTKTpmBSFKeE+HveVubqGO1CVK7FrwlWD5MuOcvh8gtd0/XO38NdQ==
+  dependencies:
+    "@types/react" "^17"
+
+"@types/react-redux@^7.1.20":
+  version "7.1.24"
+  resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.24.tgz#6caaff1603aba17b27d20f8ad073e4c077e975c0"
+  integrity sha512-7FkurKcS1k0FHZEtdbbgN8Oc6b+stGSfZYjQGicofJ0j4U0qIn/jaSvnP2pLwZKiai3/17xqqxkkrxTgN8UNbQ==
+  dependencies:
+    "@types/hoist-non-react-statics" "^3.3.0"
+    "@types/react" "*"
+    hoist-non-react-statics "^3.3.0"
+    redux "^4.0.0"
+
+"@types/react-router-dom@^5.3.3":
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-5.3.3.tgz#e9d6b4a66fcdbd651a5f106c2656a30088cc1e83"
+  integrity sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==
+  dependencies:
+    "@types/history" "^4.7.11"
+    "@types/react" "*"
+    "@types/react-router" "*"
+
+"@types/react-router@*", "@types/react-router@^5.1.19":
+  version "5.1.19"
+  resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.19.tgz#9b404246fba7f91474d7008a3d48c17b6e075ad6"
+  integrity sha512-Fv/5kb2STAEMT3wHzdKQK2z8xKq38EDIGVrutYLmQVVLe+4orDFquU52hQrULnEHinMKv9FSA6lf9+uNT1ITtA==
+  dependencies:
+    "@types/history" "^4.7.11"
+    "@types/react" "*"
+
+"@types/react-table@^7.7.14":
+  version "7.7.14"
+  resolved "https://registry.yarnpkg.com/@types/react-table/-/react-table-7.7.14.tgz#b880f1ae140ed065bca2e21b3008ca1ebe71595a"
+  integrity sha512-TYrv7onCiakaG1uAu/UpQ9FojNEt/4/ht87EgJQaEGFoWV606ZLWUZAcUHzMxgc3v1mywP1cDyz3qB4ho3hWOw==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-transition-group@^4.2.0", "@types/react-transition-group@^4.4.0":
+  version "4.4.4"
+  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.4.tgz#acd4cceaa2be6b757db61ed7b432e103242d163e"
+  integrity sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-virtualized-auto-sizer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.1.tgz#b3187dae1dfc4c15880c9cfc5b45f2719ea6ebd4"
+  integrity sha512-GH8sAnBEM5GV9LTeiz56r4ZhMOUSrP43tAQNSRVxNexDjcNKLCEtnxusAItg1owFUFE6k0NslV26gqVClVvong==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-window@^1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@types/react-window/-/react-window-1.8.5.tgz#285fcc5cea703eef78d90f499e1457e9b5c02fc1"
+  integrity sha512-V9q3CvhC9Jk9bWBOysPGaWy/Z0lxYcTXLtLipkt2cnRj1JOSFNF7wqGpkScSXMgBwC+fnVRg/7shwgddBG5ICw==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react@*", "@types/react@^17", "@types/react@^17.0.45":
+  version "17.0.45"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.45.tgz#9b3d5b661fd26365fefef0e766a1c6c30ccf7b3f"
+  integrity sha512-YfhQ22Lah2e3CHPsb93tRwIGNiSwkuz1/blk4e6QrWS0jQzCSNbGLtOEYhPg02W0yGTTmpajp7dCTbBAMN3qsg==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/react@^16.8.12":
+  version "16.14.26"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.26.tgz#82540a240ba7207ebe87d9579051bc19c9ef7605"
+  integrity sha512-c/5CYyciOO4XdFcNhZW1O2woVx86k4T+DO2RorHZL7EhitkNQgSD/SgpdZJAUJa/qjVgOmTM44gHkAdZSXeQuQ==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/readable-stream@^2.3.13":
+  version "2.3.13"
+  resolved "https://registry.yarnpkg.com/@types/readable-stream/-/readable-stream-2.3.13.tgz#46451c1b87cb61010e420ac02a76cfc1b2c2089a"
+  integrity sha512-4JSCx8EUzaW9Idevt+9lsRAt1lcSccoQfE+AouM1gk8sFxnnytKNIO3wTl9Dy+4m6jRJ1yXhboLHHT/LXBQiEw==
+  dependencies:
+    "@types/node" "*"
+    safe-buffer "*"
+
+"@types/relateurl@*":
+  version "0.2.29"
+  resolved "https://registry.yarnpkg.com/@types/relateurl/-/relateurl-0.2.29.tgz#68ccecec3d4ffdafb9c577fe764f912afc050fe6"
+  integrity sha512-QSvevZ+IRww2ldtfv1QskYsqVVVwCKQf1XbwtcyyoRvLIQzfyPhj/C+3+PKzSDRdiyejaiLgnq//XTkleorpLg==
+
+"@types/request-promise-native@^1.0.18":
+  version "1.0.18"
+  resolved "https://registry.yarnpkg.com/@types/request-promise-native/-/request-promise-native-1.0.18.tgz#437ee2d0b772e01c9691a983b558084b4b3efc2c"
+  integrity sha512-tPnODeISFc/c1LjWyLuZUY+Z0uLB3+IMfNoQyDEi395+j6kTFTTRAqjENjoPJUid4vHRGEozoTrcTrfZM+AcbA==
+  dependencies:
+    "@types/request" "*"
+
+"@types/request@*", "@types/request@^2.47.1", "@types/request@^2.48.7":
+  version "2.48.8"
+  resolved "https://registry.yarnpkg.com/@types/request/-/request-2.48.8.tgz#0b90fde3b655ab50976cb8c5ac00faca22f5a82c"
+  integrity sha512-whjk1EDJPcAR2kYHRbFl/lKeeKYTi05A15K9bnLInCVroNDCtXce57xKdI0/rQaA3K+6q0eFyUBPmqfSndUZdQ==
+  dependencies:
+    "@types/caseless" "*"
+    "@types/node" "*"
+    "@types/tough-cookie" "*"
+    form-data "^2.5.0"
+
+"@types/responselike@*", "@types/responselike@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@types/responselike/-/responselike-1.0.0.tgz#251f4fe7d154d2bad125abe1b429b23afd262e29"
+  integrity sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==
+  dependencies:
+    "@types/node" "*"
+
+"@types/retry@*":
+  version "0.12.2"
+  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.2.tgz#ed279a64fa438bb69f2480eda44937912bb7480a"
+  integrity sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==
+
+"@types/retry@0.12.0":
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
+  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
+
+"@types/scheduler@*":
+  version "0.16.2"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
+  integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
+
+"@types/semver@^7.3.12", "@types/semver@^7.3.13", "@types/semver@^7.3.6":
+  version "7.3.13"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
+  integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
+
+"@types/serve-index@^1.9.1":
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.1.tgz#1b5e85370a192c01ec6cec4735cf2917337a6278"
+  integrity sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==
+  dependencies:
+    "@types/express" "*"
+
+"@types/serve-static@*", "@types/serve-static@^1.13.10":
+  version "1.13.10"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.13.10.tgz#f5e0ce8797d2d7cc5ebeda48a52c96c4fa47a8d9"
+  integrity sha512-nCkHGI4w7ZgAdNkrEu0bv+4xNV/XDqW+DydknebMOQwkpDGx8G+HTlj7R7ABI8i8nKxVw0wtKPi1D+lPOkh4YQ==
+  dependencies:
+    "@types/mime" "^1"
+    "@types/node" "*"
+
+"@types/sharp@^0.31.1":
+  version "0.31.1"
+  resolved "https://registry.yarnpkg.com/@types/sharp/-/sharp-0.31.1.tgz#db768461455dbcf9ff11d69277fd70564483c4df"
+  integrity sha512-5nWwamN9ZFHXaYEincMSuza8nNfOof8nmO+mcI+Agx1uMUk4/pQnNIcix+9rLPXzKrm1pS34+6WRDbDV0Jn7ag==
+  dependencies:
+    "@types/node" "*"
+
+"@types/sockjs@^0.3.33":
+  version "0.3.33"
+  resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.33.tgz#570d3a0b99ac995360e3136fd6045113b1bd236f"
+  integrity sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/source-list-map@*":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
+  integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
+
+"@types/stack-utils@^2.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
+  integrity sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==
+
+"@types/tapable@^1":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.8.tgz#b94a4391c85666c7b73299fd3ad79d4faa435310"
+  integrity sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==
+
+"@types/tar-stream@^2.2.2":
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/@types/tar-stream/-/tar-stream-2.2.2.tgz#be9d0be9404166e4b114151f93e8442e6ab6fb1d"
+  integrity sha512-1AX+Yt3icFuU6kxwmPakaiGrJUwG44MpuiqPg4dSolRFk6jmvs4b3IbUol9wKDLIgU76gevn3EwE8y/DkSJCZQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/tar@^6.1.3":
+  version "6.1.3"
+  resolved "https://registry.yarnpkg.com/@types/tar/-/tar-6.1.3.tgz#46a2ce7617950c4852dfd7e9cd41aa8161b9d750"
+  integrity sha512-YzDOr5kdAeqS8dcO6NTTHTMJ44MUCBDoLEIyPtwEn7PssKqUYL49R1iCVJPeiPzPlKi6DbH33eZkpeJ27e4vHg==
+  dependencies:
+    "@types/node" "*"
+    minipass "^3.3.5"
+
+"@types/tcp-port-used@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/tcp-port-used/-/tcp-port-used-1.0.1.tgz#4e15eada6d9f63a5e6c5ef73348d6023f1e91157"
+  integrity sha512-6pwWTx8oUtWvsiZUCrhrK/53MzKVLnuNSSaZILPy3uMes9QnTrLMar9BDlJArbMOjDcjb3QXFk6Rz8qmmuySZw==
+
+"@types/tempy@^0.3.0":
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/@types/tempy/-/tempy-0.3.0.tgz#e6076cfd5f4ad51b716a26b312a8911825668b0a"
+  integrity sha512-graSgBSy4TEsenfAasXh28mxfdrLkgrFlXU8QFShFVNHEGHCg5IfO5LBlZjq2SAUnCm/VdxvuQKlp2buPR/YwA==
+  dependencies:
+    tempy "*"
+
+"@types/testing-library__jest-dom@^5.9.1":
+  version "5.14.3"
+  resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.3.tgz#ee6c7ffe9f8595882ee7bda8af33ae7b8789ef17"
+  integrity sha512-oKZe+Mf4ioWlMuzVBaXQ9WDnEm1+umLx0InILg+yvZVBBDmzV5KfZyLrCvadtWcx8+916jLmHafcmqqffl+iIw==
+  dependencies:
+    "@types/jest" "*"
+
+"@types/tough-cookie@*":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.2.tgz#6286b4c7228d58ab7866d19716f3696e03a09397"
+  integrity sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==
+
+"@types/triple-beam@^1.3.2":
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/@types/triple-beam/-/triple-beam-1.3.2.tgz#38ecb64f01aa0d02b7c8f4222d7c38af6316fef8"
+  integrity sha512-txGIh+0eDFzKGC25zORnswy+br1Ha7hj5cMVwKIU7+s0U2AxxJru/jZSMU6OC9MJWP6+pc/hc6ZjyZShpsyY2g==
+
+"@types/trusted-types@*":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.2.tgz#fc25ad9943bcac11cceb8168db4f275e0e72e756"
+  integrity sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==
+
+"@types/uglify-js@*":
+  version "3.13.2"
+  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.13.2.tgz#1044c1713fb81cb1ceef29ad8a9ee1ce08d690ef"
+  integrity sha512-/xFrPIo+4zOeNGtVMbf9rUm0N+i4pDf1ynExomqtokIJmVzR3962lJ1UE+MmexMkA0cmN9oTzg5Xcbwge0Ij2Q==
+  dependencies:
+    source-map "^0.6.1"
+
+"@types/url-parse@^1.4.8":
+  version "1.4.8"
+  resolved "https://registry.yarnpkg.com/@types/url-parse/-/url-parse-1.4.8.tgz#c3825047efbca1295b7f1646f38203d9145130d6"
+  integrity sha512-zqqcGKyNWgTLFBxmaexGUKQyWqeG7HjXj20EuQJSJWwXe54BjX0ihIo5cJB9yAQzH8dNugJ9GvkBYMjPXs/PJw==
+
+"@types/uuid@^8.3.4":
+  version "8.3.4"
+  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-8.3.4.tgz#bd86a43617df0594787d38b735f55c805becf1bc"
+  integrity sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==
+
+"@types/verror@^1.10.3":
+  version "1.10.5"
+  resolved "https://registry.yarnpkg.com/@types/verror/-/verror-1.10.5.tgz#2a1413aded46e67a1fe2386800e291123ed75eb1"
+  integrity sha512-9UjMCHK5GPgQRoNbqdLIAvAy0EInuiqbW0PBMtVP6B5B2HQJlvoJHM+KodPZMEjOa5VkSc+5LH7xy+cUzQdmHw==
+
+"@types/webpack-dev-server@^4.7.2":
+  version "4.7.2"
+  resolved "https://registry.yarnpkg.com/@types/webpack-dev-server/-/webpack-dev-server-4.7.2.tgz#a12d9881aa23cdd4cecbb2d31fa784a45c4967e0"
+  integrity sha512-Y3p0Fmfvp0MHBDoCzo+xFJaWTw0/z37mWIo6P15j+OtmUDLvznJWdZNeD7Q004R+MpQlys12oXbXsrXRmxwg4Q==
+  dependencies:
+    webpack-dev-server "*"
+
+"@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"
+  resolved "https://registry.yarnpkg.com/@types/webpack-node-externals/-/webpack-node-externals-2.5.3.tgz#921783aadda1fe686db0a70e20e4b9548b5a3cef"
+  integrity sha512-A9JxaR8QXoYT95egET4AmCFuChyTlP8d18ZAnmSHuIMsFdS7QlCQQ8pmN/+FHgLIkm+ViE/VngltT5avLACY9A==
+  dependencies:
+    "@types/node" "*"
+    webpack "^5"
+
+"@types/webpack-sources@*":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.0.tgz#16d759ba096c289034b26553d2df1bf45248d38b"
+  integrity sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg==
+  dependencies:
+    "@types/node" "*"
+    "@types/source-list-map" "*"
+    source-map "^0.7.3"
+
+"@types/webpack@^4":
+  version "4.41.32"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.32.tgz#a7bab03b72904070162b2f169415492209e94212"
+  integrity sha512-cb+0ioil/7oz5//7tZUSwbrSAN/NWHrQylz5cW8G0dWTcF/g+/dSdMlKVZspBYuMAN1+WnwHrkxiRrLcwd0Heg==
+  dependencies:
+    "@types/node" "*"
+    "@types/tapable" "^1"
+    "@types/uglify-js" "*"
+    "@types/webpack-sources" "*"
+    anymatch "^3.0.0"
+    source-map "^0.6.0"
+
+"@types/webpack@^5.28.0":
+  version "5.28.0"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-5.28.0.tgz#78dde06212f038d77e54116cfe69e88ae9ed2c03"
+  integrity sha512-8cP0CzcxUiFuA9xGJkfeVpqmWTk9nx6CWwamRGCj95ph1SmlRRk9KlCZ6avhCbZd4L68LvYT6l1kpdEnQXrF8w==
+  dependencies:
+    "@types/node" "*"
+    tapable "^2.2.0"
+    webpack "^5"
+
+"@types/ws@^6.0.1":
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-6.0.4.tgz#7797707c8acce8f76d8c34b370d4645b70421ff1"
+  integrity sha512-PpPrX7SZW9re6+Ha8ojZG4Se8AZXgf0GK6zmfqEuCsY49LFDNXO3SByp44X3dFEqtB73lkCDAdUazhAjVPiNwg==
+  dependencies:
+    "@types/node" "*"
+
+"@types/ws@^8.5.1":
+  version "8.5.3"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.3.tgz#7d25a1ffbecd3c4f2d35068d0b283c037003274d"
+  integrity sha512-6YOoWjruKj1uLf3INHH7D3qTXwFfEsg1kf3c0uDdSBJwfa/llkwIjrAGV7j7mVgGNbzTQ3HiHKKDXl6bJPD97w==
+  dependencies:
+    "@types/node" "*"
+
+"@types/yargs-parser@*":
+  version "21.0.0"
+  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
+  integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
+
+"@types/yargs@^15.0.0":
+  version "15.0.14"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.14.tgz#26d821ddb89e70492160b66d10a0eb6df8f6fb06"
+  integrity sha512-yEJzHoxf6SyQGhBhIYGXQDSCkJjB6HohDShto7m8vaKg9Yp0Yn8+71J9eakh2bnPg6BfsH9PRMhiRTZnd4eXGQ==
+  dependencies:
+    "@types/yargs-parser" "*"
+
+"@types/yargs@^16.0.0":
+  version "16.0.4"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.4.tgz#26aad98dd2c2a38e421086ea9ad42b9e51642977"
+  integrity sha512-T8Yc9wt/5LbJyCaLiHPReJa0kApcIgJ7Bn735GjItUfh08Z1pJvu8QZqb9s+mMvKV6WUQRV7K2R46YbjMXTTJw==
+  dependencies:
+    "@types/yargs-parser" "*"
+
+"@types/yargs@^17.0.1", "@types/yargs@^17.0.8":
+  version "17.0.10"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.10.tgz#591522fce85d8739bca7b8bb90d048e4478d186a"
+  integrity sha512-gmEaFwpj/7f/ROdtIlci1R1VYU1J4j95m8T+Tj3iBgiBFKg1foE/PSl93bBd5T9LDXNPo8UlNN6W0qwD8O5OaA==
+  dependencies:
+    "@types/yargs-parser" "*"
+
+"@typescript-eslint/eslint-plugin@^5.48.1":
+  version "5.48.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.48.1.tgz#deee67e399f2cb6b4608c935777110e509d8018c"
+  integrity sha512-9nY5K1Rp2ppmpb9s9S2aBiF3xo5uExCehMDmYmmFqqyxgenbHJ3qbarcLt4ITgaD6r/2ypdlcFRdcuVPnks+fQ==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.48.1"
+    "@typescript-eslint/type-utils" "5.48.1"
+    "@typescript-eslint/utils" "5.48.1"
+    debug "^4.3.4"
+    ignore "^5.2.0"
+    natural-compare-lite "^1.4.0"
+    regexpp "^3.2.0"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/parser@^5.48.1":
+  version "5.48.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.48.1.tgz#d0125792dab7e232035434ab8ef0658154db2f10"
+  integrity sha512-4yg+FJR/V1M9Xoq56SF9Iygqm+r5LMXvheo6DQ7/yUWynQ4YfCRnsKuRgqH4EQ5Ya76rVwlEpw4Xu+TgWQUcdA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.48.1"
+    "@typescript-eslint/types" "5.48.1"
+    "@typescript-eslint/typescript-estree" "5.48.1"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@5.48.1":
+  version "5.48.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.48.1.tgz#39c71e4de639f5fe08b988005beaaf6d79f9d64d"
+  integrity sha512-S035ueRrbxRMKvSTv9vJKIWgr86BD8s3RqoRZmsSh/s8HhIs90g6UlK8ZabUSjUZQkhVxt7nmZ63VJ9dcZhtDQ==
+  dependencies:
+    "@typescript-eslint/types" "5.48.1"
+    "@typescript-eslint/visitor-keys" "5.48.1"
+
+"@typescript-eslint/type-utils@5.48.1":
+  version "5.48.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.48.1.tgz#5d94ac0c269a81a91ad77c03407cea2caf481412"
+  integrity sha512-Hyr8HU8Alcuva1ppmqSYtM/Gp0q4JOp1F+/JH5D1IZm/bUBrV0edoewQZiEc1r6I8L4JL21broddxK8HAcZiqQ==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "5.48.1"
+    "@typescript-eslint/utils" "5.48.1"
+    debug "^4.3.4"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/types@5.48.1":
+  version "5.48.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.48.1.tgz#efd1913a9aaf67caf8a6e6779fd53e14e8587e14"
+  integrity sha512-xHyDLU6MSuEEdIlzrrAerCGS3T7AA/L8Hggd0RCYBi0w3JMvGYxlLlXHeg50JI9Tfg5MrtsfuNxbS/3zF1/ATg==
+
+"@typescript-eslint/typescript-estree@5.48.1":
+  version "5.48.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.1.tgz#9efa8ee2aa471c6ab62e649f6e64d8d121bc2056"
+  integrity sha512-Hut+Osk5FYr+sgFh8J/FHjqX6HFcDzTlWLrFqGoK5kVUN3VBHF/QzZmAsIXCQ8T/W9nQNBTqalxi1P3LSqWnRA==
+  dependencies:
+    "@typescript-eslint/types" "5.48.1"
+    "@typescript-eslint/visitor-keys" "5.48.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.48.1":
+  version "5.48.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.48.1.tgz#20f2f4e88e9e2a0961cbebcb47a1f0f7da7ba7f9"
+  integrity sha512-SmQuSrCGUOdmGMwivW14Z0Lj8dxG1mOFZ7soeJ0TQZEJcs3n5Ndgkg0A4bcMFzBELqLJ6GTHnEU+iIoaD6hFGA==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    "@types/semver" "^7.3.12"
+    "@typescript-eslint/scope-manager" "5.48.1"
+    "@typescript-eslint/types" "5.48.1"
+    "@typescript-eslint/typescript-estree" "5.48.1"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+    semver "^7.3.7"
+
+"@typescript-eslint/visitor-keys@5.48.1":
+  version "5.48.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.1.tgz#79fd4fb9996023ef86849bf6f904f33eb6c8fccb"
+  integrity sha512-Ns0XBwmfuX7ZknznfXozgnydyR8F6ev/KEGePP4i74uL3ArsKbEhJ7raeKr1JSa997DBDwol/4a0Y+At82c9dA==
+  dependencies:
+    "@typescript-eslint/types" "5.48.1"
+    eslint-visitor-keys "^3.3.0"
+
+"@webassemblyjs/ast@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
+  integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+
+"@webassemblyjs/floating-point-hex-parser@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
+  integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
+
+"@webassemblyjs/helper-api-error@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
+  integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
+
+"@webassemblyjs/helper-buffer@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
+  integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
+
+"@webassemblyjs/helper-numbers@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
+  integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.11.1"
+    "@webassemblyjs/helper-api-error" "1.11.1"
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/helper-wasm-bytecode@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
+  integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
+
+"@webassemblyjs/helper-wasm-section@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
+  integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+
+"@webassemblyjs/ieee754@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
+  integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
+"@webassemblyjs/leb128@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
+  integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/utf8@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
+  integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
+
+"@webassemblyjs/wasm-edit@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
+  integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/helper-wasm-section" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@webassemblyjs/wasm-opt" "1.11.1"
+    "@webassemblyjs/wasm-parser" "1.11.1"
+    "@webassemblyjs/wast-printer" "1.11.1"
+
+"@webassemblyjs/wasm-gen@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
+  integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/ieee754" "1.11.1"
+    "@webassemblyjs/leb128" "1.11.1"
+    "@webassemblyjs/utf8" "1.11.1"
+
+"@webassemblyjs/wasm-opt@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
+  integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@webassemblyjs/wasm-parser" "1.11.1"
+
+"@webassemblyjs/wasm-parser@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
+  integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-api-error" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/ieee754" "1.11.1"
+    "@webassemblyjs/leb128" "1.11.1"
+    "@webassemblyjs/utf8" "1.11.1"
+
+"@webassemblyjs/wast-printer@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
+  integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@xtuc/long" "4.2.2"
+
+"@webpack-cli/configtest@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-2.0.1.tgz#a69720f6c9bad6aef54a8fa6ba9c3533e7ef4c7f"
+  integrity sha512-njsdJXJSiS2iNbQVS0eT8A/KPnmyH4pv1APj2K0d1wrZcBLw+yppxOy4CGqa0OxDJkzfL/XELDhD8rocnIwB5A==
+
+"@webpack-cli/info@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-2.0.1.tgz#eed745799c910d20081e06e5177c2b2569f166c0"
+  integrity sha512-fE1UEWTwsAxRhrJNikE7v4EotYflkEhBL7EbajfkPlf6E37/2QshOy/D48Mw8G5XMFlQtS6YV42vtbG9zBpIQA==
+
+"@webpack-cli/serve@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-2.0.1.tgz#34bdc31727a1889198855913db2f270ace6d7bf8"
+  integrity sha512-0G7tNyS+yW8TdgHwZKlDWYXFA6OJQnoLCQvYKkQP0Q2X205PSQ6RNUj0M+1OB/9gRQaUZ/ccYfaxd0nhaWKfjw==
+
+"@xtuc/ieee754@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
+  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
+
+"@xtuc/long@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
+  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
+
+abab@^2.0.3, abab@^2.0.5, abab@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
+  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
+
+abbrev@1, abbrev@^1.0.0, abbrev@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
+
+abort-controller@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/abort-controller/-/abort-controller-3.0.0.tgz#eaf54d53b62bae4138e809ca225c8439a6efb392"
+  integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
+  dependencies:
+    event-target-shim "^5.0.0"
+
+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==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
+acorn-globals@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
+  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
+  dependencies:
+    acorn "^7.1.1"
+    acorn-walk "^7.1.1"
+
+acorn-import-assertions@^1.7.6:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
+  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
+
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn-node@^1.8.2:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/acorn-node/-/acorn-node-1.8.2.tgz#114c95d64539e53dede23de8b9d96df7c7ae2af8"
+  integrity sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==
+  dependencies:
+    acorn "^7.0.0"
+    acorn-walk "^7.0.0"
+    xtend "^4.0.2"
+
+acorn-walk@^7.0.0, acorn-walk@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+
+acorn-walk@^8.1.1:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
+
+acorn@^7.0.0, acorn@^7.1.1:
+  version "7.4.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
+
+acorn@^8.2.4, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.1, 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.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/adr/-/adr-1.4.3.tgz#2c817166da6c2d00183dc98cb55f1b5b32a3c482"
+  integrity sha512-g9KcB0i1Hnf2b24LhD6JVZmDEc8si4XVTmic0Tv+mN1YuM2JRckLTIPQbeklnqloSTjk8uLUkr95p307qvSBHA==
+  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@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==
+  dependencies:
+    debug "4"
+
+agentkeepalive@^4.1.3, agentkeepalive@^4.2.1:
+  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==
+  dependencies:
+    clean-stack "^2.0.0"
+    indent-string "^4.0.0"
+
+ajv-formats@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
+  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
+  dependencies:
+    ajv "^8.0.0"
+
+ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+ajv-keywords@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
+  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+
+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==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ajv@^8.0.0, ajv@^8.8.0:
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.11.0.tgz#977e91dd96ca669f54a11e23e378e33b884a565f"
+  integrity sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+    uri-js "^4.2.2"
+
+ansi-escapes@^4.2.1:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
+  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
+  dependencies:
+    type-fest "^0.21.3"
+
+ansi-html-community@^0.0.8:
+  version "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"
+  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
+
+ansi-regex@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
+  integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
+
+ansi-regex@^5.0.0, ansi-regex@^5.0.1:
+  version "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"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0, ansi-styles@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+ansi-styles@^5.0.0:
+  version "5.2.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"
+  integrity sha512-3wwu+nJCKBVBwOCurm0uv91lMoVkhFB+3qZQz3U11AmAdDJ4tkw1sNPWJQcVxMVYwe0pGEALOjSBOxdxNc+pNQ==
+
+anymatch@^3.0.0, anymatch@^3.0.3, anymatch@~3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
+  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+app-builder-bin@4.0.0:
+  version "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.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-23.6.0.tgz#03cade02838c077db99d86212d61c5fc1d6da1a8"
+  integrity sha512-dQYDuqm/rmy8GSCE6Xl/3ShJg6Ab4bZJMT8KaTKGzT436gl1DN4REP3FCWfXoh75qGTJ+u+WsdnnpO9Jl8nyMA==
+  dependencies:
+    "7zip-bin" "~5.1.1"
+    "@develar/schema-utils" "~2.6.5"
+    "@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.6.0"
+    builder-util-runtime "9.1.1"
+    chromium-pickle-js "^0.2.0"
+    debug "^4.3.4"
+    ejs "^3.1.7"
+    electron-osx-sign "^0.6.0"
+    electron-publish "23.6.0"
+    form-data "^4.0.0"
+    fs-extra "^10.1.0"
+    hosted-git-info "^4.1.0"
+    is-ci "^3.0.0"
+    isbinaryfile "^4.0.10"
+    js-yaml "^4.1.0"
+    lazy-val "^1.0.5"
+    minimatch "^3.1.2"
+    read-config-file "6.2.0"
+    sanitize-filename "^1.6.3"
+    semver "^7.3.7"
+    tar "^6.1.11"
+    temp-file "^3.4.0"
+
+"aproba@^1.0.3 || ^2.0.0", 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==
+
+arch@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
+  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
+
+archive-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/archive-type/-/archive-type-4.0.0.tgz#f92e72233056dfc6969472749c267bdb046b1d70"
+  integrity sha512-zV4Ky0v1F8dBrdYElwTvQhweQ0P7Kwc1aluqJsYtOBP01jXcWCyW2IEfI1YiqsG+Iy7ZR+o5LF1N+PGECBxHWA==
+  dependencies:
+    file-type "^4.2.0"
+
+archy@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40"
+  integrity sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==
+
+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"
+
+arg@^4.1.0:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
+  integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
+
+arg@^5.0.2:
+  version "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.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==
+  dependencies:
+    sprintf-js "~1.0.2"
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+aria-query@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.2.2.tgz#0d2ca6c9aceb56b8977e9fed6aed7e15bbd2f83b"
+  integrity sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==
+  dependencies:
+    "@babel/runtime" "^7.10.2"
+    "@babel/runtime-corejs3" "^7.10.2"
+
+aria-query@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.0.0.tgz#210c21aaf469613ee8c9a62c7f86525e058db52c"
+  integrity sha512-V+SM7AbUwJ+EBnB8+DXs0hPZHO0W6pqBcc0dW90OwtVG02PswOu/teuARoLQjdDOH+t9pJgGnW5/Qmouf3gPJg==
+
+array-back@^3.0.1, array-back@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/array-back/-/array-back-3.1.0.tgz#b8859d7a508871c9a7b2cf42f99428f65e96bfb0"
+  integrity sha512-TkuxA4UCOvxuDK6NZYXCalszEzj+TLszyASooky+i742l9TqsOdYCMJJupxRic61hwquNtppB3hgcuq9SVSH1Q==
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+  integrity sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=
+
+array-flatten@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
+  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
+
+array-includes@^3.1.4, array-includes@^3.1.6:
+  version "3.1.6"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.6.tgz#9e9e720e194f198266ba9e18c29e6a9b0e4b225f"
+  integrity sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    get-intrinsic "^1.1.3"
+    is-string "^1.0.7"
+
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
+array.prototype.flat@^1.2.5:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.0.tgz#0b0c1567bf57b38b56b4c97b8aa72ab45e4adc7b"
+  integrity sha512-12IUEkHsAhA4DY5s0FPgNXIdc8VRSqD9Zp78a5au9abH/SOBrsp082JOWFNTjkMozh8mqcdiKuaLGhPeYztxSw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.19.2"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.flatmap@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz#1aae7903c2100433cb8261cd4ed310aab5c4a183"
+  integrity sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.tosorted@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz#ccf44738aa2b5ac56578ffda97c03fd3e23dd532"
+  integrity sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    es-shim-unscopables "^1.0.0"
+    get-intrinsic "^1.1.3"
+
+asap@^2.0.0:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
+  integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
+
+asar@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/asar/-/asar-3.1.0.tgz#70b0509449fe3daccc63beb4d3c7d2e24d3c6473"
+  integrity sha512-vyxPxP5arcAqN4F/ebHd/HhwnAiZtwhglvdmc7BR2f0ywbVNTOpSeyhLDbGXtE/y58hv1oC75TaNIXutnsOZsQ==
+  dependencies:
+    chromium-pickle-js "^0.2.0"
+    commander "^5.0.0"
+    glob "^7.1.6"
+    minimatch "^3.0.4"
+  optionalDependencies:
+    "@types/glob" "^7.1.1"
+
+asn1@~0.2.3:
+  version "0.2.6"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d"
+  integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==
+  dependencies:
+    safer-buffer "~2.1.0"
+
+assert-plus@1.0.0, assert-plus@^1.0.0:
+  version "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"
+  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
+
+async-exit-hook@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/async-exit-hook/-/async-exit-hook-2.0.1.tgz#8bd8b024b0ec9b1c01cccb9af9db29bd717dfaf3"
+  integrity sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==
+
+async@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.3.tgz#ac53dafd3f4720ee9e8a160628f18ea91df196c9"
+  integrity sha512-spZRyzKL5l5BZQrr/6m/SqFdBN0q3OCI0f9rjfBzCMBIP4p75P620rR3gTmaksNOhmzgdxcaxdNfMy6anrbM0g==
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
+
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
+atob@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
+  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
+
+atomically@^1.3.1:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/atomically/-/atomically-1.7.0.tgz#c07a0458432ea6dbc9a3506fffa424b48bccaafe"
+  integrity sha512-Xcz9l0z7y9yQ9rdDaxlmaI4uJHf/T8g9hOEzJcsEqX2SjCj4J20uK7+ldkDHMbpJDK76wF7xEIgxc/vSlsfw5w==
+
+auto-bind@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/auto-bind/-/auto-bind-2.1.1.tgz#8ae509671ecdfbd5009fc99b0f19ae9c3a2abf50"
+  integrity sha512-NUwV1i9D3vxxY1KnfZgSZ716d6ovY7o8LfOwLhGIPFBowIb6Ln6DBW64+jCqPzUznel2hRSkQnYQqvh7/ldw8A==
+  dependencies:
+    "@types/react" "^16.8.12"
+
+auto-bind@^4.0.0:
+  version "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"
+  integrity sha512-aDczADvlvTGajTDjcjpJMqRkOF6Qdz3YbPZm/PyW6tKPkx2hlYBzxMhEywM/tU72HrVZjgl5VCdRuMlA7pZ8Gw==
+
+aws-sign2@~0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
+  integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
+
+aws4@^1.8.0:
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
+  integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
+
+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.3"
+    "@types/babel__core" "^7.1.14"
+    babel-plugin-istanbul "^6.1.1"
+    babel-preset-jest "^28.1.3"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    slash "^3.0.0"
+
+babel-plugin-istanbul@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
+  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-instrument "^5.0.4"
+    test-exclude "^6.0.0"
+
+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"
+    "@types/babel__core" "^7.1.14"
+    "@types/babel__traverse" "^7.0.6"
+
+babel-plugin-macros@^2.6.1:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz#0f958a7cc6556b1e65344465d99111a1e5e10138"
+  integrity sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==
+  dependencies:
+    "@babel/runtime" "^7.7.2"
+    cosmiconfig "^6.0.0"
+    resolve "^1.12.0"
+
+babel-preset-current-node-syntax@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
+  integrity sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==
+  dependencies:
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-bigint" "^7.8.3"
+    "@babel/plugin-syntax-class-properties" "^7.8.3"
+    "@babel/plugin-syntax-import-meta" "^7.8.3"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-top-level-await" "^7.8.3"
+
+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.3"
+    babel-preset-current-node-syntax "^1.0.0"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+base64-js@^1.3.1, base64-js@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
+
+batch@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
+  integrity sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=
+
+bcrypt-pbkdf@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
+  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
+  dependencies:
+    tweetnacl "^0.14.3"
+
+big.js@^3.1.3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
+  integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==
+
+big.js@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
+  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
+
+bin-check@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bin-check/-/bin-check-4.1.0.tgz#fc495970bdc88bb1d5a35fc17e65c4a149fc4a49"
+  integrity sha512-b6weQyEUKsDGFlACWSIOfveEnImkJyK/FGW6FAG42loyoquvjdtOIqO6yBFzHyqyVVhNgNkQxxx09SFLK28YnA==
+  dependencies:
+    execa "^0.7.0"
+    executable "^4.1.0"
+
+bin-links@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-3.0.3.tgz#3842711ef3db2cd9f16a5f404a996a12db355a6e"
+  integrity sha512-zKdnMPWEdh4F5INR07/eBrodC7QrF5JKvqskjz/ZZRXg5YSAZIbn8zGhbhUrElzHBZ2fvEQdOU59RHcTG3GiwA==
+  dependencies:
+    cmd-shim "^5.0.0"
+    mkdirp-infer-owner "^2.0.0"
+    npm-normalize-package-bin "^2.0.0"
+    read-cmd-shim "^3.0.0"
+    rimraf "^3.0.0"
+    write-file-atomic "^4.0.0"
+
+bin-version-check@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/bin-version-check/-/bin-version-check-4.0.0.tgz#7d819c62496991f80d893e6e02a3032361608f71"
+  integrity sha512-sR631OrhC+1f8Cvs8WyVWOA33Y8tgwjETNPyyD/myRBXLkfS/vl74FmH/lFcRl9KY3zwGh7jFhvyk9vV3/3ilQ==
+  dependencies:
+    bin-version "^3.0.0"
+    semver "^5.6.0"
+    semver-truncate "^1.1.2"
+
+bin-version@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/bin-version/-/bin-version-3.1.0.tgz#5b09eb280752b1bd28f0c9db3f96f2f43b6c0839"
+  integrity sha512-Mkfm4iE1VFt4xd4vH+gx+0/71esbfus2LsnCGe8Pi4mndSPyT+NGES/Eg99jx8/lUGWfu3z2yuB/bt5UB+iVbQ==
+  dependencies:
+    execa "^1.0.0"
+    find-versions "^3.0.0"
+
+bin-wrapper@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bin-wrapper/-/bin-wrapper-4.1.0.tgz#99348f2cf85031e3ef7efce7e5300aeaae960605"
+  integrity sha512-hfRmo7hWIXPkbpi0ZltboCMVrU+0ClXR/JgbCKKjlDjQf6igXa7OwdqNcFWQZPZTgiY7ZpzE3+LjjkLiTN2T7Q==
+  dependencies:
+    bin-check "^4.1.0"
+    bin-version-check "^4.0.0"
+    download "^7.1.0"
+    import-lazy "^3.1.0"
+    os-filter-obj "^2.0.0"
+    pify "^4.0.1"
+
+binary-extensions@^2.0.0, binary-extensions@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
+bl@^1.0.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/bl/-/bl-1.2.3.tgz#1e8dd80142eac80d7158c9dccc047fb620e035e7"
+  integrity sha512-pvcNpa0UU69UT341rO6AYy4FVAIkUHuZXRIWbq+zHnsVcRzDDjIAhGuuYoi0d//cwIwtt4pkpKycWEfjdV+vww==
+  dependencies:
+    readable-stream "^2.3.5"
+    safe-buffer "^5.1.1"
+
+bl@^4.0.3:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
+  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
+  dependencies:
+    buffer "^5.5.0"
+    inherits "^2.0.4"
+    readable-stream "^3.4.0"
+
+bluebird-lst@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/bluebird-lst/-/bluebird-lst-1.0.9.tgz#a64a0e4365658b9ab5fe875eb9dfb694189bb41c"
+  integrity sha512-7B1Rtx82hjnSD4PGLAjVWeYH3tHAcVUmChh85a3lltKQm6FresXh9ErQo6oAv6CqxttczC3/kEg8SY5NluPuUw==
+  dependencies:
+    bluebird "^3.5.5"
+
+bluebird@^3.4.7, bluebird@^3.5.0, bluebird@^3.5.5, bluebird@^3.7.2:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
+
+body-parser@1.20.0:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.0.tgz#3de69bd89011c11573d7bfee6a64f11b6bd27cc5"
+  integrity sha512-DfJ+q6EPcGKZD1QWUjSpqp+Q7bDQTsQIF4zfUAtZ6qk+H/3/QRhg9CEp39ss+/T2vw0+HaidC0ecJj/DRLIaKg==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.4"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.10.3"
+    raw-body "2.5.1"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
+bonjour-service@^1.0.11:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.0.12.tgz#28fbd4683f5f2e36feedb833e24ba661cac960c3"
+  integrity sha512-pMmguXYCu63Ug37DluMKEHdxc+aaIf/ay4YbF8Gxtba+9d3u+rmEWy61VK3Z3hp8Rskok3BunHYnG0dUHAsblw==
+  dependencies:
+    array-flatten "^2.1.2"
+    dns-equal "^1.0.0"
+    fast-deep-equal "^3.1.3"
+    multicast-dns "^7.2.4"
+
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
+
+boolean@^3.0.1:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.2.0.tgz#9e5294af4e98314494cbb17979fa54ca159f116b"
+  integrity sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.2, braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
+browser-process-hrtime@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
+  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
+
+browserify-zlib@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
+  integrity sha1-uzX4pRn2AOD6a4SFJByXnQFB+y0=
+  dependencies:
+    pako "~0.2.0"
+
+browserslist@^4.14.5, browserslist@^4.20.2:
+  version "4.20.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.3.tgz#eb7572f49ec430e054f56d52ff0ebe9be915f8bf"
+  integrity sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==
+  dependencies:
+    caniuse-lite "^1.0.30001332"
+    electron-to-chromium "^1.4.118"
+    escalade "^3.1.1"
+    node-releases "^2.0.3"
+    picocolors "^1.0.0"
+
+bser@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
+  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
+  dependencies:
+    node-int64 "^0.4.0"
+
+buffer-alloc-unsafe@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
+  integrity sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==
+
+buffer-alloc@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/buffer-alloc/-/buffer-alloc-1.2.0.tgz#890dd90d923a873e08e10e5fd51a57e5b7cce0ec"
+  integrity sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==
+  dependencies:
+    buffer-alloc-unsafe "^1.1.0"
+    buffer-fill "^1.0.0"
+
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
+
+buffer-equal@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-1.0.0.tgz#59616b498304d556abd466966b22eeda3eca5fbe"
+  integrity sha1-WWFrSYME1Var1GaWayLu2j7KX74=
+
+buffer-fill@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
+  integrity sha1-+PeLdniYiO858gXNY39o5wISKyw=
+
+buffer-from@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
+buffer@^5.1.0, buffer@^5.2.1, buffer@^5.5.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
+builder-util-runtime@8.9.2:
+  version "8.9.2"
+  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-8.9.2.tgz#a9669ae5b5dcabfe411ded26678e7ae997246c28"
+  integrity sha512-rhuKm5vh7E0aAmT6i8aoSfEjxzdYEFX7zDApK+eNgOhjofnWb74d9SRJv0H/8nsgOkos0TZ4zxW0P8J4N7xQ2A==
+  dependencies:
+    debug "^4.3.2"
+    sax "^1.2.4"
+
+builder-util-runtime@9.1.1:
+  version "9.1.1"
+  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.1.1.tgz#2da7b34e78a64ad14ccd070d6eed4662d893bd60"
+  integrity sha512-azRhYLEoDvRDR8Dhis4JatELC/jUvYjm4cVSj7n9dauGTOM2eeNn9KS0z6YA6oDsjI1xphjNbY6PZZeHPzzqaw==
+  dependencies:
+    debug "^4.3.4"
+    sax "^1.2.4"
+
+builder-util@23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-23.6.0.tgz#1880ec6da7da3fd6fa19b8bd71df7f39e8d17dd9"
+  integrity sha512-QiQHweYsh8o+U/KNCZFSvISRnvRctb8m/2rB2I1JdByzvNKxPeFLlHFRPQRXab6aYeXc18j9LpsDLJ3sGQmWTQ==
+  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.1.1"
+    chalk "^4.1.1"
+    cross-spawn "^7.0.3"
+    debug "^4.3.4"
+    fs-extra "^10.0.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.0"
+    is-ci "^3.0.0"
+    js-yaml "^4.1.0"
+    source-map-support "^0.5.19"
+    stat-mode "^1.0.0"
+    temp-file "^3.4.0"
+
+builtins@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/builtins/-/builtins-5.0.1.tgz#87f6db9ab0458be728564fa81d876d8d74552fa9"
+  integrity sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==
+  dependencies:
+    semver "^7.0.0"
+
+byline@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/byline/-/byline-5.0.0.tgz#741c5216468eadc457b03410118ad77de8c1ddb1"
+  integrity sha1-dBxSFkaOrcRXsDQQEYrXfejB3bE=
+
+bytes@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
+  integrity sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=
+
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
+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"
+
+cacache@^16.0.0, cacache@^16.1.0, cacache@^16.1.3:
+  version "16.1.3"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-16.1.3.tgz#a02b9f34ecfaf9a78c9f4bc16fceb94d5d67a38e"
+  integrity sha512-/+Emcj9DAXxX4cwlLmRI9c166RuL3w30zp4R7Joiv2cQTtTtA+jeuCAjH3ZlGnYS3tKENSrKhAzVVP9GVyzeYQ==
+  dependencies:
+    "@npmcli/fs" "^2.1.0"
+    "@npmcli/move-file" "^2.0.0"
+    chownr "^2.0.0"
+    fs-minipass "^2.1.0"
+    glob "^8.0.1"
+    infer-owner "^1.0.4"
+    lru-cache "^7.7.1"
+    minipass "^3.1.6"
+    minipass-collect "^1.0.2"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    mkdirp "^1.0.4"
+    p-map "^4.0.0"
+    promise-inflight "^1.0.1"
+    rimraf "^3.0.2"
+    ssri "^9.0.0"
+    tar "^6.1.11"
+    unique-filename "^2.0.0"
+
+cacheable-lookup@^5.0.3:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz#5a6b865b2c44357be3d5ebc2a467b032719a7005"
+  integrity sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==
+
+cacheable-request@^2.1.1:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-2.1.4.tgz#0d808801b6342ad33c91df9d0b44dc09b91e5c3d"
+  integrity sha512-vag0O2LKZ/najSoUwDbVlnlCFvhBE/7mGTY2B5FgCBDcRD+oVV1HYTOwM6JZfMg/hIcM6IwnTZ1uQQL5/X3xIQ==
+  dependencies:
+    clone-response "1.0.2"
+    get-stream "3.0.0"
+    http-cache-semantics "3.8.1"
+    keyv "3.0.0"
+    lowercase-keys "1.0.0"
+    normalize-url "2.0.1"
+    responselike "1.0.2"
+
+cacheable-request@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-6.1.0.tgz#20ffb8bd162ba4be11e9567d823db651052ca912"
+  integrity sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==
+  dependencies:
+    clone-response "^1.0.2"
+    get-stream "^5.1.0"
+    http-cache-semantics "^4.0.0"
+    keyv "^3.0.0"
+    lowercase-keys "^2.0.0"
+    normalize-url "^4.1.0"
+    responselike "^1.0.2"
+
+cacheable-request@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-7.0.2.tgz#ea0d0b889364a25854757301ca12b2da77f91d27"
+  integrity sha512-pouW8/FmiPQbuGpkXQ9BAPv/Mo5xDGANgSNXzTzJ8DrKGuXOssM4wIQRjfanNRh3Yu5cfYPvcorqbhg2KIJtew==
+  dependencies:
+    clone-response "^1.0.2"
+    get-stream "^5.1.0"
+    http-cache-semantics "^4.0.0"
+    keyv "^4.0.0"
+    lowercase-keys "^2.0.0"
+    normalize-url "^6.0.1"
+    responselike "^2.0.0"
+
+call-bind@^1.0.0, call-bind@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
+  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
+  dependencies:
+    function-bind "^1.1.1"
+    get-intrinsic "^1.0.2"
+
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
+camel-case@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+camelcase@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
+  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
+
+camelcase@^6.2.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
+  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
+
+caniuse-lite@^1.0.30001332:
+  version "1.0.30001339"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001339.tgz#f9aece4ea8156071613b27791547ba0b33f176cf"
+  integrity sha512-Es8PiVqCe+uXdms0Gu5xP5PF2bxLR7OBp3wUzUnuO7OHzhOfCyg3hdiGWVPVxhiuniOzng+hTc1u3fEQ0TlkSQ==
+
+caseless@~0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
+  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
+
+caw@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/caw/-/caw-2.0.1.tgz#6c3ca071fc194720883c2dc5da9b074bfc7e9e95"
+  integrity sha512-Cg8/ZSBEa8ZVY9HspcGUYaK63d/bN7rqS3CYCzEGUxuYv6UlmcjzDUz2fCFFHyTvUW5Pk0I+3hkA3iXlIj6guA==
+  dependencies:
+    get-proxy "^2.0.0"
+    isurl "^1.0.0-alpha5"
+    tunnel-agent "^0.6.0"
+    url-to-options "^1.0.1"
+
+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.4.1:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
+  integrity sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+char-regex@^1.0.2:
+  version "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"
+  integrity sha512-B07aAzxcrikjAPyV+01j7BmOpxtQETxTSlQ26BEYJ+3iUkbNKaOJ/nDbT6JjyqYxseM0ON12COHYdU2cTIjC7A==
+  dependencies:
+    chartjs-color "^2.1.0"
+    moment "^2.10.2"
+
+chartjs-color-string@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/chartjs-color-string/-/chartjs-color-string-0.6.0.tgz#1df096621c0e70720a64f4135ea171d051402f71"
+  integrity sha512-TIB5OKn1hPJvO7JcteW4WY/63v6KwEdt6udfnDE9iCAZgy+V4SrbSxoIbTw/xkUIapjEI4ExGtD0+6D3KyFd7A==
+  dependencies:
+    color-name "^1.0.0"
+
+chartjs-color@^2.1.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/chartjs-color/-/chartjs-color-2.4.1.tgz#6118bba202fe1ea79dd7f7c0f9da93467296c3b0"
+  integrity sha512-haqOg1+Yebys/Ts/9bLo/BqUcONQOdr/hoEr2LLTRl6C5LXctUdHxsCYfvQVg5JIxITrfCNUDr4ntqmQk9+/0w==
+  dependencies:
+    chartjs-color-string "^0.6.0"
+    color-convert "^1.9.3"
+
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.2, chokidar@^3.5.3:
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
+  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+chownr@^1.1.1:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
+  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
+  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
+
+chrome-trace-event@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
+  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
+
+chromium-pickle-js@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/chromium-pickle-js/-/chromium-pickle-js-0.2.0.tgz#04a106672c18b085ab774d983dfa3ea138f22205"
+  integrity sha1-BKEGZywYsIWrd02YPfo+oTjyIgU=
+
+ci-info@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.0.tgz#b4ed1fb6818dea4803a55c623041f9165d2066b2"
+  integrity sha512-riT/3vI5YpVH6/qomlDnJow6TBee2PBKSEpx3O32EGPYbWGIRsIlGRms3Sm74wYE1JMo8RnO04Hb12+v1J5ICw==
+
+cidr-regex@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/cidr-regex/-/cidr-regex-3.1.1.tgz#ba1972c57c66f61875f18fd7dd487469770b571d"
+  integrity sha512-RBqYd32aDwbCMFJRL6wHOlDNYJsPNTt8vC82ErHF5vKt8QQzxm1FrkW8s/R5pVrXMf17sba09Uoy91PKiddAsw==
+  dependencies:
+    ip-regex "^4.1.0"
+
+circular-dependency-plugin@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/circular-dependency-plugin/-/circular-dependency-plugin-5.2.2.tgz#39e836079db1d3cf2f988dc48c5188a44058b600"
+  integrity sha512-g38K9Cm5WRwlaH6g03B9OEz/0qRizI+2I7n+Gz+L5DxXJAPAiWQvwlYNm1V1jkdpUv95bOe/ASm2vfi/G560jQ==
+
+cjs-module-lexer@^1.0.0:
+  version "1.2.2"
+  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"
+  integrity sha512-YYuuxv4H/iNb1Z/5IbMRoxgrzjWGhOEFfd+groZ5dMCVkpENiMZmwspdrzBo9286JjM1gZJPAyL7ZIdzuvu2AQ==
+  dependencies:
+    source-map "~0.6.0"
+
+clean-stack@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
+  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
+
+cli-columns@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/cli-columns/-/cli-columns-4.0.0.tgz#9fe4d65975238d55218c41bd2ed296a7fa555646"
+  integrity sha512-XW2Vg+w+L9on9wtwKpyzluIPCWXjaBahI7mTcYjx+BVIYD9c3yqcv/yKC7CmdCZat4rq2yiE1UMSJC5ivKfMtQ==
+  dependencies:
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+
+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"
+
+cli-table3@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.2.tgz#aaf5df9d8b5bf12634dc8b3040806a0c07120d2a"
+  integrity sha512-QyavHCaIC80cMivimWu4aWHilIpiDpfm3hGmqAmXVL1UsnbLuBSMd21hTX6VY4ZSDSM73ESLeF8TOYId3rBTbw==
+  dependencies:
+    string-width "^4.2.0"
+  optionalDependencies:
+    "@colors/colors" "1.5.0"
+
+cli-truncate@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
+  integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
+  dependencies:
+    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@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
+clone-deep@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
+  integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
+  dependencies:
+    is-plain-object "^2.0.4"
+    kind-of "^6.0.2"
+    shallow-clone "^3.0.0"
+
+clone-response@1.0.2, clone-response@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b"
+  integrity sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=
+  dependencies:
+    mimic-response "^1.0.0"
+
+clone@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
+  integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
+
+clsx@^1.0.4:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.1.1.tgz#98b3134f9abbdf23b2663491ace13c5c03a73188"
+  integrity sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==
+
+cmd-shim@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-5.0.0.tgz#8d0aaa1a6b0708630694c4dbde070ed94c707724"
+  integrity sha512-qkCtZ59BidfEwHltnJwkyVZn+XQojdAySM1D1gSeh11Z4pW1Kpolkyo53L5noc0nrxmIvyFwTmJRo4xs7FFLPw==
+  dependencies:
+    mkdirp-infer-owner "^2.0.0"
+
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+  integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
+
+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"
+  integrity sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==
+
+color-convert@^1.9.0, color-convert@^1.9.3:
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
+
+color-name@^1.0.0, color-name@^1.1.4, color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+color-string@^1.6.0, color-string@^1.9.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
+  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
+  dependencies:
+    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"
+  integrity sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==
+  dependencies:
+    color-convert "^1.9.3"
+    color-string "^1.6.0"
+
+color@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"
+  integrity sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==
+  dependencies:
+    color-convert "^2.0.1"
+    color-string "^1.9.0"
+
+colorette@^2.0.10, colorette@^2.0.14:
+  version "2.0.16"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.16.tgz#713b9af84fdb000139f04546bd4a93f62a5085da"
+  integrity sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==
+
+colors@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
+  integrity sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs=
+
+colors@^1.3.3:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.4.0.tgz#c50491479d4c1bdaed2c9ced32cf7c7dc2360f78"
+  integrity sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==
+
+colorspace@1.1.x:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/colorspace/-/colorspace-1.1.4.tgz#8d442d1186152f60453bf8070cd66eb364e59243"
+  integrity sha512-BgvKJiuVu1igBUF2kEjRCZXol6wiiGbY5ipL/oVPwm0BL9sIpMIzM8IK7vwuxIIzOXMV3Ey5w+vxhm0rR/TN8w==
+  dependencies:
+    color "^3.1.3"
+    text-hex "1.0.x"
+
+columnify@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/columnify/-/columnify-1.6.0.tgz#6989531713c9008bb29735e61e37acf5bd553cf3"
+  integrity sha512-lomjuFZKfM6MSAnV9aCZC9sc0qGbmZdfygNv+nCpqVkSKdCxCklLtd16O0EILGkImHw9ZpHkAnHaB+8Zxq5W6Q==
+  dependencies:
+    strip-ansi "^6.0.1"
+    wcwidth "^1.0.0"
+
+combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
+command-line-args@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/command-line-args/-/command-line-args-5.2.1.tgz#c44c32e437a57d7c51157696893c5909e9cec42e"
+  integrity sha512-H4UfQhZyakIjC74I9d34fGYDwk3XpSr17QhEd0Q3I9Xq1CETHo4Hcuo87WyWHpAF1aSLjLRf5lD9ZGX2qStUvg==
+  dependencies:
+    array-back "^3.1.0"
+    find-replace "^3.0.0"
+    lodash.camelcase "^4.3.0"
+    typical "^4.0.0"
+
+commander@2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
+  integrity sha1-nJkJQXbhIkDLItbFFGCYQA/g99Q=
+  dependencies:
+    graceful-readlink ">= 1.0.0"
+
+commander@^2.20.0, commander@^2.8.1:
+  version "2.20.3"
+  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.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.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==
+
+commander@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
+  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+
+commander@^9.4.1:
+  version "9.5.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-9.5.0.tgz#bc08d1eb5cedf7ccb797a96199d41c7bc3e60d30"
+  integrity sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==
+
+common-ancestor-path@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz#4f7d2d1394d91b7abdf51871c62f71eadb0182a7"
+  integrity sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==
+
+common-path-prefix@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
+  integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
+
+compare-version@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/compare-version/-/compare-version-0.1.2.tgz#0162ec2d9351f5ddd59a9202cba935366a725080"
+  integrity sha1-AWLsLZNR9d3VmpICy6k1NmpyUIA=
+
+compress-brotli@^1.3.8:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/compress-brotli/-/compress-brotli-1.3.8.tgz#0c0a60c97a989145314ec381e84e26682e7b38db"
+  integrity sha512-lVcQsjhxhIXsuupfy9fmZUFtAIdBmXA7EGY6GBdgZ++qkM9zG4YFT8iU7FoBxzryNDMOpD1HIFHUSX4D87oqhQ==
+  dependencies:
+    "@types/json-buffer" "~3.0.0"
+    json-buffer "~3.0.1"
+
+compressible@~2.0.16:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
+  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
+  dependencies:
+    mime-db ">= 1.43.0 < 2"
+
+compression@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
+  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
+  dependencies:
+    accepts "~1.3.5"
+    bytes "3.0.0"
+    compressible "~2.0.16"
+    debug "2.6.9"
+    on-headers "~1.0.2"
+    safe-buffer "5.1.2"
+    vary "~1.1.2"
+
+concat-map@0.0.1:
+  version "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.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==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
+
+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.6.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-7.6.0.tgz#531a6f5f30cf616f355a4afb8f8fcb2bba65a49a"
+  integrity sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==
+  dependencies:
+    chalk "^4.1.0"
+    date-fns "^2.29.1"
+    lodash "^4.17.21"
+    rxjs "^7.0.0"
+    shell-quote "^1.7.3"
+    spawn-command "^0.0.2-1"
+    supports-color "^8.1.0"
+    tree-kill "^1.2.2"
+    yargs "^17.3.1"
+
+conf@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/conf/-/conf-7.1.2.tgz#d9678a9d8f04de8bf5cd475105da8fdae49c2ec4"
+  integrity sha512-r8/HEoWPFn4CztjhMJaWNAe5n+gPUCSaJ0oufbqDLFKsA1V8JjAG7G+p0pgoDFAws9Bpk2VtVLLXqOBA7WxLeg==
+  dependencies:
+    ajv "^6.12.2"
+    atomically "^1.3.1"
+    debounce-fn "^4.0.0"
+    dot-prop "^5.2.0"
+    env-paths "^2.2.0"
+    json-schema-typed "^7.0.3"
+    make-dir "^3.1.0"
+    onetime "^5.1.0"
+    pkg-up "^3.1.0"
+    semver "^7.3.2"
+
+config-chain@^1.1.11:
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
+  integrity sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==
+  dependencies:
+    ini "^1.3.4"
+    proto-list "~1.2.1"
+
+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.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
+
+content-disposition@0.5.4, content-disposition@^0.5.2:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
+  integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
+
+convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369"
+  integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==
+  dependencies:
+    safe-buffer "~5.1.1"
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+  integrity sha1-4wOogrNCzD7oylE6eZmXNNqzriw=
+
+cookie@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
+  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
+
+cookie@^0.4.1:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.2.tgz#0e41f24de5ecf317947c82fc789e06a884824432"
+  integrity sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==
+
+copy-anything@^2.0.1:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/copy-anything/-/copy-anything-2.0.6.tgz#092454ea9584a7b7ad5573062b2a87f5900fc480"
+  integrity sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==
+  dependencies:
+    is-what "^3.14.1"
+
+core-js-pure@^3.20.2, core-js-pure@^3.23.3:
+  version "3.25.5"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.25.5.tgz#79716ba54240c6aa9ceba6eee08cf79471ba184d"
+  integrity sha512-oml3M22pHM+igfWHDfdLVq2ShWmjM2V4L+dQEBs0DWVIqEm9WHCwGAlZ6BmyBQGy5sFrJmcx+856D9lVKyGWYg==
+
+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"
+  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+
+core-util-is@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
+  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
+
+cosmiconfig@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
+  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
+  dependencies:
+    "@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"
+
+cosmiconfig@^7.0.0:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
+  integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+crc@^3.8.0:
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/crc/-/crc-3.8.0.tgz#ad60269c2c856f8c299e2c4cc0de4556914056c6"
+  integrity sha512-iX3mfgcTMIq3ZKLIsVFAbv7+Mc10kxabAGQb8HvjA1o3T1PIYprbakQ65d3I+2HGHt6nSKkM9PYjgoJO2KcFBQ==
+  dependencies:
+    buffer "^5.1.0"
+
+create-require@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
+  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
+
+cross-spawn@^5.0.1:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
+  integrity sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==
+  dependencies:
+    lru-cache "^4.0.1"
+    shebang-command "^1.2.0"
+    which "^1.2.9"
+
+cross-spawn@^6.0.0:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
+  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
+  dependencies:
+    nice-try "^1.0.4"
+    path-key "^2.0.1"
+    semver "^5.5.0"
+    shebang-command "^1.2.0"
+    which "^1.2.9"
+
+cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+crypto-js@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
+  integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
+
+crypto-random-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
+  integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
+
+crypto-random-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-4.0.0.tgz#5a3cc53d7dd86183df5da0312816ceeeb5bb1fc2"
+  integrity sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==
+  dependencies:
+    type-fest "^1.0.1"
+
+css-box-model@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/css-box-model/-/css-box-model-1.2.1.tgz#59951d3b81fd6b2074a62d49444415b0d2b4d7c1"
+  integrity sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==
+  dependencies:
+    tiny-invariant "^1.0.6"
+
+css-loader@^6.7.3:
+  version "6.7.3"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.3.tgz#1e8799f3ccc5874fdd55461af51137fcc5befbcd"
+  integrity sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==
+  dependencies:
+    icss-utils "^5.1.0"
+    postcss "^8.4.19"
+    postcss-modules-extract-imports "^3.0.0"
+    postcss-modules-local-by-default "^4.0.0"
+    postcss-modules-scope "^3.0.0"
+    postcss-modules-values "^4.0.0"
+    postcss-value-parser "^4.2.0"
+    semver "^7.3.8"
+
+css-parse@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-2.0.0.tgz#a468ee667c16d81ccf05c58c38d2a97c780dbfd4"
+  integrity sha1-pGjuZnwW2BzPBcWMONKpfHgNv9Q=
+  dependencies:
+    css "^2.0.0"
+
+css-select@^4.1.3:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
+css-selector-tokenizer@^0.7.0:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz#735f26186e67c749aaf275783405cf0661fae8f1"
+  integrity sha512-jWQv3oCEL5kMErj4wRnK/OPoBi0D+P1FR2cDCKYPaMeD2eW3/mttav8HT4hT1CKopiJI/psEULjkClhvJo4Lvg==
+  dependencies:
+    cssesc "^3.0.0"
+    fastparse "^1.1.2"
+
+css-vendor@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/css-vendor/-/css-vendor-2.0.8.tgz#e47f91d3bd3117d49180a3c935e62e3d9f7f449d"
+  integrity sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==
+  dependencies:
+    "@babel/runtime" "^7.8.3"
+    is-in-browser "^1.0.2"
+
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
+css.escape@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
+  integrity sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s=
+
+css@^2.0.0:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
+  integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
+  dependencies:
+    inherits "^2.0.3"
+    source-map "^0.6.1"
+    source-map-resolve "^0.5.2"
+    urix "^0.1.0"
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+cssfontparser@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
+  integrity sha1-9AIvyPlwDGgCnVQghK+69CWj8+M=
+
+cssom@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
+  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
+
+cssom@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
+  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
+
+cssom@~0.3.6:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
+
+cssstyle@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
+  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
+  dependencies:
+    cssom "~0.3.6"
+
+csstype@^2.5.2:
+  version "2.6.20"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.20.tgz#9229c65ea0b260cf4d3d997cb06288e36a8d6dda"
+  integrity sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==
+
+csstype@^3.0.2:
+  version "3.0.11"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.11.tgz#d66700c5eacfac1940deb4e3ee5642792d85cd33"
+  integrity sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==
+
+dashdash@^1.12.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
+  integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
+  dependencies:
+    assert-plus "^1.0.0"
+
+data-uri-to-buffer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz#b5db46aea50f6176428ac05b73be39a57701a64b"
+  integrity sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==
+
+data-urls@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
+  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
+  dependencies:
+    abab "^2.0.3"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.0.0"
+
+data-urls@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
+  integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
+  dependencies:
+    abab "^2.0.6"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^11.0.0"
+
+date-fns@^2.29.1:
+  version "2.29.2"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.29.2.tgz#0d4b3d0f3dff0f920820a070920f0d9662c51931"
+  integrity sha512-0VNbwmWJDS/G3ySwFSJA3ayhbURMTJLtwM2DTxf9CWondCnh6DTNlO9JgRSq6ibf4eD0lfMJNBxUdEAHHix+bA==
+
+debounce-fn@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/debounce-fn/-/debounce-fn-4.0.0.tgz#ed76d206d8a50e60de0dd66d494d82835ffe61c7"
+  integrity sha512-8pYCQiL9Xdcg0UPSD3d+0KMlOjp+KGU5EPwYddgzQ7DATsg4fuUDjQtsYLmWjnk2obnNHgV3vE2Y4jejSOJVBQ==
+  dependencies:
+    mimic-fn "^3.0.0"
+
+debug@2.6.9, debug@^2.6.8, debug@^2.6.9:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  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.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==
+  dependencies:
+    ms "2.1.2"
+
+debug@4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
+  integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==
+  dependencies:
+    ms "2.1.2"
+
+debug@^3.2.6, debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+debug@~3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
+  integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
+  dependencies:
+    ms "2.0.0"
+
+debuglog@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
+  integrity sha1-qiT/uaw9+aI1GDfPstJ5NgzXhJI=
+
+decimal.js@^10.2.1, decimal.js@^10.3.1:
+  version "10.3.1"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.3.1.tgz#d8c3a444a9c6774ba60ca6ad7261c3a94fd5e783"
+  integrity sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ==
+
+decode-uri-component@^0.2.0, decode-uri-component@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
+  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
+
+decompress-response@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
+  integrity sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=
+  dependencies:
+    mimic-response "^1.0.0"
+
+decompress-response@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
+  integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
+  dependencies:
+    mimic-response "^3.1.0"
+
+decompress-tar@^4.0.0, decompress-tar@^4.1.0, decompress-tar@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/decompress-tar/-/decompress-tar-4.1.1.tgz#718cbd3fcb16209716e70a26b84e7ba4592e5af1"
+  integrity sha512-JdJMaCrGpB5fESVyxwpCx4Jdj2AagLmv3y58Qy4GE6HMVjWz1FeVQk1Ct4Kye7PftcdOo/7U7UKzYBJgqnGeUQ==
+  dependencies:
+    file-type "^5.2.0"
+    is-stream "^1.1.0"
+    tar-stream "^1.5.2"
+
+decompress-tarbz2@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/decompress-tarbz2/-/decompress-tarbz2-4.1.1.tgz#3082a5b880ea4043816349f378b56c516be1a39b"
+  integrity sha512-s88xLzf1r81ICXLAVQVzaN6ZmX4A6U4z2nMbOwobxkLoIIfjVMBg7TeguTUXkKeXni795B6y5rnvDw7rxhAq9A==
+  dependencies:
+    decompress-tar "^4.1.0"
+    file-type "^6.1.0"
+    is-stream "^1.1.0"
+    seek-bzip "^1.0.5"
+    unbzip2-stream "^1.0.9"
+
+decompress-targz@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/decompress-targz/-/decompress-targz-4.1.1.tgz#c09bc35c4d11f3de09f2d2da53e9de23e7ce1eee"
+  integrity sha512-4z81Znfr6chWnRDNfFNqLwPvm4db3WuZkqV+UgXQzSngG3CEKdBkw5jrv3axjjL96glyiiKjsxJG3X6WBZwX3w==
+  dependencies:
+    decompress-tar "^4.1.1"
+    file-type "^5.2.0"
+    is-stream "^1.1.0"
+
+decompress-unzip@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/decompress-unzip/-/decompress-unzip-4.0.1.tgz#deaaccdfd14aeaf85578f733ae8210f9b4848f69"
+  integrity sha512-1fqeluvxgnn86MOh66u8FjbtJpAFv5wgCT9Iw8rcBqQcCo5tO8eiJw7NNTrvt9n4CRBVq7CstiS922oPgyGLrw==
+  dependencies:
+    file-type "^3.8.0"
+    get-stream "^2.2.0"
+    pify "^2.3.0"
+    yauzl "^2.4.2"
+
+decompress@^4.2.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/decompress/-/decompress-4.2.1.tgz#007f55cc6a62c055afa37c07eb6a4ee1b773f118"
+  integrity sha512-e48kc2IjU+2Zw8cTb6VZcJQ3lgVbS4uuB1TfCHbiZIP/haNXm+SVyhu+87jts5/3ROpd82GSVCoNs/z8l4ZOaQ==
+  dependencies:
+    decompress-tar "^4.0.0"
+    decompress-tarbz2 "^4.0.0"
+    decompress-targz "^4.0.0"
+    decompress-unzip "^4.0.1"
+    graceful-fs "^4.1.10"
+    make-dir "^1.0.0"
+    pify "^2.3.0"
+    strip-dirs "^2.0.0"
+
+dedent@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
+  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
+
+deep-extend@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
+  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
+
+deep-is@^0.1.3, deep-is@~0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+deepdash@^5.3.9:
+  version "5.3.9"
+  resolved "https://registry.yarnpkg.com/deepdash/-/deepdash-5.3.9.tgz#2aa92570d7b1787ed281e2fafe0be24df00ddfe4"
+  integrity sha512-GRzJ0q9PDj2T+J2fX+b+TlUa2NlZ11l6vJ8LHNKVGeZ8CfxCuJaCychTq07iDRTvlfO8435jlvVS1QXBrW9kMg==
+  dependencies:
+    lodash "^4.17.21"
+    lodash-es "^4.17.21"
+
+deepmerge@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
+  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
+
+default-gateway@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
+  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
+  dependencies:
+    execa "^5.0.0"
+
+defaults@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
+  integrity sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=
+  dependencies:
+    clone "^1.0.2"
+
+defer-to-connect@^1.0.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591"
+  integrity sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==
+
+defer-to-connect@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-2.0.1.tgz#8016bdb4143e4632b77a3449c6236277de520587"
+  integrity sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==
+
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
+define-properties@^1.1.3, define-properties@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
+  integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
+  dependencies:
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+defined@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
+  integrity sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=
+
+del@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/del/-/del-6.0.0.tgz#0b40d0332cea743f1614f818be4feb717714c952"
+  integrity sha512-1shh9DQ23L16oXSZKB2JxpL7iMy2E0S9d517ptA1P8iw0alkPtQcrKH7ru31rYtKwF499HkTu+DRzq3TCKDFRQ==
+  dependencies:
+    globby "^11.0.1"
+    graceful-fs "^4.2.4"
+    is-glob "^4.0.1"
+    is-path-cwd "^2.2.0"
+    is-path-inside "^3.0.2"
+    p-map "^4.0.0"
+    rimraf "^3.0.2"
+    slash "^3.0.0"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
+
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
+
+depd@2.0.0:
+  version "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:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
+  integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
+
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
+detect-libc@^2.0.0, detect-libc@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.1.tgz#e1897aa88fa6ad197862937fbc0441ef352ee0cd"
+  integrity sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==
+
+detect-newline@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
+  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
+
+detect-node@^2.0.4:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
+detective@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/detective/-/detective-5.2.1.tgz#6af01eeda11015acb0e73f933242b70f24f91034"
+  integrity sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==
+  dependencies:
+    acorn-node "^1.8.2"
+    defined "^1.0.0"
+    minimist "^1.2.6"
+
+dezalgo@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/dezalgo/-/dezalgo-1.0.4.tgz#751235260469084c132157dfa857f386d4c33d81"
+  integrity sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==
+  dependencies:
+    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@^28.1.1:
+  version "28.1.1"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-28.1.1.tgz#9989dc731266dc2903457a70e996f3a041913ac6"
+  integrity sha512-FU0iFaH/E23a+a718l8Qa/19bF9p06kgE0KipMOMadwa3SjnaElKzPaUC0vnibs6/B/9ni97s61mcejk8W1fQw==
+
+diff@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
+  integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
+
+diff@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-5.1.0.tgz#bc52d298c5ea8df9194800224445ed43ffc87e40"
+  integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
+
+dir-compare@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/dir-compare/-/dir-compare-2.4.0.tgz#785c41dc5f645b34343a4eafc50b79bac7f11631"
+  integrity sha512-l9hmu8x/rjVC9Z2zmGzkhOEowZvW7pmYws5CWHutg8u1JgvsKWMx7Q/UODeu4djLZ4FgW5besw5yvMQnBHzuCA==
+  dependencies:
+    buffer-equal "1.0.0"
+    colors "1.0.3"
+    commander "2.9.0"
+    minimatch "3.0.4"
+
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+dmg-builder@23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/dmg-builder/-/dmg-builder-23.6.0.tgz#d39d3871bce996f16c07d2cafe922d6ecbb2a948"
+  integrity sha512-jFZvY1JohyHarIAlTbfQOk+HnceGjjAdFjVn3n8xlDWKsYNqbO4muca6qXEZTfGXeQMG7TYim6CeS5XKSfSsGA==
+  dependencies:
+    app-builder-lib "23.6.0"
+    builder-util "23.6.0"
+    builder-util-runtime "9.1.1"
+    fs-extra "^10.0.0"
+    iconv-lite "^0.6.2"
+    js-yaml "^4.1.0"
+  optionalDependencies:
+    dmg-license "^1.0.11"
+
+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==
+  dependencies:
+    "@types/plist" "^3.0.1"
+    "@types/verror" "^1.10.3"
+    ajv "^6.10.0"
+    crc "^3.8.0"
+    iconv-corefoundation "^1.1.7"
+    plist "^3.0.4"
+    smart-buffer "^4.0.2"
+    verror "^1.10.0"
+
+dns-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
+  integrity sha1-s55/HabrCnW6nBcySzR1PEfgZU0=
+
+dns-packet@^5.2.2:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.3.1.tgz#eb94413789daec0f0ebe2fcc230bdc9d7c91b43d"
+  integrity sha512-spBwIj0TK0Ey3666GwIdWVfUpLyubpU53BTCu8iPn4r4oXd9O14Hjg3EHw3ts2oed77/SeckunUYCyRlSngqHw==
+  dependencies:
+    "@leichtgewicht/ip-codec" "^2.0.1"
+
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9:
+  version "0.5.14"
+  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.14.tgz#56082f71b1dc7aac69d83c4285eef39c15d93f56"
+  integrity sha512-NMt+m9zFMPZe0JcY9gN224Qvk6qLIdqex29clBvc/y75ZBX9YA9wNK3frsYvu2DI1xcCIwxwnX+TlsJ2DSOADg==
+
+dom-converter@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
+  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
+  dependencies:
+    utila "~0.4"
+
+dom-helpers@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
+domelementtype@^2.0.1, domelementtype@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domexception@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
+  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
+  dependencies:
+    webidl-conversions "^5.0.0"
+
+domexception@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
+  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
+  dependencies:
+    webidl-conversions "^7.0.0"
+
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+dompurify@^2.4.3:
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.4.3.tgz#f4133af0e6a50297fc8874e2eaedc13a3c308c03"
+  integrity sha512-q6QaLcakcRjebxjg8/+NP+h0rPfatOgOzc46Fst9VAA3jF2ApfKBNKMzdP4DYTqtUMXSCd5pRS/8Po/OmoCHZQ==
+
+domutils@^2.5.2, domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+dot-prop@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
+  integrity sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==
+  dependencies:
+    is-obj "^2.0.0"
+
+dotenv-expand@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
+  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
+
+dotenv@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-10.0.0.tgz#3d4227b8fb95f81096cdd2b66653fb2c7085ba81"
+  integrity sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==
+
+dotenv@^9.0.2:
+  version "9.0.2"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-9.0.2.tgz#dacc20160935a37dea6364aa1bef819fb9b6ab05"
+  integrity sha512-I9OvvrHp4pIARv4+x9iuewrWycX6CcZtoAu1XrzPxc5UygMJXJZYmBsynku8IkrJwgypE5DGNjDPmPRhDCptUg==
+
+download@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/download/-/download-7.1.0.tgz#9059aa9d70b503ee76a132897be6dec8e5587233"
+  integrity sha512-xqnBTVd/E+GxJVrX5/eUJiLYjCGPwMpdL+jGhGU57BvtcA7wwhtHVbXBeUk51kOpW3S7Jn3BQbN9Q1R1Km2qDQ==
+  dependencies:
+    archive-type "^4.0.0"
+    caw "^2.0.1"
+    content-disposition "^0.5.2"
+    decompress "^4.2.0"
+    ext-name "^5.0.0"
+    file-type "^8.1.0"
+    filenamify "^2.0.0"
+    get-stream "^3.0.0"
+    got "^8.3.1"
+    make-dir "^1.2.0"
+    p-event "^2.1.0"
+    pify "^3.0.0"
+
+duplexer3@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
+  integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
+
+duplexify@^3.5.0, duplexify@^3.6.0:
+  version "3.7.1"
+  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
+  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
+  dependencies:
+    end-of-stream "^1.0.0"
+    inherits "^2.0.1"
+    readable-stream "^2.0.0"
+    stream-shift "^1.0.0"
+
+ecc-jsbn@~0.1.1:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
+  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
+  dependencies:
+    jsbn "~0.1.0"
+    safer-buffer "^2.1.0"
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+  integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
+
+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.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/electron-builder/-/electron-builder-23.6.0.tgz#c79050cbdce90ed96c5feb67c34e9e0a21b5331b"
+  integrity sha512-y8D4zO+HXGCNxFBV/JlyhFnoQ0Y0K7/sFH+XwIbj47pqaW8S6PGYQbjoObolKBR1ddQFPt4rwp4CnwMJrW3HAw==
+  dependencies:
+    "@types/yargs" "^17.0.1"
+    app-builder-lib "23.6.0"
+    builder-util "23.6.0"
+    builder-util-runtime "9.1.1"
+    chalk "^4.1.1"
+    dmg-builder "23.6.0"
+    fs-extra "^10.0.0"
+    is-ci "^3.0.0"
+    lazy-val "^1.0.5"
+    read-config-file "6.2.0"
+    simple-update-notifier "^1.0.7"
+    yargs "^17.5.1"
+
+electron-devtools-installer@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/electron-devtools-installer/-/electron-devtools-installer-3.2.0.tgz#acc48d24eb7033fe5af284a19667e73b78d406d0"
+  integrity sha512-t3UczsYugm4OAbqvdImMCImIMVdFzJAHgbwHpkl5jmfu1izVgUcP/mnrPqJIpEeCK1uZGpt+yHgWEN+9EwoYhQ==
+  dependencies:
+    rimraf "^3.0.2"
+    semver "^7.2.1"
+    tslib "^2.1.0"
+    unzip-crx-3 "^0.2.0"
+
+electron-notarize@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/electron-notarize/-/electron-notarize-0.3.0.tgz#b93c606306eac558b250c78ff95273ddb9fedf0a"
+  integrity sha512-tuDw8H0gcDOalNLv6RM2CwGvUXU60MPGZRDEmd0ppX+yP5XqL8Ec2DuXyz9J7WQSA3aRCfzIgH8C5CAivDYWMw==
+  dependencies:
+    debug "^4.1.1"
+    fs-extra "^8.1.0"
+
+electron-osx-sign@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/electron-osx-sign/-/electron-osx-sign-0.6.0.tgz#9b69c191d471d9458ef5b1e4fdd52baa059f1bb8"
+  integrity sha512-+hiIEb2Xxk6eDKJ2FFlpofCnemCbjbT5jz+BKGpVBrRNT3kWTGs4DfNX6IzGwgi33hUcXF+kFs9JW+r6Wc1LRg==
+  dependencies:
+    bluebird "^3.5.0"
+    compare-version "^0.1.2"
+    debug "^2.6.8"
+    isbinaryfile "^3.0.2"
+    minimist "^1.2.0"
+    plist "^3.0.1"
+
+electron-publish@23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-23.6.0.tgz#ac9b469e0b07752eb89357dd660e5fb10b3d1ce9"
+  integrity sha512-jPj3y+eIZQJF/+t5SLvsI5eS4mazCbNYqatv5JihbqOstIM13k0d1Z3vAWntvtt13Itl61SO6seicWdioOU5dg==
+  dependencies:
+    "@types/fs-extra" "^9.0.11"
+    builder-util "23.6.0"
+    builder-util-runtime "9.1.1"
+    chalk "^4.1.1"
+    fs-extra "^10.0.0"
+    lazy-val "^1.0.5"
+    mime "^2.5.2"
+
+electron-to-chromium@^1.4.118:
+  version "1.4.137"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.137.tgz#186180a45617283f1c012284458510cd99d6787f"
+  integrity sha512-0Rcpald12O11BUogJagX3HsCN3FE83DSqWjgXoHo5a72KUKMSfI39XBgJpgNNxS9fuGzytaFjE06kZkiVFy2qA==
+
+electron-updater@^4.6.5:
+  version "4.6.5"
+  resolved "https://registry.yarnpkg.com/electron-updater/-/electron-updater-4.6.5.tgz#e9a75458bbfd6bb41a58a829839e150ad2eb2d3d"
+  integrity sha512-kdTly8O9mSZfm9fslc1mnCY+mYOeaYRy7ERa2Fed240u01BKll3aiupzkd07qKw69KvhBSzuHroIW3mF0D8DWA==
+  dependencies:
+    "@types/semver" "^7.3.6"
+    builder-util-runtime "8.9.2"
+    fs-extra "^10.0.0"
+    js-yaml "^4.1.0"
+    lazy-val "^1.0.5"
+    lodash.escaperegexp "^4.1.2"
+    lodash.isequal "^4.5.0"
+    semver "^7.3.5"
+
+electron-window-state@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/electron-window-state/-/electron-window-state-5.0.3.tgz#4f36d09e3f953d87aff103bf010f460056050aa8"
+  integrity sha512-1mNTwCfkolXl3kMf50yW3vE2lZj0y92P/HYWFBrb+v2S/pCka5mdwN3cagKm458A7NjndSwijynXgcLWRodsVg==
+  dependencies:
+    jsonfile "^4.0.0"
+    mkdirp "^0.5.1"
+
+electron@^19.1.9:
+  version "19.1.9"
+  resolved "https://registry.yarnpkg.com/electron/-/electron-19.1.9.tgz#01995eea4014f7cdb2f616f5f3492d4ed6f5e4f0"
+  integrity sha512-XT5LkTzIHB+ZtD3dTmNnKjVBWrDWReCKt9G1uAFLz6uJMEVcIUiYO+fph5pLXETiBw/QZBx8egduMEfIccLx+g==
+  dependencies:
+    "@electron/get" "^1.14.1"
+    "@types/node" "^16.11.26"
+    extract-zip "^1.0.3"
+
+emittery@^0.10.2:
+  version "0.10.2"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
+  integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
+
+emoji-regex@^7.0.1:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
+  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
+
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
+emojis-list@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+  integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+enabled@2.0.x:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/enabled/-/enabled-2.0.0.tgz#f9dd92ec2d6f4bbc0d5d1e64e21d61cd4665e7c2"
+  integrity sha512-AKrN98kuwOzMIdAizXGI86UFBoo26CL21UM763y1h/GMSJ4/OHU9k2YlsmBpyScFo/wbLzWQJBMCW4+IO3/+OQ==
+
+encodeurl@^1.0.2, encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
+
+encoding@^0.1.12, encoding@^0.1.13:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
+  integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
+  dependencies:
+    iconv-lite "^0.6.2"
+
+end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
+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"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
+env-paths@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
+envinfo@^7.7.3:
+  version "7.8.1"
+  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
+  integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
+
+err-code@^1.0.0:
+  version "1.1.2"
+  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:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
+  integrity sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==
+  dependencies:
+    prr "~1.0.1"
+
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
+error-stack-parser@^2.0.6:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.0.7.tgz#b0c6e2ce27d0495cf78ad98715e0cad1219abb57"
+  integrity sha512-chLOW0ZGRf4s8raLrDxa5sdkvPec5YdvwbFnqJme4rk0rFajP8mPtrDL1+I+CwrQDCjswDA5sREX7jYQDQs9vA==
+  dependencies:
+    stackframe "^1.1.1"
+
+es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.19.5:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.0.tgz#b2d526489cceca004588296334726329e0a6bfb6"
+  integrity sha512-URbD8tgRthKD3YcC39vbvSDrX23upXnPcnGAjQfgxXF5ID75YcENawc9ZX/9iTP9ptUyfCLIxTTuMYoRfiOVKA==
+  dependencies:
+    call-bind "^1.0.2"
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    function.prototype.name "^1.1.5"
+    get-intrinsic "^1.1.1"
+    get-symbol-description "^1.0.0"
+    has "^1.0.3"
+    has-property-descriptors "^1.0.0"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.3"
+    is-callable "^1.2.4"
+    is-negative-zero "^2.0.2"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.2"
+    is-string "^1.0.7"
+    is-weakref "^1.0.2"
+    object-inspect "^1.12.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.2"
+    regexp.prototype.flags "^1.4.1"
+    string.prototype.trimend "^1.0.5"
+    string.prototype.trimstart "^1.0.5"
+    unbox-primitive "^1.0.2"
+
+es-abstract@^1.20.4:
+  version "1.20.4"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.4.tgz#1d103f9f8d78d4cf0713edcd6d0ed1a46eed5861"
+  integrity sha512-0UtvRN79eMe2L+UNEF1BwRe364sj/DXhQ/k5FmivgoSdpM90b8Jc0mDzKMGo7QS0BVbOP/bTwBKNnDc9rNzaPA==
+  dependencies:
+    call-bind "^1.0.2"
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    function.prototype.name "^1.1.5"
+    get-intrinsic "^1.1.3"
+    get-symbol-description "^1.0.0"
+    has "^1.0.3"
+    has-property-descriptors "^1.0.0"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.3"
+    is-callable "^1.2.7"
+    is-negative-zero "^2.0.2"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.2"
+    is-string "^1.0.7"
+    is-weakref "^1.0.2"
+    object-inspect "^1.12.2"
+    object-keys "^1.1.1"
+    object.assign "^4.1.4"
+    regexp.prototype.flags "^1.4.3"
+    safe-regex-test "^1.0.0"
+    string.prototype.trimend "^1.0.5"
+    string.prototype.trimstart "^1.0.5"
+    unbox-primitive "^1.0.2"
+
+es-module-lexer@^0.9.0:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
+  integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
+
+es-shim-unscopables@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz#702e632193201e3edf8713635d083d378e510241"
+  integrity sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==
+  dependencies:
+    has "^1.0.3"
+
+es-to-primitive@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
+  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
+  dependencies:
+    is-callable "^1.1.4"
+    is-date-object "^1.0.1"
+    is-symbol "^1.0.2"
+
+es6-error@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
+  integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
+
+esbuild-android-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz#20a7ae1416c8eaade917fb2453c1259302c637a5"
+  integrity sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==
+
+esbuild-android-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz#9cc0ec60581d6ad267568f29cf4895ffdd9f2f04"
+  integrity sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==
+
+esbuild-darwin-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz#428e1730ea819d500808f220fbc5207aea6d4410"
+  integrity sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==
+
+esbuild-darwin-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz#b6dfc7799115a2917f35970bfbc93ae50256b337"
+  integrity sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==
+
+esbuild-freebsd-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz#4e190d9c2d1e67164619ae30a438be87d5eedaf2"
+  integrity sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==
+
+esbuild-freebsd-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz#18a4c0344ee23bd5a6d06d18c76e2fd6d3f91635"
+  integrity sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==
+
+esbuild-linux-32@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz#9a329731ee079b12262b793fb84eea762e82e0ce"
+  integrity sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==
+
+esbuild-linux-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz#532738075397b994467b514e524aeb520c191b6c"
+  integrity sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==
+
+esbuild-linux-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz#5372e7993ac2da8f06b2ba313710d722b7a86e5d"
+  integrity sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==
+
+esbuild-linux-arm@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz#e734aaf259a2e3d109d4886c9e81ec0f2fd9a9cc"
+  integrity sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==
+
+esbuild-linux-mips64le@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz#c0487c14a9371a84eb08fab0e1d7b045a77105eb"
+  integrity sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==
+
+esbuild-linux-ppc64le@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz#af048ad94eed0ce32f6d5a873f7abe9115012507"
+  integrity sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==
+
+esbuild-linux-riscv64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz#423ed4e5927bd77f842bd566972178f424d455e6"
+  integrity sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==
+
+esbuild-linux-s390x@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz#21d21eaa962a183bfb76312e5a01cc5ae48ce8eb"
+  integrity sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==
+
+esbuild-loader@^2.20.0:
+  version "2.20.0"
+  resolved "https://registry.yarnpkg.com/esbuild-loader/-/esbuild-loader-2.20.0.tgz#28fcff0142fa7bd227512d69f31e9a6e202bb88f"
+  integrity sha512-dr+j8O4w5RvqZ7I4PPB4EIyVTd679EBQnMm+JBB7av+vu05Zpje2IpK5N3ld1VWa+WxrInIbNFAg093+E1aRsA==
+  dependencies:
+    esbuild "^0.15.6"
+    joycon "^3.0.1"
+    json5 "^2.2.0"
+    loader-utils "^2.0.0"
+    tapable "^2.2.0"
+    webpack-sources "^2.2.0"
+
+esbuild-netbsd-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz#ae75682f60d08560b1fe9482bfe0173e5110b998"
+  integrity sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==
+
+esbuild-openbsd-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz#79591a90aa3b03e4863f93beec0d2bab2853d0a8"
+  integrity sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==
+
+esbuild-sunos-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz#fd528aa5da5374b7e1e93d36ef9b07c3dfed2971"
+  integrity sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==
+
+esbuild-windows-32@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz#0e92b66ecdf5435a76813c4bc5ccda0696f4efc3"
+  integrity sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==
+
+esbuild-windows-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz#0fc761d785414284fc408e7914226d33f82420d0"
+  integrity sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==
+
+esbuild-windows-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz#5b5bdc56d341d0922ee94965c89ee120a6a86eb7"
+  integrity sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==
+
+esbuild@^0.15.6:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.15.18.tgz#ea894adaf3fbc036d32320a00d4d6e4978a2f36d"
+  integrity sha512-x/R72SmW3sSFRm5zrrIjAhCeQSAWoni3CmHEqfQrZIQTM3lVCdehdwuIqaOtfC2slvpdlLa62GYoN8SxT23m6Q==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.15.18"
+    "@esbuild/linux-loong64" "0.15.18"
+    esbuild-android-64 "0.15.18"
+    esbuild-android-arm64 "0.15.18"
+    esbuild-darwin-64 "0.15.18"
+    esbuild-darwin-arm64 "0.15.18"
+    esbuild-freebsd-64 "0.15.18"
+    esbuild-freebsd-arm64 "0.15.18"
+    esbuild-linux-32 "0.15.18"
+    esbuild-linux-64 "0.15.18"
+    esbuild-linux-arm "0.15.18"
+    esbuild-linux-arm64 "0.15.18"
+    esbuild-linux-mips64le "0.15.18"
+    esbuild-linux-ppc64le "0.15.18"
+    esbuild-linux-riscv64 "0.15.18"
+    esbuild-linux-s390x "0.15.18"
+    esbuild-netbsd-64 "0.15.18"
+    esbuild-openbsd-64 "0.15.18"
+    esbuild-sunos-64 "0.15.18"
+    esbuild-windows-32 "0.15.18"
+    esbuild-windows-64 "0.15.18"
+    esbuild-windows-arm64 "0.15.18"
+
+esbuild@^0.16.14:
+  version "0.16.14"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.16.14.tgz#366249a0a0fd431d3ab706195721ef1014198919"
+  integrity sha512-6xAn3O6ZZyoxZAEkwfI9hw4cEqSr/o1ViJtnkvImVkblmUN65Md04o0S/7H1WNu1XGf1Cjij/on7VO4psIYjkw==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.16.14"
+    "@esbuild/android-arm64" "0.16.14"
+    "@esbuild/android-x64" "0.16.14"
+    "@esbuild/darwin-arm64" "0.16.14"
+    "@esbuild/darwin-x64" "0.16.14"
+    "@esbuild/freebsd-arm64" "0.16.14"
+    "@esbuild/freebsd-x64" "0.16.14"
+    "@esbuild/linux-arm" "0.16.14"
+    "@esbuild/linux-arm64" "0.16.14"
+    "@esbuild/linux-ia32" "0.16.14"
+    "@esbuild/linux-loong64" "0.16.14"
+    "@esbuild/linux-mips64el" "0.16.14"
+    "@esbuild/linux-ppc64" "0.16.14"
+    "@esbuild/linux-riscv64" "0.16.14"
+    "@esbuild/linux-s390x" "0.16.14"
+    "@esbuild/linux-x64" "0.16.14"
+    "@esbuild/netbsd-x64" "0.16.14"
+    "@esbuild/openbsd-x64" "0.16.14"
+    "@esbuild/sunos-x64" "0.16.14"
+    "@esbuild/win32-arm64" "0.16.14"
+    "@esbuild/win32-ia32" "0.16.14"
+    "@esbuild/win32-x64" "0.16.14"
+
+escalade@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+
+escape-html@~1.0.3:
+  version "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.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=
+
+escape-string-regexp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+escodegen@^1.8.1:
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
+  integrity sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
+escodegen@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
+  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^5.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
+eslint-import-resolver-node@^0.3.6:
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz#4048b958395da89668252001dbd9eca6b83bacbd"
+  integrity sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==
+  dependencies:
+    debug "^3.2.7"
+    resolve "^1.20.0"
+
+eslint-import-resolver-typescript@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.2.tgz#9431acded7d898fd94591a08ea9eec3514c7de91"
+  integrity sha512-zX4ebnnyXiykjhcBvKIf5TNvt8K7yX6bllTRZ14MiurKPjDpCAZujlszTdB8pcNXhZcOf+god4s9SjQa5GnytQ==
+  dependencies:
+    debug "^4.3.4"
+    enhanced-resolve "^5.10.0"
+    get-tsconfig "^4.2.0"
+    globby "^13.1.2"
+    is-core-module "^2.10.0"
+    is-glob "^4.0.3"
+    synckit "^0.8.4"
+
+eslint-module-utils@^2.7.3:
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.7.3.tgz#ad7e3a10552fdd0642e1e55292781bd6e34876ee"
+  integrity sha512-088JEC7O3lDZM9xGe0RerkOMd0EjFl+Yvd1jPWIkMT5u3H9+HC34mWWPnqPrN13gieT9pBOO+Qt07Nb/6TresQ==
+  dependencies:
+    debug "^3.2.7"
+    find-up "^2.1.0"
+
+eslint-plugin-header@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-header/-/eslint-plugin-header-3.1.1.tgz#6ce512432d57675265fac47292b50d1eff11acd6"
+  integrity sha512-9vlKxuJ4qf793CmeeSrZUvVClw6amtpghq3CuWcB5cUNnWHQhgcqy5eF8oVKFk1G3Y/CbchGfEaw3wiIJaNmVg==
+
+eslint-plugin-import@^2.26.0:
+  version "2.26.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz#f812dc47be4f2b72b478a021605a59fc6fe8b88b"
+  integrity sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==
+  dependencies:
+    array-includes "^3.1.4"
+    array.prototype.flat "^1.2.5"
+    debug "^2.6.9"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.6"
+    eslint-module-utils "^2.7.3"
+    has "^1.0.3"
+    is-core-module "^2.8.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.values "^1.1.5"
+    resolve "^1.22.0"
+    tsconfig-paths "^3.14.1"
+
+eslint-plugin-react-hooks@^4.6.0:
+  version "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.31.11:
+  version "7.31.11"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.31.11.tgz#011521d2b16dcf95795df688a4770b4eaab364c8"
+  integrity sha512-TTvq5JsT5v56wPa9OYHzsrOlHzKZKjV+aLgS+55NJP/cuzdiQPC7PfYoUjMoxlffKtvijpk7vA/jmuqRb9nohw==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flatmap "^1.3.1"
+    array.prototype.tosorted "^1.1.1"
+    doctrine "^2.1.0"
+    estraverse "^5.3.0"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.6"
+    object.fromentries "^2.0.6"
+    object.hasown "^1.1.2"
+    object.values "^1.1.6"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.3"
+    semver "^6.3.0"
+    string.prototype.matchall "^4.0.8"
+
+eslint-plugin-unused-imports@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-unused-imports/-/eslint-plugin-unused-imports-2.0.0.tgz#d8db8c4d0cfa0637a8b51ce3fd7d1b6bc3f08520"
+  integrity sha512-3APeS/tQlTrFa167ThtP0Zm0vctjr4M44HMpeg1P4bK6wItarumq0Ma82xorMKdFsWpphQBlRPzw/pxiVELX1A==
+  dependencies:
+    eslint-rule-composer "^0.3.0"
+
+eslint-rule-composer@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz#79320c927b0c5c0d3d3d2b76c8b4a488f25bbaf9"
+  integrity sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==
+
+eslint-scope@5.1.1, eslint-scope@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+eslint-scope@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
+  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
+  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
+  dependencies:
+    eslint-visitor-keys "^2.0.0"
+
+eslint-visitor-keys@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
+  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
+
+eslint-visitor-keys@^3.3.0:
+  version "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.31.0:
+  version "8.31.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.31.0.tgz#75028e77cbcff102a9feae1d718135931532d524"
+  integrity sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==
+  dependencies:
+    "@eslint/eslintrc" "^1.4.1"
+    "@humanwhocodes/config-array" "^0.11.8"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.1.1"
+    eslint-utils "^3.0.0"
+    eslint-visitor-keys "^3.3.0"
+    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"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    grapheme-splitter "^1.0.4"
+    ignore "^5.2.0"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-sdsl "^4.1.4"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.1"
+    regexpp "^3.2.0"
+    strip-ansi "^6.0.1"
+    strip-json-comments "^3.1.0"
+    text-table "^0.2.0"
+
+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.8.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.3.0"
+
+esprima@1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-1.2.2.tgz#76a0fd66fcfe154fd292667dc264019750b1657b"
+  integrity sha1-dqD9Zvz+FU/SkmZ9wmQBl1CxZXs=
+
+esprima@^4.0.0, esprima@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
+
+esquery@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
+  integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1, estraverse@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+  integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
+
+event-target-shim@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
+  integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
+
+eventemitter3@^4.0.0:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
+  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
+
+events@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+execa@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-5.0.0.tgz#4029b0007998a841fbd1032e5f4de86a3c1e3376"
+  integrity sha512-ov6w/2LCiuyO4RLYGdpFGjkcs0wMTgGE8PrkTHikeUy5iJekXyPIKUjifk5CsE0pt7sMCrMZ3YNqoCj6idQOnQ==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.0"
+
+execa@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
+  integrity sha512-RztN09XglpYI7aBBrJCPW95jEH7YF1UEPOoX9yDhUTPdp7mK+CQvnLTuD10BNXZ3byLTu2uehZ8EcKT/4CGiFw==
+  dependencies:
+    cross-spawn "^5.0.1"
+    get-stream "^3.0.0"
+    is-stream "^1.1.0"
+    npm-run-path "^2.0.0"
+    p-finally "^1.0.0"
+    signal-exit "^3.0.0"
+    strip-eof "^1.0.0"
+
+execa@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
+  integrity sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==
+  dependencies:
+    cross-spawn "^6.0.0"
+    get-stream "^4.0.0"
+    is-stream "^1.1.0"
+    npm-run-path "^2.0.0"
+    p-finally "^1.0.0"
+    signal-exit "^3.0.0"
+    strip-eof "^1.0.0"
+
+execa@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
+  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.0"
+
+executable@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/executable/-/executable-4.1.1.tgz#41532bff361d3e57af4d763b70582db18f5d133c"
+  integrity sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==
+  dependencies:
+    pify "^2.2.0"
+
+exit@^0.1.2:
+  version "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.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.3"
+    jest-get-type "^28.0.2"
+    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"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.18.1.tgz#7797de8b9c72c857b9cd0e14a5eea80666267caf"
+  integrity sha512-zZBcOX9TfehHQhtupq57OF8lFZ3UZi08Y97dwFCkD8p9d/d2Y3M+ykKcwaMDEL+4qyUolgBDX6AblpR3fL212Q==
+  dependencies:
+    accepts "~1.3.8"
+    array-flatten "1.1.1"
+    body-parser "1.20.0"
+    content-disposition "0.5.4"
+    content-type "~1.0.4"
+    cookie "0.5.0"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "2.0.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.2.0"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.1"
+    methods "~1.1.2"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.7"
+    proxy-addr "~2.0.7"
+    qs "6.10.3"
+    range-parser "~1.2.1"
+    safe-buffer "5.2.1"
+    send "0.18.0"
+    serve-static "1.15.0"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
+ext-list@^2.0.0:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/ext-list/-/ext-list-2.2.2.tgz#0b98e64ed82f5acf0f2931babf69212ef52ddd37"
+  integrity sha512-u+SQgsubraE6zItfVA0tBuCBhfU9ogSRnsvygI7wht9TS510oLkBRXBsqopeUG/GBOIQyKZO9wjTqIu/sf5zFA==
+  dependencies:
+    mime-db "^1.28.0"
+
+ext-name@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/ext-name/-/ext-name-5.0.0.tgz#70781981d183ee15d13993c8822045c506c8f0a6"
+  integrity sha512-yblEwXAbGv1VQDmow7s38W77hzAgJAO50ztBLMcUyUBfxv1HC+LGwtiEN+Co6LtlqT/5uwVOxsD4TNIilWhwdQ==
+  dependencies:
+    ext-list "^2.0.0"
+    sort-keys-length "^1.0.0"
+
+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"
+  integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==
+  dependencies:
+    concat-stream "^1.6.2"
+    debug "^2.6.9"
+    mkdirp "^0.5.4"
+    yauzl "^2.10.0"
+
+extsprintf@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
+  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
+
+extsprintf@^1.2.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
+  integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "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.12, fast-glob@^3.2.5, fast-glob@^3.2.9:
+  version "3.2.12"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
+  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
+
+fastest-levenshtein@^1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
+  integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==
+
+fastparse@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
+  integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
+
+fastq@^1.6.0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
+  integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
+  dependencies:
+    reusify "^1.0.4"
+
+faye-websocket@^0.11.3:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
+  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+fb-watchman@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.1.tgz#fc84fb39d2709cf3ff6d743706157bb5708a8a85"
+  integrity sha512-DkPJKQeY6kKwmuMretBhr7G6Vodr7bFwDYTXIkfG1gjvNpaxBTQV3PbXg6bR1c1UP4jPOX0jHUbbHANL9vRjVg==
+  dependencies:
+    bser "2.1.1"
+
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+  integrity sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=
+  dependencies:
+    pend "~1.2.0"
+
+fecha@^4.2.0:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/fecha/-/fecha-4.2.3.tgz#4d9ccdbc61e8629b259fdca67e65891448d569fd"
+  integrity sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==
+
+fetch-blob@^3.1.2, fetch-blob@^3.1.4:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/fetch-blob/-/fetch-blob-3.2.0.tgz#f09b8d4bbd45adc6f0c20b7e787e793e309dcce9"
+  integrity sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==
+  dependencies:
+    node-domexception "^1.0.0"
+    web-streams-polyfill "^3.0.3"
+
+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"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
+file-js@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/file-js/-/file-js-0.3.0.tgz#fab46bf782346c9294499f1f0d2ad07d838f25d1"
+  integrity sha1-+rRr94I0bJKUSZ8fDSrQfYOPJdE=
+  dependencies:
+    bluebird "^3.4.7"
+    minimatch "^3.0.3"
+    proper-lockfile "^1.2.0"
+
+file-type@^3.8.0:
+  version "3.9.0"
+  resolved "https://registry.yarnpkg.com/file-type/-/file-type-3.9.0.tgz#257a078384d1db8087bc449d107d52a52672b9e9"
+  integrity sha512-RLoqTXE8/vPmMuTI88DAzhMYC99I8BWv7zYP4A1puo5HIjEJ5EX48ighy4ZyKMG9EDXxBgW6e++cn7d1xuFghA==
+
+file-type@^4.2.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/file-type/-/file-type-4.4.0.tgz#1b600e5fca1fbdc6e80c0a70c71c8dba5f7906c5"
+  integrity sha512-f2UbFQEk7LXgWpi5ntcO86OeA/cC80fuDDDaX/fZ2ZGel+AF7leRQqBBW1eJNiiQkrZlAoM6P+VYP5P6bOlDEQ==
+
+file-type@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/file-type/-/file-type-5.2.0.tgz#2ddbea7c73ffe36368dfae49dc338c058c2b8ad6"
+  integrity sha512-Iq1nJ6D2+yIO4c8HHg4fyVb8mAJieo1Oloy1mLLaB2PvezNedhBVm+QU7g0qM42aiMbRXTxKKwGD17rjKNJYVQ==
+
+file-type@^6.1.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/file-type/-/file-type-6.2.0.tgz#e50cd75d356ffed4e306dc4f5bcf52a79903a919"
+  integrity sha512-YPcTBDV+2Tm0VqjybVd32MHdlEGAtuxS3VAYsumFokDSMG+ROT5wawGlnHDoz7bfMcMDt9hxuXvXwoKUx2fkOg==
+
+file-type@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/file-type/-/file-type-8.1.0.tgz#244f3b7ef641bbe0cca196c7276e4b332399f68c"
+  integrity sha512-qyQ0pzAy78gVoJsmYeNgl8uH8yKhr1lVhW7JbzJmnlRi0I4R2eEDEJZVKG8agpDnLpacwNbDhLNG/LMdxHD2YQ==
+
+filehound@^1.17.6:
+  version "1.17.6"
+  resolved "https://registry.yarnpkg.com/filehound/-/filehound-1.17.6.tgz#d5d87bd694316ea673bd0642b776b508d3f98a1d"
+  integrity sha512-5q4zjFkI8W2zLmvbvyvI//K882IpEj6sMNXPUQlk5H6W4Wh3OSSylEAIEmMLELP9G7ileYjTKPXOn0YzzS55Lg==
+  dependencies:
+    bluebird "^3.7.2"
+    file-js "0.3.0"
+    lodash "^4.17.21"
+    minimatch "^5.0.0"
+    moment "^2.29.1"
+    unit-compare "^1.0.1"
+
+filelist@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.3.tgz#448607750376484932f67ef1b9ff07386b036c83"
+  integrity sha512-LwjCsruLWQULGYKy7TX0OPtrL9kLpojOFKc5VCTxdFTV7w5zbsgqVKfnkKG7Qgjtq50gKfO56hJv88OfcGb70Q==
+  dependencies:
+    minimatch "^5.0.1"
+
+filename-reserved-regex@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/filename-reserved-regex/-/filename-reserved-regex-2.0.0.tgz#abf73dfab735d045440abfea2d91f389ebbfa229"
+  integrity sha512-lc1bnsSr4L4Bdif8Xb/qrtokGbq5zlsms/CYH8PP+WtCkGNF65DPiQY8vG3SakEdRn8Dlnm+gW/qWKKjS5sZzQ==
+
+filenamify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/filenamify/-/filenamify-2.1.0.tgz#88faf495fb1b47abfd612300002a16228c677ee9"
+  integrity sha512-ICw7NTT6RsDp2rnYKVd8Fu4cr6ITzGy3+u4vUujPkabyaz+03F24NWEX7fs5fp+kBonlaqPH8fAO2NM+SXt/JA==
+  dependencies:
+    filename-reserved-regex "^2.0.0"
+    strip-outer "^1.0.0"
+    trim-repeated "^1.0.0"
+
+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"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+filter-obj@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/filter-obj/-/filter-obj-1.1.0.tgz#9b311112bc6c6127a16e016c6c5d7f19e0805c5b"
+  integrity sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==
+
+finalhandler@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
+  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    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-replace@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/find-replace/-/find-replace-3.0.0.tgz#3e7e23d3b05167a76f770c9fbd5258b0def68c38"
+  integrity sha512-6Tb2myMioCAgv5kfvP5/PkZZ/ntTpVK39fHY7WkWBgvbeE+VHd/tZuZ4mrC+bxh4cfOZeYKVPaJIZtZXV7GNCQ==
+  dependencies:
+    array-back "^3.0.1"
+
+find-root@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
+  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
+
+find-up@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
+  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
+  dependencies:
+    locate-path "^2.0.0"
+
+find-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
+  dependencies:
+    locate-path "^3.0.0"
+
+find-up@^4.0.0, find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+find-versions@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/find-versions/-/find-versions-3.2.0.tgz#10297f98030a786829681690545ef659ed1d254e"
+  integrity sha512-P8WRou2S+oe222TOCHitLy8zj+SIsVJh52VP4lvXkaFVnOFFdoWv1H1Jjvel1aI6NCFOAaeAVm8qrI0odiLcww==
+  dependencies:
+    semver-regex "^2.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"
+  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
+  dependencies:
+    flatted "^3.1.0"
+    rimraf "^3.0.2"
+
+flatted@^3.1.0:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.5.tgz#76c8584f4fc843db64702a6bd04ab7a8bd666da3"
+  integrity sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==
+
+fn.name@1.x.x:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fn.name/-/fn.name-1.1.0.tgz#26cad8017967aea8731bc42961d04a3d5988accc"
+  integrity sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==
+
+follow-redirects@^1.0.0:
+  version "1.15.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"
+  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
+
+fork-ts-checker-webpack-plugin@^6.5.2:
+  version "6.5.2"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.2.tgz#4f67183f2f9eb8ba7df7177ce3cf3e75cdafb340"
+  integrity sha512-m5cUmF30xkZ7h4tWUgTAcEaKmUW7tfyUyTqNNOz7OxWJ0v1VWKTcOvH8FWHUwSjlW/356Ijc9vi3XfcPstpQKA==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@types/json-schema" "^7.0.5"
+    chalk "^4.1.0"
+    chokidar "^3.4.2"
+    cosmiconfig "^6.0.0"
+    deepmerge "^4.2.2"
+    fs-extra "^9.0.0"
+    glob "^7.1.6"
+    memfs "^3.1.2"
+    minimatch "^3.0.4"
+    schema-utils "2.7.0"
+    semver "^7.3.2"
+    tapable "^1.0.0"
+
+form-data@^2.5.0:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.5.1.tgz#f2cbec57b5e59e23716e128fe44d4e5dd23895f4"
+  integrity sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.6"
+    mime-types "^2.1.12"
+
+form-data@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
+  integrity sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+form-data@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
+  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.6"
+    mime-types "^2.1.12"
+
+formdata-polyfill@^4.0.10:
+  version "4.0.10"
+  resolved "https://registry.yarnpkg.com/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz#24807c31c9d402e002ab3d8c720144ceb8848423"
+  integrity sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==
+  dependencies:
+    fetch-blob "^3.1.2"
+
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+  integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
+
+from2@^2.1.1:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
+  integrity sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==
+  dependencies:
+    inherits "^2.0.1"
+    readable-stream "^2.0.0"
+
+fs-constants@^1.0.0:
+  version "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.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==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-extra@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
+fs-extra@^9.0.0, fs-extra@^9.0.1:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
+  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-minipass@^2.0.0, fs-minipass@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
+  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
+  dependencies:
+    minipass "^3.0.0"
+
+fs-monkey@1.0.3, fs-monkey@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
+  integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+
+fsevents@^2.3.2, fsevents@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
+function.prototype.name@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
+  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.19.0"
+    functions-have-names "^1.2.2"
+
+functions-have-names@^1.2.2:
+  version "1.2.3"
+  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"
+
+generic-names@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/generic-names/-/generic-names-1.0.3.tgz#2d786a121aee508876796939e8e3bff836c20917"
+  integrity sha1-LXhqEhruUIh2eWk56OO/+DbCCRc=
+  dependencies:
+    loader-utils "^0.2.16"
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+get-caller-file@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
+  integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
+  dependencies:
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+
+get-intrinsic@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385"
+  integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==
+  dependencies:
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.3"
+
+get-package-type@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
+  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
+
+get-proxy@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/get-proxy/-/get-proxy-2.1.0.tgz#349f2b4d91d44c4d4d4e9cba2ad90143fac5ef93"
+  integrity sha512-zmZIaQTWnNQb4R4fJUEp/FC51eZsc6EkErspy3xtIYStaq8EB/hDIWipxsal+E8rz0qD7f2sL/NA9Xee4RInJw==
+  dependencies:
+    npm-conf "^1.1.0"
+
+get-stream@3.0.0, get-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
+  integrity sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ==
+
+get-stream@^2.2.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-2.3.1.tgz#5f38f93f346009666ee0150a054167f91bdd95de"
+  integrity sha512-AUGhbbemXxrZJRD5cDvKtQxLuYaIbNtDTK8YqupCI393Q2KSTreEsLUN3ZxAWFGiKTzL6nKuzfcIvieflUX9qA==
+  dependencies:
+    object-assign "^4.0.1"
+    pinkie-promise "^2.0.0"
+
+get-stream@^4.0.0, get-stream@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
+  integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
+  dependencies:
+    pump "^3.0.0"
+
+get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
+get-stream@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
+  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
+
+get-symbol-description@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6"
+  integrity sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.1"
+
+get-tsconfig@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.2.0.tgz#ff368dd7104dab47bf923404eb93838245c66543"
+  integrity sha512-X8u8fREiYOE6S8hLbq99PeykTDoLVnxvF4DjWKJmz9xy2nNRdUcV8ZN9tniJFeKyTU3qnC9lL8n4Chd6LmVKHg==
+
+getpass@^0.1.1:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
+  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
+  dependencies:
+    assert-plus "^1.0.0"
+
+github-from-package@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
+  integrity sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+glob@^7.0.0, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023"
+  integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^8.0.1:
+  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"
+  integrity sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==
+  dependencies:
+    boolean "^3.0.1"
+    es6-error "^4.1.1"
+    matcher "^3.0.0"
+    roarr "^2.15.3"
+    semver "^7.3.2"
+    serialize-error "^7.0.1"
+
+global-tunnel-ng@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/global-tunnel-ng/-/global-tunnel-ng-2.7.1.tgz#d03b5102dfde3a69914f5ee7d86761ca35d57d8f"
+  integrity sha512-4s+DyciWBV0eK148wqXxcmVAbFVPqtc3sEtUE/GTQfuU80rySLcMhUmHKSHI7/LDj8q0gDYI1lIhRRB7ieRAqg==
+  dependencies:
+    encodeurl "^1.0.2"
+    lodash "^4.17.10"
+    npm-conf "^1.1.3"
+    tunnel "^0.0.6"
+
+globals@^11.1.0:
+  version "11.12.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
+
+globals@^13.19.0:
+  version "13.19.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.19.0.tgz#7a42de8e6ad4f7242fbcca27ea5b23aca367b5c8"
+  integrity sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+globalthis@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
+  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
+  dependencies:
+    define-properties "^1.1.3"
+
+globalyzer@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/globalyzer/-/globalyzer-0.1.0.tgz#cb76da79555669a1519d5a8edf093afaa0bf1465"
+  integrity sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==
+
+globby@^11.0.1, globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
+globby@^13.1.2:
+  version "13.1.2"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.2.tgz#29047105582427ab6eca4f905200667b056da515"
+  integrity sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==
+  dependencies:
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.11"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^4.0.0"
+
+globrex@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
+  integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==
+
+got@^11.8.6:
+  version "11.8.6"
+  resolved "https://registry.yarnpkg.com/got/-/got-11.8.6.tgz#276e827ead8772eddbcfc97170590b841823233a"
+  integrity sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==
+  dependencies:
+    "@sindresorhus/is" "^4.0.0"
+    "@szmarczak/http-timer" "^4.0.5"
+    "@types/cacheable-request" "^6.0.1"
+    "@types/responselike" "^1.0.0"
+    cacheable-lookup "^5.0.3"
+    cacheable-request "^7.0.2"
+    decompress-response "^6.0.0"
+    http2-wrapper "^1.0.0-beta.5.2"
+    lowercase-keys "^2.0.0"
+    p-cancelable "^2.0.0"
+    responselike "^2.0.0"
+
+got@^8.3.1:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/got/-/got-8.3.2.tgz#1d23f64390e97f776cac52e5b936e5f514d2e937"
+  integrity sha512-qjUJ5U/hawxosMryILofZCkm3C84PLJS/0grRIpjAwu+Lkxxj5cxeCU25BG0/3mDSpXKTyZr8oh8wIgLaH0QCw==
+  dependencies:
+    "@sindresorhus/is" "^0.7.0"
+    cacheable-request "^2.1.1"
+    decompress-response "^3.3.0"
+    duplexer3 "^0.1.4"
+    get-stream "^3.0.0"
+    into-stream "^3.1.0"
+    is-retry-allowed "^1.1.0"
+    isurl "^1.0.0-alpha5"
+    lowercase-keys "^1.0.0"
+    mimic-response "^1.0.0"
+    p-cancelable "^0.4.0"
+    p-timeout "^2.0.1"
+    pify "^3.0.0"
+    safe-buffer "^5.1.1"
+    timed-out "^4.0.1"
+    url-parse-lax "^3.0.0"
+    url-to-options "^1.0.1"
+
+got@^9.6.0:
+  version "9.6.0"
+  resolved "https://registry.yarnpkg.com/got/-/got-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85"
+  integrity sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==
+  dependencies:
+    "@sindresorhus/is" "^0.14.0"
+    "@szmarczak/http-timer" "^1.1.2"
+    cacheable-request "^6.0.0"
+    decompress-response "^3.3.0"
+    duplexer3 "^0.1.4"
+    get-stream "^4.1.0"
+    lowercase-keys "^1.0.1"
+    mimic-response "^1.0.1"
+    p-cancelable "^1.0.0"
+    to-readable-stream "^1.0.0"
+    url-parse-lax "^3.0.0"
+
+graceful-fs@^4.1.10, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.10, 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==
+
+"graceful-readlink@>= 1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
+  integrity sha1-TK+tdrxi8C+gObL5Tpo906ORpyU=
+
+grapheme-splitter@^1.0.4:
+  version "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"
+  integrity sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==
+  dependencies:
+    browserify-zlib "^0.1.4"
+    is-deflate "^1.0.0"
+    is-gzip "^1.0.0"
+    peek-stream "^1.1.0"
+    pumpify "^1.3.3"
+    through2 "^2.0.3"
+
+handle-thing@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
+  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
+
+handlebars@^4.7.7:
+  version "4.7.7"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
+  integrity sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==
+  dependencies:
+    minimist "^1.2.5"
+    neo-async "^2.6.0"
+    source-map "^0.6.1"
+    wordwrap "^1.0.0"
+  optionalDependencies:
+    uglify-js "^3.1.4"
+
+har-schema@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
+  integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
+
+har-validator@~5.1.3:
+  version "5.1.5"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.5.tgz#1f0803b9f8cb20c0fa13822df1ecddb36bde1efd"
+  integrity sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==
+  dependencies:
+    ajv "^6.12.3"
+    har-schema "^2.0.0"
+
+harmony-reflect@^1.4.6:
+  version "1.6.2"
+  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"
+  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+has-property-descriptors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
+  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
+  dependencies:
+    get-intrinsic "^1.1.1"
+
+has-symbol-support-x@^1.4.1:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz#1409f98bc00247da45da67cee0a36f282ff26455"
+  integrity sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw==
+
+has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
+has-to-string-tag-x@^1.2.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz#a045ab383d7b4b2012a00148ab0aa5f290044d4d"
+  integrity sha512-vdbKfmw+3LoOYVr+mtxHaX5a96+0f3DljYd8JOqvOLsf5mw2Otda2qCDT9qRqLAhrjyQ0h7ual5nOiASpsGNFw==
+  dependencies:
+    has-symbol-support-x "^1.4.1"
+
+has-tostringtag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
+  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
+  dependencies:
+    has-symbols "^1.0.2"
+
+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=
+
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
+history@^4.10.1, history@^4.9.0:
+  version "4.10.1"
+  resolved "https://registry.yarnpkg.com/history/-/history-4.10.1.tgz#33371a65e3a83b267434e2b3f3b1b4c58aad4cf3"
+  integrity sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==
+  dependencies:
+    "@babel/runtime" "^7.1.2"
+    loose-envify "^1.2.0"
+    resolve-pathname "^3.0.0"
+    tiny-invariant "^1.0.2"
+    tiny-warning "^1.0.0"
+    value-equal "^1.0.1"
+
+hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1, hoist-non-react-statics@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
+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==
+  dependencies:
+    lru-cache "^6.0.0"
+
+hosted-git-info@^5.0.0, hosted-git-info@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-5.2.1.tgz#0ba1c97178ef91f3ab30842ae63d6a272341156f"
+  integrity sha512-xIcQYMnhcx2Nr4JTjsFmwwnr9vldugPy9uVm0o87bjqqWMv9GaqsTeT+i99wTl0mk1uLxJtHxLb8kymqTENQsw==
+  dependencies:
+    lru-cache "^7.5.1"
+
+hpack.js@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
+  integrity sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=
+  dependencies:
+    inherits "^2.0.1"
+    obuf "^1.0.0"
+    readable-stream "^2.0.1"
+    wbuf "^1.1.0"
+
+hpagent@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/hpagent/-/hpagent-1.2.0.tgz#0ae417895430eb3770c03443456b8d90ca464903"
+  integrity sha512-A91dYTeIB6NoXG+PxTQpCCDDnfHsW9kc06Lvpu1TEe9gnd6ZFeiBoRO9JvzEv6xK7EX97/dUE8g/vBMTqTS3CA==
+
+html-encoding-sniffer@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
+  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
+  dependencies:
+    whatwg-encoding "^1.0.5"
+
+html-encoding-sniffer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
+  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
+  dependencies:
+    whatwg-encoding "^2.0.0"
+
+html-entities@^2.1.0, html-entities@^2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.3.tgz#117d7626bece327fc8baace8868fa6f5ef856e46"
+  integrity sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==
+
+html-escaper@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
+  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
+
+html-minifier-terser@^6.0.2:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
+  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
+  dependencies:
+    camel-case "^4.1.2"
+    clean-css "^5.2.2"
+    commander "^8.3.0"
+    he "^1.2.0"
+    param-case "^3.0.4"
+    relateurl "^0.2.7"
+    terser "^5.10.0"
+
+html-webpack-plugin@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz#c3911936f57681c1f9f4d8b68c158cd9dfe52f50"
+  integrity sha512-sy88PC2cRTVxvETRgUHFrL4No3UxvcH8G1NepGhqaTT+GXN2kTamqasot0inS5hXeg1cMbFDt27zzo9p35lZVw==
+  dependencies:
+    "@types/html-minifier-terser" "^6.0.0"
+    html-minifier-terser "^6.0.2"
+    lodash "^4.17.21"
+    pretty-error "^4.0.0"
+    tapable "^2.0.0"
+
+htmlparser2@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
+  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    domutils "^2.5.2"
+    entities "^2.0.0"
+
+http-cache-semantics@3.8.1:
+  version "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.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==
+
+http-deceiver@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
+  integrity sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=
+
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+  integrity sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
+http-parser-js@>=0.5.1:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.6.tgz#2e02406ab2df8af8a7abfba62e0da01c62b95afd"
+  integrity sha512-vDlkRPDJn93swjcjqMSaGSPABbIarsr1TLAui/gLDXzV5VsJNdXNzMYDyNBLQkjWQCJ1uizu8T2oDMhmGt0PRA==
+
+http-proxy-agent@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz#8a8c8ef7f5932ccf953c296ca8291b95aa74aa3a"
+  integrity sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==
+  dependencies:
+    "@tootallnate/once" "1"
+    agent-base "6"
+    debug "4"
+
+http-proxy-agent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
+  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
+  dependencies:
+    "@tootallnate/once" "2"
+    agent-base "6"
+    debug "4"
+
+http-proxy-middleware@^2.0.3:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz#e1a4dd6979572c7ab5a4e4b55095d1f32a74963f"
+  integrity sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==
+  dependencies:
+    "@types/http-proxy" "^1.17.8"
+    http-proxy "^1.18.1"
+    is-glob "^4.0.1"
+    is-plain-obj "^3.0.0"
+    micromatch "^4.0.2"
+
+http-proxy@^1.18.1:
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
+  dependencies:
+    eventemitter3 "^4.0.0"
+    follow-redirects "^1.0.0"
+    requires-port "^1.0.0"
+
+http-signature@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
+  integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
+  dependencies:
+    assert-plus "^1.0.0"
+    jsprim "^1.2.2"
+    sshpk "^1.7.0"
+
+http2-wrapper@^1.0.0-beta.5.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-1.0.3.tgz#b8f55e0c1f25d4ebd08b3b0c2c079f9590800b3d"
+  integrity sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==
+  dependencies:
+    quick-lru "^5.1.1"
+    resolve-alpn "^1.0.0"
+
+https-proxy-agent@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
+  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
+  dependencies:
+    agent-base "6"
+    debug "4"
+
+human-signals@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
+  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+
+humanize-ms@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/humanize-ms/-/humanize-ms-1.2.1.tgz#c46e3159a293f6b896da29316d8b6fe8bb79bbed"
+  integrity sha1-xG4xWaKT9riW2ikxbYtv6Lt5u+0=
+  dependencies:
+    ms "^2.0.0"
+
+hyphenate-style-name@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
+  integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
+
+iconv-corefoundation@^1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/iconv-corefoundation/-/iconv-corefoundation-1.1.7.tgz#31065e6ab2c9272154c8b0821151e2c88f1b002a"
+  integrity sha512-T10qvkw0zz4wnm560lOEg0PovVqUXuOFhhHAkixw8/sycy7TJt7v/RrkEKEQnAw2viPSJu6iAkErxnzR0g8PpQ==
+  dependencies:
+    cli-truncate "^2.1.0"
+    node-addon-api "^1.6.3"
+
+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==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
+iconv-lite@0.6.3, iconv-lite@^0.6.2:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
+icss-utils@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-3.0.1.tgz#ee70d3ae8cac38c6be5ed91e851b27eed343ad0f"
+  integrity sha1-7nDTroysOMa+XtkehRsn7tNDrQ8=
+  dependencies:
+    postcss "^6.0.2"
+
+icss-utils@^5.0.0, icss-utils@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
+  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
+
+identity-obj-proxy@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
+  integrity sha1-lNK9qWCERT7zb7xarsN+D3nx/BQ=
+  dependencies:
+    harmony-reflect "^1.4.6"
+
+ieee754@^1.1.13:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
+
+ignore-by-default@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ignore-by-default/-/ignore-by-default-1.0.1.tgz#48ca6d72f6c6a3af00a9ad4ae6876be3889e2b09"
+  integrity sha1-SMptcvbGo68Aqa1K5odr44ieKwk=
+
+ignore-loader@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/ignore-loader/-/ignore-loader-0.1.2.tgz#d81f240376d0ba4f0d778972c3ad25874117a463"
+  integrity sha1-2B8kA3bQuk8Nd4lyw60lh0EXpGM=
+
+ignore-walk@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-5.0.1.tgz#5f199e23e1288f518d90358d461387788a154776"
+  integrity sha512-yemi4pMf51WKT7khInJqAvsIGzoqYXblnsz0ql8tM+yi1EKYTY1evX4NAbJrLL/Aanr2HyZeluqU+Oi7MGHokw==
+  dependencies:
+    minimatch "^5.0.1"
+
+ignore@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
+  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
+
+image-size@~0.5.0:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
+  integrity sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=
+
+immediate@~3.0.5:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
+  integrity sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=
+
+immer@^9.0.17:
+  version "9.0.17"
+  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.17.tgz#7cfe8fbb8b461096444e9da7a5ec4a67c6c4adf4"
+  integrity sha512-+hBruaLSQvkPfxRiTLK/mi4vLH+/VQS6z2KJahdoxlleFOI8ARqzOF17uy12eFDlqWmPoygwc5evgwcp+dlHhg==
+
+immutable@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23"
+  integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==
+
+import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+import-lazy@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-3.1.0.tgz#891279202c8a2280fdbd6674dbd8da1a1dfc67cc"
+  integrity sha512-8/gvXvX2JMn0F+CDlSC4l6kOmVaLOO3XLkksI7CI3Ud95KDYJuYur2b9P/PUt/i/pDAMd/DulQsNbbbmRRsDIQ==
+
+import-local@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
+  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
+  dependencies:
+    pkg-dir "^4.2.0"
+    resolve-cwd "^3.0.0"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
+
+include-media@^1.4.9:
+  version "1.4.10"
+  resolved "https://registry.yarnpkg.com/include-media/-/include-media-1.4.10.tgz#7a311c92c396c808504ec6a5365115d30571f259"
+  integrity sha512-TymQzKF7oWHbItEcEHOCponZ90lRr1I9QbYeD+qCxXy4Z0/pSpS4Ocz2bq3FMOERlXXrY9Sawsh9GjiObVQA6A==
+
+indent-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
+  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
+
+infer-owner@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
+  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+inherits@2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
+
+ini@^1.3.4, ini@~1.3.0:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+ini@^3.0.0, ini@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-3.0.1.tgz#c76ec81007875bc44d544ff7a11a55d12294102d"
+  integrity sha512-it4HyVAUTKBc6m8e1iXWvXSTdndF7HbdN713+kvLrymxTaU4AUBWrJ4vEooP+V7fexnVD3LKcBshjGGPefSMUQ==
+
+init-package-json@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/init-package-json/-/init-package-json-3.0.2.tgz#f5bc9bac93f2bdc005778bc2271be642fecfcd69"
+  integrity sha512-YhlQPEjNFqlGdzrBfDNRLhvoSgX7iQRgSxgsNknRQ9ITXFT7UMfVMWhBTOh2Y+25lRnGrv5Xz8yZwQ3ACR6T3A==
+  dependencies:
+    npm-package-arg "^9.0.1"
+    promzard "^0.3.0"
+    read "^1.0.7"
+    read-package-json "^5.0.0"
+    semver "^7.3.5"
+    validate-npm-package-license "^3.0.4"
+    validate-npm-package-name "^4.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"
+  integrity sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==
+  dependencies:
+    get-intrinsic "^1.1.0"
+    has "^1.0.3"
+    side-channel "^1.0.4"
+
+interpret@^1.0.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
+  integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
+
+interpret@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-3.1.1.tgz#5be0ceed67ca79c6c4bc5cf0d7ee843dcea110c4"
+  integrity sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==
+
+into-stream@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/into-stream/-/into-stream-3.1.0.tgz#96fb0a936c12babd6ff1752a17d05616abd094c6"
+  integrity sha512-TcdjPibTksa1NQximqep2r17ISRiNE9fwlfbg3F8ANdvP5/yrFTew86VcO//jk4QTaMlbjypPBq76HN2zaKfZQ==
+  dependencies:
+    from2 "^2.1.1"
+    p-is-promise "^1.1.0"
+
+ip-regex@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-4.3.0.tgz#687275ab0f57fa76978ff8f4dddc8a23d5990db5"
+  integrity sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==
+
+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"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
+ipaddr.js@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.0.1.tgz#eca256a7a877e917aeb368b0a7497ddf42ef81c0"
+  integrity sha512-1qTgH9NG+IIJ4yfKs2e6Pp1bZg8wbDbKHT21HrLIeYBTRLgMYKnMTPAuI3Lcs61nfx5h1xlXnbJtH1kX5/d/ng==
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
+
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
+is-bigint@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
+  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+  dependencies:
+    has-bigints "^1.0.1"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-boolean-object@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
+  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
+  dependencies:
+    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"
+  integrity sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==
+
+is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
+is-ci@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-3.0.1.tgz#db6ecbed1bd659c43dac0f45661e7674103d1867"
+  integrity sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==
+  dependencies:
+    ci-info "^3.2.0"
+
+is-cidr@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/is-cidr/-/is-cidr-4.0.2.tgz#94c7585e4c6c77ceabf920f8cde51b8c0fda8814"
+  integrity sha512-z4a1ENUajDbEl/Q6/pVBpTR1nBjjEE1X7qb7bmWYanNnPoKAvUCPFKeXV6Fe4mgTkWKBqiHIcwsI3SndiO5FeA==
+  dependencies:
+    cidr-regex "^3.1.1"
+
+is-core-module@^2.10.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
+  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
+  dependencies:
+    has "^1.0.3"
+
+is-core-module@^2.2.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
+  integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==
+  dependencies:
+    has "^1.0.3"
+
+is-date-object@^1.0.1:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
+  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-deflate@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-deflate/-/is-deflate-1.0.0.tgz#c862901c3c161fb09dac7cdc7e784f80e98f2f14"
+  integrity sha1-yGKQHDwWH7CdrHzcfnhPgOmPLxQ=
+
+is-docker@^2.0.0, is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
+is-electron@^2.2.0:
+  version "2.2.1"
+  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"
+  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+
+is-fullwidth-code-point@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
+  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
+
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
+is-generator-fn@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
+  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-gzip@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-gzip/-/is-gzip-1.0.0.tgz#6ca8b07b99c77998025900e555ced8ed80879a83"
+  integrity sha1-bKiwe5nHeZgCWQDlVc7Y7YCHmoM=
+
+is-in-browser@^1.0.2, is-in-browser@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/is-in-browser/-/is-in-browser-1.1.3.tgz#56ff4db683a078c6082eb95dad7dc62e1d04f835"
+  integrity sha1-Vv9NtoOgeMYILrldrX3GLh0E+DU=
+
+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-natural-number@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/is-natural-number/-/is-natural-number-4.0.1.tgz#ab9d76e1db4ced51e35de0c72ebecf09f734cde8"
+  integrity sha512-Y4LTamMe0DDQIIAlaer9eKebAlDSV6huy+TWhJVPlzZh2o4tRP5SQWFlLn5N0To4mDD22/qdOq+veo1cSISLgQ==
+
+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"
+  integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
+
+is-number-object@^1.0.4:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
+  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+  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"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-obj@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
+  integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
+
+is-object@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-object/-/is-object-1.0.2.tgz#a56552e1c665c9e950b4a025461da87e72f86fcf"
+  integrity sha512-2rRIahhZr2UWb45fIOuvZGpFtz0TyOZLf32KxBbSoUCeZR495zCKlWUKKUByk3geS2eAs7ZAABt0Y/Rx0GiQGA==
+
+is-path-cwd@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
+  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
+
+is-path-inside@^3.0.2, is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-plain-obj@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
+  integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==
+
+is-plain-obj@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
+  integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
+
+is-plain-object@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
+  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
+  dependencies:
+    isobject "^3.0.1"
+
+is-potential-custom-element-name@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
+  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
+
+is-regex@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
+  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-retry-allowed@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz#d778488bd0a4666a3be8a1482b9f2baafedea8b4"
+  integrity sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg==
+
+is-shared-array-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
+  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-stream@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
+  integrity sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==
+
+is-stream@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
+  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
+
+is-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
+  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
+
+is-string@^1.0.5, is-string@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
+  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-symbol@^1.0.2, is-symbol@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
+  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+  dependencies:
+    has-symbols "^1.0.2"
+
+is-typedarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+  integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
+
+is-url@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
+  integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==
+
+is-weakref@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
+  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-what@^3.14.1:
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.14.1.tgz#e1222f46ddda85dead0fd1c9df131760e77755c1"
+  integrity sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==
+
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
+
+is2@^2.0.6:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/is2/-/is2-2.0.7.tgz#d084e10cab3bd45d6c9dfde7a48599fcbb93fcac"
+  integrity sha512-4vBQoURAXC6hnLFxD4VW7uc04XiwTTl/8ydYJxKvPwkWQrSjInkuM5VZVg6BGr1/natq69zDuvO9lGpLClJqvA==
+  dependencies:
+    deep-is "^0.1.3"
+    ip-regex "^4.1.0"
+    is-url "^1.2.4"
+
+isarray@0.0.1:
+  version "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:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
+
+isbinaryfile@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-3.0.3.tgz#5d6def3edebf6e8ca8cae9c30183a804b5f8be80"
+  integrity sha512-8cJBL5tTd2OS0dM4jz07wQd5g0dCCqIhUxPIGtZfa5L6hWlvV5MHTITy/DBAsF+Oe2LS1X3krBUhNwaGUWpWxw==
+  dependencies:
+    buffer-alloc "^1.2.0"
+
+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==
+
+isexe@^2.0.0:
+  version "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"
+  integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
+
+isomorphic-ws@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/isomorphic-ws/-/isomorphic-ws-4.0.1.tgz#55fd4cd6c5e6491e76dc125938dd863f5cd4f2dc"
+  integrity sha512-BhBvN2MBpWTaSHdWRb/bwdZJ1WaehQ2L1KngkCkfLUGF0mAWAT1sQUQacEmQ0jXkFw/czDXPNQSL5u2/Krsz1w==
+
+isstream@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
+  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
+
+istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3"
+  integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==
+
+istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.0.tgz#31d18bdd127f825dd02ea7bfdfd906f8ab840e9f"
+  integrity sha512-6Lthe1hqXHBNsqvgDzGO6l03XNeu3CrG4RqQ1KM9+l5+jNGpEJfIELx1NS3SEHmJQA8np/u+E4EPRKRiu6m19A==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/parser" "^7.14.7"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^6.3.0"
+
+istanbul-lib-report@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
+  integrity sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==
+  dependencies:
+    istanbul-lib-coverage "^3.0.0"
+    make-dir "^3.0.0"
+    supports-color "^7.1.0"
+
+istanbul-lib-source-maps@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
+  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
+  dependencies:
+    debug "^4.1.1"
+    istanbul-lib-coverage "^3.0.0"
+    source-map "^0.6.1"
+
+istanbul-reports@^3.1.3:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.4.tgz#1b6f068ecbc6c331040aab5741991273e609e40c"
+  integrity sha512-r1/DshN4KSE7xWEknZLLLLDn5CJybV3nw01VTkp6D5jzLuELlcbudfj/eSQFvrKsJuTVCGnePO7ho82Nw9zzfw==
+  dependencies:
+    html-escaper "^2.0.0"
+    istanbul-lib-report "^3.0.0"
+
+isurl@^1.0.0-alpha5:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isurl/-/isurl-1.0.0.tgz#b27f4f49f3cdaa3ea44a0a5b7f3462e6edc39d67"
+  integrity sha512-1P/yWsxPlDtn7QeRD+ULKQPaIaN6yF368GZ2vDfv0AL0NwpStafjWCDDdn0k8wgFMWpVAqG7oJhxHnlud42i9w==
+  dependencies:
+    has-to-string-tag-x "^1.2.0"
+    is-object "^1.0.1"
+
+jake@^10.8.5:
+  version "10.8.5"
+  resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.5.tgz#f2183d2c59382cb274226034543b9c03b8164c46"
+  integrity sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==
+  dependencies:
+    async "^3.2.3"
+    chalk "^4.0.2"
+    filelist "^1.0.1"
+    minimatch "^3.0.4"
+
+jest-canvas-mock@^2.3.1:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.4.0.tgz#947b71442d7719f8e055decaecdb334809465341"
+  integrity sha512-mmMpZzpmLzn5vepIaHk5HoH3Ka4WykbSoLuG/EKoJd0x0ID/t+INo1l8ByfcUJuDM+RIsL4QDg/gDnBbrj2/IQ==
+  dependencies:
+    cssfontparser "^1.2.1"
+    moo-color "^1.0.2"
+
+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"
+    p-limit "^3.1.0"
+
+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.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.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"
+
+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.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.3"
+    jest-util "^28.1.3"
+    jest-validate "^28.1.3"
+    prompts "^2.0.1"
+    yargs "^17.3.1"
+
+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.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.3"
+    jest-environment-node "^28.1.3"
+    jest-get-type "^28.0.2"
+    jest-regex-util "^28.0.2"
+    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.3"
+    slash "^3.0.0"
+    strip-json-comments "^3.1.1"
+
+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.3"
+
+jest-docblock@^28.1.1:
+  version "28.1.1"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-28.1.1.tgz#6f515c3bf841516d82ecd57a62eed9204c2f42a8"
+  integrity sha512-3wayBVNiOYx0cwAbl9rwm5kKFP8yHH3d/fkEaL02NPTkDojPtheGB7HZSFY4wzX+DxyrvhXz0KSCVksmCknCuA==
+  dependencies:
+    detect-newline "^3.0.0"
+
+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.3"
+    chalk "^4.0.0"
+    jest-get-type "^28.0.2"
+    jest-util "^28.1.3"
+    pretty-format "^28.1.3"
+
+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.3"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/jsdom" "^16.2.4"
+    "@types/node" "*"
+    jest-mock "^28.1.3"
+    jest-util "^28.1.3"
+    jsdom "^19.0.0"
+
+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.3"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    jest-mock "^28.1.3"
+    jest-util "^28.1.3"
+
+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.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.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.3"
+    jest-worker "^28.1.3"
+    micromatch "^4.0.4"
+    walker "^1.0.8"
+  optionalDependencies:
+    fsevents "^2.3.2"
+
+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.3"
+
+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 "^28.1.3"
+    jest-get-type "^28.0.2"
+    pretty-format "^28.1.3"
+
+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.3"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^28.1.3"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
+jest-mock-extended@^2.0.9:
+  version "2.0.9"
+  resolved "https://registry.yarnpkg.com/jest-mock-extended/-/jest-mock-extended-2.0.9.tgz#bc0e4a269cdb6047d7cc086e1d9722f7215ca795"
+  integrity sha512-eRZq7/FgwHbxOMm3Lo4DpQX6S2zi4OvwMVFHEb3FgDLp0Xy3P1WARkF93xxO5uD4nAHiEPYHZ25qVU9mAVxoLQ==
+  dependencies:
+    ts-essentials "^7.0.3"
+
+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.3"
+    "@types/node" "*"
+
+jest-pnp-resolver@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
+  integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
+
+jest-regex-util@^28.0.2:
+  version "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.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.3"
+
+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.3"
+    jest-pnp-resolver "^1.2.2"
+    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.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.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.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"
+
+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.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.3"
+    jest-message-util "^28.1.3"
+    jest-mock "^28.1.3"
+    jest-regex-util "^28.0.2"
+    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.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.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.3"
+    graceful-fs "^4.2.9"
+    jest-diff "^28.1.3"
+    jest-get-type "^28.0.2"
+    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.3"
+    semver "^7.3.5"
+
+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.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.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.3"
+    camelcase "^6.2.0"
+    chalk "^4.0.0"
+    jest-get-type "^28.0.2"
+    leven "^3.1.0"
+    pretty-format "^28.1.3"
+
+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.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.3"
+    string-length "^4.0.1"
+
+jest-worker@^27.4.5:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+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.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.3"
+    "@jest/types" "^28.1.3"
+    import-local "^3.0.2"
+    jest-cli "^28.1.3"
+
+joi@^17.7.0:
+  version "17.7.0"
+  resolved "https://registry.yarnpkg.com/joi/-/joi-17.7.0.tgz#591a33b1fe1aca2bc27f290bcad9b9c1c570a6b3"
+  integrity sha512-1/ugc8djfn93rTE3WRKdCzGGt/EtiYKxITMO4Wiv6q5JL1gl9ePt4kBsl1S499nbosspfctIQTpYIhSmHA3WAg==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
+    "@hapi/topo" "^5.0.0"
+    "@sideway/address" "^4.1.3"
+    "@sideway/formula" "^3.0.0"
+    "@sideway/pinpoint" "^2.0.0"
+
+jose@^4.10.0:
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/jose/-/jose-4.11.1.tgz#8f7443549befe5bddcf4bae664a9cbc1a62da4fa"
+  integrity sha512-YRv4Tk/Wlug8qicwqFNFVEZSdbROCHRAC6qu/i0dyNKr5JQdoa2pIGoS04lLO/jXQX7Z9omoNewYIVIxqZBd9Q==
+
+joycon@^3.0.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/joycon/-/joycon-3.1.1.tgz#bce8596d6ae808f8b68168f5fc69280996894f03"
+  integrity sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==
+
+js-sdsl@^4.1.4:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.1.4.tgz#78793c90f80e8430b7d8dc94515b6c77d98a26a6"
+  integrity sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==
+
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+  version "4.0.0"
+  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.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==
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^4.0.0"
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsbn@~0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
+  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
+
+jsdom@^16.7.0:
+  version "16.7.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
+  integrity sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==
+  dependencies:
+    abab "^2.0.5"
+    acorn "^8.2.4"
+    acorn-globals "^6.0.0"
+    cssom "^0.4.4"
+    cssstyle "^2.3.0"
+    data-urls "^2.0.0"
+    decimal.js "^10.2.1"
+    domexception "^2.0.1"
+    escodegen "^2.0.0"
+    form-data "^3.0.0"
+    html-encoding-sniffer "^2.0.1"
+    http-proxy-agent "^4.0.1"
+    https-proxy-agent "^5.0.0"
+    is-potential-custom-element-name "^1.0.1"
+    nwsapi "^2.2.0"
+    parse5 "6.0.1"
+    saxes "^5.0.1"
+    symbol-tree "^3.2.4"
+    tough-cookie "^4.0.0"
+    w3c-hr-time "^1.0.2"
+    w3c-xmlserializer "^2.0.0"
+    webidl-conversions "^6.1.0"
+    whatwg-encoding "^1.0.5"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.5.0"
+    ws "^7.4.6"
+    xml-name-validator "^3.0.0"
+
+jsdom@^19.0.0:
+  version "19.0.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-19.0.0.tgz#93e67c149fe26816d38a849ea30ac93677e16b6a"
+  integrity sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==
+  dependencies:
+    abab "^2.0.5"
+    acorn "^8.5.0"
+    acorn-globals "^6.0.0"
+    cssom "^0.5.0"
+    cssstyle "^2.3.0"
+    data-urls "^3.0.1"
+    decimal.js "^10.3.1"
+    domexception "^4.0.0"
+    escodegen "^2.0.0"
+    form-data "^4.0.0"
+    html-encoding-sniffer "^3.0.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.0"
+    is-potential-custom-element-name "^1.0.1"
+    nwsapi "^2.2.0"
+    parse5 "6.0.1"
+    saxes "^5.0.1"
+    symbol-tree "^3.2.4"
+    tough-cookie "^4.0.0"
+    w3c-hr-time "^1.0.2"
+    w3c-xmlserializer "^3.0.0"
+    webidl-conversions "^7.0.0"
+    whatwg-encoding "^2.0.0"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^10.0.0"
+    ws "^8.2.3"
+    xml-name-validator "^4.0.0"
+
+jsesc@^2.5.1:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
+  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
+
+json-buffer@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
+  integrity sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=
+
+json-buffer@3.0.1, json-buffer@~3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-schema-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json-schema-typed@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/json-schema-typed/-/json-schema-typed-7.0.3.tgz#23ff481b8b4eebcd2ca123b4fa0409e66469a2d9"
+  integrity sha512-7DE8mpG+/fVw+dTpjbxnx47TaMnDfOI1jwft9g1VybltZCduyRQPJPvc+zzKY9WPHxhPWczyFuYa6I8Mw4iU5A==
+
+json-schema@0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
+  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
+
+json-stringify-nice@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/json-stringify-nice/-/json-stringify-nice-1.1.4.tgz#2c937962b80181d3f317dd39aa323e14f5a60a67"
+  integrity sha512-5Z5RFW63yxReJ7vANgW6eZFGWaQvnPE3WNmZoOJrSkGju2etKA2L5rrOa1sm877TVTFt57A80BH1bArcmlLfPw==
+
+json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
+
+json5@^0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
+  integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
+
+json5@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
+  integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==
+  dependencies:
+    minimist "^1.2.0"
+
+json5@^2.1.2, json5@^2.2.0, json5@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
+  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
+
+jsonc-parser@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
+  integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
+
+jsonfile@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
+  integrity sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsonparse@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
+  integrity sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==
+
+jsonpath-plus@^0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/jsonpath-plus/-/jsonpath-plus-0.19.0.tgz#b901e57607055933dc9a8bef0cc25160ee9dd64c"
+  integrity sha512-GSVwsrzW9LsA5lzsqe4CkuZ9wp+kxBb2GwNniaWzI2YFn5Ig42rSW8ZxVpWXaAfakXNrx5pgY5AbQq7kzX29kg==
+
+jsprim@^1.2.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.2.tgz#712c65533a15c878ba59e9ed5f0e26d5b77c5feb"
+  integrity sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==
+  dependencies:
+    assert-plus "1.0.0"
+    extsprintf "1.3.0"
+    json-schema "0.4.0"
+    verror "1.10.0"
+
+jss-plugin-camel-case@^10.5.1:
+  version "10.9.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-camel-case/-/jss-plugin-camel-case-10.9.0.tgz#4921b568b38d893f39736ee8c4c5f1c64670aaf7"
+  integrity sha512-UH6uPpnDk413/r/2Olmw4+y54yEF2lRIV8XIZyuYpgPYTITLlPOsq6XB9qeqv+75SQSg3KLocq5jUBXW8qWWww==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    hyphenate-style-name "^1.0.3"
+    jss "10.9.0"
+
+jss-plugin-default-unit@^10.5.1:
+  version "10.9.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-default-unit/-/jss-plugin-default-unit-10.9.0.tgz#bb23a48f075bc0ce852b4b4d3f7582bc002df991"
+  integrity sha512-7Ju4Q9wJ/MZPsxfu4T84mzdn7pLHWeqoGd/D8O3eDNNJ93Xc8PxnLmV8s8ZPNRYkLdxZqKtm1nPQ0BM4JRlq2w==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    jss "10.9.0"
+
+jss-plugin-global@^10.5.1:
+  version "10.9.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-global/-/jss-plugin-global-10.9.0.tgz#fc07a0086ac97aca174e37edb480b69277f3931f"
+  integrity sha512-4G8PHNJ0x6nwAFsEzcuVDiBlyMsj2y3VjmFAx/uHk/R/gzJV+yRHICjT4MKGGu1cJq2hfowFWCyrr/Gg37FbgQ==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    jss "10.9.0"
+
+jss-plugin-nested@^10.5.1:
+  version "10.9.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-nested/-/jss-plugin-nested-10.9.0.tgz#cc1c7d63ad542c3ccc6e2c66c8328c6b6b00f4b3"
+  integrity sha512-2UJnDrfCZpMYcpPYR16oZB7VAC6b/1QLsRiAutOt7wJaaqwCBvNsosLEu/fUyKNQNGdvg2PPJFDO5AX7dwxtoA==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    jss "10.9.0"
+    tiny-warning "^1.0.2"
+
+jss-plugin-props-sort@^10.5.1:
+  version "10.9.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-props-sort/-/jss-plugin-props-sort-10.9.0.tgz#30e9567ef9479043feb6e5e59db09b4de687c47d"
+  integrity sha512-7A76HI8bzwqrsMOJTWKx/uD5v+U8piLnp5bvru7g/3ZEQOu1+PjHvv7bFdNO3DwNPC9oM0a//KwIJsIcDCjDzw==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    jss "10.9.0"
+
+jss-plugin-rule-value-function@^10.5.1:
+  version "10.9.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.9.0.tgz#379fd2732c0746fe45168011fe25544c1a295d67"
+  integrity sha512-IHJv6YrEf8pRzkY207cPmdbBstBaE+z8pazhPShfz0tZSDtRdQua5jjg6NMz3IbTasVx9FdnmptxPqSWL5tyJg==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    jss "10.9.0"
+    tiny-warning "^1.0.2"
+
+jss-plugin-vendor-prefixer@^10.5.1:
+  version "10.9.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.9.0.tgz#aa9df98abfb3f75f7ed59a3ec50a5452461a206a"
+  integrity sha512-MbvsaXP7iiVdYVSEoi+blrW+AYnTDvHTW6I6zqi7JcwXdc6I9Kbm234nEblayhF38EftoenbM+5218pidmC5gA==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    css-vendor "^2.0.8"
+    jss "10.9.0"
+
+jss@10.9.0, jss@^10.5.1:
+  version "10.9.0"
+  resolved "https://registry.yarnpkg.com/jss/-/jss-10.9.0.tgz#7583ee2cdc904a83c872ba695d1baab4b59c141b"
+  integrity sha512-YpzpreB6kUunQBbrlArlsMpXYyndt9JATbt95tajx0t4MTJJcCJdd4hdNpHmOIDiUJrF/oX5wtVFrS3uofWfGw==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    csstype "^3.0.2"
+    is-in-browser "^1.1.3"
+    tiny-warning "^1.0.2"
+
+"jsx-ast-utils@^2.4.1 || ^3.0.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.0.tgz#e624f259143b9062c92b6413ff92a164c80d3ccb"
+  integrity sha512-XzO9luP6L0xkxwhIJMTJQpZo/eeN60K08jHdexfD569AGxeNug6UketeHXEhROoM8aR7EcUoOQmIhcJQjcuq8Q==
+  dependencies:
+    array-includes "^3.1.4"
+    object.assign "^4.1.2"
+
+jszip@^3.1.0:
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.9.1.tgz#784e87f328450d1e8151003a9c67733e2b901051"
+  integrity sha512-H9A60xPqJ1CuC4Ka6qxzXZeU8aNmgOeP5IFqwJbQQwtu2EUYxota3LdsiZWplF7Wgd9tkAd0mdu36nceSaPuYw==
+  dependencies:
+    lie "~3.3.0"
+    pako "~1.0.2"
+    readable-stream "~2.3.6"
+    set-immediate-shim "~1.0.1"
+
+just-diff-apply@^5.2.0:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/just-diff-apply/-/just-diff-apply-5.4.1.tgz#1debed059ad009863b4db0e8d8f333d743cdd83b"
+  integrity sha512-AAV5Jw7tsniWwih8Ly3fXxEZ06y+6p5TwQMsw0dzZ/wPKilzyDgdAnL0Ug4NNIquPUOh1vfFWEHbmXUqM5+o8g==
+
+just-diff@^5.0.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/just-diff/-/just-diff-5.1.1.tgz#8da6414342a5ed6d02ccd64f5586cbbed3146202"
+  integrity sha512-u8HXJ3HlNrTzY7zrYYKjNEfBlyjqhdBkoyTVdjtn7p02RJD5NvR8rIClzeGA7t+UYP1/7eAkWNLU0+P3QrEqKQ==
+
+keyv@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.0.0.tgz#44923ba39e68b12a7cec7df6c3268c031f2ef373"
+  integrity sha512-eguHnq22OE3uVoSYG0LVWNP+4ppamWr9+zWBe1bsNcovIMy6huUJFPgy4mGwCd/rnl3vOLGW1MTlu4c57CT1xA==
+  dependencies:
+    json-buffer "3.0.0"
+
+keyv@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9"
+  integrity sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==
+  dependencies:
+    json-buffer "3.0.0"
+
+keyv@^4.0.0:
+  version "4.2.6"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.2.6.tgz#d698f061e71bab3c5ab70e43907d7b8baa1bab9c"
+  integrity sha512-mmMlAFwZnCBk7QDA23I49T5VP2NdSsbaT4yrm14cwnlQ67t+wHWPtYj+/gbzeAbcprGbUSzWP3jBE1WKfSERnQ==
+  dependencies:
+    compress-brotli "^1.3.8"
+    json-buffer "3.0.1"
+
+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==
+
+kleur@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
+  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
+
+klona@^2.0.4, klona@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc"
+  integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
+
+kuler@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/kuler/-/kuler-2.0.0.tgz#e2c570a3800388fb44407e851531c1d670b061b3"
+  integrity sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A==
+
+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-val@^1.0.4, lazy-val@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.5.tgz#6cf3b9f5bc31cee7ee3e369c0832b7583dcd923d"
+  integrity sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q==
+
+less@^4.1.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/less/-/less-4.1.2.tgz#6099ee584999750c2624b65f80145f8674e4b4b0"
+  integrity sha512-EoQp/Et7OSOVu0aJknJOtlXZsnr8XE8KwuzTHOLeVSEx8pVWUICc8Q0VYRHgzyjX78nMEyC/oztWFbgyhtNfDA==
+  dependencies:
+    copy-anything "^2.0.1"
+    parse-node-version "^1.0.1"
+    tslib "^2.3.0"
+  optionalDependencies:
+    errno "^0.1.1"
+    graceful-fs "^4.1.2"
+    image-size "~0.5.0"
+    make-dir "^2.1.0"
+    mime "^1.4.1"
+    needle "^2.5.2"
+    source-map "~0.6.0"
+
+leven@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
+  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+levn@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
+  dependencies:
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+
+libnpmaccess@^6.0.4:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-6.0.4.tgz#2dd158bd8a071817e2207d3b201d37cf1ad6ae6b"
+  integrity sha512-qZ3wcfIyUoW0+qSFkMBovcTrSGJ3ZeyvpR7d5N9pEYv/kXs8sHP2wiqEIXBKLFrZlmM0kR0RJD7mtfLngtlLag==
+  dependencies:
+    aproba "^2.0.0"
+    minipass "^3.1.1"
+    npm-package-arg "^9.0.1"
+    npm-registry-fetch "^13.0.0"
+
+libnpmdiff@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/libnpmdiff/-/libnpmdiff-4.0.5.tgz#ffaf93fa9440ea759444b8830fdb5c661b09a7c0"
+  integrity sha512-9fICQIzmH892UwHHPmb+Seup50UIBWcMIK2FdxvlXm9b4kc1nSH0b/BuY1mORJQtB6ydPMnn+BLzOTmd/SKJmw==
+  dependencies:
+    "@npmcli/disparity-colors" "^2.0.0"
+    "@npmcli/installed-package-contents" "^1.0.7"
+    binary-extensions "^2.2.0"
+    diff "^5.1.0"
+    minimatch "^5.0.1"
+    npm-package-arg "^9.0.1"
+    pacote "^13.6.1"
+    tar "^6.1.0"
+
+libnpmexec@^4.0.14:
+  version "4.0.14"
+  resolved "https://registry.yarnpkg.com/libnpmexec/-/libnpmexec-4.0.14.tgz#9ad44232434b374e477eb2c2e4548baaf698f773"
+  integrity sha512-dwmzv2K29SdoAHBOa7QR6CfQbFG/PiZDRF6HZrlI6C4DLt2hNgOHTFaUGOpqE2C+YGu0ZwYTDywxRe0eOnf0ZA==
+  dependencies:
+    "@npmcli/arborist" "^5.6.3"
+    "@npmcli/ci-detect" "^2.0.0"
+    "@npmcli/fs" "^2.1.1"
+    "@npmcli/run-script" "^4.2.0"
+    chalk "^4.1.0"
+    mkdirp-infer-owner "^2.0.0"
+    npm-package-arg "^9.0.1"
+    npmlog "^6.0.2"
+    pacote "^13.6.1"
+    proc-log "^2.0.0"
+    read "^1.0.7"
+    read-package-json-fast "^2.0.2"
+    semver "^7.3.7"
+    walk-up-path "^1.0.0"
+
+libnpmfund@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/libnpmfund/-/libnpmfund-3.0.5.tgz#817f9e2120889beb483d9ba8eda142bb84293e4e"
+  integrity sha512-KdeRoG/dem8H3PcEU2/0SKi3ip7AWwczgS72y/3PE+PBrz/s/G52FNIA9jeLnBirkLC0sOyQHfeM3b7e24ZM+g==
+  dependencies:
+    "@npmcli/arborist" "^5.6.3"
+
+libnpmhook@^8.0.4:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/libnpmhook/-/libnpmhook-8.0.4.tgz#6c58e5fe763ff5d600ae9c20457ea9a69d1f7d87"
+  integrity sha512-nuD6e+Nx0OprjEi0wOeqASMl6QIH235th/Du2/8upK3evByFhzIgdfOeP1OhstavW4xtsl0hk5Vw4fAWWuSUgA==
+  dependencies:
+    aproba "^2.0.0"
+    npm-registry-fetch "^13.0.0"
+
+libnpmorg@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/libnpmorg/-/libnpmorg-4.0.4.tgz#2a01d49372cf0df90d79a61e69bddaf2ed704311"
+  integrity sha512-1bTpD7iub1rDCsgiBguhJhiDufLQuc8DEti20euqsXz9O0ncXVpCYqf2SMmHR4GEdmAvAj2r7FMiyA9zGdaTpA==
+  dependencies:
+    aproba "^2.0.0"
+    npm-registry-fetch "^13.0.0"
+
+libnpmpack@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/libnpmpack/-/libnpmpack-4.1.3.tgz#025cfe39829acd8260662bf259e3a9331fc1e4b2"
+  integrity sha512-rYP4X++ME3ZiFO+2iN3YnXJ4LB4Gsd0z5cgszWJZxaEpDN4lRIXirSyynGNsN/hn4taqnlxD+3DPlFDShvRM8w==
+  dependencies:
+    "@npmcli/run-script" "^4.1.3"
+    npm-package-arg "^9.0.1"
+    pacote "^13.6.1"
+
+libnpmpublish@^6.0.5:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/libnpmpublish/-/libnpmpublish-6.0.5.tgz#5a894f3de2e267d62f86be2a508e362599b5a4b1"
+  integrity sha512-LUR08JKSviZiqrYTDfywvtnsnxr+tOvBU0BF8H+9frt7HMvc6Qn6F8Ubm72g5hDTHbq8qupKfDvDAln2TVPvFg==
+  dependencies:
+    normalize-package-data "^4.0.0"
+    npm-package-arg "^9.0.1"
+    npm-registry-fetch "^13.0.0"
+    semver "^7.3.7"
+    ssri "^9.0.0"
+
+libnpmsearch@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/libnpmsearch/-/libnpmsearch-5.0.4.tgz#b32aa2b23051c00cdcc0912274d0d416e6655d81"
+  integrity sha512-XHDmsvpN5+pufvGnfLRqpy218gcGGbbbXR6wPrDJyd1em6agKdYByzU5ccskDHH9iVm2UeLydpDsW1ksYuU0cg==
+  dependencies:
+    npm-registry-fetch "^13.0.0"
+
+libnpmteam@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/libnpmteam/-/libnpmteam-4.0.4.tgz#ac26068808d93b1051d926457db14e4b3ff669ef"
+  integrity sha512-rzKSwi6MLzwwevbM/vl+BBQTErgn24tCfgPUdzBlszrw3j5necOu7WnTzgvZMDv6maGUwec6Ut1rxszOgH0l+Q==
+  dependencies:
+    aproba "^2.0.0"
+    npm-registry-fetch "^13.0.0"
+
+libnpmversion@^3.0.7:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/libnpmversion/-/libnpmversion-3.0.7.tgz#e4c6c07ee28cf351ce1e2293a5ac9922b09ea94d"
+  integrity sha512-O0L4eNMUIMQ+effi1HsZPKp2N6wecwqGqB8PvkvmLPWN7EsdabdzAVG48nv0p/OjlbIai5KQg/L+qMMfCA4ZjA==
+  dependencies:
+    "@npmcli/git" "^3.0.0"
+    "@npmcli/run-script" "^4.1.3"
+    json-parse-even-better-errors "^2.3.1"
+    proc-log "^2.0.0"
+    semver "^7.3.7"
+
+lie@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/lie/-/lie-3.1.1.tgz#9a436b2cc7746ca59de7a41fa469b3efb76bd87e"
+  integrity sha1-mkNrLMd0bKWd56QfpGmz77dr2H4=
+  dependencies:
+    immediate "~3.0.5"
+
+lie@~3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/lie/-/lie-3.3.0.tgz#dcf82dee545f46074daf200c7c1c5a08e0f40f6a"
+  integrity sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==
+  dependencies:
+    immediate "~3.0.5"
+
+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"
+
+loader-runner@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
+  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
+
+loader-utils@^0.2.16:
+  version "0.2.17"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
+  integrity sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+    object-assign "^4.0.1"
+
+loader-utils@^2.0.0, loader-utils@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+localforage@^1.8.1:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/localforage/-/localforage-1.10.0.tgz#5c465dc5f62b2807c3a84c0c6a1b1b3212781dd4"
+  integrity sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==
+  dependencies:
+    lie "3.1.1"
+
+locate-path@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
+  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
+  dependencies:
+    p-locate "^2.0.0"
+    path-exists "^3.0.0"
+
+locate-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
+  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
+  dependencies:
+    p-locate "^3.0.0"
+    path-exists "^3.0.0"
+
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
+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.camelcase@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
+  integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
+
+lodash.escaperegexp@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz#64762c48618082518ac3df4ccf5d5886dae20347"
+  integrity sha1-ZHYsSGGAglGKw99Mz11YhtriA0c=
+
+lodash.isequal@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
+  integrity sha1-QVxEePK8wwEgwizhDtMib30+GOA=
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+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@^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==
+
+logform@^2.3.2, logform@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/logform/-/logform-2.4.0.tgz#131651715a17d50f09c2a2c1a524ff1a4164bcfe"
+  integrity sha512-CPSJw4ftjf517EhXZGGvTHHkYobo7ZCc0kvwUoOYcjfR2UVrI66RHj8MCrfAdEitdmFqbu2BYdYs8FHHZSb6iw==
+  dependencies:
+    "@colors/colors" "1.5.0"
+    fecha "^4.2.0"
+    ms "^2.1.1"
+    safe-stable-stringify "^2.3.1"
+    triple-beam "^1.3.0"
+
+loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
+lowercase-keys@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.0.tgz#4e3366b39e7f5457e35f1324bdf6f88d0bfc7306"
+  integrity sha512-RPlX0+PHuvxVDZ7xX+EBVAp4RsVxP/TdDSN2mJYdiq1Lc4Hz7EUSjUI7RZrKKlmrIzVhf6Jo2stj7++gVarS0A==
+
+lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
+  integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==
+
+lowercase-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
+  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
+
+lru-cache@^4.0.1:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
+  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
+  dependencies:
+    pseudomap "^1.0.2"
+    yallist "^2.1.2"
+
+lru-cache@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
+  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
+  dependencies:
+    yallist "^3.0.2"
+
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
+lru-cache@^7.4.4, lru-cache@^7.5.1, lru-cache@^7.7.1:
+  version "7.14.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.14.0.tgz#21be64954a4680e303a09e9468f880b98a0b3c7f"
+  integrity sha512-EIRtP1GrSJny0dqb50QXRUNBxHJhcpxHC++M5tD7RYbvLLn5KVWKsbyswSSqDuU15UFi3bgTQIY8nhDMeF6aDQ==
+
+lru_map@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/lru_map/-/lru_map-0.3.3.tgz#b5c8351b9464cbd750335a79650a0ec0e56118dd"
+  integrity sha1-tcg1G5Rky9dQM1p5ZQoOwOVhGN0=
+
+lunr@^2.3.9:
+  version "2.3.9"
+  resolved "https://registry.yarnpkg.com/lunr/-/lunr-2.3.9.tgz#18b123142832337dd6e964df1a5a7707b25d35e1"
+  integrity sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==
+
+lz-string@^1.4.4:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
+  integrity sha1-wNjq82BZ9wV5bh40SBHPTEmNOiY=
+
+make-dir@^1.0.0, make-dir@^1.2.0, make-dir@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
+  integrity sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==
+  dependencies:
+    pify "^3.0.0"
+
+make-dir@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
+  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
+  dependencies:
+    pify "^4.0.1"
+    semver "^5.6.0"
+
+make-dir@^3.0.0, make-dir@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
+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==
+
+make-fetch-happen@^10.0.3, make-fetch-happen@^10.0.6, make-fetch-happen@^10.2.0:
+  version "10.2.1"
+  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-10.2.1.tgz#f5e3835c5e9817b617f2770870d9492d28678164"
+  integrity sha512-NgOPbRiaQM10DYXvN3/hhGVI2M5MtITFryzBGxHM5p4wnFxsVCbxkrBrDsk+EZ5OB4jEOT7AjDxtdF+KVEFT7w==
+  dependencies:
+    agentkeepalive "^4.2.1"
+    cacache "^16.1.0"
+    http-cache-semantics "^4.1.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.0"
+    is-lambda "^1.0.1"
+    lru-cache "^7.7.1"
+    minipass "^3.1.6"
+    minipass-collect "^1.0.2"
+    minipass-fetch "^2.0.3"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    negotiator "^0.6.3"
+    promise-retry "^2.0.1"
+    socks-proxy-agent "^7.0.0"
+    ssri "^9.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"
+  integrity sha512-8iTuFioatnTTmb/YJjywkVIHLjcwkFD9Ms0JpxjEm9Mo8eQYkh1z+55dwv4yc1jQ8ftVBxWQbihvZL1DfzGGWA==
+
+makeerror@1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
+  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
+  dependencies:
+    tmpl "1.0.5"
+
+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.2.5:
+  version "4.2.5"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-4.2.5.tgz#979813dfc1252cc123a79b71b095759a32f42a5d"
+  integrity sha512-jPueVhumq7idETHkb203WDD4fMA3yV9emQ5vLwop58lu8bTclMghBWcYAavlDqIEMaisADinV1TooIFCfqOsYQ==
+
+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"
+  resolved "https://registry.yarnpkg.com/matcher/-/matcher-3.0.0.tgz#bd9060f4c5b70aa8041ccc6f80368760994f30ca"
+  integrity sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==
+  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"
+  integrity sha512-xbEFXCYVWrSx/gEKS1VPlg84h/4L20znVIulKw6kMfmBUAZNAnF00eczz9ICMl+/hjQGo5KSXRxbL/47X3rmMw==
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+  integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
+
+memfs@^3.1.2, memfs@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.4.1.tgz#b78092f466a0dce054d63d39275b24c71d3f1305"
+  integrity sha512-1c9VPVvW5P7I85c35zAdEr1TD5+F11IToIHIlrVIcflfnzPkJa0ZoYEoEdYDP8KgPFoSZ/opDrUsAoZWym3mtw==
+  dependencies:
+    fs-monkey "1.0.3"
+
+memfs@^3.4.12:
+  version "3.4.12"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.4.12.tgz#d00f8ad8dab132dc277c659dc85bfd14b07d03bd"
+  integrity sha512-BcjuQn6vfqP+k100e0E9m61Hyqa//Brp+I3f0OBmN0ATHlFA8vx3Lt8z57R3u2bPqe3WGDBC+nF72fTH7isyEw==
+  dependencies:
+    fs-monkey "^1.0.3"
+
+"memoize-one@>=3.1.1 <6", memoize-one@^5.1.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
+  integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
+
+memoize-one@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
+  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
+
+memorystream@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/memorystream/-/memorystream-0.3.1.tgz#86d7090b30ce455d63fbae12dda51a47ddcaf9b2"
+  integrity sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==
+
+merge-descriptors@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
+  integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+merge2@^1.3.0, merge2@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+mergee@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/mergee/-/mergee-1.0.0.tgz#027c5addc650f6ecbe4bf56100bd00dae763fda7"
+  integrity sha512-hbbXD4LOcxVkpS+mp3BMEhkSDf+lTVENFeEeqACgjjL8WrgKuW2EyLT0fOHyTbyDiuRLZJZ1HrHNeiX4iOd79Q==
+
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+  integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
+
+micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  dependencies:
+    braces "^3.0.2"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0, "mime-db@>= 1.43.0 < 2", mime-db@^1.28.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mime@1.6.0, mime@^1.4.1:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
+mime@^2.5.2:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367"
+  integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
+
+mimic-fn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
+  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+
+mimic-fn@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-3.1.0.tgz#65755145bbf3e36954b949c16450427451d5ca74"
+  integrity sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==
+
+mimic-response@^1.0.0, mimic-response@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
+  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
+
+mimic-response@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
+  integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
+
+min-indent@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
+  integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
+
+mini-css-extract-plugin@*, mini-css-extract-plugin@^2.7.2:
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.2.tgz#e049d3ea7d3e4e773aad585c6cb329ce0c7b72d7"
+  integrity sha512-EdlUizq13o0Pd+uCp+WO/JpkLvHRVGt97RqfeGhXqAcorYo1ypJSpkV+WDT0vY/kmh/p7wRdJNJtuyK540PXDw==
+  dependencies:
+    schema-utils "^4.0.0"
+
+minimalistic-assert@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
+  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
+
+minimatch@3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
+  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4, minimatch@^3.0.5, 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==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^5.0.0, minimatch@^5.0.1, minimatch@^5.1.0, minimatch@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.2.tgz#0939d7d6f0898acbd1508abe534d1929368a8fff"
+  integrity sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6:
+  version "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-fetch@^2.0.3:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/minipass-fetch/-/minipass-fetch-2.1.2.tgz#95560b50c472d81a3bc76f20ede80eaed76d8add"
+  integrity sha512-LT49Zi2/WMROHYoqGgdlQIZh8mLPZmOrN2NdJjMXxYe4nkN6FUyuPuOAOedNJDrx0IRGg9+4guZewtp8hE6TxA==
+  dependencies:
+    minipass "^3.1.6"
+    minipass-sized "^1.0.3"
+    minizlib "^2.1.2"
+  optionalDependencies:
+    encoding "^0.1.13"
+
+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-json-stream@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minipass-json-stream/-/minipass-json-stream-1.0.1.tgz#7edbb92588fbfc2ff1db2fc10397acb7b6b44aa7"
+  integrity sha512-ODqY18UZt/I8k+b7rl2AENgbWE8IDYam+undIJONvigAz8KR5GWblsFTEfQs0WODsjbSXWlm+JHEv8Gr6Tfdbg==
+  dependencies:
+    jsonparse "^1.3.1"
+    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@^3.0.0, minipass@^3.1.0, minipass@^3.1.1, minipass@^3.1.3, minipass@^3.1.6, minipass@^3.3.5:
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.5.tgz#6da7e53a48db8a856eeb9153d85b230a2119e819"
+  integrity sha512-rQ/p+KfKBkeNwo04U15i+hOwoVBVmekmm/HcfTkTN2t9pbQKCMm4eN5gFeqgrrSp/kH/7BYYhTIHOxGqzbBPaA==
+  dependencies:
+    yallist "^4.0.0"
+
+minipass@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.0.0.tgz#7cebb0f9fa7d56f0c5b17853cbe28838a8dbbd3b"
+  integrity sha512-g2Uuh2jEKoht+zvO6vJqXmYpflPqzRBT+Th2h01DKh5z7wbY/AZ2gCQ78cP70YoHPyFdY30YBV5WxgLOEwOykw==
+  dependencies:
+    yallist "^4.0.0"
+
+minizlib@^2.0.0, minizlib@^2.1.1, minizlib@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
+  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.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"
+  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
+
+mkdirp-infer-owner@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mkdirp-infer-owner/-/mkdirp-infer-owner-2.0.0.tgz#55d3b368e7d89065c38f32fd38e638f0ab61d316"
+  integrity sha512-sdqtiFt3lkOaYvTXSRIUjkIdPTcxgv5+fgqYE/5qgwdw12cOrAuzzgzvVExIkH/ul1oeHN3bCLOWSG3XOqbKKw==
+  dependencies:
+    chownr "^2.0.0"
+    infer-owner "^1.0.4"
+    mkdirp "^1.0.3"
+
+mkdirp@^0.5.1, mkdirp@^0.5.4:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
+  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
+  dependencies:
+    minimist "^1.2.6"
+
+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==
+
+mobx-observable-history@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/mobx-observable-history/-/mobx-observable-history-2.0.3.tgz#07dd551e9d2a5666ca1d759ad108173fab47125e"
+  integrity sha512-cWMG3GcT1l2Y880mfffNh9m6WldQyOtlLUvcdVUjIj++sNOQbRxKBaBUe/TPDiJ80EN6g8FGiVuFlzzyRJPykQ==
+  dependencies:
+    "@types/history" "^4.7.8"
+    history "^4.10.1"
+    mobx "^6.3.0"
+
+mobx-react-lite@^3.4.0:
+  version "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.6.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-7.6.0.tgz#ebf0456728a9bd2e5c24fdcf9b36e285a222a7d6"
+  integrity sha512-+HQUNuh7AoQ9ZnU6c4rvbiVVl+wEkb9WqYsVDzGLng+Dqj1XntHu79PvEWKtSMoMj67vFp/ZPXcElosuJO8ckA==
+  dependencies:
+    mobx-react-lite "^3.4.0"
+
+mobx-utils@^6.0.4:
+  version "6.0.5"
+  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.7.0:
+  version "6.7.0"
+  resolved "https://registry.yarnpkg.com/mobx/-/mobx-6.7.0.tgz#2d805610fee1801fd015c54fd5400d2601aa3768"
+  integrity sha512-1kBLBdSNG2bA522HQdbsTvwAwYf9hq9FWxmlhX7wTsJUAI54907J+ozfGW+LoYUo06vjit748g6QH1AAGLNebw==
+
+mock-http@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/mock-http/-/mock-http-1.1.0.tgz#b89380a718a103fc5801095804bedd0b20f7638c"
+  integrity sha512-H2HMGaHNQPWY8PdeEw4RFux2WEOHD6eJAtN3+iFELik5kGjPKAcoyPWcsC2vgDiTa2yimAEDssmMed51e+cBKQ==
+  dependencies:
+    mergee "^1.0.0"
+
+moment-timezone@^0.5.40:
+  version "0.5.40"
+  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.40.tgz#c148f5149fd91dd3e29bf481abc8830ecba16b89"
+  integrity sha512-tWfmNkRYmBkPJz5mr9GVDn9vRlVZOTe6yqY92rFxiOdWXbjaR0+9LwQnZGGuNR63X456NqmEkbskte8tWL5ePg==
+  dependencies:
+    moment ">= 2.9.0"
+
+"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"
+  resolved "https://registry.yarnpkg.com/monaco-editor-webpack-plugin/-/monaco-editor-webpack-plugin-5.0.0.tgz#796c50fb4ce3f75f45bf18dfa3c31f85dc9a05da"
+  integrity sha512-KrUUTmMO3lDCNK4honZ6rrrKjOI7FFLeyCktPetIo5HlRqr5dfE6ewaA9qNLH96XY7CekE3Z+v/+I6ufAs3ObA==
+  dependencies:
+    loader-utils "^2.0.0"
+
+monaco-editor@^0.29.1:
+  version "0.29.1"
+  resolved "https://registry.yarnpkg.com/monaco-editor/-/monaco-editor-0.29.1.tgz#6ee93d8a5320704d48fd7058204deed72429c020"
+  integrity sha512-rguaEG/zrPQSaKzQB7IfX/PpNa0qxF1FY8ZXRkN4WIl8qZdTQRSRJCtRto7IMcSgrU6H53RXI+fTcywOBC4aVw==
+
+moo-color@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/moo-color/-/moo-color-1.0.3.tgz#d56435f8359c8284d83ac58016df7427febece74"
+  integrity sha512-i/+ZKXMDf6aqYtBhuOcej71YSlbjT3wCO/4H1j8rPvxDJEifdwgg5MaFyu6iYAT8GBZJg2z0dkgK4YMzvURALQ==
+  dependencies:
+    color-name "^1.1.4"
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+ms@2.1.3, ms@^2.0.0, ms@^2.1.1, ms@^2.1.2:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+multicast-dns@^7.2.4:
+  version "7.2.4"
+  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.4.tgz#cf0b115c31e922aeb20b64e6556cbeb34cf0dd19"
+  integrity sha512-XkCYOU+rr2Ft3LI6w4ye51M3VK31qJXFIxu0XLw169PtKG0Zx47OrXeVW/GCYOfpC9s1yyyf1S+L8/4LY0J9Zw==
+  dependencies:
+    dns-packet "^5.2.2"
+    thunky "^1.0.2"
+
+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==
+
+nan@^2.14.0:
+  version "2.15.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.15.0.tgz#3f34a473ff18e15c1b5626b62903b5ad6e665fee"
+  integrity sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==
+
+nanoid@^3.3.4:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
+  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
+
+napi-build-utils@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/napi-build-utils/-/napi-build-utils-1.0.2.tgz#b1fddc0b2c46e380a0b7a76f984dd47c41a13806"
+  integrity sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==
+
+natural-compare-lite@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
+  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
+
+needle@^2.5.2:
+  version "2.9.1"
+  resolved "https://registry.yarnpkg.com/needle/-/needle-2.9.1.tgz#22d1dffbe3490c2b83e301f7709b6736cd8f2684"
+  integrity sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==
+  dependencies:
+    debug "^3.2.6"
+    iconv-lite "^0.4.4"
+    sax "^1.2.4"
+
+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, negotiator@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+neo-async@^2.6.0, neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+nice-try@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
+  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
+
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
+node-abi@^3.3.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.15.0.tgz#cd9ac8c58328129b49998cc6fa16aa5506152716"
+  integrity sha512-Ic6z/j6I9RLm4ov7npo1I48UQr2BEyFCqh6p7S1dhEx9jPO0GPGq/e2Rb7x7DroQrmiVMz/Bw1vJm9sPAl2nxA==
+  dependencies:
+    semver "^7.3.5"
+
+node-addon-api@^1.6.3:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-1.7.2.tgz#3df30b95720b53c24e59948b49532b662444f54d"
+  integrity sha512-ibPK3iA+vaY1eEjESkQkM0BbCqFOaZMiXRTtdB0u7b4djtY6JnsjvPdUHVMg6xQt3B8fpTTWHI9A+ADjM9frzg==
+
+node-addon-api@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-5.0.0.tgz#7d7e6f9ef89043befdb20c1989c905ebde18c501"
+  integrity sha512-CvkDw2OEnme7ybCykJpVcKH+uAOLV2qLqiyla128dN9TkEWfrYmxG6C2boDe5KcNQqZF3orkqzGgOMvZ/JNekA==
+
+node-domexception@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/node-domexception/-/node-domexception-1.0.0.tgz#6888db46a1f71c0b76b3f7555016b63fe64766e5"
+  integrity sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==
+
+node-fetch@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.3.0.tgz#37e71db4ecc257057af828d523a7243d651d91e4"
+  integrity sha512-BKwRP/O0UvoMKp7GNdwPlObhYGB5DQqwhEDQlNKuoqwVYSxkSZCSbHjnFFmUEtwSKRPU4kNK8PbDYYitwaE3QA==
+  dependencies:
+    data-uri-to-buffer "^4.0.0"
+    fetch-blob "^3.1.4"
+    formdata-polyfill "^4.0.10"
+
+node-forge@^1, node-forge@^1.2.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+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-gyp@^9.0.0, node-gyp@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-9.1.0.tgz#c8d8e590678ea1f7b8097511dedf41fc126648f8"
+  integrity sha512-HkmN0ZpQJU7FLbJauJTHkHlSVAXlNGDAzH/VYFZGDOnFyn/Na3GlNJfkudmufOdS6/jNFhy88ObzL7ERz9es1g==
+  dependencies:
+    env-paths "^2.2.0"
+    glob "^7.1.4"
+    graceful-fs "^4.2.6"
+    make-fetch-happen "^10.0.3"
+    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"
+  integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
+
+node-loader@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/node-loader/-/node-loader-2.0.0.tgz#9109a6d828703fd3e0aa03c1baec12a798071562"
+  integrity sha512-I5VN34NO4/5UYJaUBtkrODPWxbobrE4hgDqPrjB25yPkonFhCmZ146vTH+Zg417E9Iwoh1l/MbRs1apc5J295Q==
+  dependencies:
+    loader-utils "^2.0.0"
+
+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"
+
+node-releases@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.4.tgz#f38252370c43854dc48aa431c766c6c398f40476"
+  integrity sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==
+
+nodemon@^2.0.20:
+  version "2.0.20"
+  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-2.0.20.tgz#e3537de768a492e8d74da5c5813cb0c7486fc701"
+  integrity sha512-Km2mWHKKY5GzRg6i1j5OxOHQtuvVsgskLfigG25yTtbyfRGn/GNvIbRyOf1PSCKJ2aT/58TiuUsuOU5UToVViw==
+  dependencies:
+    chokidar "^3.5.2"
+    debug "^3.2.7"
+    ignore-by-default "^1.0.1"
+    minimatch "^3.1.2"
+    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"
+
+nopt@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88"
+  integrity sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==
+  dependencies:
+    abbrev "1"
+
+nopt@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-6.0.0.tgz#245801d8ebf409c6df22ab9d95b65e1309cdb16d"
+  integrity sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==
+  dependencies:
+    abbrev "^1.0.0"
+
+nopt@~1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-1.0.10.tgz#6ddd21bd2a31417b92727dd585f8a6f37608ebee"
+  integrity sha1-bd0hvSoxQXuScn3Vhfim83YI6+4=
+  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@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-4.0.1.tgz#b46b24e0616d06cadf9d5718b29b6d445a82a62c"
+  integrity sha512-EBk5QKKuocMJhB3BILuKhmaPjI8vNRSpIfO9woLC6NyHVkKKdVEdAO1mrT0ZfxNR1lKwCcTkuZfmGIFdizZ8Pg==
+  dependencies:
+    hosted-git-info "^5.0.0"
+    is-core-module "^2.8.1"
+    semver "^7.3.5"
+    validate-npm-package-license "^3.0.4"
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+normalize-url@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-2.0.1.tgz#835a9da1551fa26f70e92329069a23aa6574d7e6"
+  integrity sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==
+  dependencies:
+    prepend-http "^2.0.0"
+    query-string "^5.0.1"
+    sort-keys "^2.0.0"
+
+normalize-url@^4.1.0:
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.1.tgz#0dd90cf1288ee1d1313b87081c9a5932ee48518a"
+  integrity sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==
+
+normalize-url@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
+  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
+
+npm-audit-report@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/npm-audit-report/-/npm-audit-report-3.0.0.tgz#1bf3e531208b5f77347c8d00c3d9badf5be30cd6"
+  integrity sha512-tWQzfbwz1sc4244Bx2BVELw0EmZlCsCF0X93RDcmmwhonCsPMoEviYsi+32R+mdRvOWXolPce9zo64n2xgPESw==
+  dependencies:
+    chalk "^4.0.0"
+
+npm-bundled@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.1.2.tgz#944c78789bd739035b70baa2ca5cc32b8d860bc1"
+  integrity sha512-x5DHup0SuyQcmL3s7Rx/YQ8sbw/Hzg0rj48eN0dV7hf5cmQq5PXIeioroH3raV1QC1yh3uTYuMThvEQF3iKgGQ==
+  dependencies:
+    npm-normalize-package-bin "^1.0.1"
+
+npm-bundled@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-2.0.1.tgz#94113f7eb342cd7a67de1e789f896b04d2c600f4"
+  integrity sha512-gZLxXdjEzE/+mOstGDqR6b0EkhJ+kM6fxM6vUuckuctuVPh80Q6pw/rSZj9s4Gex9GxWtIicO1pc8DB9KZWudw==
+  dependencies:
+    npm-normalize-package-bin "^2.0.0"
+
+npm-conf@^1.1.0, npm-conf@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/npm-conf/-/npm-conf-1.1.3.tgz#256cc47bd0e218c259c4e9550bf413bc2192aff9"
+  integrity sha512-Yic4bZHJOt9RCFbRP3GgpqhScOY4HH3V2P8yBj6CeYq118Qr+BLXqT2JvpJ00mryLESpgOxf5XlFv4ZjXxLScw==
+  dependencies:
+    config-chain "^1.1.11"
+    pify "^3.0.0"
+
+npm-install-checks@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/npm-install-checks/-/npm-install-checks-5.0.0.tgz#5ff27d209a4e3542b8ac6b0c1db6063506248234"
+  integrity sha512-65lUsMI8ztHCxFz5ckCEC44DRvEGdZX5usQFriauxHEwt7upv1FKaQEmAtU0YnOAdwuNWCmk64xYiQABNrEyLA==
+  dependencies:
+    semver "^7.1.1"
+
+npm-normalize-package-bin@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz#6e79a41f23fd235c0623218228da7d9c23b8f6e2"
+  integrity sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==
+
+npm-normalize-package-bin@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-2.0.0.tgz#9447a1adaaf89d8ad0abe24c6c84ad614a675fff"
+  integrity sha512-awzfKUO7v0FscrSpRoogyNm0sajikhBWpU0QMrW09AMi9n1PoKU6WaIqUzuJSQnpciZZmJ/jMZ2Egfmb/9LiWQ==
+
+npm-package-arg@^9.0.0, npm-package-arg@^9.0.1, npm-package-arg@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-9.1.0.tgz#a60e9f1e7c03e4e3e4e994ea87fff8b90b522987"
+  integrity sha512-4J0GL+u2Nh6OnhvUKXRr2ZMG4lR8qtLp+kv7UiV00Y+nGiSxtttCyIRHCt5L5BNkXQld/RceYItau3MDOoGiBw==
+  dependencies:
+    hosted-git-info "^5.0.0"
+    proc-log "^2.0.1"
+    semver "^7.3.5"
+    validate-npm-package-name "^4.0.0"
+
+npm-packlist@^5.1.0:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-5.1.3.tgz#69d253e6fd664b9058b85005905012e00e69274b"
+  integrity sha512-263/0NGrn32YFYi4J533qzrQ/krmmrWwhKkzwTuM4f/07ug51odoaNjUexxO4vxlzURHcmYMH1QjvHjsNDKLVg==
+  dependencies:
+    glob "^8.0.1"
+    ignore-walk "^5.0.1"
+    npm-bundled "^2.0.0"
+    npm-normalize-package-bin "^2.0.0"
+
+npm-pick-manifest@^7.0.0, npm-pick-manifest@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/npm-pick-manifest/-/npm-pick-manifest-7.0.2.tgz#1d372b4e7ea7c6712316c0e99388a73ed3496e84"
+  integrity sha512-gk37SyRmlIjvTfcYl6RzDbSmS9Y4TOBXfsPnoYqTHARNgWbyDiCSMLUpmALDj4jjcTZpURiEfsSHJj9k7EV4Rw==
+  dependencies:
+    npm-install-checks "^5.0.0"
+    npm-normalize-package-bin "^2.0.0"
+    npm-package-arg "^9.0.0"
+    semver "^7.3.5"
+
+npm-profile@^6.2.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/npm-profile/-/npm-profile-6.2.1.tgz#975c31ec75a6ae029ab5b8820ffdcbae3a1e3d5e"
+  integrity sha512-Tlu13duByHyDd4Xy0PgroxzxnBYWbGGL5aZifNp8cx2DxUrHSoETXtPKg38aRPsBWMRfDtvcvVfJNasj7oImQQ==
+  dependencies:
+    npm-registry-fetch "^13.0.1"
+    proc-log "^2.0.0"
+
+npm-registry-fetch@^13.0.0, npm-registry-fetch@^13.0.1, npm-registry-fetch@^13.3.1:
+  version "13.3.1"
+  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-13.3.1.tgz#bb078b5fa6c52774116ae501ba1af2a33166af7e"
+  integrity sha512-eukJPi++DKRTjSBRcDZSDDsGqRK3ehbxfFUcgaRd0Yp6kRwOwh2WVn0r+8rMB4nnuzvAk6rQVzl6K5CkYOmnvw==
+  dependencies:
+    make-fetch-happen "^10.0.6"
+    minipass "^3.1.6"
+    minipass-fetch "^2.0.3"
+    minipass-json-stream "^1.0.1"
+    minizlib "^2.1.2"
+    npm-package-arg "^9.0.1"
+    proc-log "^2.0.0"
+
+npm-run-path@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
+  integrity sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==
+  dependencies:
+    path-key "^2.0.0"
+
+npm-run-path@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
+npm-user-validate@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/npm-user-validate/-/npm-user-validate-1.0.1.tgz#31428fc5475fe8416023f178c0ab47935ad8c561"
+  integrity sha512-uQwcd/tY+h1jnEaze6cdX/LrhWhoBxfSknxentoqmIuStxUExxjWd3ULMLFPiFUrZKbOVMowH6Jq2FRWfmhcEw==
+
+npm@^8.19.3:
+  version "8.19.3"
+  resolved "https://registry.yarnpkg.com/npm/-/npm-8.19.3.tgz#adb51bf8886d519dd4df162726d0ad157ecfa272"
+  integrity sha512-0QjmyPtDxSyMWWD8I91QGbrgx9KzbV6C9FK1liEb/K0zppiZkr5KxXc990G+LzPwBHDfRjUBlO9T1qZ08vl9mA==
+  dependencies:
+    "@isaacs/string-locale-compare" "^1.1.0"
+    "@npmcli/arborist" "^5.6.3"
+    "@npmcli/ci-detect" "^2.0.0"
+    "@npmcli/config" "^4.2.1"
+    "@npmcli/fs" "^2.1.0"
+    "@npmcli/map-workspaces" "^2.0.3"
+    "@npmcli/package-json" "^2.0.0"
+    "@npmcli/run-script" "^4.2.1"
+    abbrev "~1.1.1"
+    archy "~1.0.0"
+    cacache "^16.1.3"
+    chalk "^4.1.2"
+    chownr "^2.0.0"
+    cli-columns "^4.0.0"
+    cli-table3 "^0.6.2"
+    columnify "^1.6.0"
+    fastest-levenshtein "^1.0.12"
+    fs-minipass "^2.1.0"
+    glob "^8.0.1"
+    graceful-fs "^4.2.10"
+    hosted-git-info "^5.2.1"
+    ini "^3.0.1"
+    init-package-json "^3.0.2"
+    is-cidr "^4.0.2"
+    json-parse-even-better-errors "^2.3.1"
+    libnpmaccess "^6.0.4"
+    libnpmdiff "^4.0.5"
+    libnpmexec "^4.0.14"
+    libnpmfund "^3.0.5"
+    libnpmhook "^8.0.4"
+    libnpmorg "^4.0.4"
+    libnpmpack "^4.1.3"
+    libnpmpublish "^6.0.5"
+    libnpmsearch "^5.0.4"
+    libnpmteam "^4.0.4"
+    libnpmversion "^3.0.7"
+    make-fetch-happen "^10.2.0"
+    minimatch "^5.1.0"
+    minipass "^3.1.6"
+    minipass-pipeline "^1.2.4"
+    mkdirp "^1.0.4"
+    mkdirp-infer-owner "^2.0.0"
+    ms "^2.1.2"
+    node-gyp "^9.1.0"
+    nopt "^6.0.0"
+    npm-audit-report "^3.0.0"
+    npm-install-checks "^5.0.0"
+    npm-package-arg "^9.1.0"
+    npm-pick-manifest "^7.0.2"
+    npm-profile "^6.2.0"
+    npm-registry-fetch "^13.3.1"
+    npm-user-validate "^1.0.1"
+    npmlog "^6.0.2"
+    opener "^1.5.2"
+    p-map "^4.0.0"
+    pacote "^13.6.2"
+    parse-conflict-json "^2.0.2"
+    proc-log "^2.0.1"
+    qrcode-terminal "^0.12.0"
+    read "~1.0.7"
+    read-package-json "^5.0.2"
+    read-package-json-fast "^2.0.3"
+    readdir-scoped-modules "^1.1.0"
+    rimraf "^3.0.2"
+    semver "^7.3.7"
+    ssri "^9.0.1"
+    tar "^6.1.11"
+    text-table "~0.2.0"
+    tiny-relative-date "^1.3.0"
+    treeverse "^2.0.0"
+    validate-npm-package-name "^4.0.0"
+    which "^2.0.2"
+    write-file-atomic "^4.0.1"
+
+npmlog@^6.0.0, npmlog@^6.0.2:
+  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"
+  integrity sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w==
+  dependencies:
+    boolbase "^1.0.0"
+
+nwsapi@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
+  integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
+
+oauth-sign@~0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
+  integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
+
+object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+
+object-hash@^2.0.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5"
+  integrity sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+object-inspect@^1.12.0, object-inspect@^1.9.0:
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.0.tgz#6e2c120e868fd1fd18cb4f18c31741d0d6e776f0"
+  integrity sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==
+
+object-inspect@^1.12.2:
+  version "1.12.2"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
+  integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
+
+object-keys@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+object.assign@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940"
+  integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==
+  dependencies:
+    call-bind "^1.0.0"
+    define-properties "^1.1.3"
+    has-symbols "^1.0.1"
+    object-keys "^1.1.1"
+
+object.assign@^4.1.4:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
+  integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    has-symbols "^1.0.3"
+    object-keys "^1.1.1"
+
+object.entries@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.6.tgz#9737d0e5b8291edd340a3e3264bb8a3b00d5fa23"
+  integrity sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+object.fromentries@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.6.tgz#cdb04da08c539cffa912dcd368b886e0904bfa73"
+  integrity sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+object.hasown@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.2.tgz#f919e21fad4eb38a57bc6345b3afd496515c3f92"
+  integrity sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==
+  dependencies:
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+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, object.values@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
+  integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+obuf@^1.0.0, obuf@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
+  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
+
+oidc-token-hash@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/oidc-token-hash/-/oidc-token-hash-5.0.1.tgz#ae6beec3ec20f0fd885e5400d175191d6e2f10c6"
+  integrity sha512-EvoOtz6FIEBzE+9q253HsLCVRiK/0doEJ2HCvvqMQb3dHZrP3WlJKYtJ55CRTw4jmYomzH4wkPuCj/I3ZvpKxQ==
+
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
+on-headers@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
+  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
+
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+one-time@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/one-time/-/one-time-1.0.0.tgz#e06bc174aed214ed58edede573b433bbf827cb45"
+  integrity sha512-5DXOiRKwuSEcQ/l0kGCF6Q3jcADFv5tSmRaJck/OqkVFcOzutB134KRSfF0xDrL39MNnqxbHBbUUcjZIhTgb2g==
+  dependencies:
+    fn.name "1.x.x"
+
+onetime@^5.1.0, onetime@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+  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, open@^8.4.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
+  integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
+opener@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
+  integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
+
+openid-client@^5.3.0:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/openid-client/-/openid-client-5.3.1.tgz#69a5fa7d2b5ad479032f576852d40b4d4435488a"
+  integrity sha512-RLfehQiHch9N6tRWNx68cicf3b1WR0x74bJWHRc25uYIbSRwjxYcTFaRnzbbpls5jroLAaB/bFIodTgA5LJMvw==
+  dependencies:
+    jose "^4.10.0"
+    lru-cache "^6.0.0"
+    object-hash "^2.0.1"
+    oidc-token-hash "^5.0.1"
+
+optionator@^0.8.1:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
+  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
+  dependencies:
+    deep-is "~0.1.3"
+    fast-levenshtein "~2.0.6"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    word-wrap "~1.2.3"
+
+optionator@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
+  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.3"
+
+os-filter-obj@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/os-filter-obj/-/os-filter-obj-2.0.0.tgz#1c0b62d5f3a2442749a2d139e6dddee6e81d8d16"
+  integrity sha512-uksVLsqG3pVdzzPvmAHpBK0wKxYItuzZr7SziusRPoz67tGV8rL1szZ6IdeUrbqLjGDwApBtN29eEE3IqGHOjg==
+  dependencies:
+    arch "^2.1.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=
+
+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=
+
+p-cancelable@^0.4.0:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-0.4.1.tgz#35f363d67d52081c8d9585e37bcceb7e0bbcb2a0"
+  integrity sha512-HNa1A8LvB1kie7cERyy21VNeHb2CWJJYqyyC2o3klWFfMGlFmWv2Z7sFgZH8ZiaYL95ydToKTFVXgMV/Os0bBQ==
+
+p-cancelable@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc"
+  integrity sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==
+
+p-cancelable@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-2.1.1.tgz#aab7fbd416582fa32a3db49859c122487c5ed2cf"
+  integrity sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==
+
+p-event@^2.1.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/p-event/-/p-event-2.3.1.tgz#596279ef169ab2c3e0cae88c1cfbb08079993ef6"
+  integrity sha512-NQCqOFhbpVTMX4qMe8PF8lbGtzZ+LCiN7pcNrb/413Na7+TRoe1xkKUzuWa/YEJdGQ0FvKtj35EEbDoVPO2kbA==
+  dependencies:
+    p-timeout "^2.0.1"
+
+p-finally@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
+  integrity sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==
+
+p-is-promise@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/p-is-promise/-/p-is-promise-1.1.0.tgz#9c9456989e9f6588017b0434d56097675c3da05e"
+  integrity sha512-zL7VE4JVS2IFSkR2GQKDSPEVxkoH43/p7oEnwpdCndKYJO0HVeRB7fA8TJwuLOTBREtK0ea8eHaxdwcpob5dmg==
+
+p-limit@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
+  integrity sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==
+  dependencies:
+    p-try "^1.0.0"
+
+p-limit@^2.0.0, p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-limit@^3.0.2, p-limit@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
+  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
+  dependencies:
+    p-limit "^1.1.0"
+
+p-locate@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
+  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
+  dependencies:
+    p-limit "^2.0.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+p-map@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b"
+  integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
+  dependencies:
+    aggregate-error "^3.0.0"
+
+p-retry@^4.5.0:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
+  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
+  dependencies:
+    "@types/retry" "0.12.0"
+    retry "^0.13.1"
+
+p-timeout@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-2.0.1.tgz#d8dd1979595d2dc0139e1fe46b8b646cb3cdf038"
+  integrity sha512-88em58dDVB/KzPEx1X0N3LwFfYZPyDc4B6eF38M1rk9VTZMbxXXgjugz8mmwpS9Ox4BDZ+t6t3QP5+/gazweIA==
+  dependencies:
+    p-finally "^1.0.0"
+
+p-try@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
+  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
+
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
+pacote@^13.0.3, pacote@^13.6.1, pacote@^13.6.2:
+  version "13.6.2"
+  resolved "https://registry.yarnpkg.com/pacote/-/pacote-13.6.2.tgz#0d444ba3618ab3e5cd330b451c22967bbd0ca48a"
+  integrity sha512-Gu8fU3GsvOPkak2CkbojR7vjs3k3P9cA6uazKTHdsdV0gpCEQq2opelnEv30KRQWgVzP5Vd/5umjcedma3MKtg==
+  dependencies:
+    "@npmcli/git" "^3.0.0"
+    "@npmcli/installed-package-contents" "^1.0.7"
+    "@npmcli/promise-spawn" "^3.0.0"
+    "@npmcli/run-script" "^4.1.0"
+    cacache "^16.0.0"
+    chownr "^2.0.0"
+    fs-minipass "^2.1.0"
+    infer-owner "^1.0.4"
+    minipass "^3.1.6"
+    mkdirp "^1.0.4"
+    npm-package-arg "^9.0.0"
+    npm-packlist "^5.1.0"
+    npm-pick-manifest "^7.0.0"
+    npm-registry-fetch "^13.0.1"
+    proc-log "^2.0.0"
+    promise-retry "^2.0.1"
+    read-package-json "^5.0.0"
+    read-package-json-fast "^2.0.3"
+    rimraf "^3.0.2"
+    ssri "^9.0.0"
+    tar "^6.1.11"
+
+pako@~0.2.0:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
+  integrity sha1-8/dSL073gjSNqBYbrZ7P1Rv4OnU=
+
+pako@~1.0.2:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
+  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
+
+param-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-conflict-json@^2.0.1, parse-conflict-json@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/parse-conflict-json/-/parse-conflict-json-2.0.2.tgz#3d05bc8ffe07d39600dc6436c6aefe382033d323"
+  integrity sha512-jDbRGb00TAPFsKWCpZZOT93SxVP9nONOSgES3AevqRq/CHvavEBvKAjxX9p5Y5F0RZLxH9Ufd9+RwtCsa+lFDA==
+  dependencies:
+    json-parse-even-better-errors "^2.3.1"
+    just-diff "^5.0.1"
+    just-diff-apply "^5.2.0"
+
+parse-json@^5.0.0, parse-json@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@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"
+
+parse-node-version@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parse-node-version/-/parse-node-version-1.0.1.tgz#e2b5dbede00e7fa9bc363607f53327e8b073189b"
+  integrity sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==
+
+parse5@6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
+  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+
+parseurl@~1.3.2, parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+  integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+
+path-key@^2.0.0, path-key@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
+  integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==
+
+path-key@^3.0.0, path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.6, path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-to-regexp@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
+  integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
+
+path-to-regexp@^1.7.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
+  integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
+  dependencies:
+    isarray "0.0.1"
+
+path-to-regexp@^6.2.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-6.2.1.tgz#d54934d6798eb9e5ef14e7af7962c945906918e5"
+  integrity sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+peek-stream@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/peek-stream/-/peek-stream-1.1.3.tgz#3b35d84b7ccbbd262fff31dc10da56856ead6d67"
+  integrity sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==
+  dependencies:
+    buffer-from "^1.0.0"
+    duplexify "^3.5.0"
+    through2 "^2.0.3"
+
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+  integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pify@^2.2.0, pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
+
+pify@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
+  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
+
+pinkie-promise@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
+  integrity sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==
+  dependencies:
+    pinkie "^2.0.0"
+
+pinkie@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+  integrity sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==
+
+pirates@^4.0.4:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
+  integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
+
+pkg-dir@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+  dependencies:
+    find-up "^4.0.0"
+
+pkg-up@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
+  integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
+  dependencies:
+    find-up "^3.0.0"
+
+playwright-core@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.29.2.tgz#2e8347e7e8522409f22b244e600e703b64022406"
+  integrity sha512-94QXm4PMgFoHAhlCuoWyaBYKb92yOcGVHdQLoxQ7Wjlc7Flg4aC/jbFW7xMR52OfXMVkWicue4WXE7QEegbIRA==
+
+playwright@^1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.29.2.tgz#d6a0a3e8e44f023f7956ed19ffa8af915a042769"
+  integrity sha512-hKBYJUtdmYzcjdhYDkP9WGtORwwZBBKAW8+Lz7sr0ZMxtJr04ASXVzH5eBWtDkdb0c3LLFsehfPBTRfvlfKJOA==
+  dependencies:
+    playwright-core "1.29.2"
+
+plist@^3.0.1, plist@^3.0.4:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/plist/-/plist-3.0.5.tgz#2cbeb52d10e3cdccccf0c11a63a85d830970a987"
+  integrity sha512-83vX4eYdQp3vP9SxuYgEM/G/pJQqLUz/V/xzPrzruLs7fz7jxGQ1msZ/mg1nwZxUSuOp4sb+/bEIbRrbzZRxDA==
+  dependencies:
+    base64-js "^1.5.1"
+    xmlbuilder "^9.0.7"
+
+popper.js@1.16.1-lts:
+  version "1.16.1-lts"
+  resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1-lts.tgz#cf6847b807da3799d80ee3d6d2f90df8a3f50b05"
+  integrity sha512-Kjw8nKRl1m+VrSFCoVGPph93W/qrSO7ZkqPpTf7F4bk/sqcfWK019dWBUpE/fBOsOQY1dks/Bmcbfn1heM/IsA==
+
+postcss-filter-plugins@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-filter-plugins/-/postcss-filter-plugins-3.0.1.tgz#9d226e946d56542ab7c26123053459a331df545d"
+  integrity sha512-tRKbW4wWBEkSSFuJtamV2wkiV9rj6Yy7P3Y13+zaynlPEEZt8EgYKn3y/RBpMeIhNmHXFlSdzofml65hD5OafA==
+  dependencies:
+    postcss "^6.0.14"
+
+postcss-icss-keyframes@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-icss-keyframes/-/postcss-icss-keyframes-0.2.1.tgz#80c4455e0112b0f2f9c3c05ac7515062bb9ff295"
+  integrity sha1-gMRFXgESsPL5w8Bax1FQYruf8pU=
+  dependencies:
+    icss-utils "^3.0.1"
+    postcss "^6.0.2"
+    postcss-value-parser "^3.3.0"
+
+postcss-icss-selectors@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-icss-selectors/-/postcss-icss-selectors-2.0.3.tgz#27fa1afcaab6c602c866cbb298f3218e9bc1c9b3"
+  integrity sha1-J/oa/Kq2xgLIZsuymPMhjpvBybM=
+  dependencies:
+    css-selector-tokenizer "^0.7.0"
+    generic-names "^1.0.2"
+    icss-utils "^3.0.1"
+    lodash "^4.17.4"
+    postcss "^6.0.2"
+
+postcss-import@^14.1.0:
+  version "14.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
+  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-js@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.0.tgz#31db79889531b80dc7bc9b0ad283e418dce0ac00"
+  integrity sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-load-config@^3.0.1, postcss-load-config@^3.1.4:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
+  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
+  dependencies:
+    lilconfig "^2.0.5"
+    yaml "^1.10.2"
+
+postcss-loader@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-6.2.1.tgz#0895f7346b1702103d30fdc66e4d494a93c008ef"
+  integrity sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    klona "^2.0.5"
+    semver "^7.3.5"
+
+postcss-modules-extract-imports@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
+  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
+
+postcss-modules-local-by-default@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
+  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
+  dependencies:
+    icss-utils "^5.0.0"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.1.0"
+
+postcss-modules-scope@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06"
+  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
+postcss-modules-values@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
+  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
+  dependencies:
+    icss-utils "^5.0.0"
+
+postcss-nested@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.0.tgz#1572f1984736578f360cffc7eb7dca69e30d1735"
+  integrity sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
+  version "6.0.10"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
+  integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-value-parser@^3.3.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
+  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^6.0.14, postcss@^6.0.2:
+  version "6.0.23"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
+  integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
+  dependencies:
+    chalk "^2.4.1"
+    source-map "^0.6.1"
+    supports-color "^5.4.0"
+
+postcss@^8.3.0, postcss@^8.4.18, postcss@^8.4.19, postcss@^8.4.21:
+  version "8.4.21"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
+  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
+  dependencies:
+    nanoid "^3.3.4"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+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"
+    github-from-package "0.0.0"
+    minimist "^1.2.3"
+    mkdirp-classic "^0.5.3"
+    napi-build-utils "^1.0.1"
+    node-abi "^3.3.0"
+    pump "^3.0.0"
+    rc "^1.2.7"
+    simple-get "^4.0.0"
+    tar-fs "^2.0.0"
+    tunnel-agent "^0.6.0"
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+prelude-ls@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+  integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
+
+prepend-http@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
+  integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
+
+pretty-error@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
+  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
+  dependencies:
+    lodash "^4.17.20"
+    renderkid "^3.0.0"
+
+pretty-format@^26.6.2:
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.2.tgz#e35c2705f14cb7fe2fe94fa078345b444120fc93"
+  integrity sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==
+  dependencies:
+    "@jest/types" "^26.6.2"
+    ansi-regex "^5.0.0"
+    ansi-styles "^4.0.0"
+    react-is "^17.0.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==
+  dependencies:
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
+    react-is "^17.0.1"
+
+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.1.3"
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
+    react-is "^18.0.0"
+
+proc-log@^2.0.0, proc-log@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/proc-log/-/proc-log-2.0.1.tgz#8f3f69a1f608de27878f91f5c688b225391cb685"
+  integrity sha512-Kcmo2FhfDTXdcbfDH76N7uBYHINxc/8GW7UAVuVP9I+Va3uHSerrnKV6dLooga/gh7GlgzuCCr/eoldnL1muGw==
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+progress@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+promise-all-reject-late@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-all-reject-late/-/promise-all-reject-late-1.0.1.tgz#f8ebf13483e5ca91ad809ccc2fcf25f26f8643c2"
+  integrity sha512-vuf0Lf0lOxyQREH7GDIOUMLS7kz+gs8i6B+Yi8dC68a2sychGrHTJYghMBD6k7eUcH0H5P73EckCA48xijWqXw==
+
+promise-call-limit@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-call-limit/-/promise-call-limit-1.0.1.tgz#4bdee03aeb85674385ca934da7114e9bcd3c6e24"
+  integrity sha512-3+hgaa19jzCGLuSCbieeRsu5C2joKfYn8pY6JAuXFRVfF4IO+L7UPpFWNTeWT9pM7uhskvbPPd/oEOktCn317Q==
+
+promise-inflight@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
+  integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
+
+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"
+  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
+  dependencies:
+    kleur "^3.0.3"
+    sisteransi "^1.0.5"
+
+promzard@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/promzard/-/promzard-0.3.0.tgz#26a5d6ee8c7dee4cb12208305acfb93ba382a9ee"
+  integrity sha1-JqXW7ox97kyxIggwWs+5O6OCqe4=
+  dependencies:
+    read "1"
+
+prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+proper-lockfile@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/proper-lockfile/-/proper-lockfile-1.2.0.tgz#ceff5dd89d3e5f10fb75e1e8e76bc75801a59c34"
+  integrity sha1-zv9d2J0+XxD7deHo52vHWAGlnDQ=
+  dependencies:
+    err-code "^1.0.0"
+    extend "^3.0.0"
+    graceful-fs "^4.1.2"
+    retry "^0.10.0"
+
+proper-lockfile@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/proper-lockfile/-/proper-lockfile-4.1.2.tgz#c8b9de2af6b2f1601067f98e01ac66baa223141f"
+  integrity sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==
+  dependencies:
+    graceful-fs "^4.2.4"
+    retry "^0.12.0"
+    signal-exit "^3.0.2"
+
+proto-list@~1.2.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
+  integrity sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=
+
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
+prr@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
+  integrity sha1-0/wRS6BplaRexok/SEzrHXj19HY=
+
+pseudomap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
+  integrity sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==
+
+psl@^1.1.28, psl@^1.1.33:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
+  integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
+
+pstree.remy@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/pstree.remy/-/pstree.remy-1.1.8.tgz#c242224f4a67c21f686839bbdb4ac282b8373d3a"
+  integrity sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==
+
+pump@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
+  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+pumpify@^1.3.3:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
+  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
+  dependencies:
+    duplexify "^3.6.0"
+    inherits "^2.0.3"
+    pump "^2.0.0"
+
+punycode@^2.1.0, punycode@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+
+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"
+  integrity sha512-EXtzRZmC+YGmGlDFbXKxQiMZNwCLEO6BANKXG4iCtSIM0yqc/pappSx3RIKr4r0uh5JsBckOXeKrB3Iz7mdQpQ==
+
+qs@6.10.3:
+  version "6.10.3"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.3.tgz#d6cde1b2ffca87b5aa57889816c5f81535e22e8e"
+  integrity sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==
+  dependencies:
+    side-channel "^1.0.4"
+
+qs@~6.5.2:
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.3.tgz#3aeeffc91967ef6e35c0e488ef46fb296ab76aad"
+  integrity sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==
+
+query-string@^5.0.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-5.1.1.tgz#a78c012b71c17e05f2e3fa2319dd330682efb3cb"
+  integrity sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==
+  dependencies:
+    decode-uri-component "^0.2.0"
+    object-assign "^4.1.0"
+    strict-uri-encode "^1.0.0"
+
+query-string@^7.1.3:
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-7.1.3.tgz#a1cf90e994abb113a325804a972d98276fe02328"
+  integrity sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==
+  dependencies:
+    decode-uri-component "^0.2.2"
+    filter-obj "^1.1.0"
+    split-on-first "^1.0.0"
+    strict-uri-encode "^2.0.0"
+
+querystringify@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+quick-lru@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
+
+raf-schd@^4.0.2:
+  version "4.0.3"
+  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"
+  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  dependencies:
+    safe-buffer "^5.1.0"
+
+randomcolor@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/randomcolor/-/randomcolor-0.6.2.tgz#7a57362ae1a1278439aeed2c15e5deb8ea33f56d"
+  integrity sha512-Mn6TbyYpFgwFuQ8KJKqf3bqqY9O1y37/0jgSK/61PUxV4QfIMv0+K2ioq8DfOjkBslcjwSzRfIDEXfzA9aCx7A==
+
+range-parser@^1.2.1, range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857"
+  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
+rc@^1.2.7:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
+  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
+  dependencies:
+    deep-extend "^0.6.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
+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"
+    memoize-one "^5.1.1"
+    raf-schd "^4.0.2"
+    react-redux "^7.2.0"
+    redux "^4.0.4"
+    use-memo-one "^1.1.1"
+
+react-dom@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
+  integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    scheduler "^0.20.2"
+
+react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+"react-is@^16.8.0 || ^17.0.0", react-is@^17.0.1, react-is@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
+  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+
+react-is@^18.0.0:
+  version "18.1.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.1.0.tgz#61aaed3096d30eacf2a2127118b5b41387d32a67"
+  integrity sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==
+
+react-material-ui-carousel@^2.3.11:
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/react-material-ui-carousel/-/react-material-ui-carousel-2.3.11.tgz#0523d4a97caa2fd7d21d803e165b9f3120fe7693"
+  integrity sha512-rsD9D2JLDBTfinaPy1+hcb7gunfdX7jmga7xESfRCCtLXzokOrkhmx4qMd8dZmYY42zc/HbYqLqg9E/d187lbw==
+  dependencies:
+    auto-bind "^2.1.1"
+    react-swipeable "^6.1.0"
+
+react-redux@^7.2.0:
+  version "7.2.8"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.8.tgz#a894068315e65de5b1b68899f9c6ee0923dd28de"
+  integrity sha512-6+uDjhs3PSIclqoCk0kd6iX74gzrGc3W5zcAjbrFgEdIjRSQObdIwfx80unTkVUYvbQ95Y8Av3OvFHq1w5EOUw==
+  dependencies:
+    "@babel/runtime" "^7.15.4"
+    "@types/react-redux" "^7.1.20"
+    hoist-non-react-statics "^3.3.2"
+    loose-envify "^1.4.0"
+    prop-types "^15.7.2"
+    react-is "^17.0.2"
+
+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.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.4:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.3.4.tgz#2ed62ffd88cae6db134445f4a0c0ae8b91d2e5e6"
+  integrity sha512-m4EqFMHv/Ih4kpcBCONHbkT68KoAeHN4p3lAGoNryfHi0dMy0kCzEZakiKRsvg5wHZ/JLrLW8o8KomWiz/qbYQ==
+  dependencies:
+    "@babel/runtime" "^7.12.13"
+    history "^4.9.0"
+    loose-envify "^1.3.1"
+    prop-types "^15.6.2"
+    react-router "5.3.4"
+    tiny-invariant "^1.0.2"
+    tiny-warning "^1.0.0"
+
+react-router@5.3.4, react-router@^5.3.4:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.3.4.tgz#8ca252d70fcc37841e31473c7a151cf777887bb5"
+  integrity sha512-Ys9K+ppnJah3QuaRiLxk+jDWOR1MekYQrlytiXxC1RyfbdsZkS5pvKAzCCr031xHixZwpnsYNT5xysdFHQaYsA==
+  dependencies:
+    "@babel/runtime" "^7.12.13"
+    history "^4.9.0"
+    hoist-non-react-statics "^3.1.0"
+    loose-envify "^1.3.1"
+    path-to-regexp "^1.7.0"
+    prop-types "^15.6.2"
+    react-is "^16.6.0"
+    tiny-invariant "^1.0.2"
+    tiny-warning "^1.0.0"
+
+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.7.0:
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.7.0.tgz#82921b38f1fcf1471a0b62304da01f2896cd8ce6"
+  integrity sha512-lJGiMxCa3cqnUr2Jjtg9YHsaytiZqeNOKeibv6WF5zbK/fPegZ1hg3y/9P1RZVLhqBTs0PfqQLKuAACednYGhQ==
+  dependencies:
+    "@babel/runtime" "^7.12.0"
+    "@emotion/cache" "^11.4.0"
+    "@emotion/react" "^11.8.1"
+    "@floating-ui/dom" "^1.0.1"
+    "@types/react-transition-group" "^4.4.0"
+    memoize-one "^6.0.0"
+    prop-types "^15.6.0"
+    react-transition-group "^4.3.0"
+    use-isomorphic-layout-effect "^1.1.2"
+
+react-swipeable@^6.1.0:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/react-swipeable/-/react-swipeable-6.2.2.tgz#52ba570f3a7a90db7093094ec476f3d151f727d1"
+  integrity sha512-Oz7nSFrssvq2yvy05aNL3F+yBUqSvLsK6x1mu+rQFOpMdQVnt4izKt1vyjvvTb70q6GQOaSpaB6qniROW2MAzQ==
+
+react-table@^7.8.0:
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/react-table/-/react-table-7.8.0.tgz#07858c01c1718c09f7f1aed7034fcfd7bda907d2"
+  integrity sha512-hNaz4ygkZO4bESeFfnfOft73iBUj8K5oKi1EcSHPAibEydfsX2MyU6Z8KCr3mv3C9Kqqh71U+DhZkFvibbnPbA==
+
+react-transition-group@^4.3.0, react-transition-group@^4.4.0:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
+  integrity sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
+react-virtualized-auto-sizer@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.7.tgz#bfb8414698ad1597912473de3e2e5f82180c1195"
+  integrity sha512-Mxi6lwOmjwIjC1X4gABXMJcKHsOo0xWl3E3ugOgufB8GJU+MqrtY35aBuvCYv/razQ1Vbp7h1gWJjGjoNN5pmA==
+
+react-window@^1.8.8:
+  version "1.8.8"
+  resolved "https://registry.yarnpkg.com/react-window/-/react-window-1.8.8.tgz#1b52919f009ddf91970cbdb2050a6c7be44df243"
+  integrity sha512-D4IiBeRtGXziZ1n0XklnFGu7h9gU684zepqyKzgPNzrsrk7xOCxni+TCckjg2Nr/DiaEEGVVmnhYSlT2rB47dQ==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    memoize-one ">=3.1.1 <6"
+
+react@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
+  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
+read-cmd-shim@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-3.0.1.tgz#868c235ec59d1de2db69e11aec885bc095aea087"
+  integrity sha512-kEmDUoYf/CDy8yZbLTmhB1X9kkjf9Q80PCNsDMb7ufrGd6zZSQA1+UyjrO+pZm5K/S4OXCWJeiIt1JA8kAsa6g==
+
+read-config-file@6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/read-config-file/-/read-config-file-6.2.0.tgz#71536072330bcd62ba814f91458b12add9fc7ade"
+  integrity sha512-gx7Pgr5I56JtYz+WuqEbQHj/xWo+5Vwua2jhb1VwM4Wid5PqYmZ4i00ZB0YEGIfkVBsCv9UrjgyqCiQfS/Oosg==
+  dependencies:
+    dotenv "^9.0.2"
+    dotenv-expand "^5.1.0"
+    js-yaml "^4.1.0"
+    json5 "^2.2.0"
+    lazy-val "^1.0.4"
+
+read-package-json-fast@^2.0.2, read-package-json-fast@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/read-package-json-fast/-/read-package-json-fast-2.0.3.tgz#323ca529630da82cb34b36cc0b996693c98c2b83"
+  integrity sha512-W/BKtbL+dUjTuRL2vziuYhp76s5HZ9qQhd/dKfWIZveD0O40453QNyZhC0e63lqZrAQ4jiOapVoeJ7JrszenQQ==
+  dependencies:
+    json-parse-even-better-errors "^2.3.0"
+    npm-normalize-package-bin "^1.0.1"
+
+read-package-json@^5.0.0, read-package-json@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-5.0.2.tgz#b8779ccfd169f523b67208a89cc912e3f663f3fa"
+  integrity sha512-BSzugrt4kQ/Z0krro8zhTwV1Kd79ue25IhNN/VtHFy1mG/6Tluyi+msc0UpwaoQzxSHa28mntAjIZY6kEgfR9Q==
+  dependencies:
+    glob "^8.0.1"
+    json-parse-even-better-errors "^2.3.1"
+    normalize-package-data "^4.0.0"
+    npm-normalize-package-bin "^2.0.0"
+
+read@1, read@^1.0.7, read@~1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/read/-/read-1.0.7.tgz#b3da19bd052431a97671d44a42634adf710b40c4"
+  integrity sha1-s9oZvQUkMal2cdRKQmNK33ELQMQ=
+  dependencies:
+    mute-stream "~0.0.4"
+
+readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.2.2, readable-stream@^2.3.0, readable-stream@^2.3.5, readable-stream@~2.3.6:
+  version "2.3.7"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
+  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
+  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readdir-scoped-modules@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/readdir-scoped-modules/-/readdir-scoped-modules-1.1.0.tgz#8d45407b4f870a0dcaebc0e28670d18e74514309"
+  integrity sha512-asaikDeqAQg7JifRsZn1NJZXo9E+VwlyCfbkZhwyISinqk5zNS6266HS5kah6P0SaQKGF6SkNnZVHUzHFYxYDw==
+  dependencies:
+    debuglog "^1.0.1"
+    dezalgo "^1.0.0"
+    graceful-fs "^4.1.2"
+    once "^1.3.0"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+rechoir@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
+  integrity sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=
+  dependencies:
+    resolve "^1.1.6"
+
+rechoir@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.8.0.tgz#49f866e0d32146142da3ad8f0eff352b3215ff22"
+  integrity sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==
+  dependencies:
+    resolve "^1.20.0"
+
+redent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
+  integrity sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==
+  dependencies:
+    indent-string "^4.0.0"
+    strip-indent "^3.0.0"
+
+redux@^4.0.0, redux@^4.0.4:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/redux/-/redux-4.2.0.tgz#46f10d6e29b6666df758780437651eeb2b969f13"
+  integrity sha512-oSBmcKKIuIR4ME29/AeNUnl5L+hvBq7OaJWzaptTQJAntaPvxIJqfnjbaEiCzzaIz+XmVILfqAM3Ob0aXLPfjA==
+  dependencies:
+    "@babel/runtime" "^7.9.2"
+
+regenerator-runtime@^0.13.4:
+  version "0.13.9"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
+  integrity sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==
+
+regexp.prototype.flags@^1.4.1, regexp.prototype.flags@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
+  integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    functions-have-names "^1.2.2"
+
+regexpp@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
+  integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
+
+relateurl@^0.2.7:
+  version "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"
+  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
+  dependencies:
+    css-select "^4.1.3"
+    dom-converter "^0.2.0"
+    htmlparser2 "^6.1.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"
+  integrity sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==
+  dependencies:
+    lodash "^4.17.19"
+
+request-promise-native@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.9.tgz#e407120526a5efdc9a39b28a5679bf47b9d9dc28"
+  integrity sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==
+  dependencies:
+    request-promise-core "1.1.4"
+    stealthy-require "^1.1.1"
+    tough-cookie "^2.3.3"
+
+request@^2.88.0, request@^2.88.2:
+  version "2.88.2"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
+  integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
+  dependencies:
+    aws-sign2 "~0.7.0"
+    aws4 "^1.8.0"
+    caseless "~0.12.0"
+    combined-stream "~1.0.6"
+    extend "~3.0.2"
+    forever-agent "~0.6.1"
+    form-data "~2.3.2"
+    har-validator "~5.1.3"
+    http-signature "~1.2.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.19"
+    oauth-sign "~0.9.0"
+    performance-now "^2.1.0"
+    qs "~6.5.2"
+    safe-buffer "^5.1.2"
+    tough-cookie "~2.5.0"
+    tunnel-agent "^0.6.0"
+    uuid "^3.3.2"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=
+
+reserved-words@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/reserved-words/-/reserved-words-0.1.2.tgz#00a0940f98cd501aeaaac316411d9adc52b31ab1"
+  integrity sha1-AKCUD5jNUBrqqsMWQR2a3FKzGrE=
+
+resolve-alpn@^1.0.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/resolve-alpn/-/resolve-alpn-1.2.1.tgz#b7adbdac3546aaaec20b45e7d8265927072726f9"
+  integrity sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==
+
+resolve-cwd@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
+  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
+  dependencies:
+    resolve-from "^5.0.0"
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
+resolve-pathname@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-3.0.0.tgz#99d02224d3cf263689becbb393bc560313025dcd"
+  integrity sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==
+
+resolve-url@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
+  integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
+
+resolve.exports@^1.1.0:
+  version "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.12.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1:
+  version "1.22.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
+  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
+  dependencies:
+    is-core-module "^2.9.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^2.0.0-next.3:
+  version "2.0.0-next.3"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.3.tgz#d41016293d4a8586a39ca5d9b5f15cbea1f55e46"
+  integrity sha512-W8LucSynKUIDu9ylraa7ueVZ7hc0uAgJBxVsQSKOXOyle8a93qXhcz+XAXZ8bIq2d6i4Ehddn6Evt+0/UwKk6Q==
+  dependencies:
+    is-core-module "^2.2.0"
+    path-parse "^1.0.6"
+
+responselike@1.0.2, responselike@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/responselike/-/responselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7"
+  integrity sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=
+  dependencies:
+    lowercase-keys "^1.0.0"
+
+responselike@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/responselike/-/responselike-2.0.0.tgz#26391bcc3174f750f9a79eacc40a12a5c42d7723"
+  integrity sha512-xH48u3FTB9VsZw7R+vvgaKeLKzT6jOogbQhEe/jewwnZgzPcnyWui2Av6JpoYZF/91uueC+lqhWqeURw5/qhCw==
+  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"
+  integrity sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=
+
+retry@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
+  integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
+
+retry@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
+  integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+rfc4648@^1.3.0:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/rfc4648/-/rfc4648-1.5.1.tgz#b0b16756e33d9de8c0c7833e94b28e627ec372a4"
+  integrity sha512-60e/YWs2/D3MV1ErdjhJHcmlgnyLUiG4X/14dgsfm9/zmCWLN16xI6YqJYSCd/OANM7bUNzJqPY5B8/02S9Ibw==
+
+rfc6902@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/rfc6902/-/rfc6902-5.0.1.tgz#e16f18dc322c755d6dd948423ddf52bb451eca3d"
+  integrity sha512-tYGfLpKIq9X7lrt4o3IkD9w9bpeAtsejfAqWNR98AoxfTsZqCepKa8eDlRiX8QMiCOD9vMx0/YbKLx0G1nPi5w==
+
+rimraf@^3.0.0, rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+roarr@^2.15.3:
+  version "2.15.4"
+  resolved "https://registry.yarnpkg.com/roarr/-/roarr-2.15.4.tgz#f5fe795b7b838ccfe35dc608e0282b9eba2e7afd"
+  integrity sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==
+  dependencies:
+    boolean "^3.0.1"
+    detect-node "^2.0.4"
+    globalthis "^1.0.1"
+    json-stringify-safe "^5.0.1"
+    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"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+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"
+  integrity sha512-sy+H0pQofO95VDmFLzyaw9xNJU4KTRSwQIGM6+iG3SypAtCiLDzpeG8sJrNCWn2Up9km+KhkvTdbkrdy+yzZdw==
+  dependencies:
+    tslib "^2.1.0"
+
+safe-buffer@*, safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+safe-regex-test@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
+  integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.3"
+    is-regex "^1.1.4"
+
+safe-stable-stringify@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/safe-stable-stringify/-/safe-stable-stringify-2.3.1.tgz#ab67cbe1fe7d40603ca641c5e765cb942d04fc73"
+  integrity sha512-kYBSfT+troD9cDA85VDnHZ1rpHC50O0g1e6WlGHVCz/g+JS+9WKLj+XwFYyR8UbrZN8ll9HUpDAAddY58MGisg==
+
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@^2.1.2, safer-buffer@~2.1.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+sanitize-filename@^1.6.3:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/sanitize-filename/-/sanitize-filename-1.6.3.tgz#755ebd752045931977e30b2025d340d7c9090378"
+  integrity sha512-y/52Mcy7aw3gRm7IrcGDFx/bCk4AhRh2eI9luHOQM86nZsqwiRkkq2GekHXBBD+SmPidc8i2PqtYZl+pWJ8Oeg==
+  dependencies:
+    truncate-utf8-bytes "^1.0.0"
+
+sass-loader@^12.6.0:
+  version "12.6.0"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
+  integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
+  dependencies:
+    klona "^2.0.4"
+    neo-async "^2.6.2"
+
+sass@^1.32.13, sass@^1.57.1:
+  version "1.57.1"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.57.1.tgz#dfafd46eb3ab94817145e8825208ecf7281119b5"
+  integrity sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
+sax@^1.2.4, sax@~1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
+
+saxes@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
+  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
+  dependencies:
+    xmlchars "^2.2.0"
+
+scheduler@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91"
+  integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
+schema-utils@2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
+  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
+  dependencies:
+    "@types/json-schema" "^7.0.4"
+    ajv "^6.12.2"
+    ajv-keywords "^3.4.1"
+
+schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
+  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
+  integrity sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    ajv "^8.8.0"
+    ajv-formats "^2.1.1"
+    ajv-keywords "^5.0.0"
+
+seek-bzip@^1.0.5:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/seek-bzip/-/seek-bzip-1.0.6.tgz#35c4171f55a680916b52a07859ecf3b5857f21c4"
+  integrity sha512-e1QtP3YL5tWww8uKaOCQ18UxIT2laNBXHjV/S2WYCiK4udiv8lkG89KRIoCjUagnAmCBurjF4zEVX2ByBbnCjQ==
+  dependencies:
+    commander "^2.8.1"
+
+select-hose@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
+  integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
+
+selfsigned@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.1.1.tgz#18a7613d714c0cd3385c48af0075abf3f266af61"
+  integrity sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==
+  dependencies:
+    node-forge "^1"
+
+semver-compare@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
+  integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
+
+semver-regex@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-2.0.0.tgz#a93c2c5844539a770233379107b38c7b4ac9d338"
+  integrity sha512-mUdIBBvdn0PLOeP3TEkMH7HHeUP3GjsXCwKarjv/kGmUFOYg1VqEemKhoQpWMu6X2I8kHeuVdGibLGkVK+/5Qw==
+
+semver-truncate@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/semver-truncate/-/semver-truncate-1.1.2.tgz#57f41de69707a62709a7e0104ba2117109ea47e8"
+  integrity sha512-V1fGg9i4CL3qesB6U0L6XAm4xOJiHmt4QAacazumuasc03BvtFGIMCduv01JWQ69Nv+JST9TqhSCiJoxoY031w==
+  dependencies:
+    semver "^5.3.0"
+
+semver@^5.3.0, semver@^5.5.0, semver@^5.6.0, semver@^5.7.1:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+
+semver@^6.0.0, semver@^6.2.0, semver@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
+
+semver@^7.0.0, semver@^7.1.1, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
+  version "7.3.8"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
+  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
+  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"
+  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
+serialize-error@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-7.0.1.tgz#f1360b0447f61ffb483ec4157c737fab7d778e18"
+  integrity sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==
+  dependencies:
+    type-fest "^0.13.1"
+
+serialize-javascript@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
+  integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==
+  dependencies:
+    randombytes "^2.1.0"
+
+serve-index@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
+  integrity sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=
+  dependencies:
+    accepts "~1.3.4"
+    batch "0.6.1"
+    debug "2.6.9"
+    escape-html "~1.0.3"
+    http-errors "~1.6.2"
+    mime-types "~2.1.17"
+    parseurl "~1.3.2"
+
+serve-static@1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
+  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
+  dependencies:
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.18.0"
+
+set-blocking@^2.0.0:
+  version "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"
+  integrity sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E=
+
+setprototypeof@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
+  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
+shallow-clone@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
+  integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
+  dependencies:
+    kind-of "^6.0.2"
+
+sharp@^0.30.4:
+  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.1"
+    semver "^7.3.7"
+    simple-get "^4.0.1"
+    tar-fs "^2.1.1"
+    tunnel-agent "^0.6.0"
+
+sharp@^0.31.3:
+  version "0.31.3"
+  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.31.3.tgz#60227edc5c2be90e7378a210466c99aefcf32688"
+  integrity sha512-XcR4+FCLBFKw1bdB+GEhnUNXNXvnt0tDo4WsBsraKymuo/IAuPuCBVAL2wIkUw2r/dwFW5Q5+g66Kwl2dgDFVg==
+  dependencies:
+    color "^4.2.3"
+    detect-libc "^2.0.1"
+    node-addon-api "^5.0.0"
+    prebuild-install "^7.1.1"
+    semver "^7.3.8"
+    simple-get "^4.0.1"
+    tar-fs "^2.1.1"
+    tunnel-agent "^0.6.0"
+
+shebang-command@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
+  integrity sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==
+  dependencies:
+    shebang-regex "^1.0.0"
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
+  integrity sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+shell-quote@^1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.3.tgz#aa40edac170445b9a431e17bb62c0b881b9c4123"
+  integrity sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==
+
+shelljs@^0.8.5:
+  version "0.8.5"
+  resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.8.5.tgz#de055408d8361bed66c669d2f000538ced8ee20c"
+  integrity sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==
+  dependencies:
+    glob "^7.0.0"
+    interpret "^1.0.0"
+    rechoir "^0.6.2"
+
+shiki@^0.12.1:
+  version "0.12.1"
+  resolved "https://registry.yarnpkg.com/shiki/-/shiki-0.12.1.tgz#26fce51da12d055f479a091a5307470786f300cd"
+  integrity sha512-aieaV1m349rZINEBkjxh2QbBvFFQOlgqYTNtCal82hHj4dDZ76oMlQIX+C7ryerBTDiga3e5NfH6smjdJ02BbQ==
+  dependencies:
+    jsonc-parser "^3.2.0"
+    vscode-oniguruma "^1.7.0"
+    vscode-textmate "^8.0.0"
+
+side-channel@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
+  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+  dependencies:
+    call-bind "^1.0.0"
+    get-intrinsic "^1.0.2"
+    object-inspect "^1.9.0"
+
+signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
+simple-concat@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/simple-concat/-/simple-concat-1.0.1.tgz#f46976082ba35c2263f1c8ab5edfe26c41c9552f"
+  integrity sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==
+
+simple-get@^4.0.0, simple-get@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-4.0.1.tgz#4a39db549287c979d352112fa03fd99fd6bc3543"
+  integrity sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==
+  dependencies:
+    decompress-response "^6.0.0"
+    once "^1.3.1"
+    simple-concat "^1.0.0"
+
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+  integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
+  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:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
+slash@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
+  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
+
+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"
+  integrity sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==
+  dependencies:
+    ansi-styles "^4.0.0"
+    astral-regex "^2.0.0"
+    is-fullwidth-code-point "^3.0.0"
+
+smart-buffer@^4.0.2, 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==
+
+sockjs@^0.3.24:
+  version "0.3.24"
+  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
+  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
+  dependencies:
+    faye-websocket "^0.11.3"
+    uuid "^8.3.2"
+    websocket-driver "^0.7.4"
+
+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-proxy-agent@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-7.0.0.tgz#dc069ecf34436621acb41e3efa66ca1b5fed15b6"
+  integrity sha512-Fgl0YPZ902wEsAyiQ+idGd1A7rSFx/ayC1CQVMw5P+EQx2V0SgpGtf6OKFhVjPflPUl9YMmEOnmfjCdMUsygww==
+  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"
+
+sort-keys-length@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/sort-keys-length/-/sort-keys-length-1.0.1.tgz#9cb6f4f4e9e48155a6aa0671edd336ff1479a188"
+  integrity sha512-GRbEOUqCxemTAk/b32F2xa8wDTs+Z1QHOkbhJDQTvv/6G3ZkbJ+frYWsTcc7cBB3Fu4wy4XlLCuNtJuMn7Gsvw==
+  dependencies:
+    sort-keys "^1.0.0"
+
+sort-keys@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
+  integrity sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==
+  dependencies:
+    is-plain-obj "^1.0.0"
+
+sort-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-2.0.0.tgz#658535584861ec97d730d6cf41822e1f56684128"
+  integrity sha512-/dPCrG1s3ePpWm6yBbxZq5Be1dXGLyLn9Z791chDC3NFrpkVbWGzkBwPN1knaciexFXgRJ7hzdnwZ4stHSDmjg==
+  dependencies:
+    is-plain-obj "^1.0.0"
+
+source-list-map@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
+  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
+
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+source-map-resolve@^0.5.2:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
+  integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
+  dependencies:
+    atob "^2.1.2"
+    decode-uri-component "^0.2.0"
+    resolve-url "^0.2.1"
+    source-map-url "^0.4.0"
+    urix "^0.1.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"
+  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map-support@^0.5.19, source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map-url@^0.4.0:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
+  integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
+
+source-map@^0.5.7:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
+
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+source-map@^0.7.3:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
+  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
+
+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"
+  integrity sha1-YvXpRmmBwbeW3Fkpk34RycaSG9A=
+
+spdx-correct@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
+  integrity sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==
+  dependencies:
+    spdx-expression-parse "^3.0.0"
+    spdx-license-ids "^3.0.0"
+
+spdx-exceptions@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d"
+  integrity sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==
+
+spdx-expression-parse@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679"
+  integrity sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==
+  dependencies:
+    spdx-exceptions "^2.1.0"
+    spdx-license-ids "^3.0.0"
+
+spdx-license-ids@^3.0.0:
+  version "3.0.11"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz#50c0d8c40a14ec1bf449bae69a0ea4685a9d9f95"
+  integrity sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==
+
+spdy-transport@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
+  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
+  dependencies:
+    debug "^4.1.0"
+    detect-node "^2.0.4"
+    hpack.js "^2.1.6"
+    obuf "^1.1.2"
+    readable-stream "^3.0.6"
+    wbuf "^1.7.3"
+
+spdy@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
+  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
+  dependencies:
+    debug "^4.1.0"
+    handle-thing "^2.0.0"
+    http-deceiver "^1.2.7"
+    select-hose "^2.0.0"
+    spdy-transport "^3.0.0"
+
+split-on-first@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f"
+  integrity sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==
+
+split@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/split/-/split-1.0.1.tgz#605bd9be303aa59fb35f9229fbea0ddec9ea07d9"
+  integrity sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==
+  dependencies:
+    through "2"
+
+sprintf-js@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
+  integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
+
+sprintf-js@~1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
+
+sshpk@^1.7.0:
+  version "1.17.0"
+  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.17.0.tgz#578082d92d4fe612b13007496e543fa0fbcbe4c5"
+  integrity sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==
+  dependencies:
+    asn1 "~0.2.3"
+    assert-plus "^1.0.0"
+    bcrypt-pbkdf "^1.0.0"
+    dashdash "^1.12.0"
+    ecc-jsbn "~0.1.1"
+    getpass "^0.1.1"
+    jsbn "~0.1.0"
+    safer-buffer "^2.0.2"
+    tweetnacl "~0.14.0"
+
+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"
+
+ssri@^9.0.0, ssri@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-9.0.1.tgz#544d4c357a8d7b71a19700074b6883fcb4eae057"
+  integrity sha512-o57Wcn66jMQvfHG1FlYbWeZWW/dHZhJXjpIcTfXldXEk5nz5lStPo3mK0OJQfGR3RbZUlbISexbljkJzuEj/8Q==
+  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"
+  integrity sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=
+
+stack-utils@^2.0.3:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.5.tgz#d25265fca995154659dbbfba3b49254778d2fdd5"
+  integrity sha512-xrQcmYhOsn/1kX+Vraq+7j4oE2j/6BFscZ0etmYg81xuM8Gq0022Pxb8+IqgOFUIaxHs0KaSb7T1+OegiNrNFA==
+  dependencies:
+    escape-string-regexp "^2.0.0"
+
+stackframe@^1.1.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.2.1.tgz#1033a3473ee67f08e2f2fc8eba6aef4f845124e1"
+  integrity sha512-h88QkzREN/hy8eRdyNhhsO7RSJ5oyTqxxmmn0dzBIMUclZsjpfmrsg81vp8mjjAs2vAZ72nyWxRUwSwmh0e4xg==
+
+stat-mode@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stat-mode/-/stat-mode-1.0.0.tgz#68b55cb61ea639ff57136f36b216a291800d1465"
+  integrity sha512-jH9EhtKIjuXZ2cWxmXS8ZP80XyC3iasQxMDV8jzhNJpfDb7VbQLVW4Wvsxz9QZvzV+G4YoSfBUVKDOyxLzi/sg==
+
+static-eval@2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/static-eval/-/static-eval-2.0.2.tgz#2d1759306b1befa688938454c546b7871f806a42"
+  integrity sha512-N/D219Hcr2bPjLxPiV+TQE++Tsmrady7TqAJugLy7Xk1EumfDWS/f5dtBbkRCGE7wKKXuYockQoj8Rm2/pVKyg==
+  dependencies:
+    escodegen "^1.8.1"
+
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+"statuses@>= 1.4.0 < 2":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+  integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
+
+stealthy-require@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
+  integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
+
+stream-buffers@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/stream-buffers/-/stream-buffers-3.0.2.tgz#5249005a8d5c2d00b3a32e6e0a6ea209dc4f3521"
+  integrity sha512-DQi1h8VEBA/lURbSwFtEHnSTb9s2/pwLEaFuNhXwy1Dx3Sa0lOuYT2yNUr4/j2fs8oCAMANtrZ5OrPZtyVs3MQ==
+
+stream-shift@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
+  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
+
+strict-uri-encode@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
+  integrity sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==
+
+strict-uri-encode@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
+  integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==
+
+string-length@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
+  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
+  dependencies:
+    char-regex "^1.0.2"
+    strip-ansi "^6.0.0"
+
+"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
+  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
+  dependencies:
+    emoji-regex "^7.0.1"
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^5.1.0"
+
+string.prototype.matchall@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz#3bf85722021816dcd1bf38bb714915887ca79fd3"
+  integrity sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    get-intrinsic "^1.1.3"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.3"
+    regexp.prototype.flags "^1.4.3"
+    side-channel "^1.0.4"
+
+string.prototype.trimend@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"
+  integrity sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
+
+string.prototype.trimstart@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz#5466d93ba58cfa2134839f81d7f42437e8c01fef"
+  integrity sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
+
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+strip-ansi@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
+  dependencies:
+    ansi-regex "^2.0.0"
+
+strip-ansi@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
+  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
+  dependencies:
+    ansi-regex "^4.1.0"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
+
+strip-bom@^4.0.0:
+  version "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-dirs@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/strip-dirs/-/strip-dirs-2.1.0.tgz#4987736264fc344cf20f6c34aca9d13d1d4ed6c5"
+  integrity sha512-JOCxOeKLm2CAS73y/U4ZeZPTkE+gNVCzKt7Eox84Iej1LT/2pTWYpZKJuxwQpvX1LiZb1xokNR7RLfuBAa7T3g==
+  dependencies:
+    is-natural-number "^4.0.1"
+
+strip-eof@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
+  integrity sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==
+
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+strip-indent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
+  integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
+  dependencies:
+    min-indent "^1.0.0"
+
+strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+strip-json-comments@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
+  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
+
+strip-outer@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/strip-outer/-/strip-outer-1.0.1.tgz#b2fd2abf6604b9d1e6013057195df836b8a9d631"
+  integrity sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==
+  dependencies:
+    escape-string-regexp "^1.0.2"
+
+style-loader@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.1.tgz#057dfa6b3d4d7c7064462830f9113ed417d38575"
+  integrity sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==
+
+stylis@4.0.13:
+  version "4.0.13"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.13.tgz#f5db332e376d13cc84ecfe5dace9a2a51d954c91"
+  integrity sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag==
+
+stylus@^0.54.8:
+  version "0.54.8"
+  resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.54.8.tgz#3da3e65966bc567a7b044bfe0eece653e099d147"
+  integrity sha512-vr54Or4BZ7pJafo2mpf0ZcwA74rpuYCZbxrHBsH8kbcXOwSfvBFwsRfpGO5OD5fhG5HDCFW737PKaawI7OqEAg==
+  dependencies:
+    css-parse "~2.0.0"
+    debug "~3.1.0"
+    glob "^7.1.6"
+    mkdirp "~1.0.4"
+    safer-buffer "^2.1.2"
+    sax "~1.2.4"
+    semver "^6.3.0"
+    source-map "^0.7.3"
+
+sumchecker@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/sumchecker/-/sumchecker-3.0.1.tgz#6377e996795abb0b6d348e9b3e1dfb24345a8e42"
+  integrity sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==
+  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"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^7.0.0, supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^8.0.0, supports-color@^8.1.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-hyperlinks@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz#4f77b42488765891774b70c79babd87f9bd594bb"
+  integrity sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==
+  dependencies:
+    has-flag "^4.0.0"
+    supports-color "^7.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+symbol-tree@^3.2.4:
+  version "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==
+
+synckit@^0.8.4:
+  version "0.8.4"
+  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.8.4.tgz#0e6b392b73fafdafcde56692e3352500261d64ec"
+  integrity sha512-Dn2ZkzMdSX827QbowGbU/4yjWuvNaCoScLLoMo/yKbu+P4GBR6cRGKZH27k6a9bRzdqcyd1DE96pQtQ6uNkmyw==
+  dependencies:
+    "@pkgr/utils" "^2.3.1"
+    tslib "^2.4.0"
+
+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.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.2.4.tgz#afe3477e7a19f3ceafb48e4b083e292ce0dc0250"
+  integrity sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==
+  dependencies:
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    color-name "^1.1.4"
+    detective "^5.2.1"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.2.12"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    lilconfig "^2.0.6"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.18"
+    postcss-import "^14.1.0"
+    postcss-js "^4.0.0"
+    postcss-load-config "^3.1.4"
+    postcss-nested "6.0.0"
+    postcss-selector-parser "^6.0.10"
+    postcss-value-parser "^4.2.0"
+    quick-lru "^5.1.1"
+    resolve "^1.22.1"
+
+tapable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
+
+tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+tar-fs@^2.0.0, tar-fs@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
+  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
+  dependencies:
+    chownr "^1.1.1"
+    mkdirp-classic "^0.5.2"
+    pump "^3.0.0"
+    tar-stream "^2.1.4"
+
+tar-stream@^1.5.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-1.6.2.tgz#8ea55dab37972253d9a9af90fdcd559ae435c555"
+  integrity sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==
+  dependencies:
+    bl "^1.0.0"
+    buffer-alloc "^1.2.0"
+    end-of-stream "^1.0.0"
+    fs-constants "^1.0.0"
+    readable-stream "^2.3.0"
+    to-buffer "^1.1.1"
+    xtend "^4.0.0"
+
+tar-stream@^2.1.4, tar-stream@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
+  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
+  dependencies:
+    bl "^4.0.3"
+    end-of-stream "^1.4.1"
+    fs-constants "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+
+tar@^6.0.2, tar@^6.1.0, tar@^6.1.11, tar@^6.1.13, tar@^6.1.2:
+  version "6.1.13"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.13.tgz#46e22529000f612180601a6fe0680e7da508847b"
+  integrity sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^4.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
+tcp-port-used@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/tcp-port-used/-/tcp-port-used-1.0.2.tgz#9652b7436eb1f4cfae111c79b558a25769f6faea"
+  integrity sha512-l7ar8lLUD3XS1V2lfoJlCBaeoaWo/2xfYt81hM7VlvR4RrMVFqfmzfhLVk40hAb368uitje5gPtBRL1m/DGvLA==
+  dependencies:
+    debug "4.3.1"
+    is2 "^2.0.6"
+
+temp-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
+  integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
+
+temp-file@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/temp-file/-/temp-file-3.4.0.tgz#766ea28911c683996c248ef1a20eea04d51652c7"
+  integrity sha512-C5tjlC/HCtVUOi3KWVokd4vHVViOmGjtLwIh4MuzPo/nMYTV/p1urt3RnMz2IWXDdKEGJH3k5+KPxtqRsUYGtg==
+  dependencies:
+    async-exit-hook "^2.0.1"
+    fs-extra "^10.0.0"
+
+tempy@*:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/tempy/-/tempy-3.0.0.tgz#a6c0a15f5534a820e92c3e1369f1c1e87ebd6b68"
+  integrity sha512-B2I9X7+o2wOaW4r/CWMkpOO9mdiTRCxXNgob6iGvPmfPWgH/KyUD6Uy5crtWBxIBe3YrNZKR2lSzv1JJKWD4vA==
+  dependencies:
+    is-stream "^3.0.0"
+    temp-dir "^2.0.0"
+    type-fest "^2.12.2"
+    unique-string "^3.0.0"
+
+tempy@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tempy/-/tempy-1.0.1.tgz#30fe901fd869cfb36ee2bd999805aa72fbb035de"
+  integrity sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==
+  dependencies:
+    del "^6.0.0"
+    is-stream "^2.0.0"
+    temp-dir "^2.0.0"
+    type-fest "^0.16.0"
+    unique-string "^2.0.0"
+
+terminal-link@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
+  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
+  dependencies:
+    ansi-escapes "^4.2.1"
+    supports-hyperlinks "^2.0.0"
+
+terser-webpack-plugin@^5.1.3:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz#0320dcc270ad5372c1e8993fabbd927929773e54"
+  integrity sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==
+  dependencies:
+    jest-worker "^27.4.5"
+    schema-utils "^3.1.1"
+    serialize-javascript "^6.0.0"
+    source-map "^0.6.1"
+    terser "^5.7.2"
+
+terser@^5.10.0, terser@^5.7.2:
+  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-support "~0.5.20"
+
+test-exclude@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
+  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^7.1.4"
+    minimatch "^3.0.4"
+
+text-hex@1.0.x:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/text-hex/-/text-hex-1.0.0.tgz#69dc9c1b17446ee79a92bf5b884bb4b9127506f5"
+  integrity sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==
+
+text-table@^0.2.0, text-table@~0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
+
+through2@^2.0.0, through2@^2.0.3:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
+  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
+  dependencies:
+    readable-stream "~2.3.6"
+    xtend "~4.0.1"
+
+through@2, through@^2.3.6, through@^2.3.8:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
+
+thunky@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
+  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
+
+timed-out@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
+  integrity sha512-G7r3AhovYtr5YKOWQkta8RKAPb+J9IsO4uVmzjl8AZwfhs8UcUwTiD6gcJYSgOtzyjvQKrKYn41syHbUWMkafA==
+
+tiny-glob@^0.2.9:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/tiny-glob/-/tiny-glob-0.2.9.tgz#2212d441ac17928033b110f8b3640683129d31e2"
+  integrity sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==
+  dependencies:
+    globalyzer "0.1.0"
+    globrex "^0.1.2"
+
+tiny-invariant@^1.0.2, tiny-invariant@^1.0.6:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.2.0.tgz#a1141f86b672a9148c72e978a19a73b9b94a15a9"
+  integrity sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==
+
+tiny-relative-date@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/tiny-relative-date/-/tiny-relative-date-1.3.0.tgz#fa08aad501ed730f31cc043181d995c39a935e07"
+  integrity sha512-MOQHpzllWxDCHHaDno30hhLfbouoYlOI8YlMNtvKe1zXbjEVhbcEovQxvZrPvtiYW630GQDoMMarCnjfyfHA+A==
+
+tiny-warning@^1.0.0, tiny-warning@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
+  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
+
+tmp-promise@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/tmp-promise/-/tmp-promise-3.0.3.tgz#60a1a1cc98c988674fcbfd23b6e3367bdeac4ce7"
+  integrity sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==
+  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"
+  integrity sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==
+  dependencies:
+    rimraf "^3.0.0"
+
+tmpl@1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
+  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
+
+to-buffer@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.1.1.tgz#493bd48f62d7c43fcded313a03dcadb2e1213a80"
+  integrity sha512-lx9B5iv7msuFYE3dytT+KE5tap+rNYw+K4jVkb9R/asAb+pbBSM17jtunHplhBe6RRJdZx3Pn2Jph24O32mOVg==
+
+to-fast-properties@^2.0.0:
+  version "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"
+  integrity sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+toidentifier@1.0.1:
+  version "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"
+  integrity sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==
+  dependencies:
+    nopt "~1.0.10"
+
+tough-cookie@^2.3.3, tough-cookie@~2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
+  integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
+  dependencies:
+    psl "^1.1.28"
+    punycode "^2.1.1"
+
+tough-cookie@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.0.0.tgz#d822234eeca882f991f0f908824ad2622ddbece4"
+  integrity sha512-tHdtEpQCMrc1YLrMaqXXcj6AxhYi/xgit6mZu1+EDWUn+qhUf8wMQoFIy9NXuq23zAwtcB0t/MjACGR18pcRbg==
+  dependencies:
+    psl "^1.1.33"
+    punycode "^2.1.1"
+    universalify "^0.1.2"
+
+tr46@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.1.0.tgz#fa87aa81ca5d5941da8cbf1f9b749dc969a4e240"
+  integrity sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==
+  dependencies:
+    punycode "^2.1.1"
+
+tr46@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
+  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
+  dependencies:
+    punycode "^2.1.1"
+
+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"
+  resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
+  integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
+
+treeverse@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/treeverse/-/treeverse-2.0.0.tgz#036dcef04bc3fd79a9b79a68d4da03e882d8a9ca"
+  integrity sha512-N5gJCkLu1aXccpOTtqV6ddSEi6ZmGkh3hjmbu1IjcavJK4qyOVQmi0myQKM7z5jVGmD68SJoliaVrMmVObhj6A==
+
+trim-repeated@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/trim-repeated/-/trim-repeated-1.0.0.tgz#e3646a2ea4e891312bf7eace6cfb05380bc01c21"
+  integrity sha512-pkonvlKk8/ZuR0D5tLW8ljt5I8kmxp2XKymhepUeOdCEfKpZaktSArkLHZt76OB1ZvO9bssUsDty4SWhLvZpLg==
+  dependencies:
+    escape-string-regexp "^1.0.2"
+
+triple-beam@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/triple-beam/-/triple-beam-1.3.0.tgz#a595214c7298db8339eeeee083e4d10bd8cb8dd9"
+  integrity sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==
+
+truncate-utf8-bytes@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz#405923909592d56f78a5818434b0b78489ca5f2b"
+  integrity sha1-QFkjkJWS1W94pYGENLC3hInKXys=
+  dependencies:
+    utf8-byte-length "^1.0.1"
+
+ts-essentials@^7.0.3:
+  version "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.4.2:
+  version "9.4.2"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.4.2.tgz#80a45eee92dd5170b900b3d00abcfa14949aeb78"
+  integrity sha512-OmlC4WVmFv5I0PpaxYb+qGeGOdm5giHU7HwDDUjw59emP2UYMHy9fFSDcYgSNoH8sXcj4hGCSEhlDZ9ULeDraA==
+  dependencies:
+    chalk "^4.1.0"
+    enhanced-resolve "^5.0.0"
+    micromatch "^4.0.0"
+    semver "^7.3.4"
+
+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"
+    "@tsconfig/node12" "^1.0.7"
+    "@tsconfig/node14" "^1.0.0"
+    "@tsconfig/node16" "^1.0.2"
+    acorn "^8.4.1"
+    acorn-walk "^8.1.1"
+    arg "^4.1.0"
+    create-require "^1.1.0"
+    diff "^4.0.1"
+    make-error "^1.1.1"
+    v8-compile-cache-lib "^3.0.1"
+    yn "3.1.1"
+
+tsconfig-paths@^3.14.1, tsconfig-paths@^3.9.0:
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz#ba0734599e8ea36c862798e920bcf163277b137a"
+  integrity sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.1"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+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.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.3.1, tslib@^2.4.0, tslib@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.1.tgz#0d0bfbaac2880b91e22df0768e55be9753a5b17e"
+  integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==
+
+tsutils@^3.21.0:
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
+  dependencies:
+    safe-buffer "^5.0.1"
+
+tunnel@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/tunnel/-/tunnel-0.0.6.tgz#72f1314b34a5b192db012324df2cc587ca47f92c"
+  integrity sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==
+
+tweetnacl@^0.14.3, tweetnacl@~0.14.0:
+  version "0.14.5"
+  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
+  integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-check@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=
+  dependencies:
+    prelude-ls "~1.1.2"
+
+type-detect@4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
+  integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
+
+type-fest@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.13.1.tgz#0172cb5bce80b0bd542ea348db50c7e21834d934"
+  integrity sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==
+
+type-fest@^0.16.0:
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.16.0.tgz#3240b891a78b0deae910dbeb86553e552a148860"
+  integrity sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==
+
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+type-fest@^0.21.3:
+  version "0.21.3"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
+  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
+
+type-fest@^1.0.1:
+  version "1.4.0"
+  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.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"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
+typed-emitter@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/typed-emitter/-/typed-emitter-1.4.0.tgz#38c6bf1224e764906bb20cb0b458fa914100607c"
+  integrity sha512-weBmoo3HhpKGgLBOYwe8EB31CzDFuaK7CCL+axXhUYhn4jo6DSkHnbefboCF5i4DQ2aMFe0C/FdTWcPdObgHyg==
+
+typed-regex@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/typed-regex/-/typed-regex-0.0.8.tgz#e791c5e069dfe4af0fd0e1413891f20553be57a1"
+  integrity sha512-1XkGm1T/rUngbFROIOw9wPnMAKeMsRoc+c9O6GwOHz6aH/FrJFtcyd2sHASbT0OXeGLot5N1shPNpwHGTv9RdQ==
+
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+
+typedoc-plugin-markdown@^3.13.6:
+  version "3.13.6"
+  resolved "https://registry.yarnpkg.com/typedoc-plugin-markdown/-/typedoc-plugin-markdown-3.13.6.tgz#a419794e3bdbe459fb22772d8e6e02bac05211c1"
+  integrity sha512-ISSc9v3BK7HkokxSBuJPttXox4tJ6hP0N9wfSIk0fmLN67+eqtAxbk97gs2nDiuha+RTO5eW9gdeAb+RPP0mgg==
+  dependencies:
+    handlebars "^4.7.7"
+
+typedoc@0.23.24:
+  version "0.23.24"
+  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.23.24.tgz#01cf32c09f2c19362e72a9ce1552d6e5b48c4fef"
+  integrity sha512-bfmy8lNQh+WrPYcJbtjQ6JEEsVl/ce1ZIXyXhyW+a1vFrjO39t6J8sL/d6FfAGrJTc7McCXgk9AanYBSNvLdIA==
+  dependencies:
+    lunr "^2.3.9"
+    marked "^4.2.5"
+    minimatch "^5.1.2"
+    shiki "^0.12.1"
+
+typescript-plugin-css-modules@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/typescript-plugin-css-modules/-/typescript-plugin-css-modules-3.4.0.tgz#4ff6905d88028684d1608c05c62cb6346e5548cc"
+  integrity sha512-2MdjfSg4MGex1csCWRUwKD+MpgnvcvLLr9bSAMemU/QYGqBsXdez0cc06H/fFhLtRoKJjXg6PSTur3Gy1Umhpw==
+  dependencies:
+    dotenv "^10.0.0"
+    icss-utils "^5.1.0"
+    less "^4.1.1"
+    lodash.camelcase "^4.3.0"
+    postcss "^8.3.0"
+    postcss-filter-plugins "^3.0.1"
+    postcss-icss-keyframes "^0.2.1"
+    postcss-icss-selectors "^2.0.3"
+    postcss-load-config "^3.0.1"
+    reserved-words "^0.1.2"
+    sass "^1.32.13"
+    stylus "^0.54.8"
+    tsconfig-paths "^3.9.0"
+
+typescript@^4.9.4:
+  version "4.9.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
+  integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
+
+typical@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/typical/-/typical-4.0.0.tgz#cbeaff3b9d7ae1e2bbfaf5a4e6f11eccfde94fc4"
+  integrity sha512-VAH4IvQ7BDFYglMd7BPRDfLgxZZX4O4TFcRDA6EN5X7erNJJq+McIEp8np9aVtxrCJ6qx4GTYVfOWNjcqwZgRw==
+
+uglify-js@^3.1.4:
+  version "3.15.4"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.15.4.tgz#fa95c257e88f85614915b906204b9623d4fa340d"
+  integrity sha512-vMOPGDuvXecPs34V74qDKk4iJ/SN4vL3Ow/23ixafENYvtrNvtbcgUeugTcUGRGsOF/5fU8/NYSL5Hyb3l1OJA==
+
+unbox-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
+  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+  dependencies:
+    call-bind "^1.0.2"
+    has-bigints "^1.0.2"
+    has-symbols "^1.0.3"
+    which-boxed-primitive "^1.0.2"
+
+unbzip2-stream@^1.0.9:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz#b0da04c4371311df771cdc215e87f2130991ace7"
+  integrity sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==
+  dependencies:
+    buffer "^5.2.1"
+    through "^2.3.8"
+
+undefsafe@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/undefsafe/-/undefsafe-2.0.5.tgz#38733b9327bdcd226db889fb723a6efd162e6e2c"
+  integrity sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==
+
+underscore@1.7.0, underscore@^1.12.1, underscore@^1.13.6:
+  version "1.13.6"
+  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.13.6.tgz#04786a1f589dc6c09f761fc5f45b89e935136441"
+  integrity sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A==
+
+unique-filename@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
+  integrity sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==
+  dependencies:
+    unique-slug "^2.0.0"
+
+unique-filename@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-2.0.1.tgz#e785f8675a9a7589e0ac77e0b5c34d2eaeac6da2"
+  integrity sha512-ODWHtkkdx3IAR+veKxFV+VBkUMcN+FaqzUUd7IZzt+0zhDZFPFxhlqwPF3YQvMHx1TD0tdgYl+kuPnJ8E6ql7A==
+  dependencies:
+    unique-slug "^3.0.0"
+
+unique-slug@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
+  integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==
+  dependencies:
+    imurmurhash "^0.1.4"
+
+unique-slug@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-3.0.0.tgz#6d347cf57c8a7a7a6044aabd0e2d74e4d76dc7c9"
+  integrity sha512-8EyMynh679x/0gqE9fT9oilG+qEt+ibFyqjuVTsZn1+CMxH+XLlpvr2UZx4nVcCwTpx81nICr2JQFkM+HPLq4w==
+  dependencies:
+    imurmurhash "^0.1.4"
+
+unique-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
+  integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==
+  dependencies:
+    crypto-random-string "^2.0.0"
+
+unique-string@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-3.0.0.tgz#84a1c377aff5fd7a8bc6b55d8244b2bd90d75b9a"
+  integrity sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==
+  dependencies:
+    crypto-random-string "^4.0.0"
+
+unit-compare@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/unit-compare/-/unit-compare-1.0.1.tgz#0c7459f0e5bf53637ea873ca3cee18de2eeca386"
+  integrity sha1-DHRZ8OW/U2N+qHPKPO4Y3i7so4Y=
+  dependencies:
+    moment "^2.14.1"
+
+universalify@^0.1.0, universalify@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
+universalify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
+  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+  integrity sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=
+
+unzip-crx-3@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/unzip-crx-3/-/unzip-crx-3-0.2.0.tgz#d5324147b104a8aed9ae8639c95521f6f7cda292"
+  integrity sha512-0+JiUq/z7faJ6oifVB5nSwt589v1KCduqIJupNVDoWSXZtWDmjDGO3RAEOvwJ07w90aoXoP4enKsR7ecMrJtWQ==
+  dependencies:
+    jszip "^3.1.0"
+    mkdirp "^0.5.1"
+    yaku "^0.16.6"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+urix@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
+  integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
+
+url-parse-lax@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
+  integrity sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=
+  dependencies:
+    prepend-http "^2.0.0"
+
+url-parse@^1.5.10:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
+  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
+  dependencies:
+    querystringify "^2.1.1"
+    requires-port "^1.0.0"
+
+url-to-options@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/url-to-options/-/url-to-options-1.0.1.tgz#1505a03a289a48cbd7a434efbaeec5055f5633a9"
+  integrity sha512-0kQLIzG4fdk/G5NONku64rSH/x32NOA39LVQqlK8Le6lvTF6GGRJpqaQFGgU+CLwySIqBSMdwYM0sYcW9f6P4A==
+
+use-isomorphic-layout-effect@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
+  integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
+
+use-memo-one@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/use-memo-one/-/use-memo-one-1.1.2.tgz#0c8203a329f76e040047a35a1197defe342fab20"
+  integrity sha512-u2qFKtxLsia/r8qG0ZKkbytbztzRb317XCkT7yP8wxL0tZ/CzK2G+WWie5vWvpyeP7+YoPIwbJoIHJ4Ba4k0oQ==
+
+utf8-byte-length@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/utf8-byte-length/-/utf8-byte-length-1.0.4.tgz#f45f150c4c66eee968186505ab93fcbb8ad6bf61"
+  integrity sha1-9F8VDExm7uloGGUFq5P8u4rWv2E=
+
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+
+utila@~0.4:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
+  integrity sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+  integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
+
+uuid@^3.3.2:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
+  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
+
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
+v8-compile-cache-lib@^3.0.1:
+  version "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-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.12"
+    "@types/istanbul-lib-coverage" "^2.0.1"
+    convert-source-map "^1.6.0"
+
+validate-npm-package-license@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
+  integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
+  dependencies:
+    spdx-correct "^3.0.0"
+    spdx-expression-parse "^3.0.0"
+
+validate-npm-package-name@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-4.0.0.tgz#fe8f1c50ac20afdb86f177da85b3600f0ac0d747"
+  integrity sha512-mzR0L8ZDktZjpX4OB46KT+56MAhl4EIazWP/+G/HPGuvfdaqg4YsCdtOm6U9+LOFyYDoh4dpnpxZRB9MQQns5Q==
+  dependencies:
+    builtins "^5.0.0"
+
+value-equal@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-1.0.1.tgz#1e0b794c734c5c0cade179c437d356d931a34d6c"
+  integrity sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==
+
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+  integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
+
+verror@1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
+  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
+  dependencies:
+    assert-plus "^1.0.0"
+    core-util-is "1.0.2"
+    extsprintf "^1.2.0"
+
+verror@^1.10.0:
+  version "1.10.1"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.1.tgz#4bf09eeccf4563b109ed4b3d458380c972b0cdeb"
+  integrity sha512-veufcmxri4e3XSrT0xwfUR7kguIkaxBeosDg00yDWhk49wdwkSUrvvsm7nc75e1PUyvIeZj6nS8VQRYz2/S4Xg==
+  dependencies:
+    assert-plus "^1.0.0"
+    core-util-is "1.0.2"
+    extsprintf "^1.2.0"
+
+vscode-oniguruma@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz#439bfad8fe71abd7798338d1cd3dc53a8beea94b"
+  integrity sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==
+
+vscode-textmate@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/vscode-textmate/-/vscode-textmate-8.0.0.tgz#2c7a3b1163ef0441097e0b5d6389cd5504b59e5d"
+  integrity sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==
+
+w3c-hr-time@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
+  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
+  dependencies:
+    browser-process-hrtime "^1.0.0"
+
+w3c-xmlserializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
+  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
+  dependencies:
+    xml-name-validator "^3.0.0"
+
+w3c-xmlserializer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz#06cdc3eefb7e4d0b20a560a5a3aeb0d2d9a65923"
+  integrity sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==
+  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-up-path@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/walk-up-path/-/walk-up-path-1.0.0.tgz#d4745e893dd5fd0dbb58dd0a4c6a33d9c9fec53e"
+  integrity sha512-hwj/qMDUEjCU5h0xr90KGCf0tg0/LgJbmOWgrWKYlcJZM7XvquvUJZ0G/HMGr7F7OQMOUuPHWP9JpriinkAlkg==
+
+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"
+  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
+  dependencies:
+    makeerror "1.0.12"
+
+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"
+
+wbuf@^1.1.0, wbuf@^1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
+  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
+  dependencies:
+    minimalistic-assert "^1.0.0"
+
+wcwidth@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
+  integrity sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=
+  dependencies:
+    defaults "^1.0.3"
+
+web-streams-polyfill@^3.0.3:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz#71c2718c52b45fd49dbeee88634b3a60ceab42a6"
+  integrity sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==
+
+webidl-conversions@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
+  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
+
+webidl-conversions@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
+  integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
+
+webidl-conversions@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
+  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
+
+webpack-cli@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-5.0.1.tgz#95fc0495ac4065e9423a722dec9175560b6f2d9a"
+  integrity sha512-S3KVAyfwUqr0Mo/ur3NzIp6jnerNpo7GUO6so51mxLi1spqsA17YcMXy0WOIJtBSnj748lthxC6XLbNKh/ZC+A==
+  dependencies:
+    "@discoveryjs/json-ext" "^0.5.0"
+    "@webpack-cli/configtest" "^2.0.1"
+    "@webpack-cli/info" "^2.0.1"
+    "@webpack-cli/serve" "^2.0.1"
+    colorette "^2.0.14"
+    commander "^9.4.1"
+    cross-spawn "^7.0.3"
+    envinfo "^7.7.3"
+    fastest-levenshtein "^1.0.12"
+    import-local "^3.0.2"
+    interpret "^3.1.1"
+    rechoir "^0.8.0"
+    webpack-merge "^5.7.3"
+
+webpack-dev-middleware@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.1.tgz#aa079a8dedd7e58bfeab358a9af7dab304cee57f"
+  integrity sha512-81EujCKkyles2wphtdrnPg/QqegC/AtqNH//mQkBYSMqwFVCQrxM6ktB2O/SPlZy7LqeEfTbV3cZARGQz6umhg==
+  dependencies:
+    colorette "^2.0.10"
+    memfs "^3.4.1"
+    mime-types "^2.1.31"
+    range-parser "^1.2.1"
+    schema-utils "^4.0.0"
+
+webpack-dev-server@*, webpack-dev-server@^4.11.1:
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.11.1.tgz#ae07f0d71ca0438cf88446f09029b92ce81380b5"
+  integrity sha512-lILVz9tAUy1zGFwieuaQtYiadImb5M3d+H+L1zDYalYoDl0cksAB1UNyuE5MMWJrG6zR1tXkCP2fitl7yoUJiw==
+  dependencies:
+    "@types/bonjour" "^3.5.9"
+    "@types/connect-history-api-fallback" "^1.3.5"
+    "@types/express" "^4.17.13"
+    "@types/serve-index" "^1.9.1"
+    "@types/serve-static" "^1.13.10"
+    "@types/sockjs" "^0.3.33"
+    "@types/ws" "^8.5.1"
+    ansi-html-community "^0.0.8"
+    bonjour-service "^1.0.11"
+    chokidar "^3.5.3"
+    colorette "^2.0.10"
+    compression "^1.7.4"
+    connect-history-api-fallback "^2.0.0"
+    default-gateway "^6.0.3"
+    express "^4.17.3"
+    graceful-fs "^4.2.6"
+    html-entities "^2.3.2"
+    http-proxy-middleware "^2.0.3"
+    ipaddr.js "^2.0.1"
+    open "^8.0.9"
+    p-retry "^4.5.0"
+    rimraf "^3.0.2"
+    schema-utils "^4.0.0"
+    selfsigned "^2.1.1"
+    serve-index "^1.9.1"
+    sockjs "^0.3.24"
+    spdy "^4.0.2"
+    webpack-dev-middleware "^5.3.1"
+    ws "^8.4.2"
+
+webpack-merge@^5.7.3:
+  version "5.8.0"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61"
+  integrity sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==
+  dependencies:
+    clone-deep "^4.0.1"
+    wildcard "^2.0.0"
+
+webpack-node-externals@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/webpack-node-externals/-/webpack-node-externals-3.0.0.tgz#1a3407c158d547a9feb4229a9e3385b7b60c9917"
+  integrity sha512-LnL6Z3GGDPht/AigwRh2dvL9PQPFQ8skEpVrWZXLWBYmqcaojHNN0onvHzie6rq7EWKrrBfPYqNEzTJgiwEQDQ==
+
+webpack-sources@^2.2.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd"
+  integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==
+  dependencies:
+    source-list-map "^2.0.1"
+    source-map "^0.6.1"
+
+webpack-sources@^3.2.3:
+  version "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.75.0:
+  version "5.75.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.75.0.tgz#1e440468647b2505860e94c9ff3e44d5b582c152"
+  integrity sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==
+  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.7.1"
+    acorn-import-assertions "^1.7.6"
+    browserslist "^4.14.5"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.10.0"
+    es-module-lexer "^0.9.0"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.9"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.1.0"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.1.3"
+    watchpack "^2.4.0"
+    webpack-sources "^3.2.3"
+
+websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
+  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
+  dependencies:
+    http-parser-js ">=0.5.1"
+    safe-buffer ">=5.1.0"
+    websocket-extensions ">=0.1.1"
+
+websocket-extensions@>=0.1.1:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
+  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
+
+whatwg-encoding@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
+  integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
+  dependencies:
+    iconv-lite "0.4.24"
+
+whatwg-encoding@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
+  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
+  dependencies:
+    iconv-lite "0.6.3"
+
+whatwg-mimetype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
+  integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
+
+whatwg-mimetype@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
+  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
+
+whatwg-url@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-10.0.0.tgz#37264f720b575b4a311bd4094ed8c760caaa05da"
+  integrity sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==
+  dependencies:
+    tr46 "^3.0.0"
+    webidl-conversions "^7.0.0"
+
+whatwg-url@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
+  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
+  dependencies:
+    tr46 "^3.0.0"
+    webidl-conversions "^7.0.0"
+
+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"
+  integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
+  dependencies:
+    lodash "^4.7.0"
+    tr46 "^2.1.0"
+    webidl-conversions "^6.1.0"
+
+which-boxed-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
+which@^1.2.9:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
+  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
+  dependencies:
+    isexe "^2.0.0"
+
+which@^2.0.1, which@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.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==
+  dependencies:
+    string-width "^1.0.2 || 2 || 3 || 4"
+
+wildcard@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
+  integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
+
+win-ca@^3.5.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/win-ca/-/win-ca-3.5.0.tgz#87fa778d629077651d323169aadf122ff16954e7"
+  integrity sha512-0TgO/+2iz2pS3OxBy2ikovPHOYyZRdLRxRTT9ze7DpZwEpaahLFOBuac93GM3lYEVzDyf8fXskJjIX/EILvkhQ==
+  dependencies:
+    is-electron "^2.2.0"
+    make-dir "^1.3.0"
+    node-forge "^1.2.1"
+    split "^1.0.1"
+
+winston-transport-browserconsole@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/winston-transport-browserconsole/-/winston-transport-browserconsole-1.0.5.tgz#8ef1bc32da5fb0a66604f2b8b6f127ed725108c9"
+  integrity sha512-BFZDvknATAmsqaRY3WatB2S0eEb0ziwqBYIv+H0Fnu9oe7GnPUVQzEJC1frmLdNsfEkfnyR1PCNDBAFtZE3SuQ==
+  dependencies:
+    winston "^3.2.1"
+    winston-transport "^4.3.0"
+
+winston-transport@^4.3.0, winston-transport@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/winston-transport/-/winston-transport-4.5.0.tgz#6e7b0dd04d393171ed5e4e4905db265f7ab384fa"
+  integrity sha512-YpZzcUzBedhlTAfJg6vJDlyEai/IFMIVcaEZZyl3UXIl4gmqRpU7AE89AHLkbzLUsv0NVmw7ts+iztqKxxPW1Q==
+  dependencies:
+    logform "^2.3.2"
+    readable-stream "^3.6.0"
+    triple-beam "^1.3.0"
+
+winston@^3.2.1, winston@^3.8.2:
+  version "3.8.2"
+  resolved "https://registry.yarnpkg.com/winston/-/winston-3.8.2.tgz#56e16b34022eb4cff2638196d9646d7430fdad50"
+  integrity sha512-MsE1gRx1m5jdTTO9Ld/vND4krP2To+lgDoMEHGGa4HIlAUyXJtfc7CxQcGXVyz2IBpw5hbFkj2b/AtUdQwyRew==
+  dependencies:
+    "@colors/colors" "1.5.0"
+    "@dabh/diagnostics" "^2.0.2"
+    async "^3.2.3"
+    is-stream "^2.0.0"
+    logform "^2.4.0"
+    one-time "^1.0.0"
+    readable-stream "^3.4.0"
+    safe-stable-stringify "^2.3.1"
+    stack-trace "0.0.x"
+    triple-beam "^1.3.0"
+    winston-transport "^4.5.0"
+
+word-wrap@^1.2.3, word-wrap@~1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
+  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
+
+wordwrap@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+  integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
+
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+write-file-atomic@^4.0.0, write-file-atomic@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
+  integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==
+  dependencies:
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.7"
+
+ws@^7.3.1, ws@^7.4.6:
+  version "7.5.7"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.7.tgz#9e0ac77ee50af70d58326ecff7e85eb3fa375e67"
+  integrity sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==
+
+ws@^8.12.0, ws@^8.2.3, ws@^8.4.2:
+  version "8.12.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.12.0.tgz#485074cc392689da78e1828a9ff23585e06cddd8"
+  integrity sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==
+
+xml-name-validator@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
+  integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
+
+xml-name-validator@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
+  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
+
+xmlbuilder@>=11.0.1:
+  version "15.1.1"
+  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-15.1.1.tgz#9dcdce49eea66d8d10b42cae94a79c3c8d0c2ec5"
+  integrity sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==
+
+xmlbuilder@^9.0.7:
+  version "9.0.7"
+  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-9.0.7.tgz#132ee63d2ec5565c557e20f4c22df9aca686b10d"
+  integrity sha1-Ey7mPS7FVlxVfiD0wi35rKaGsQ0=
+
+xmlchars@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
+
+xtend@^4.0.0, xtend@^4.0.2, xtend@~4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
+  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
+
+xterm-addon-fit@^0.5.0:
+  version "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-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@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
+yaku@^0.16.6:
+  version "0.16.7"
+  resolved "https://registry.yarnpkg.com/yaku/-/yaku-0.16.7.tgz#1d195c78aa9b5bf8479c895b9504fd4f0847984e"
+  integrity sha1-HRlceKqbW/hHnIlblQT9TwhHmE4=
+
+yallist@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
+  integrity sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
+yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yargs-parser@^21.0.0:
+  version "21.0.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.0.1.tgz#0267f286c877a4f0f728fceb6f8a3e4cb95c6e35"
+  integrity sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==
+
+yargs@^17.3.1, yargs@^17.5.1:
+  version "17.6.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.6.0.tgz#e134900fc1f218bc230192bdec06a0a5f973e46c"
+  integrity sha512-8H/wTDqlSwoSnScvV2N/JHfLWOKuh5MVla9hqLjK3nsfyy6Y4kDSYSvkU5YCUEPOSnRXfIyx3Sq+B/IWudTo4g==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.0.0"
+
+yauzl@^2.10.0, yauzl@^2.4.2:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+  integrity sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"
+
+yn@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
+  integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
diff --git a/packages/extension-api/.gitignore b/packages/extension-api/.gitignore
new file mode 100644
index 0000000000..763301fc00
--- /dev/null
+++ b/packages/extension-api/.gitignore
@@ -0,0 +1,2 @@
+dist/
+node_modules/
\ No newline at end of file
diff --git a/packages/extension-api/__mocks__/@sentry/electron/main.ts b/packages/extension-api/__mocks__/@sentry/electron/main.ts
new file mode 100644
index 0000000000..cbe02cb296
--- /dev/null
+++ b/packages/extension-api/__mocks__/@sentry/electron/main.ts
@@ -0,0 +1,5 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export default {};
diff --git a/packages/extension-api/__mocks__/@sentry/electron/renderer.ts b/packages/extension-api/__mocks__/@sentry/electron/renderer.ts
new file mode 100644
index 0000000000..cbe02cb296
--- /dev/null
+++ b/packages/extension-api/__mocks__/@sentry/electron/renderer.ts
@@ -0,0 +1,5 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export default {};
diff --git a/packages/extension-api/__mocks__/assetMock.ts b/packages/extension-api/__mocks__/assetMock.ts
new file mode 100644
index 0000000000..5412bc08dc
--- /dev/null
+++ b/packages/extension-api/__mocks__/assetMock.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export default ""; // mostly path to bundled file or data-url (webpack)
diff --git a/packages/extension-api/__mocks__/electron-updater.ts b/packages/extension-api/__mocks__/electron-updater.ts
new file mode 100644
index 0000000000..6d39773984
--- /dev/null
+++ b/packages/extension-api/__mocks__/electron-updater.ts
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// This mock exists because library causes criminal side-effect on import
+export const autoUpdater = {};
diff --git a/packages/extension-api/__mocks__/electron.ts b/packages/extension-api/__mocks__/electron.ts
new file mode 100644
index 0000000000..5375ed631b
--- /dev/null
+++ b/packages/extension-api/__mocks__/electron.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export default {
+  require: jest.fn(),
+  match: jest.fn(),
+  app: {
+    getVersion: jest.fn().mockReturnValue("3.0.0"),
+    getLocale: jest.fn().mockRejectedValue("en"),
+    getPath: jest.fn(() => "tmp"),
+  },
+  dialog: jest.fn(),
+  ipcRenderer: {
+    on: jest.fn(),
+  },
+};
diff --git a/packages/extension-api/__mocks__/node-pty.ts b/packages/extension-api/__mocks__/node-pty.ts
new file mode 100644
index 0000000000..92b96563ee
--- /dev/null
+++ b/packages/extension-api/__mocks__/node-pty.ts
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// This mock exists because library causes criminal side-effect on import
+export default {};
diff --git a/packages/extension-api/__mocks__/react-beautiful-dnd.tsx b/packages/extension-api/__mocks__/react-beautiful-dnd.tsx
new file mode 100644
index 0000000000..e3549c2968
--- /dev/null
+++ b/packages/extension-api/__mocks__/react-beautiful-dnd.tsx
@@ -0,0 +1,55 @@
+/**
+ * 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,
+  DraggableProvidedDraggableProps,
+  DroppableProps,
+  DroppableProvidedProps,
+} from "react-beautiful-dnd";
+
+export const DragDropContext = ({ children }: DragDropContextProps) => <>{ children }</>;
+export const Draggable = ({ children }: DraggableProps) => (
+  <>
+    {
+      children(
+        {
+          draggableProps: {} as DraggableProvidedDraggableProps,
+          innerRef: () => {},
+        },
+        {
+          isDragging: false,
+          isDropAnimating: false,
+        },
+        {
+          draggableId: "some-mock-draggable-id",
+          mode: "FLUID",
+          source: {
+            droppableId: "some-mock-droppable-id",
+            index: 0,
+          },
+        },
+      )
+    }
+  </>
+);
+export const Droppable = ({ children }: DroppableProps) => (
+  <>
+    {
+      children(
+        {
+          droppableProps: {} as DroppableProvidedProps,
+          innerRef: () => {},
+        },
+        {
+          isDraggingOver: false,
+          isUsingPlaceholder: false,
+        },
+      )
+    }
+  </>
+);
diff --git a/packages/extension-api/__mocks__/react-virtualized-auto-sizer.tsx b/packages/extension-api/__mocks__/react-virtualized-auto-sizer.tsx
new file mode 100644
index 0000000000..ede5de41cb
--- /dev/null
+++ b/packages/extension-api/__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/packages/extension-api/package.json b/packages/extension-api/package.json
new file mode 100644
index 0000000000..62a3b3a661
--- /dev/null
+++ b/packages/extension-api/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "@k8slens/extensions",
+  "productName": "OpenLens extensions",
+  "description": "OpenLens - Open Source Kubernetes IDE: extensions",
+  "version": "6.0.0",
+  "copyright": "© 2022 OpenLens Authors",
+  "license": "MIT",
+  "main": "dist/src/extension-api.js",
+  "types": "dist/src/extension-api.d.ts",
+  "files": [
+    "dist/**/*.ts",
+    "__mocks__/*.ts",
+    "dist/**/*.js"
+  ],
+  "author": {
+    "name": "OpenLens Authors"
+  },
+  "scripts": {
+    "build": "yarn run webpack --config webpack/extensions.ts",
+    "build-docs": "yarn run typedoc",
+    "clean": "rm -rf dist/"
+  },
+  "dependencies": {
+    "@k8slens/open-lens": "^6.4.0-alpha.0"
+  },
+  "devDependencies": {
+    "typedoc": "0.23.23",
+    "typedoc-plugin-markdown": "^3.13.6",
+    "typescript": "^4.9.4",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1",
+    "@types/node": "^16.18.6",
+    "@types/webpack": "^5.28.0",
+    "@types/webpack-env": "^1.18.0",
+    "@types/webpack-node-externals": "2.5.3",
+    "css-loader": "^6.7.2",
+    "node-loader": "^2.0.0",
+    "style-loader": "^3.3.1",
+    "ts-loader": "^9.4.2",
+    "ts-node": "^10.9.1",
+    "typescript-plugin-css-modules": "^4.1.1"
+  }
+}
diff --git a/packages/extension-api/src/extension-api.ts b/packages/extension-api/src/extension-api.ts
new file mode 100644
index 0000000000..8d6c0048d0
--- /dev/null
+++ b/packages/extension-api/src/extension-api.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 { extensionApi as main } from "@k8slens/open-lens/main";
+import { extensionApi as renderer } from "@k8slens/open-lens/renderer";
+import { extensionApi as common } from "@k8slens/open-lens/common";
+
+const Main = { ... main } as typeof main;
+const Renderer = { ...renderer } as typeof renderer;
+const Common = { ... common } as typeof common;
+
+export {
+  Main,
+  Renderer,
+  Common,
+};
diff --git a/packages/extension-api/tsconfig.json b/packages/extension-api/tsconfig.json
new file mode 100644
index 0000000000..57142571dc
--- /dev/null
+++ b/packages/extension-api/tsconfig.json
@@ -0,0 +1,33 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "*": [
+        "node_modules/*",
+        "types/*"
+      ]
+    },
+    "plugins": [
+      {
+        "name": "typescript-plugin-css-modules",
+        "options": {
+          "namedExports": false
+        }
+      }
+    ]
+  },
+  "include": [
+    "src/**/*",
+    "../core/types/*.d.ts",
+  ],
+  "exclude": [
+    "node_modules",
+    "../core/src/"
+  ],
+  "references": [
+    {
+      "path": "../core"
+    }
+  ]
+}
diff --git a/packages/extension-api/typedoc.json b/packages/extension-api/typedoc.json
new file mode 100644
index 0000000000..73dbad6ed3
--- /dev/null
+++ b/packages/extension-api/typedoc.json
@@ -0,0 +1,15 @@
+{
+  "readme": "../../docs/extensions/typedoc-readme.md.tpl",
+  "name": "@k8slens/extensions",
+  "out": "../../docs/extensions/api",
+  "excludePrivate": true,
+  "entryPointStrategy": "expand",
+  "entryPoints": [
+    "src/extension-api.ts",
+    "../core/src/common/library.ts",
+    "../core/src/main/library.ts",
+    "../core/src/renderer/library.ts"
+  ],
+  "hideBreadcrumbs": true,
+  "disableSources": true,
+}
diff --git a/webpack/extensions.ts b/packages/extension-api/webpack/extensions.ts
similarity index 64%
rename from webpack/extensions.ts
rename to packages/extension-api/webpack/extensions.ts
index 961c1d3bf2..3cb6ed2caa 100644
--- a/webpack/extensions.ts
+++ b/packages/extension-api/webpack/extensions.ts
@@ -6,21 +6,21 @@
 
 import path from "path";
 import type webpack from "webpack";
-import { cssModulesWebpackRule, fontsLoaderWebpackRules, iconsAndImagesWebpackRules } from "./renderer";
-import { extensionEntry, extensionOutDir, isDevelopment } from "./vars";
+
+const isDevelopment = process.env.NODE_ENV !== "production";
 
 export default function generateExtensionTypes(): webpack.Configuration {
   return {
     // Compile for Electron for renderer process
     // see <https://webpack.js.org/configuration/target/>
     target: "electron-renderer",
-    entry: extensionEntry,
+    entry: "./src/extension-api.ts",
     // this is the default mode, so we should make it explicit to silence the warning
     mode: isDevelopment ? "development" : "production",
     output: {
       filename: "extension-api.js",
       // need to be an absolute path
-      path: path.resolve(extensionOutDir, "src", "extensions"),
+      path: path.resolve("./dist/"),
       // can be use in commonjs environments
       // e.g. require('@k8slens/extensions')
       libraryTarget: "commonjs",
@@ -34,6 +34,11 @@ export default function generateExtensionTypes(): webpack.Configuration {
       /require.extensions is not supported by webpack./, // handlebars
     ],
     stats: "errors-warnings",
+    externals: [
+      "@k8slens/open-lens/common",
+      "@k8slens/open-lens/main",
+      "@k8slens/open-lens/renderer",
+    ],
     module: {
       rules: [
         {
@@ -50,28 +55,15 @@ export default function generateExtensionTypes(): webpack.Configuration {
             compilerOptions: {
               declaration: true, // output .d.ts
               sourceMap: false, // to override sourceMap: true in tsconfig.json
-              outDir: extensionOutDir, // where the .d.ts should be located
+              outDir: path.resolve("./dist/"), // where the .d.ts should be located
             },
           },
         },
-        cssModulesWebpackRule({ styleLoader: "style-loader" }),
-        ...fontsLoaderWebpackRules(),
-        ...iconsAndImagesWebpackRules(),
       ],
     },
     resolve: {
       extensions: [".ts", ".tsx", ".js"],
     },
-    plugins: [
-      // In ts-loader's README they said to output a built .d.ts file,
-      // you can set "declaration": true in tsconfig.extensions.json,
-      // and use the DeclarationBundlerPlugin in your webpack config... but
-      // !! the DeclarationBundlerPlugin doesn't work anymore, author archived it.
-      // https://www.npmjs.com/package/declaration-bundler-webpack-plugin
-      // new DeclarationBundlerPlugin({
-      //   moduleName: '@k8slens/extensions',
-      //    out: 'extension-api.d.ts',
-      // })
-    ],
+    plugins: [],
   };
 }
diff --git a/packages/extension-api/yarn.lock b/packages/extension-api/yarn.lock
new file mode 100644
index 0000000000..c4e505abc5
--- /dev/null
+++ b/packages/extension-api/yarn.lock
@@ -0,0 +1,1757 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@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==
+
+"@cspotcode/source-map-support@^0.8.0":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz#00629c35a688e05a88b1cda684fb9d5e73f000a1"
+  integrity sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==
+  dependencies:
+    "@jridgewell/trace-mapping" "0.3.9"
+
+"@discoveryjs/json-ext@^0.5.0":
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
+  integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
+
+"@jridgewell/gen-mapping@^0.3.0":
+  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.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
+  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.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.14", "@jridgewell/sourcemap-codec@^1.4.10":
+  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"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9"
+  integrity sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
+"@jridgewell/trace-mapping@^0.3.14", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.17"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
+  integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
+  dependencies:
+    "@jridgewell/resolve-uri" "3.1.0"
+    "@jridgewell/sourcemap-codec" "1.4.14"
+
+"@tsconfig/node10@^1.0.7":
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.9.tgz#df4907fc07a886922637b15e02d4cebc4c0021b2"
+  integrity sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==
+
+"@tsconfig/node12@^1.0.7":
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node12/-/node12-1.0.11.tgz#ee3def1f27d9ed66dac6e46a295cffb0152e058d"
+  integrity sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==
+
+"@tsconfig/node14@^1.0.0":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node14/-/node14-1.0.3.tgz#e4386316284f00b98435bf40f72f75a09dabf6c1"
+  integrity sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==
+
+"@tsconfig/node16@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node16/-/node16-1.0.3.tgz#472eaab5f15c1ffdd7f8628bd4c4f753995ec79e"
+  integrity sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==
+
+"@types/eslint-scope@^3.7.3":
+  version "3.7.4"
+  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.4.tgz#37fc1223f0786c39627068a12e94d6e6fc61de16"
+  integrity sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
+"@types/eslint@*":
+  version "8.4.10"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.10.tgz#19731b9685c19ed1552da7052b6f668ed7eb64bb"
+  integrity sha512-Sl/HOqN8NKPmhWo2VBEPm0nvHnu2LL3v9vKo8MEq0EtbJ4eVzGPl41VNPvn5E1i5poMk4/XD8UriLHpJvEP/Nw==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/estree@*":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
+  integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
+
+"@types/estree@^0.0.51":
+  version "0.0.51"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
+  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
+
+"@types/json-schema@*", "@types/json-schema@^7.0.8":
+  version "7.0.11"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
+  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
+
+"@types/node@*":
+  version "18.11.18"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.18.tgz#8dfb97f0da23c2293e554c5a50d61ef134d7697f"
+  integrity sha512-DHQpWGjyQKSHj3ebjFI/wRKcqQcdR+MoFBygntYOZytCqNfkd2ZC4ARDJ2DQqhjH5p85Nnd3jhUJIXrszFX/JA==
+
+"@types/node@^16.18.6":
+  version "16.18.11"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.11.tgz#cbb15c12ca7c16c85a72b6bdc4d4b01151bb3cae"
+  integrity sha512-3oJbGBUWuS6ahSnEq1eN2XrCyf4YsWI8OyCvo7c64zQJNplk3mO84t53o8lfTk+2ji59g5ycfc6qQ3fdHliHuA==
+
+"@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"
+  resolved "https://registry.yarnpkg.com/@types/webpack-node-externals/-/webpack-node-externals-2.5.3.tgz#921783aadda1fe686db0a70e20e4b9548b5a3cef"
+  integrity sha512-A9JxaR8QXoYT95egET4AmCFuChyTlP8d18ZAnmSHuIMsFdS7QlCQQ8pmN/+FHgLIkm+ViE/VngltT5avLACY9A==
+  dependencies:
+    "@types/node" "*"
+    webpack "^5"
+
+"@types/webpack@^5.28.0":
+  version "5.28.0"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-5.28.0.tgz#78dde06212f038d77e54116cfe69e88ae9ed2c03"
+  integrity sha512-8cP0CzcxUiFuA9xGJkfeVpqmWTk9nx6CWwamRGCj95ph1SmlRRk9KlCZ6avhCbZd4L68LvYT6l1kpdEnQXrF8w==
+  dependencies:
+    "@types/node" "*"
+    tapable "^2.2.0"
+    webpack "^5"
+
+"@webassemblyjs/ast@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
+  integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+
+"@webassemblyjs/floating-point-hex-parser@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
+  integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
+
+"@webassemblyjs/helper-api-error@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
+  integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
+
+"@webassemblyjs/helper-buffer@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
+  integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
+
+"@webassemblyjs/helper-numbers@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
+  integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.11.1"
+    "@webassemblyjs/helper-api-error" "1.11.1"
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/helper-wasm-bytecode@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
+  integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
+
+"@webassemblyjs/helper-wasm-section@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
+  integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+
+"@webassemblyjs/ieee754@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
+  integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
+"@webassemblyjs/leb128@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
+  integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/utf8@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
+  integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
+
+"@webassemblyjs/wasm-edit@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
+  integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/helper-wasm-section" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@webassemblyjs/wasm-opt" "1.11.1"
+    "@webassemblyjs/wasm-parser" "1.11.1"
+    "@webassemblyjs/wast-printer" "1.11.1"
+
+"@webassemblyjs/wasm-gen@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
+  integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/ieee754" "1.11.1"
+    "@webassemblyjs/leb128" "1.11.1"
+    "@webassemblyjs/utf8" "1.11.1"
+
+"@webassemblyjs/wasm-opt@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
+  integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@webassemblyjs/wasm-parser" "1.11.1"
+
+"@webassemblyjs/wasm-parser@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
+  integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-api-error" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/ieee754" "1.11.1"
+    "@webassemblyjs/leb128" "1.11.1"
+    "@webassemblyjs/utf8" "1.11.1"
+
+"@webassemblyjs/wast-printer@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
+  integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@xtuc/long" "4.2.2"
+
+"@webpack-cli/configtest@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-2.0.1.tgz#a69720f6c9bad6aef54a8fa6ba9c3533e7ef4c7f"
+  integrity sha512-njsdJXJSiS2iNbQVS0eT8A/KPnmyH4pv1APj2K0d1wrZcBLw+yppxOy4CGqa0OxDJkzfL/XELDhD8rocnIwB5A==
+
+"@webpack-cli/info@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-2.0.1.tgz#eed745799c910d20081e06e5177c2b2569f166c0"
+  integrity sha512-fE1UEWTwsAxRhrJNikE7v4EotYflkEhBL7EbajfkPlf6E37/2QshOy/D48Mw8G5XMFlQtS6YV42vtbG9zBpIQA==
+
+"@webpack-cli/serve@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-2.0.1.tgz#34bdc31727a1889198855913db2f270ace6d7bf8"
+  integrity sha512-0G7tNyS+yW8TdgHwZKlDWYXFA6OJQnoLCQvYKkQP0Q2X205PSQ6RNUj0M+1OB/9gRQaUZ/ccYfaxd0nhaWKfjw==
+
+"@xtuc/ieee754@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
+  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
+
+"@xtuc/long@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
+  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
+
+acorn-import-assertions@^1.7.6:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
+  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
+
+acorn-walk@^8.1.1:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
+
+acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.1:
+  version "8.8.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.1.tgz#0a3f9cbecc4ec3bea6f0a80b66ae8dd2da250b73"
+  integrity sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==
+
+ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+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==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+arg@^4.1.0:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
+  integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+big.js@^3.1.3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
+  integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==
+
+big.js@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
+  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
+
+binary-extensions@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.2, braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
+browserslist@^4.14.5:
+  version "4.21.4"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
+  integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
+  dependencies:
+    caniuse-lite "^1.0.30001400"
+    electron-to-chromium "^1.4.251"
+    node-releases "^2.0.6"
+    update-browserslist-db "^1.0.9"
+
+buffer-from@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
+caniuse-lite@^1.0.30001400:
+  version "1.0.30001442"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001442.tgz#40337f1cf3be7c637b061e2f78582dc1daec0614"
+  integrity sha512-239m03Pqy0hwxYPYR5JwOIxRJfLTWtle9FV8zosfV5pHg+/51uD4nxcUlM8+mWWGfwKtt8lJNHnD3cWw9VZ6ow==
+
+chalk@^2.4.1:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.1.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+"chokidar@>=3.0.0 <4.0.0":
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
+  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+chrome-trace-event@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
+  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
+
+clone-deep@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
+  integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
+  dependencies:
+    is-plain-object "^2.0.4"
+    kind-of "^6.0.2"
+    shallow-clone "^3.0.0"
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+colorette@^2.0.14:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
+  integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
+
+commander@^2.20.0:
+  version "2.20.3"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
+commander@^9.4.1:
+  version "9.5.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-9.5.0.tgz#bc08d1eb5cedf7ccb797a96199d41c7bc3e60d30"
+  integrity sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+copy-anything@^2.0.1:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/copy-anything/-/copy-anything-2.0.6.tgz#092454ea9584a7b7ad5573062b2a87f5900fc480"
+  integrity sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==
+  dependencies:
+    is-what "^3.14.1"
+
+create-require@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
+  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
+
+cross-spawn@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+css-loader@^6.7.2:
+  version "6.7.3"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.3.tgz#1e8799f3ccc5874fdd55461af51137fcc5befbcd"
+  integrity sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==
+  dependencies:
+    icss-utils "^5.1.0"
+    postcss "^8.4.19"
+    postcss-modules-extract-imports "^3.0.0"
+    postcss-modules-local-by-default "^4.0.0"
+    postcss-modules-scope "^3.0.0"
+    postcss-modules-values "^4.0.0"
+    postcss-value-parser "^4.2.0"
+    semver "^7.3.8"
+
+css-selector-tokenizer@^0.7.0:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz#735f26186e67c749aaf275783405cf0661fae8f1"
+  integrity sha512-jWQv3oCEL5kMErj4wRnK/OPoBi0D+P1FR2cDCKYPaMeD2eW3/mttav8HT4hT1CKopiJI/psEULjkClhvJo4Lvg==
+  dependencies:
+    cssesc "^3.0.0"
+    fastparse "^1.1.2"
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+debug@^3.2.6:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+debug@^4.3.2:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
+diff@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
+  integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
+
+dotenv@^16.0.3:
+  version "16.0.3"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.3.tgz#115aec42bac5053db3c456db30cc243a5a836a07"
+  integrity sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==
+
+electron-to-chromium@^1.4.251:
+  version "1.4.284"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz#61046d1e4cab3a25238f6bf7413795270f125592"
+  integrity sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==
+
+emojis-list@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+  integrity sha512-knHEZMgs8BB+MInokmNTg/OyPlAddghe1YBgNwJBc5zsJi/uyIcXoSDsL/W9ymOsBoBGdPIHXYJ9+qKFwRwDng==
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.10.0:
+  version "5.12.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
+  integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+envinfo@^7.7.3:
+  version "7.8.1"
+  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
+  integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
+
+errno@^0.1.1:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
+  integrity sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==
+  dependencies:
+    prr "~1.0.1"
+
+es-module-lexer@^0.9.0:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
+  integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
+
+escalade@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+
+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 sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+eslint-scope@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+events@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+fast-deep-equal@^3.1.1:
+  version "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-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fastest-levenshtein@^1.0.12:
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz#210e61b6ff181de91ea9b3d1b84fdedd47e034e5"
+  integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==
+
+fastparse@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
+  integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+find-up@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+
+fsevents@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
+generic-names@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/generic-names/-/generic-names-1.0.3.tgz#2d786a121aee508876796939e8e3bff836c20917"
+  integrity sha512-b6OHfQuKasIKM9b6YPkX+KUj/TLBTx3B/1aT1T5F12FEuEqyFMdr59OMS53aoaSw8eVtapdqieX6lbg5opaOhA==
+  dependencies:
+    loader-utils "^0.2.16"
+
+glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+glob@^7.1.6:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+graceful-fs@^4.1.2, graceful-fs@^4.2.4, 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==
+
+handlebars@^4.7.7:
+  version "4.7.7"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
+  integrity sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==
+  dependencies:
+    minimist "^1.2.5"
+    neo-async "^2.6.0"
+    source-map "^0.6.1"
+    wordwrap "^1.0.0"
+  optionalDependencies:
+    uglify-js "^3.1.4"
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
+iconv-lite@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
+icss-utils@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-3.0.1.tgz#ee70d3ae8cac38c6be5ed91e851b27eed343ad0f"
+  integrity sha512-ANhVLoEfe0KoC9+z4yiTaXOneB49K6JIXdS+yAgH0NERELpdIT7kkj2XxUPuHafeHnn8umXnECSpsfk1RTaUew==
+  dependencies:
+    postcss "^6.0.2"
+
+icss-utils@^5.0.0, icss-utils@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
+  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
+
+image-size@~0.5.0:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
+  integrity sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==
+
+immutable@^4.0.0:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.2.2.tgz#2da9ff4384a4330c36d4d1bc88e90f9e0b0ccd16"
+  integrity sha512-fTMKDwtbvO5tldky9QZ2fMX7slR0mYpY5nbnFWYp0fOzDhHqhgIw9KoYgxLWsoNTS9ZHGauHj18DTyEw6BK3Og==
+
+import-local@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
+  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
+  dependencies:
+    pkg-dir "^4.2.0"
+    resolve-cwd "^3.0.0"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+interpret@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-3.1.1.tgz#5be0ceed67ca79c6c4bc5cf0d7ee843dcea110c4"
+  integrity sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-core-module@^2.9.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
+  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
+  dependencies:
+    has "^1.0.3"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-glob@^4.0.1, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-plain-object@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
+  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
+  dependencies:
+    isobject "^3.0.1"
+
+is-what@^3.14.1:
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.14.1.tgz#e1222f46ddda85dead0fd1c9df131760e77755c1"
+  integrity sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+isobject@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
+
+jest-worker@^27.4.5:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+json-parse-even-better-errors@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json5@^0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
+  integrity sha512-4xrs1aW+6N5DalkqSVA8fxh458CXvR99WU8WLKmq4v8eWAL86Xo3BVqyd3SkA9wEVjCMqyvvRRkshAdOnBp5rw==
+
+json5@^2.1.2, json5@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+jsonc-parser@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
+  integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
+
+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==
+
+less@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/less/-/less-4.1.3.tgz#175be9ddcbf9b250173e0a00b4d6920a5b770246"
+  integrity sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==
+  dependencies:
+    copy-anything "^2.0.1"
+    parse-node-version "^1.0.1"
+    tslib "^2.3.0"
+  optionalDependencies:
+    errno "^0.1.1"
+    graceful-fs "^4.1.2"
+    image-size "~0.5.0"
+    make-dir "^2.1.0"
+    mime "^1.4.1"
+    needle "^3.1.0"
+    source-map "~0.6.0"
+
+lilconfig@^2.0.5:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.6.tgz#32a384558bd58af3d4c6e077dd1ad1d397bc69d4"
+  integrity sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==
+
+loader-runner@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
+  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
+
+loader-utils@^0.2.16:
+  version "0.2.17"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
+  integrity sha512-tiv66G0SmiOx+pLWMtGEkfSEejxvb6N6uRrQjfWJIT79W9GMpgKeCAmm9aVBKtd4WEgntciI8CsGqjpDoCWJug==
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+    object-assign "^4.0.1"
+
+loader-utils@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
+lodash.camelcase@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
+  integrity sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==
+
+lodash@^4.17.4:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
+lunr@^2.3.9:
+  version "2.3.9"
+  resolved "https://registry.yarnpkg.com/lunr/-/lunr-2.3.9.tgz#18b123142832337dd6e964df1a5a7707b25d35e1"
+  integrity sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==
+
+make-dir@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
+  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
+  dependencies:
+    pify "^4.0.1"
+    semver "^5.6.0"
+
+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==
+
+marked@^4.2.4:
+  version "4.2.5"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-4.2.5.tgz#979813dfc1252cc123a79b71b095759a32f42a5d"
+  integrity sha512-jPueVhumq7idETHkb203WDD4fMA3yV9emQ5vLwop58lu8bTclMghBWcYAavlDqIEMaisADinV1TooIFCfqOsYQ==
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+micromatch@^4.0.0:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  dependencies:
+    braces "^3.0.2"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.27:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mime@^1.4.1:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
+minimatch@^3.1.1:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.2.tgz#0939d7d6f0898acbd1508abe534d1929368a8fff"
+  integrity sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimist@^1.2.5, minimist@^1.2.6:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18"
+  integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+ms@^2.1.1:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+nanoid@^3.3.4:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
+  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
+
+needle@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/needle/-/needle-3.2.0.tgz#07d240ebcabfd65c76c03afae7f6defe6469df44"
+  integrity sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==
+  dependencies:
+    debug "^3.2.6"
+    iconv-lite "^0.6.3"
+    sax "^1.2.4"
+
+neo-async@^2.6.0, neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+node-loader@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/node-loader/-/node-loader-2.0.0.tgz#9109a6d828703fd3e0aa03c1baec12a798071562"
+  integrity sha512-I5VN34NO4/5UYJaUBtkrODPWxbobrE4hgDqPrjB25yPkonFhCmZ146vTH+Zg417E9Iwoh1l/MbRs1apc5J295Q==
+  dependencies:
+    loader-utils "^2.0.0"
+
+node-releases@^2.0.6:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.8.tgz#0f349cdc8fcfa39a92ac0be9bc48b7706292b9ae"
+  integrity sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+object-assign@^4.0.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+  dependencies:
+    wrappy "1"
+
+p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
+parse-node-version@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parse-node-version/-/parse-node-version-1.0.1.tgz#e2b5dbede00e7fa9bc363607f53327e8b073189b"
+  integrity sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
+
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pify@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
+  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
+
+pkg-dir@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+  dependencies:
+    find-up "^4.0.0"
+
+postcss-filter-plugins@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-filter-plugins/-/postcss-filter-plugins-3.0.1.tgz#9d226e946d56542ab7c26123053459a331df545d"
+  integrity sha512-tRKbW4wWBEkSSFuJtamV2wkiV9rj6Yy7P3Y13+zaynlPEEZt8EgYKn3y/RBpMeIhNmHXFlSdzofml65hD5OafA==
+  dependencies:
+    postcss "^6.0.14"
+
+postcss-icss-keyframes@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-icss-keyframes/-/postcss-icss-keyframes-0.2.1.tgz#80c4455e0112b0f2f9c3c05ac7515062bb9ff295"
+  integrity sha512-4m+hLY5TVqoTM198KKnzdNudyu1OvtqwD+8kVZ9PNiEO4+IfHYoyVvEXsOHjV8nZ1k6xowf+nY4HlUfZhOFvvw==
+  dependencies:
+    icss-utils "^3.0.1"
+    postcss "^6.0.2"
+    postcss-value-parser "^3.3.0"
+
+postcss-icss-selectors@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-icss-selectors/-/postcss-icss-selectors-2.0.3.tgz#27fa1afcaab6c602c866cbb298f3218e9bc1c9b3"
+  integrity sha512-dxFtq+wscbU9faJaH8kIi98vvCPDbt+qg1g9GoG0os1PY3UvgY1Y2G06iZrZb1iVC9cyFfafwSY1IS+IQpRQ4w==
+  dependencies:
+    css-selector-tokenizer "^0.7.0"
+    generic-names "^1.0.2"
+    icss-utils "^3.0.1"
+    lodash "^4.17.4"
+    postcss "^6.0.2"
+
+postcss-load-config@^3.1.4:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
+  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
+  dependencies:
+    lilconfig "^2.0.5"
+    yaml "^1.10.2"
+
+postcss-modules-extract-imports@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
+  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
+
+postcss-modules-local-by-default@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
+  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
+  dependencies:
+    icss-utils "^5.0.0"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.1.0"
+
+postcss-modules-scope@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06"
+  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
+postcss-modules-values@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
+  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
+  dependencies:
+    icss-utils "^5.0.0"
+
+postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
+  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-value-parser@^3.3.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
+  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
+
+postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^6.0.14, postcss@^6.0.2:
+  version "6.0.23"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
+  integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
+  dependencies:
+    chalk "^2.4.1"
+    source-map "^0.6.1"
+    supports-color "^5.4.0"
+
+postcss@^8.4.19:
+  version "8.4.21"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
+  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
+  dependencies:
+    nanoid "^3.3.4"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+prr@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
+  integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
+
+punycode@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+
+randombytes@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  dependencies:
+    safe-buffer "^5.1.0"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+rechoir@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.8.0.tgz#49f866e0d32146142da3ad8f0eff352b3215ff22"
+  integrity sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==
+  dependencies:
+    resolve "^1.20.0"
+
+reserved-words@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/reserved-words/-/reserved-words-0.1.2.tgz#00a0940f98cd501aeaaac316411d9adc52b31ab1"
+  integrity sha512-0S5SrIUJ9LfpbVl4Yzij6VipUdafHrOTzvmfazSw/jeZrZtQK303OPZW+obtkaw7jQlTQppy0UvZWm9872PbRw==
+
+resolve-cwd@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
+  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
+  dependencies:
+    resolve-from "^5.0.0"
+
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
+resolve@^1.20.0:
+  version "1.22.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
+  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
+  dependencies:
+    is-core-module "^2.9.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+safe-buffer@^5.1.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+"safer-buffer@>= 2.1.2 < 3.0.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+sass@^1.56.1:
+  version "1.57.1"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.57.1.tgz#dfafd46eb3ab94817145e8825208ecf7281119b5"
+  integrity sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
+sax@^1.2.4, sax@~1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
+
+schema-utils@^3.1.0, schema-utils@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
+  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
+semver@^5.6.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+
+semver@^7.3.4, semver@^7.3.8:
+  version "7.3.8"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
+  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
+  dependencies:
+    lru-cache "^6.0.0"
+
+serialize-javascript@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
+  integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==
+  dependencies:
+    randombytes "^2.1.0"
+
+shallow-clone@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
+  integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
+  dependencies:
+    kind-of "^6.0.2"
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+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 "^6.0.0"
+
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+source-map@^0.7.3:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
+
+style-loader@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.1.tgz#057dfa6b3d4d7c7064462830f9113ed417d38575"
+  integrity sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==
+
+stylus@^0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.59.0.tgz#a344d5932787142a141946536d6e24e6a6be7aa6"
+  integrity sha512-lQ9w/XIOH5ZHVNuNbWW8D822r+/wBSO/d6XvtyHLF7LW4KaCIDeVbvn5DF8fGCJAUCwVhVi/h6J0NUcnylUEjg==
+  dependencies:
+    "@adobe/css-tools" "^4.0.1"
+    debug "^4.3.2"
+    glob "^7.1.6"
+    sax "~1.2.4"
+    source-map "^0.7.3"
+
+supports-color@^5.3.0, supports-color@^5.4.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+tapable@^2.1.1, tapable@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+terser-webpack-plugin@^5.1.3:
+  version "5.3.6"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.6.tgz#5590aec31aa3c6f771ce1b1acca60639eab3195c"
+  integrity sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.14"
+    jest-worker "^27.4.5"
+    schema-utils "^3.1.1"
+    serialize-javascript "^6.0.0"
+    terser "^5.14.1"
+
+terser@^5.14.1:
+  version "5.16.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.1.tgz#5af3bc3d0f24241c7fb2024199d5c461a1075880"
+  integrity sha512-xvQfyfA1ayT0qdK47zskQgRZeWLoOQ8JQ6mIgRGVNwZKdQMU+5FkCBjmv4QjcrTzyZquRw2FVtlJSRUmMKQslw==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.2"
+    acorn "^8.5.0"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+ts-loader@^9.4.2:
+  version "9.4.2"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.4.2.tgz#80a45eee92dd5170b900b3d00abcfa14949aeb78"
+  integrity sha512-OmlC4WVmFv5I0PpaxYb+qGeGOdm5giHU7HwDDUjw59emP2UYMHy9fFSDcYgSNoH8sXcj4hGCSEhlDZ9ULeDraA==
+  dependencies:
+    chalk "^4.1.0"
+    enhanced-resolve "^5.0.0"
+    micromatch "^4.0.0"
+    semver "^7.3.4"
+
+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"
+    "@tsconfig/node12" "^1.0.7"
+    "@tsconfig/node14" "^1.0.0"
+    "@tsconfig/node16" "^1.0.2"
+    acorn "^8.4.1"
+    acorn-walk "^8.1.1"
+    arg "^4.1.0"
+    create-require "^1.1.0"
+    diff "^4.0.1"
+    make-error "^1.1.1"
+    v8-compile-cache-lib "^3.0.1"
+    yn "3.1.1"
+
+tsconfig-paths@^4.1.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-4.1.2.tgz#4819f861eef82e6da52fb4af1e8c930a39ed979a"
+  integrity sha512-uhxiMgnXQp1IR622dUXI+9Ehnws7i/y6xvpZB9IbUVOPy0muvdvgXeZOn88UcGPiT98Vp3rJPTa8bFoalZ3Qhw==
+  dependencies:
+    json5 "^2.2.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tslib@^2.3.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.1.tgz#0d0bfbaac2880b91e22df0768e55be9753a5b17e"
+  integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==
+
+typedoc-plugin-markdown@^3.13.6:
+  version "3.14.0"
+  resolved "https://registry.yarnpkg.com/typedoc-plugin-markdown/-/typedoc-plugin-markdown-3.14.0.tgz#17b99ee3ab0d21046d253f185f7669e80d0d7891"
+  integrity sha512-UyQLkLRkfTFhLdhSf3RRpA3nNInGn+k6sll2vRXjflaMNwQAAiB61SYbisNZTg16t4K1dt1bPQMMGLrxS0GZ0Q==
+  dependencies:
+    handlebars "^4.7.7"
+
+typedoc@0.23.23:
+  version "0.23.23"
+  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.23.23.tgz#9cf95b03d2d40031d8978b55e88b0b968d69f512"
+  integrity sha512-cg1YQWj+/BU6wq74iott513U16fbrPCbyYs04PHZgvoKJIc6EY4xNobyDZh4KMfRGW8Yjv6wwIzQyoqopKOUGw==
+  dependencies:
+    lunr "^2.3.9"
+    marked "^4.2.4"
+    minimatch "^5.1.1"
+    shiki "^0.11.1"
+
+typescript-plugin-css-modules@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/typescript-plugin-css-modules/-/typescript-plugin-css-modules-4.1.1.tgz#fc9c13f20f80c13a233beffd27697af353d96316"
+  integrity sha512-kpVxGkY/go9eV5TP1YUDJ6SqwBx2OIuVStMCxKyg9PhJVFXjLYR7AuItVLwoz0NCdiemH91WhtgAjb96jI34DA==
+  dependencies:
+    dotenv "^16.0.3"
+    icss-utils "^5.1.0"
+    less "^4.1.3"
+    lodash.camelcase "^4.3.0"
+    postcss "^8.4.19"
+    postcss-filter-plugins "^3.0.1"
+    postcss-icss-keyframes "^0.2.1"
+    postcss-icss-selectors "^2.0.3"
+    postcss-load-config "^3.1.4"
+    reserved-words "^0.1.2"
+    sass "^1.56.1"
+    source-map-js "^1.0.2"
+    stylus "^0.59.0"
+    tsconfig-paths "^4.1.1"
+
+typescript@^4.9.4:
+  version "4.9.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
+  integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
+
+uglify-js@^3.1.4:
+  version "3.17.4"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
+  integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
+
+update-browserslist-db@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
+  integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==
+  dependencies:
+    escalade "^3.1.1"
+    picocolors "^1.0.0"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+util-deprecate@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+v8-compile-cache-lib@^3.0.1:
+  version "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==
+
+vscode-oniguruma@^1.6.1:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz#439bfad8fe71abd7798338d1cd3dc53a8beea94b"
+  integrity sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==
+
+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==
+
+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"
+
+webpack-cli@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-5.0.1.tgz#95fc0495ac4065e9423a722dec9175560b6f2d9a"
+  integrity sha512-S3KVAyfwUqr0Mo/ur3NzIp6jnerNpo7GUO6so51mxLi1spqsA17YcMXy0WOIJtBSnj748lthxC6XLbNKh/ZC+A==
+  dependencies:
+    "@discoveryjs/json-ext" "^0.5.0"
+    "@webpack-cli/configtest" "^2.0.1"
+    "@webpack-cli/info" "^2.0.1"
+    "@webpack-cli/serve" "^2.0.1"
+    colorette "^2.0.14"
+    commander "^9.4.1"
+    cross-spawn "^7.0.3"
+    envinfo "^7.7.3"
+    fastest-levenshtein "^1.0.12"
+    import-local "^3.0.2"
+    interpret "^3.1.1"
+    rechoir "^0.8.0"
+    webpack-merge "^5.7.3"
+
+webpack-merge@^5.7.3:
+  version "5.8.0"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61"
+  integrity sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==
+  dependencies:
+    clone-deep "^4.0.1"
+    wildcard "^2.0.0"
+
+webpack-sources@^3.2.3:
+  version "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.75.0:
+  version "5.75.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.75.0.tgz#1e440468647b2505860e94c9ff3e44d5b582c152"
+  integrity sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==
+  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.7.1"
+    acorn-import-assertions "^1.7.6"
+    browserslist "^4.14.5"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.10.0"
+    es-module-lexer "^0.9.0"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.9"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.1.0"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.1.3"
+    watchpack "^2.4.0"
+    webpack-sources "^3.2.3"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+wildcard@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
+  integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
+
+wordwrap@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
+yaml@^1.10.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yn@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
+  integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==
diff --git a/packages/extensions/.gitignore b/packages/extensions/.gitignore
deleted file mode 100644
index 27459f522b..0000000000
--- a/packages/extensions/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-dist/
-__mocks__/
diff --git a/packages/extensions/package.json b/packages/extensions/package.json
deleted file mode 100644
index cd59286da0..0000000000
--- a/packages/extensions/package.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "name": "@k8slens/extensions",
-  "productName": "OpenLens extensions",
-  "description": "OpenLens - Open Source Kubernetes IDE: extensions",
-  "version": "6.0.0",
-  "copyright": "© 2022 OpenLens Authors",
-  "license": "MIT",
-  "main": "dist/src/extensions/extension-api.js",
-  "types": "dist/src/extensions/extension-api.d.ts",
-  "files": [
-    "dist/**/*.ts",
-    "__mocks__/*.ts",
-    "dist/**/*.js"
-  ],
-  "author": {
-    "name": "OpenLens Authors"
-  },
-  "dependencies": {
-    "@material-ui/core": "^4.12.3",
-    "@types/node": "^16.11.58",
-    "@types/react": "^17.0.45",
-    "@types/react-dom": "^17.0.16",
-    "@types/react-router": "^5.1.18",
-    "@types/react-router-dom": "^5.3.3",
-    "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/packages/open-lens/.gitignore b/packages/open-lens/.gitignore
new file mode 100644
index 0000000000..4b2910ccd7
--- /dev/null
+++ b/packages/open-lens/.gitignore
@@ -0,0 +1,4 @@
+static/build
+binaries/
+dist/
+node_modules/
\ No newline at end of file
diff --git a/packages/open-lens/package.json b/packages/open-lens/package.json
new file mode 100644
index 0000000000..accf46af81
--- /dev/null
+++ b/packages/open-lens/package.json
@@ -0,0 +1,237 @@
+{
+  "name": "open-lens",
+  "private": true,
+  "productName": "OpenLens",
+  "description": "OpenLens - Open Source IDE for Kubernetes",
+  "homepage": "https://github.com/lensapp/lens",
+  "version": "6.4.0-alpha.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lensapp/lens.git"
+  },
+  "keywords": [],
+  "bugs": {
+    "url": "https://github.com/lensapp/lens/issues"
+  },
+  "main": "static/build/main.js",
+  "copyright": "© 2023 OpenLens Authors",
+  "license": "MIT",
+  "author": "OpenLens Authors <info@k8slens.dev>",
+  "scripts": {
+    "clean": "rm -rf binaries/ dist/ static/build",
+    "build": "npm run compile && electron-builder",
+    "build:mac": "npm run compile && electron-builder --mac --dir",
+    "compile": "env NODE_ENV=production webpack --config webpack/webpack.ts --progress",
+    "postcompile": "npm run build:tray-icons && npm run download:binaries",
+    "predev": "rm -rf static/build/ && npm run build:tray-icons && npm run download:binaries",
+    "dev": "concurrently -i -k \"yarn run dev-run -C\" yarn:dev:*",
+    "dev-run": "nodemon --watch ./static/build/main.js --exec \"electron --remote-debugging-port=9223 --inspect .\"",
+    "dev:main": "env NODE_ENV=development webpack --config webpack/main.ts --progress --watch",
+    "dev:renderer": "env NODE_ENV=development ts-node ./webpack/dev-server.ts",
+    "build:tray-icons": "ts-node ../core/build/generate-tray-icons.ts",
+    "download:binaries": "ts-node ../core/build/download_binaries.ts"
+  },
+  "config": {
+    "k8sProxyVersion": "0.3.0",
+    "bundledKubectlVersion": "1.23.3",
+    "bundledHelmVersion": "3.7.2",
+    "sentryDsn": "",
+    "contentSecurityPolicy": "script-src 'unsafe-eval' 'self'; frame-src https://*.lens.app:*/; img-src * data:",
+    "welcomeRoute": "/welcome"
+  },
+  "engines": {
+    "node": ">=16 <17"
+  },
+  "jest": {
+    "collectCoverage": false,
+    "verbose": true,
+    "transform": {
+      "^.+\\.(t|j)sx?$": [
+        "@swc/jest"
+      ]
+    },
+    "testEnvironment": "jsdom",
+    "resolver": "<rootDir>/src/jest-28-resolver.js",
+    "moduleNameMapper": {
+      "\\.(css|scss)$": "identity-obj-proxy",
+      "\\.(svg|png|jpg|eot|woff2?|ttf)$": "<rootDir>/__mocks__/assetMock.ts"
+    },
+    "modulePathIgnorePatterns": [
+      "<rootDir>/dist",
+      "<rootDir>/packages"
+    ],
+    "setupFiles": [
+      "<rootDir>/src/jest.setup.ts",
+      "jest-canvas-mock"
+    ],
+    "globalSetup": "<rootDir>/src/jest.timezone.ts",
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/jest-after-env.setup.ts"
+    ],
+    "runtime": "@side/jest-runtime"
+  },
+  "build": {
+    "generateUpdatesFilesForAllChannels": true,
+    "files": [
+      "static/**/*"
+    ],
+    "afterSign": "../core/build/notarize.js",
+    "extraResources": [
+      {
+        "from": "templates/",
+        "to": "./templates/",
+        "filter": "**/*.yaml"
+      },
+      "LICENSE"
+    ],
+    "linux": {
+      "category": "Network",
+      "artifactName": "${productName}-${version}.${arch}.${ext}",
+      "target": [
+        "deb",
+        "rpm",
+        "AppImage"
+      ],
+      "extraResources": [
+        {
+          "from": "binaries/client/linux/${arch}/kubectl",
+          "to": "./${arch}/kubectl"
+        },
+        {
+          "from": "binaries/client/linux/${arch}/lens-k8s-proxy",
+          "to": "./${arch}/lens-k8s-proxy"
+        },
+        {
+          "from": "binaries/client/linux/${arch}/helm",
+          "to": "./${arch}/helm"
+        }
+      ]
+    },
+    "rpm": {
+      "fpm": [
+        "--rpm-rpmbuild-define=%define _build_id_links none"
+      ]
+    },
+    "mac": {
+      "hardenedRuntime": true,
+      "gatekeeperAssess": false,
+      "entitlements": "../core/build/entitlements.mac.plist",
+      "entitlementsInherit": "../core/build/entitlements.mac.plist",
+      "extraResources": [
+        {
+          "from": "binaries/client/darwin/${arch}/kubectl",
+          "to": "./${arch}/kubectl"
+        },
+        {
+          "from": "binaries/client/darwin/${arch}/lens-k8s-proxy",
+          "to": "./${arch}/lens-k8s-proxy"
+        },
+        {
+          "from": "binaries/client/darwin/${arch}/helm",
+          "to": "./${arch}/helm"
+        }
+      ]
+    },
+    "win": {
+      "target": [
+        "nsis"
+      ],
+      "extraResources": [
+        {
+          "from": "binaries/client/windows/${arch}/kubectl.exe",
+          "to": "./${arch}/kubectl.exe"
+        },
+        {
+          "from": "binaries/client/windows/${arch}/lens-k8s-proxy.exe",
+          "to": "./${arch}/lens-k8s-proxy.exe"
+        },
+        {
+          "from": "binaries/client/windows/${arch}/helm.exe",
+          "to": "./${arch}/helm.exe"
+        }
+      ]
+    },
+    "nsis": {
+      "include": "../core/build/installer.nsh",
+      "oneClick": false,
+      "allowElevation": true,
+      "createStartMenuShortcut": true,
+      "allowToChangeInstallationDirectory": true
+    },
+    "protocols": {
+      "name": "Lens Protocol Handler",
+      "schemes": [
+        "lens"
+      ],
+      "role": "Viewer"
+    }
+  },
+  "dependencies": {
+    "@k8slens/open-lens": "^6.4.0-alpha.0",
+    "@ogre-tools/fp": "^12.0.1",
+    "@ogre-tools/injectable": "^12.0.1",
+    "@ogre-tools/injectable-extension-for-auto-registration": "^12.0.1",
+    "@ogre-tools/injectable-extension-for-mobx": "^12.0.1",
+    "@ogre-tools/injectable-react": "^12.0.1",
+    "mobx": "^6.7.0"
+  },
+  "devDependencies": {
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
+    "@types/node": "^16.18.6",
+    "@types/webpack": "^5.28.0",
+    "@types/webpack-dev-server": "^4.7.2",
+    "@types/webpack-env": "^1.18.0",
+    "@types/webpack-node-externals": "2.5.3",
+    "autoprefixer": "^10.4.13",
+    "circular-dependency-plugin": "^5.2.2",
+    "cli-progress": "^3.11.2",
+    "concurrently": "^7.6.0",
+    "css-loader": "^6.7.2",
+    "electron": "^19.1.9",
+    "electron-builder": "^23.6.0",
+    "electron-notarize": "^0.3.0",
+    "esbuild-loader": "^2.20.0",
+    "fork-ts-checker-webpack-plugin": "^7.2.14",
+    "gunzip-maybe": "^1.4.2",
+    "html-webpack-plugin": "^5.5.0",
+    "jsdom": "^20.0.3",
+    "jsonfile": "^6.1.0",
+    "mini-css-extract-plugin": "^2.7.1",
+    "monaco-editor-webpack-plugin": "^5.0.0",
+    "node-loader": "^2.0.0",
+    "nodemon": "^2.0.20",
+    "react-refresh": "^0.14.0",
+    "react-refresh-typescript": "^2.0.7",
+    "sharp": "^0.31.2",
+    "style-loader": "^3.3.1",
+    "tailwindcss": "^3.2.4",
+    "ts-loader": "^9.4.2",
+    "ts-node": "^10.9.1",
+    "type-fest": "^2.14.0",
+    "typescript": "^4.9.4",
+    "typescript-plugin-css-modules": "^4.1.1",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.11.1",
+    "webpack-node-externals": "^3.0.0",
+    "@types/byline": "^4.2.33",
+    "@types/chart.js": "^2.9.36",
+    "@types/color": "^3.0.3",
+    "@types/crypto-js": "^3.1.47",
+    "@types/lodash": "^4.14.191",
+    "@types/proper-lockfile": "^4.1.2",
+    "@types/react-dom": "^17.0.16",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-virtualized-auto-sizer": "^1.0.1",
+    "@types/react-window": "^1.8.5",
+    "@types/request-promise-native": "^1.0.18",
+    "@types/tar": "^6.1.3",
+    "@types/tcp-port-used": "^1.0.1",
+    "@types/url-parse": "^1.4.8",
+    "@types/uuid": "^8.3.4",
+    "monaco-editor": "^0.29.1",
+    "react-select": "^5.7.0",
+    "typed-emitter": "^1.4.0",
+    "xterm-addon-fit": "^0.5.0"
+  }
+}
diff --git a/packages/open-lens/src/common/application-information.injectable.ts b/packages/open-lens/src/common/application-information.injectable.ts
new file mode 100644
index 0000000000..16f2321d47
--- /dev/null
+++ b/packages/open-lens/src/common/application-information.injectable.ts
@@ -0,0 +1,17 @@
+
+import { getInjectable } from "@ogre-tools/injectable";
+import { applicationInformationToken, ApplicationInformation } from "@k8slens/open-lens/common";
+import packageJson from "../../package.json";
+
+const applicationInformationInjectable = getInjectable({
+  id: "application-information",
+  injectionToken: applicationInformationToken,
+  instantiate: () => {
+    const { version, config, productName, build, copyright, description, name } = packageJson;
+
+    return { version, config, productName, build, copyright, description, name } as ApplicationInformation;
+  },
+  causesSideEffects: true,
+});
+
+export default applicationInformationInjectable;
diff --git a/packages/open-lens/src/main/index.ts b/packages/open-lens/src/main/index.ts
new file mode 100644
index 0000000000..45e8d121ad
--- /dev/null
+++ b/packages/open-lens/src/main/index.ts
@@ -0,0 +1,38 @@
+import { createContainer } from "@ogre-tools/injectable";
+import { autoRegister } from "@ogre-tools/injectable-extension-for-auto-registration";
+import { runInAction } from "mobx";
+import { createApp, extensionApi } from "@k8slens/open-lens/main";
+
+const di = createContainer("main");
+const app = createApp({
+  di,
+  mode: process.env.NODE_ENV || "development"
+});
+
+runInAction(() => {
+  try {
+    autoRegister({
+      di,
+      requireContexts: [
+        require.context("./", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+        require.context("../common", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+      ],
+    });
+  } catch (err) {
+    console.error(err);
+    process.exit(1);
+  }
+});
+
+app.start().catch((error) => {
+  console.error(error);
+  process.exit(1);
+})
+
+const { Mobx, LensExtensions, Pty } = extensionApi;
+
+export {
+  Mobx,
+  LensExtensions,
+  Pty
+};
diff --git a/packages/open-lens/src/renderer/index.ts b/packages/open-lens/src/renderer/index.ts
new file mode 100644
index 0000000000..a87fdbe897
--- /dev/null
+++ b/packages/open-lens/src/renderer/index.ts
@@ -0,0 +1,43 @@
+import "@k8slens/open-lens/styles";
+import { createContainer } from "@ogre-tools/injectable";
+import { runInAction } from "mobx";
+import { createApp, extensionApi } from "@k8slens/open-lens/renderer";
+import { autoRegister } from "@ogre-tools/injectable-extension-for-auto-registration";
+
+const di = createContainer("renderer");
+const app = createApp({
+  di,
+  mode: process.env.NODE_ENV || "development"
+});
+
+runInAction(() => {
+  autoRegister({
+    di,
+    requireContexts: [
+      require.context("./", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+      require.context("../common", true, CONTEXT_MATCHER_FOR_NON_FEATURES),
+    ],
+  });
+});
+
+app.start();
+
+const {
+  React,
+  ReactDOM,
+  ReactRouter,
+  ReactRouterDom,
+  Mobx,
+  MobxReact,
+  LensExtensions
+} = extensionApi;
+
+export {
+  React,
+  ReactDOM,
+  ReactRouter,
+  ReactRouterDom,
+  Mobx,
+  MobxReact,
+  LensExtensions
+};
diff --git a/packages/open-lens/tsconfig.json b/packages/open-lens/tsconfig.json
new file mode 100644
index 0000000000..57a6c2f045
--- /dev/null
+++ b/packages/open-lens/tsconfig.json
@@ -0,0 +1,32 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "*": [
+        "node_modules/*",
+      ]
+    },
+    "plugins": [
+      {
+        "name": "typescript-plugin-css-modules"
+      }
+    ]
+  },
+  "include": [
+    "src/**/*",
+    "../core/types/*.d.ts"
+  ],
+  "exclude": [
+    "out",
+    "dist",
+    "coverage",
+    "binaries",
+    "static"
+  ],
+  "references": [
+    {
+      "path": "../core"
+    }
+  ]
+}
diff --git a/packages/open-lens/webpack/dev-server.ts b/packages/open-lens/webpack/dev-server.ts
new file mode 100644
index 0000000000..21f9af5ecd
--- /dev/null
+++ b/packages/open-lens/webpack/dev-server.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 Webpack from "webpack";
+import WebpackDevServer from "webpack-dev-server";
+import renderer from "./renderer";
+import { buildDir, webpackDevServerPort } from "./vars";
+
+/**
+ * API docs:
+ * @url https://webpack.js.org/configuration/dev-server/
+ * @url https://github.com/chimurai/http-proxy-middleware
+ */
+const compiler = Webpack(renderer);
+
+const server = new WebpackDevServer({
+  setupExitSignals: true,
+  headers: {
+    "Access-Control-Allow-Origin": "*",
+  },
+  allowedHosts: "127.0.0.1",
+  host: "localhost",
+  port: webpackDevServerPort,
+  static: buildDir, // aka `devServer.contentBase` in webpack@4
+  hot: "only", // use HMR only without errors
+  liveReload: false,
+  devMiddleware: {
+    writeToDisk: true,
+    index: "index.html",
+    publicPath: "/build",
+  },
+  proxy: {
+    "^/$": "/build/",
+  },
+  client: {
+    overlay: false, // don't show warnings and errors on top of rendered app view
+    logging: "error",
+  },
+}, compiler);
+
+console.info(`[WEBPACK-DEV-SERVER]: created with options`, server.options);
+
+server.start();
diff --git a/packages/open-lens/webpack/main.ts b/packages/open-lens/webpack/main.ts
new file mode 100644
index 0000000000..a521fafccd
--- /dev/null
+++ b/packages/open-lens/webpack/main.ts
@@ -0,0 +1,59 @@
+import path from "path";
+import type webpack from "webpack";
+import { DefinePlugin } from "webpack";
+import nodeExternals from "webpack-node-externals";
+import { iconsAndImagesWebpackRules } from "./renderer";
+import { buildDir, isDevelopment, mainDir } from "./vars";
+import { platform } from "process";
+
+const main: webpack.Configuration = ({
+  name: "lens-app-main",
+  context: __dirname,
+  target: "electron-main",
+  mode: isDevelopment ? "development" : "production",
+  devtool: isDevelopment ? "cheap-module-source-map" : "source-map",
+  cache: isDevelopment ? { type: "filesystem" } : false,
+  entry: {
+    main: path.resolve(mainDir, "index.ts"),
+  },
+  output: {
+    libraryTarget: "global",
+    path: buildDir,
+  },
+  optimization: {
+    minimize: false,
+  },
+  resolve: {
+    extensions: [".json", ".js", ".ts"],
+  },
+  externals: [
+    nodeExternals(),
+  ],
+  module: {
+    parser: {
+      javascript: {
+        commonjsMagicComments: true,
+      },
+    },
+    rules: [
+      {
+        test: /\.node$/,
+        use: "node-loader",
+      },
+      {
+        test: /\.ts$/,
+        loader: "ts-loader",
+        options: {},
+       },
+      ...iconsAndImagesWebpackRules(),
+    ],
+  },
+  plugins: [
+    new DefinePlugin({
+      CONTEXT_MATCHER_FOR_NON_FEATURES: `/\\.injectable(\\.${platform})?\\.tsx?$/`,
+      CONTEXT_MATCHER_FOR_FEATURES: `/\\/(renderer|common)\\/.+\\.injectable(\\.${platform})?\\.tsx?$/`,
+    }),
+  ],
+});
+
+export default main;
diff --git a/packages/open-lens/webpack/renderer.ts b/packages/open-lens/webpack/renderer.ts
new file mode 100644
index 0000000000..c51457902a
--- /dev/null
+++ b/packages/open-lens/webpack/renderer.ts
@@ -0,0 +1,185 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+ import path from "path";
+ import type webpack from "webpack";
+ import HtmlWebpackPlugin from "html-webpack-plugin";
+ import MiniCssExtractPlugin from "mini-css-extract-plugin";
+ import ForkTsCheckerPlugin from "fork-ts-checker-webpack-plugin";
+ import MonacoWebpackPlugin from "monaco-editor-webpack-plugin";
+ import CircularDependencyPlugin from "circular-dependency-plugin";
+ import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin";
+ import type { WebpackPluginInstance } from "webpack";
+ import { DefinePlugin } from "webpack";
+ import { assetsFolderName, isDevelopment, rendererDir, buildDir, htmlTemplate, publicPath, sassCommonVars } from "./vars";
+ import { platform } from "process";
+ 
+ const renderer: webpack.Configuration = {
+  target: "electron-renderer",
+  name: "lens-app-renderer",
+  mode: isDevelopment ? "development" : "production",
+  // https://webpack.js.org/configuration/devtool/ (see description of each option)
+  devtool: isDevelopment ? "cheap-module-source-map" : "source-map",
+  cache: isDevelopment ? { type: "filesystem" } : false,
+  entry: {
+    lens: path.resolve(rendererDir, "index.ts"),
+  },
+  output: {
+    libraryTarget: "global",
+    globalObject: "this",
+    publicPath,
+    path: buildDir,
+    filename: "[name].js",
+    chunkFilename: "chunks/[name].js",
+    assetModuleFilename: `${assetsFolderName}/[name][ext][query]`,
+  },
+  watchOptions: {
+    ignored: /node_modules/, // https://webpack.js.org/configuration/watch/
+  },
+  ignoreWarnings: [
+    /Critical dependency: the request of a dependency is an expression/,
+    /require.extensions is not supported by webpack./, // handlebars
+    /\[ReactRefreshPlugin] .*?HMR.*? is not enabled/, // enabled in webpack.dev-server
+  ],
+  resolve: {
+    extensions: [
+      ".js", ".jsx", ".json",
+      ".ts", ".tsx",
+    ],
+  },
+  externals: {
+    "node-fetch": "commonjs node-fetch",
+    "npm": "commonjs npm",
+  },
+  optimization: {
+    minimize: false,
+  },
+  module: {
+    parser: {
+      javascript: {
+        commonjsMagicComments: true,
+      },
+    },
+    rules: [
+      {
+        test: /\.node$/,
+        use: "node-loader",
+      },
+      {
+      test: /\.tsx?$/,
+      loader: "ts-loader",
+      options: {},
+      },
+      cssModulesWebpackRule(),
+      ...iconsAndImagesWebpackRules(),
+      ...fontsLoaderWebpackRules(),
+    ],
+  },
+
+  plugins: [
+    new DefinePlugin({
+      CONTEXT_MATCHER_FOR_NON_FEATURES: `/\\.injectable(\\.${platform})?\\.tsx?$/`,
+      CONTEXT_MATCHER_FOR_FEATURES: `/\\/(renderer|common)\\/.+\\.injectable(\\.${platform})?\\.tsx?$/`,
+    }),
+    new ForkTsCheckerPlugin(),
+
+    // see also: https://github.com/Microsoft/monaco-editor-webpack-plugin#options
+    new MonacoWebpackPlugin({
+      // publicPath: "/",
+      // filename: "[name].worker.js",
+      languages: ["json", "yaml"],
+      globalAPI: isDevelopment,
+    }),
+
+    new HtmlWebpackPlugin({
+      filename: "index.html",
+      template: htmlTemplate,
+      inject: true,
+      hash: true,
+      templateParameters: {
+        assetPath: `${publicPath}${assetsFolderName}`,
+      },
+    }),
+
+    new CircularDependencyPlugin({
+      cwd: __dirname,
+      exclude: /node_modules/,
+      failOnError: true,
+    }) as unknown as WebpackPluginInstance,
+
+    new MiniCssExtractPlugin({
+      filename: "[name].css",
+    }),
+
+    ...(
+      isDevelopment
+        ? [new ReactRefreshWebpackPlugin()]
+        : []
+    ),
+  ],
+};
+ 
+ /**
+  * Import icons and image files.
+  * Read more about asset types: https://webpack.js.org/guides/asset-modules/
+  */
+ export function iconsAndImagesWebpackRules(): webpack.RuleSetRule[] {
+   return [
+     {
+       test: /\.svg$/,
+       type: "asset/source", // exports the source code of the asset, so we get XML
+     },
+     {
+       test: /\.(jpg|png|ico)$/,
+       type: "asset/resource", // path to file, e.g. "/static/build/assets/*"
+     },
+   ];
+ }
+ 
+ /**
+  * Import custom fonts as URL.
+  */
+ export function fontsLoaderWebpackRules(): webpack.RuleSetRule[] {
+   return [
+     {
+       test: /\.(ttf|eot|woff2?)$/,
+       type: "asset/resource",
+     },
+   ];
+ }
+ 
+ export interface CssModulesWebpackRuleOptions {
+   styleLoader?: string;
+ }
+ 
+ /**
+  * Import CSS or SASS styles with modules support (*.module.scss)
+  */
+ export function cssModulesWebpackRule({ styleLoader }: CssModulesWebpackRuleOptions = {}): webpack.RuleSetRule {
+   styleLoader ??= isDevelopment
+     ? "style-loader"
+     : MiniCssExtractPlugin.loader;
+ 
+   return {
+     test: /\.s?css$/,
+     use: [
+       styleLoader,
+       {
+         loader: "css-loader",
+         options: {
+           sourceMap: isDevelopment,
+           modules: {
+             auto: /\.module\./i, // https://github.com/webpack-contrib/css-loader#auto
+             mode: "local", // :local(.selector) by default
+             localIdentName: "[name]__[local]--[hash:base64:5]",
+           },
+         },
+       },
+     ],
+   };
+ }
+ 
+ export default renderer;
+ 
\ No newline at end of file
diff --git a/packages/open-lens/webpack/vars.ts b/packages/open-lens/webpack/vars.ts
new file mode 100644
index 0000000000..08824009eb
--- /dev/null
+++ b/packages/open-lens/webpack/vars.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 assert from "assert";
+import path from "path";
+
+export const isDevelopment = process.env.NODE_ENV !== "production";
+export const mainDir = path.join(process.cwd(), "src", "main");
+export const buildDir = path.join(process.cwd(), "static", "build");
+export const assetsFolderName = "assets";
+export const rendererDir = path.join(process.cwd(), "src", "renderer");
+export const htmlTemplate = path.resolve(__dirname, "..", "node_modules", "@k8slens", "open-lens", "src/renderer", "template.html");
+export const publicPath = "/build/";
+export const sassCommonVars = path.resolve(__dirname, "..", "node_modules", "@k8slens", "open-lens", "src", "renderer", "components/vars.scss");
+export const webpackDevServerPort = Number(process.env.WEBPACK_DEV_SERVER_PORT) || 9191;
+
+assert(Number.isInteger(webpackDevServerPort), "WEBPACK_DEV_SERVER_PORT environment variable must only be an integer");
diff --git a/packages/open-lens/webpack/webpack.ts b/packages/open-lens/webpack/webpack.ts
new file mode 100644
index 0000000000..fcc6e20eae
--- /dev/null
+++ b/packages/open-lens/webpack/webpack.ts
@@ -0,0 +1,4 @@
+import main from "./main";
+import renderer from "./renderer";
+
+export default [main, renderer];
\ No newline at end of file
diff --git a/packages/open-lens/yarn.lock b/packages/open-lens/yarn.lock
new file mode 100644
index 0000000000..ba29f367f6
--- /dev/null
+++ b/packages/open-lens/yarn.lock
@@ -0,0 +1,5973 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"7zip-bin@~5.1.1":
+  version "5.1.1"
+  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==
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.16.7":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
+  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
+  dependencies:
+    "@babel/highlight" "^7.18.6"
+
+"@babel/helper-module-imports@^7.16.7":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
+  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
+"@babel/helper-plugin-utils@^7.18.6":
+  version "7.20.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
+  integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
+
+"@babel/helper-string-parser@^7.19.4":
+  version "7.19.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
+  integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
+
+"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
+  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
+
+"@babel/highlight@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
+  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.18.6"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
+"@babel/plugin-syntax-jsx@^7.17.12":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
+  integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/runtime@^7.12.0", "@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.7.tgz#fcb41a5a70550e04a7b708037c7c32f7f356d8fd"
+  integrity sha512-UF0tvkUtxwAgZ5W/KrkHf0Rn0fdnLDU9ScxBrEVNUprE/MzirjK4MJUX1/BVDv00Sv8cljtukVK1aky++X1SjQ==
+  dependencies:
+    regenerator-runtime "^0.13.11"
+
+"@babel/types@^7.18.6":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.7.tgz#54ec75e252318423fc07fb644dc6a58a64c09b7f"
+  integrity sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.19.4"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    to-fast-properties "^2.0.0"
+
+"@cspotcode/source-map-support@^0.8.0":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz#00629c35a688e05a88b1cda684fb9d5e73f000a1"
+  integrity sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==
+  dependencies:
+    "@jridgewell/trace-mapping" "0.3.9"
+
+"@develar/schema-utils@~2.6.5":
+  version "2.6.5"
+  resolved "https://registry.yarnpkg.com/@develar/schema-utils/-/schema-utils-2.6.5.tgz#3ece22c5838402419a6e0425f85742b961d9b6c6"
+  integrity sha512-0cp4PsWQ/9avqTVMCtZ+GirikIA36ikvjtHweU4/j8yLtgObI0+JUPhYFScgwlteveGB1rt3Cm8UhN04XayDig==
+  dependencies:
+    ajv "^6.12.0"
+    ajv-keywords "^3.4.1"
+
+"@discoveryjs/json-ext@^0.5.0":
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
+  integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
+
+"@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==
+  dependencies:
+    debug "^4.1.1"
+    env-paths "^2.2.0"
+    fs-extra "^8.1.0"
+    got "^9.6.0"
+    progress "^2.0.3"
+    semver "^6.2.0"
+    sumchecker "^3.0.1"
+  optionalDependencies:
+    global-agent "^3.0.0"
+    global-tunnel-ng "^2.7.1"
+
+"@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"
+    debug "^4.3.1"
+    dir-compare "^2.4.0"
+    fs-extra "^9.0.1"
+    minimatch "^3.0.4"
+    plist "^3.0.4"
+
+"@emotion/babel-plugin@^11.10.5":
+  version "11.10.5"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz#65fa6e1790ddc9e23cc22658a4c5dea423c55c3c"
+  integrity sha512-xE7/hyLHJac7D2Ve9dKroBBZqBT7WuPQmWcq7HSGb84sUuP4mlOWoB8dvVfD9yk5DHkU1m6RW7xSoDtnQHNQeA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/plugin-syntax-jsx" "^7.17.12"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/hash" "^0.9.0"
+    "@emotion/memoize" "^0.8.0"
+    "@emotion/serialize" "^1.1.1"
+    babel-plugin-macros "^3.1.0"
+    convert-source-map "^1.5.0"
+    escape-string-regexp "^4.0.0"
+    find-root "^1.1.0"
+    source-map "^0.5.7"
+    stylis "4.1.3"
+
+"@emotion/cache@^11.10.5", "@emotion/cache@^11.4.0":
+  version "11.10.5"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.10.5.tgz#c142da9351f94e47527ed458f7bbbbe40bb13c12"
+  integrity sha512-dGYHWyzTdmK+f2+EnIGBpkz1lKc4Zbj2KHd4cX3Wi8/OWr5pKslNjc3yABKH4adRGCvSX4VDC0i04mrrq0aiRA==
+  dependencies:
+    "@emotion/memoize" "^0.8.0"
+    "@emotion/sheet" "^1.2.1"
+    "@emotion/utils" "^1.2.0"
+    "@emotion/weak-memoize" "^0.3.0"
+    stylis "4.1.3"
+
+"@emotion/hash@^0.9.0":
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.0.tgz#c5153d50401ee3c027a57a177bc269b16d889cb7"
+  integrity sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==
+
+"@emotion/memoize@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.0.tgz#f580f9beb67176fa57aae70b08ed510e1b18980f"
+  integrity sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==
+
+"@emotion/react@^11.8.1":
+  version "11.10.5"
+  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.10.5.tgz#95fff612a5de1efa9c0d535384d3cfa115fe175d"
+  integrity sha512-TZs6235tCJ/7iF6/rvTaOH4oxQg2gMAcdHemjwLKIjKz4rRuYe1HJ2TQJKnAcRAfOUDdU8XoDadCe1rl72iv8A==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.10.5"
+    "@emotion/cache" "^11.10.5"
+    "@emotion/serialize" "^1.1.1"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.0"
+    "@emotion/utils" "^1.2.0"
+    "@emotion/weak-memoize" "^0.3.0"
+    hoist-non-react-statics "^3.3.1"
+
+"@emotion/serialize@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.1.tgz#0595701b1902feded8a96d293b26be3f5c1a5cf0"
+  integrity sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==
+  dependencies:
+    "@emotion/hash" "^0.9.0"
+    "@emotion/memoize" "^0.8.0"
+    "@emotion/unitless" "^0.8.0"
+    "@emotion/utils" "^1.2.0"
+    csstype "^3.0.2"
+
+"@emotion/sheet@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.1.tgz#0767e0305230e894897cadb6c8df2c51e61a6c2c"
+  integrity sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA==
+
+"@emotion/unitless@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.0.tgz#a4a36e9cbdc6903737cd20d38033241e1b8833db"
+  integrity sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==
+
+"@emotion/use-insertion-effect-with-fallbacks@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz#ffadaec35dbb7885bd54de3fa267ab2f860294df"
+  integrity sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==
+
+"@emotion/utils@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.0.tgz#9716eaccbc6b5ded2ea5a90d65562609aab0f561"
+  integrity sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw==
+
+"@emotion/weak-memoize@^0.3.0":
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz#ea89004119dc42db2e1dba0f97d553f7372f6fcb"
+  integrity sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg==
+
+"@esbuild/android-arm@0.15.18":
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz#266d40b8fdcf87962df8af05b76219bc786b4f80"
+  integrity sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==
+
+"@esbuild/linux-loong64@0.15.18":
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz#128b76ecb9be48b60cf5cfc1c63a4f00691a3239"
+  integrity sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==
+
+"@floating-ui/core@^1.0.5":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.1.0.tgz#0a1dee4bbce87ff71602625d33f711cafd8afc08"
+  integrity sha512-zbsLwtnHo84w1Kc8rScAo5GMk1GdecSlrflIbfnEBJwvTSj1SL6kkOYV+nHraMCPEy+RNZZUaZyL8JosDGCtGQ==
+
+"@floating-ui/dom@^1.0.1":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.1.0.tgz#29fea1344fdef15b6ba270a733d20b7134fee5c2"
+  integrity sha512-TSogMPVxbRe77QCj1dt8NmRiJasPvuc+eT5jnJ6YpLqgOD2zXc5UA3S1qwybN+GVCDNdKfpKy1oj8RpzLJvh6A==
+  dependencies:
+    "@floating-ui/core" "^1.0.5"
+
+"@jridgewell/gen-mapping@^0.3.0":
+  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.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
+  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.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.14", "@jridgewell/sourcemap-codec@^1.4.10":
+  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"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9"
+  integrity sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
+"@jridgewell/trace-mapping@^0.3.14", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.17"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
+  integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
+  dependencies:
+    "@jridgewell/resolve-uri" "3.1.0"
+    "@jridgewell/sourcemap-codec" "1.4.14"
+
+"@leichtgewicht/ip-codec@^2.0.1":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
+  integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
+
+"@malept/cross-spawn-promise@^1.1.0":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@malept/cross-spawn-promise/-/cross-spawn-promise-1.1.1.tgz#504af200af6b98e198bce768bc1730c6936ae01d"
+  integrity sha512-RTBGWL5FWQcg9orDOCcp4LvItNzUPcyEU9bwaeJX0rJ1IQxzucC48Y0/sQLp/g6t99IQgAlGIaesJS+gTn7tVQ==
+  dependencies:
+    cross-spawn "^7.0.1"
+
+"@malept/flatpak-bundler@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@malept/flatpak-bundler/-/flatpak-bundler-0.4.0.tgz#e8a32c30a95d20c2b1bb635cc580981a06389858"
+  integrity sha512-9QOtNffcOF/c1seMCDnjckb3R9WHcG34tky+FHpNKKCW0wc/scYLwMtO+ptyGUfMW0/b/n4qRiALlaFHc9Oj7Q==
+  dependencies:
+    debug "^4.1.1"
+    fs-extra "^9.0.0"
+    lodash "^4.17.15"
+    tmp-promise "^3.0.2"
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@ogre-tools/fp@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/fp/-/fp-12.0.1.tgz#1f932c8c4cc04075f92ab5ca564db158ac1514d4"
+  integrity sha512-BzMhkI4wPnuI+hXJDbtHUXQn/uBjJLx3W0oDaIFV+lLpkneUU0oW9D5uZFHNOouzCgf67/tnmUC6Ohevbr7/VA==
+
+"@ogre-tools/injectable-extension-for-auto-registration@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-auto-registration/-/injectable-extension-for-auto-registration-12.0.1.tgz#878f73b5408b12193664f4920289905eacb4c1cc"
+  integrity sha512-itKcxEJ/J8SKGD/Wwj0UYOA+/nqwnrwanhikY6qhlibj8guujX77Iip7vMBzJFc2nIrRaQRcpNV2eXe+tjQUdg==
+
+"@ogre-tools/injectable-extension-for-mobx@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-mobx/-/injectable-extension-for-mobx-12.0.1.tgz#1e9de8caba076d7cebda4177a5ab763594b08b28"
+  integrity sha512-M1penOpZfO3/rJMb6WN4IL86p9Lx9tOMCipiNkAyitNLGWfeDPG279JlCs9E3Uw8R9nkFPiw8Je2SLnwnM9o+A==
+
+"@ogre-tools/injectable-react@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-react/-/injectable-react-12.0.1.tgz#07a43f25bd78db37cb2c00bc0c06e0a69394f519"
+  integrity sha512-LAOh/EHKqk/pQcBRZUAz0VcJwgBeIPxHwlV/Apw0aEBBoMuYLsLZh47rES8sMYMV6N5x7oVfkjMscujY0DCgaQ==
+
+"@ogre-tools/injectable@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable/-/injectable-12.0.1.tgz#53f9981f7f165da4277857b8338cc4097d357ad2"
+  integrity sha512-uOx8STN2wSc9hknDSTGqViyR89Vwg7rGacwrVNchgyo48/QJsmZZz6cd1Aw3nT4vr7ekjTc2lh0Rz6zGIv47hg==
+
+"@pmmmwh/react-refresh-webpack-plugin@^0.5.10":
+  version "0.5.10"
+  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz#2eba163b8e7dbabb4ce3609ab5e32ab63dda3ef8"
+  integrity sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==
+  dependencies:
+    ansi-html-community "^0.0.8"
+    common-path-prefix "^3.0.0"
+    core-js-pure "^3.23.3"
+    error-stack-parser "^2.0.6"
+    find-up "^5.0.0"
+    html-entities "^2.1.0"
+    loader-utils "^2.0.4"
+    schema-utils "^3.0.0"
+    source-map "^0.7.3"
+
+"@sindresorhus/is@^0.14.0":
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
+  integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
+
+"@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"
+  integrity sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==
+  dependencies:
+    defer-to-connect "^1.0.1"
+
+"@tootallnate/once@2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
+  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
+
+"@tsconfig/node10@^1.0.7":
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.9.tgz#df4907fc07a886922637b15e02d4cebc4c0021b2"
+  integrity sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==
+
+"@tsconfig/node12@^1.0.7":
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node12/-/node12-1.0.11.tgz#ee3def1f27d9ed66dac6e46a295cffb0152e058d"
+  integrity sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==
+
+"@tsconfig/node14@^1.0.0":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node14/-/node14-1.0.3.tgz#e4386316284f00b98435bf40f72f75a09dabf6c1"
+  integrity sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==
+
+"@tsconfig/node16@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@tsconfig/node16/-/node16-1.0.3.tgz#472eaab5f15c1ffdd7f8628bd4c4f753995ec79e"
+  integrity sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==
+
+"@types/body-parser@*":
+  version "1.19.2"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
+  integrity sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/bonjour@^3.5.9":
+  version "3.5.10"
+  resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.10.tgz#0f6aadfe00ea414edc86f5d106357cda9701e275"
+  integrity sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/byline@^4.2.33":
+  version "4.2.33"
+  resolved "https://registry.yarnpkg.com/@types/byline/-/byline-4.2.33.tgz#001f504f4353b84c503e74da0ed9bdf291484af2"
+  integrity sha512-LJYez7wrWcJQQDknqZtrZuExMGP0IXmPl1rOOGDqLbu+H7UNNRfKNuSxCBcQMLH1EfjeWidLedC/hCc5dDfBog==
+  dependencies:
+    "@types/node" "*"
+
+"@types/caseless@*":
+  version "0.12.2"
+  resolved "https://registry.yarnpkg.com/@types/caseless/-/caseless-0.12.2.tgz#f65d3d6389e01eeb458bd54dc8f52b95a9463bc8"
+  integrity sha512-6ckxMjBBD8URvjB6J3NcnuAn5Pkl7t3TizAg+xdlzzQGSPSmBcXf8KoIH0ua/i+tio+ZRUHEXp0HEmvaR4kt0w==
+
+"@types/chart.js@^2.9.36":
+  version "2.9.37"
+  resolved "https://registry.yarnpkg.com/@types/chart.js/-/chart.js-2.9.37.tgz#8af70862b154fedf938b5b87debdb3a70f6e3208"
+  integrity sha512-9bosRfHhkXxKYfrw94EmyDQcdjMaQPkU1fH2tDxu8DWXxf1mjzWQAV4laJF51ZbC2ycYwNDvIm1rGez8Bug0vg==
+  dependencies:
+    moment "^2.10.2"
+
+"@types/color-convert@*":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@types/color-convert/-/color-convert-2.0.0.tgz#8f5ee6b9e863dcbee5703f5a517ffb13d3ea4e22"
+  integrity sha512-m7GG7IKKGuJUXvkZ1qqG3ChccdIM/qBBo913z+Xft0nKCX4hAU/IxKwZBU4cpRZ7GS5kV4vOblUkILtSShCPXQ==
+  dependencies:
+    "@types/color-name" "*"
+
+"@types/color-name@*":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
+  integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
+
+"@types/color@^3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/color/-/color-3.0.3.tgz#e6d8d72b7aaef4bb9fe80847c26c7c786191016d"
+  integrity sha512-X//qzJ3d3Zj82J9sC/C18ZY5f43utPbAJ6PhYt/M7uG6etcF6MRpKdN880KBy43B0BMzSfeT96MzrsNjFI3GbA==
+  dependencies:
+    "@types/color-convert" "*"
+
+"@types/connect-history-api-fallback@^1.3.5":
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz#d1f7a8a09d0ed5a57aee5ae9c18ab9b803205dae"
+  integrity sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw==
+  dependencies:
+    "@types/express-serve-static-core" "*"
+    "@types/node" "*"
+
+"@types/connect@*":
+  version "3.4.35"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.35.tgz#5fcf6ae445e4021d1fc2219a4873cc73a3bb2ad1"
+  integrity sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/crypto-js@^3.1.47":
+  version "3.1.47"
+  resolved "https://registry.yarnpkg.com/@types/crypto-js/-/crypto-js-3.1.47.tgz#36e549dd3f1322742a3a738e7c113ebe48221860"
+  integrity sha512-eI6gvpcGHLk3dAuHYnRCAjX+41gMv1nz/VP55wAe5HtmAKDOoPSfr3f6vkMc08ov1S0NsjvUBxDtHHxqQY1LGA==
+
+"@types/debug@^4.1.6":
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.7.tgz#7cc0ea761509124709b8b2d1090d8f6c17aadb82"
+  integrity sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==
+  dependencies:
+    "@types/ms" "*"
+
+"@types/eslint-scope@^3.7.3":
+  version "3.7.4"
+  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.4.tgz#37fc1223f0786c39627068a12e94d6e6fc61de16"
+  integrity sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
+"@types/eslint@*":
+  version "8.4.10"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.10.tgz#19731b9685c19ed1552da7052b6f668ed7eb64bb"
+  integrity sha512-Sl/HOqN8NKPmhWo2VBEPm0nvHnu2LL3v9vKo8MEq0EtbJ4eVzGPl41VNPvn5E1i5poMk4/XD8UriLHpJvEP/Nw==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/estree@*":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
+  integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
+
+"@types/estree@^0.0.51":
+  version "0.0.51"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
+  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
+
+"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.31":
+  version "4.17.32"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.32.tgz#93dda387f5516af616d8d3f05f2c4c79d81e1b82"
+  integrity sha512-aI5h/VOkxOF2Z1saPy0Zsxs5avets/iaiAJYznQFm5By/pamU31xWKL//epiF4OfUA2qTOc9PV6tCUjhO8wlZA==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+
+"@types/express@*", "@types/express@^4.17.13":
+  version "4.17.15"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.15.tgz#9290e983ec8b054b65a5abccb610411953d417ff"
+  integrity sha512-Yv0k4bXGOH+8a+7bELd2PqHQsuiANB+A8a4gnQrkRWzrkKlb6KHaVvyXhqs04sVW/OWlbPyYxRgYlIXLfrufMQ==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^4.17.31"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/fs-extra@^9.0.11":
+  version "9.0.13"
+  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-9.0.13.tgz#7594fbae04fe7f1918ce8b3d213f74ff44ac1f45"
+  integrity sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==
+  dependencies:
+    "@types/node" "*"
+
+"@types/glob@^7.1.1":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb"
+  integrity sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==
+  dependencies:
+    "@types/minimatch" "*"
+    "@types/node" "*"
+
+"@types/history@^4.7.11":
+  version "4.7.11"
+  resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64"
+  integrity sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==
+
+"@types/html-minifier-terser@^6.0.0":
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
+  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
+
+"@types/http-proxy@^1.17.8":
+  version "1.17.9"
+  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.9.tgz#7f0e7931343761efde1e2bf48c40f02f3f75705a"
+  integrity sha512-QsbSjA/fSk7xB+UXlCT3wHBy5ai9wOcNDWwZAtud+jXhwOM3l+EYZh8Lng4+/6n8uar0J7xILzqftJdJ/Wdfkw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/json-schema@*", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+  version "7.0.11"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
+  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
+
+"@types/lodash@^4.14.191":
+  version "4.14.191"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.191.tgz#09511e7f7cba275acd8b419ddac8da9a6a79e2fa"
+  integrity sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==
+
+"@types/mime@*":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.1.tgz#5f8f2bca0a5863cb69bc0b0acd88c96cb1d4ae10"
+  integrity sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==
+
+"@types/minimatch@*":
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
+  integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
+
+"@types/ms@*":
+  version "0.7.31"
+  resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.31.tgz#31b7ca6407128a3d2bbc27fe2d21b345397f6197"
+  integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
+
+"@types/node@*":
+  version "18.11.18"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.18.tgz#8dfb97f0da23c2293e554c5a50d61ef134d7697f"
+  integrity sha512-DHQpWGjyQKSHj3ebjFI/wRKcqQcdR+MoFBygntYOZytCqNfkd2ZC4ARDJ2DQqhjH5p85Nnd3jhUJIXrszFX/JA==
+
+"@types/node@^16.11.26", "@types/node@^16.18.6":
+  version "16.18.11"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.11.tgz#cbb15c12ca7c16c85a72b6bdc4d4b01151bb3cae"
+  integrity sha512-3oJbGBUWuS6ahSnEq1eN2XrCyf4YsWI8OyCvo7c64zQJNplk3mO84t53o8lfTk+2ji59g5ycfc6qQ3fdHliHuA==
+
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+
+"@types/plist@^3.0.1":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@types/plist/-/plist-3.0.2.tgz#61b3727bba0f5c462fe333542534a0c3e19ccb01"
+  integrity sha512-ULqvZNGMv0zRFvqn8/4LSPtnmN4MfhlPNtJCTpKuIIxGVGZ2rYWzFXrvEBoh9CVyqSE7D6YFRJ1hydLHI6kbWw==
+  dependencies:
+    "@types/node" "*"
+    xmlbuilder ">=11.0.1"
+
+"@types/prop-types@*":
+  version "15.7.5"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
+  integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
+
+"@types/proper-lockfile@^4.1.2":
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/@types/proper-lockfile/-/proper-lockfile-4.1.2.tgz#49537cee7134055ee13a1833b76a1c298f39bb26"
+  integrity sha512-kd4LMvcnpYkspDcp7rmXKedn8iJSCoa331zRRamUp5oanKt/CefbEGPQP7G89enz7sKD4bvsr8mHSsC8j5WOvA==
+  dependencies:
+    "@types/retry" "*"
+
+"@types/qs@*":
+  version "6.9.7"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
+  integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==
+
+"@types/range-parser@*":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
+  integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
+
+"@types/react-dom@^17.0.16":
+  version "17.0.18"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.18.tgz#8f7af38f5d9b42f79162eea7492e5a1caff70dc2"
+  integrity sha512-rLVtIfbwyur2iFKykP2w0pl/1unw26b5td16d5xMgp7/yjTHomkyxPYChFoCr/FtEX1lN9wY6lFj1qvKdS5kDw==
+  dependencies:
+    "@types/react" "^17"
+
+"@types/react-router-dom@^5.3.3":
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-5.3.3.tgz#e9d6b4a66fcdbd651a5f106c2656a30088cc1e83"
+  integrity sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==
+  dependencies:
+    "@types/history" "^4.7.11"
+    "@types/react" "*"
+    "@types/react-router" "*"
+
+"@types/react-router@*":
+  version "5.1.20"
+  resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.20.tgz#88eccaa122a82405ef3efbcaaa5dcdd9f021387c"
+  integrity sha512-jGjmu/ZqS7FjSH6owMcD5qpq19+1RS9DeVRqfl1FeBMxTDQAGwlMWOcs52NDoXaNKyG3d1cYQFMs9rCrb88o9Q==
+  dependencies:
+    "@types/history" "^4.7.11"
+    "@types/react" "*"
+
+"@types/react-transition-group@^4.4.0":
+  version "4.4.5"
+  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.5.tgz#aae20dcf773c5aa275d5b9f7cdbca638abc5e416"
+  integrity sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-virtualized-auto-sizer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.1.tgz#b3187dae1dfc4c15880c9cfc5b45f2719ea6ebd4"
+  integrity sha512-GH8sAnBEM5GV9LTeiz56r4ZhMOUSrP43tAQNSRVxNexDjcNKLCEtnxusAItg1owFUFE6k0NslV26gqVClVvong==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-window@^1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@types/react-window/-/react-window-1.8.5.tgz#285fcc5cea703eef78d90f499e1457e9b5c02fc1"
+  integrity sha512-V9q3CvhC9Jk9bWBOysPGaWy/Z0lxYcTXLtLipkt2cnRj1JOSFNF7wqGpkScSXMgBwC+fnVRg/7shwgddBG5ICw==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react@*":
+  version "18.0.26"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.26.tgz#8ad59fc01fef8eaf5c74f4ea392621749f0b7917"
+  integrity sha512-hCR3PJQsAIXyxhTNSiDFY//LhnMZWpNNr5etoCqx/iUfGc5gXWtQR2Phl908jVR6uPXacojQWTg4qRpkxTuGug==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/react@^17":
+  version "17.0.52"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.52.tgz#10d8b907b5c563ac014a541f289ae8eaa9bf2e9b"
+  integrity sha512-vwk8QqVODi0VaZZpDXQCmEmiOuyjEFPY7Ttaw5vjM112LOq37yz1CDJGrRJwA1fYEq4Iitd5rnjd1yWAc/bT+A==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/request-promise-native@^1.0.18":
+  version "1.0.18"
+  resolved "https://registry.yarnpkg.com/@types/request-promise-native/-/request-promise-native-1.0.18.tgz#437ee2d0b772e01c9691a983b558084b4b3efc2c"
+  integrity sha512-tPnODeISFc/c1LjWyLuZUY+Z0uLB3+IMfNoQyDEi395+j6kTFTTRAqjENjoPJUid4vHRGEozoTrcTrfZM+AcbA==
+  dependencies:
+    "@types/request" "*"
+
+"@types/request@*":
+  version "2.48.8"
+  resolved "https://registry.yarnpkg.com/@types/request/-/request-2.48.8.tgz#0b90fde3b655ab50976cb8c5ac00faca22f5a82c"
+  integrity sha512-whjk1EDJPcAR2kYHRbFl/lKeeKYTi05A15K9bnLInCVroNDCtXce57xKdI0/rQaA3K+6q0eFyUBPmqfSndUZdQ==
+  dependencies:
+    "@types/caseless" "*"
+    "@types/node" "*"
+    "@types/tough-cookie" "*"
+    form-data "^2.5.0"
+
+"@types/retry@*":
+  version "0.12.2"
+  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.2.tgz#ed279a64fa438bb69f2480eda44937912bb7480a"
+  integrity sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==
+
+"@types/retry@0.12.0":
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
+  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
+
+"@types/scheduler@*":
+  version "0.16.2"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
+  integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
+
+"@types/serve-index@^1.9.1":
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.1.tgz#1b5e85370a192c01ec6cec4735cf2917337a6278"
+  integrity sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==
+  dependencies:
+    "@types/express" "*"
+
+"@types/serve-static@*", "@types/serve-static@^1.13.10":
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.0.tgz#c7930ff61afb334e121a9da780aac0d9b8f34155"
+  integrity sha512-z5xyF6uh8CbjAu9760KDKsH2FcDxZ2tFCsA4HIMWE6IkiYMXfVoa+4f9KX+FN0ZLsaMw1WNG2ETLA6N+/YA+cg==
+  dependencies:
+    "@types/mime" "*"
+    "@types/node" "*"
+
+"@types/sockjs@^0.3.33":
+  version "0.3.33"
+  resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.33.tgz#570d3a0b99ac995360e3136fd6045113b1bd236f"
+  integrity sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/tar@^6.1.3":
+  version "6.1.3"
+  resolved "https://registry.yarnpkg.com/@types/tar/-/tar-6.1.3.tgz#46a2ce7617950c4852dfd7e9cd41aa8161b9d750"
+  integrity sha512-YzDOr5kdAeqS8dcO6NTTHTMJ44MUCBDoLEIyPtwEn7PssKqUYL49R1iCVJPeiPzPlKi6DbH33eZkpeJ27e4vHg==
+  dependencies:
+    "@types/node" "*"
+    minipass "^3.3.5"
+
+"@types/tcp-port-used@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/tcp-port-used/-/tcp-port-used-1.0.1.tgz#4e15eada6d9f63a5e6c5ef73348d6023f1e91157"
+  integrity sha512-6pwWTx8oUtWvsiZUCrhrK/53MzKVLnuNSSaZILPy3uMes9QnTrLMar9BDlJArbMOjDcjb3QXFk6Rz8qmmuySZw==
+
+"@types/tough-cookie@*":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.2.tgz#6286b4c7228d58ab7866d19716f3696e03a09397"
+  integrity sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==
+
+"@types/url-parse@^1.4.8":
+  version "1.4.8"
+  resolved "https://registry.yarnpkg.com/@types/url-parse/-/url-parse-1.4.8.tgz#c3825047efbca1295b7f1646f38203d9145130d6"
+  integrity sha512-zqqcGKyNWgTLFBxmaexGUKQyWqeG7HjXj20EuQJSJWwXe54BjX0ihIo5cJB9yAQzH8dNugJ9GvkBYMjPXs/PJw==
+
+"@types/uuid@^8.3.4":
+  version "8.3.4"
+  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-8.3.4.tgz#bd86a43617df0594787d38b735f55c805becf1bc"
+  integrity sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==
+
+"@types/verror@^1.10.3":
+  version "1.10.6"
+  resolved "https://registry.yarnpkg.com/@types/verror/-/verror-1.10.6.tgz#3e600c62d210c5826460858f84bcbb65805460bb"
+  integrity sha512-NNm+gdePAX1VGvPcGZCDKQZKYSiAWigKhKaz5KF94hG6f2s8de9Ow5+7AbXoeKxL8gavZfk4UquSAygOF2duEQ==
+
+"@types/webpack-dev-server@^4.7.2":
+  version "4.7.2"
+  resolved "https://registry.yarnpkg.com/@types/webpack-dev-server/-/webpack-dev-server-4.7.2.tgz#a12d9881aa23cdd4cecbb2d31fa784a45c4967e0"
+  integrity sha512-Y3p0Fmfvp0MHBDoCzo+xFJaWTw0/z37mWIo6P15j+OtmUDLvznJWdZNeD7Q004R+MpQlys12oXbXsrXRmxwg4Q==
+  dependencies:
+    webpack-dev-server "*"
+
+"@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"
+  resolved "https://registry.yarnpkg.com/@types/webpack-node-externals/-/webpack-node-externals-2.5.3.tgz#921783aadda1fe686db0a70e20e4b9548b5a3cef"
+  integrity sha512-A9JxaR8QXoYT95egET4AmCFuChyTlP8d18ZAnmSHuIMsFdS7QlCQQ8pmN/+FHgLIkm+ViE/VngltT5avLACY9A==
+  dependencies:
+    "@types/node" "*"
+    webpack "^5"
+
+"@types/webpack@^5.28.0":
+  version "5.28.0"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-5.28.0.tgz#78dde06212f038d77e54116cfe69e88ae9ed2c03"
+  integrity sha512-8cP0CzcxUiFuA9xGJkfeVpqmWTk9nx6CWwamRGCj95ph1SmlRRk9KlCZ6avhCbZd4L68LvYT6l1kpdEnQXrF8w==
+  dependencies:
+    "@types/node" "*"
+    tapable "^2.2.0"
+    webpack "^5"
+
+"@types/ws@^8.5.1":
+  version "8.5.4"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.4.tgz#bb10e36116d6e570dd943735f86c933c1587b8a5"
+  integrity sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==
+  dependencies:
+    "@types/node" "*"
+
+"@types/yargs-parser@*":
+  version "21.0.0"
+  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
+  integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
+
+"@types/yargs@^17.0.1":
+  version "17.0.19"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.19.tgz#8dbecdc9ab48bee0cb74f6e3327de3fa0d0c98ae"
+  integrity sha512-cAx3qamwaYX9R0fzOIZAlFpo4A+1uBVCxqpKz9D26uTF4srRXaGTTsikQmaotCtNdbhzyUH7ft6p9ktz9s6UNQ==
+  dependencies:
+    "@types/yargs-parser" "*"
+
+"@webassemblyjs/ast@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
+  integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+
+"@webassemblyjs/floating-point-hex-parser@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
+  integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
+
+"@webassemblyjs/helper-api-error@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
+  integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
+
+"@webassemblyjs/helper-buffer@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
+  integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
+
+"@webassemblyjs/helper-numbers@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
+  integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.11.1"
+    "@webassemblyjs/helper-api-error" "1.11.1"
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/helper-wasm-bytecode@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
+  integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
+
+"@webassemblyjs/helper-wasm-section@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
+  integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+
+"@webassemblyjs/ieee754@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
+  integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
+"@webassemblyjs/leb128@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
+  integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/utf8@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
+  integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
+
+"@webassemblyjs/wasm-edit@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
+  integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/helper-wasm-section" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@webassemblyjs/wasm-opt" "1.11.1"
+    "@webassemblyjs/wasm-parser" "1.11.1"
+    "@webassemblyjs/wast-printer" "1.11.1"
+
+"@webassemblyjs/wasm-gen@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
+  integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/ieee754" "1.11.1"
+    "@webassemblyjs/leb128" "1.11.1"
+    "@webassemblyjs/utf8" "1.11.1"
+
+"@webassemblyjs/wasm-opt@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
+  integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@webassemblyjs/wasm-parser" "1.11.1"
+
+"@webassemblyjs/wasm-parser@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
+  integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-api-error" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/ieee754" "1.11.1"
+    "@webassemblyjs/leb128" "1.11.1"
+    "@webassemblyjs/utf8" "1.11.1"
+
+"@webassemblyjs/wast-printer@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
+  integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@xtuc/long" "4.2.2"
+
+"@webpack-cli/configtest@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-1.2.0.tgz#7b20ce1c12533912c3b217ea68262365fa29a6f5"
+  integrity sha512-4FB8Tj6xyVkyqjj1OaTqCjXYULB9FMkqQ8yGrZjRDrYh0nOE+7Lhs45WioWQQMV+ceFlE368Ukhe6xdvJM9Egg==
+
+"@webpack-cli/info@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-1.5.0.tgz#6c78c13c5874852d6e2dd17f08a41f3fe4c261b1"
+  integrity sha512-e8tSXZpw2hPl2uMJY6fsMswaok5FdlGNRTktvFk2sD8RjH0hE2+XistawJx1vmKteh4NmGmNUrp+Tb2w+udPcQ==
+  dependencies:
+    envinfo "^7.7.3"
+
+"@webpack-cli/serve@^1.7.0":
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-1.7.0.tgz#e1993689ac42d2b16e9194376cfb6753f6254db1"
+  integrity sha512-oxnCNGj88fL+xzV+dacXs44HcDwf1ovs3AuEzvP7mqXw7fQntqIhQ1BRmynh4qEKQSSSRSWVyXRjmTbZIX9V2Q==
+
+"@xtuc/ieee754@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
+  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
+
+"@xtuc/long@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
+  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
+
+abab@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
+  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
+
+abbrev@1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
+
+accepts@~1.3.4, accepts@~1.3.5, 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==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
+acorn-globals@^7.0.0:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-7.0.1.tgz#0dbf05c44fa7c94332914c02066d5beff62c40c3"
+  integrity sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==
+  dependencies:
+    acorn "^8.1.0"
+    acorn-walk "^8.0.2"
+
+acorn-import-assertions@^1.7.6:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
+  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
+
+acorn-node@^1.8.2:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/acorn-node/-/acorn-node-1.8.2.tgz#114c95d64539e53dede23de8b9d96df7c7ae2af8"
+  integrity sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==
+  dependencies:
+    acorn "^7.0.0"
+    acorn-walk "^7.0.0"
+    xtend "^4.0.2"
+
+acorn-walk@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+
+acorn-walk@^8.0.2, acorn-walk@^8.1.1:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
+
+acorn@^7.0.0:
+  version "7.4.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
+
+acorn@^8.1.0, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.1:
+  version "8.8.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.1.tgz#0a3f9cbecc4ec3bea6f0a80b66ae8dd2da250b73"
+  integrity sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==
+
+agent-base@6:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
+  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
+  dependencies:
+    debug "4"
+
+ajv-formats@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
+  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
+  dependencies:
+    ajv "^8.0.0"
+
+ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+ajv-keywords@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
+  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+
+ajv@^6.10.0, ajv@^6.12.0, 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==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ajv@^8.0.0, ajv@^8.8.0:
+  version "8.12.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
+  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+    uri-js "^4.2.2"
+
+ansi-html-community@^0.0.8:
+  version "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-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+app-builder-bin@4.0.0:
+  version "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.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-23.6.0.tgz#03cade02838c077db99d86212d61c5fc1d6da1a8"
+  integrity sha512-dQYDuqm/rmy8GSCE6Xl/3ShJg6Ab4bZJMT8KaTKGzT436gl1DN4REP3FCWfXoh75qGTJ+u+WsdnnpO9Jl8nyMA==
+  dependencies:
+    "7zip-bin" "~5.1.1"
+    "@develar/schema-utils" "~2.6.5"
+    "@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.6.0"
+    builder-util-runtime "9.1.1"
+    chromium-pickle-js "^0.2.0"
+    debug "^4.3.4"
+    ejs "^3.1.7"
+    electron-osx-sign "^0.6.0"
+    electron-publish "23.6.0"
+    form-data "^4.0.0"
+    fs-extra "^10.1.0"
+    hosted-git-info "^4.1.0"
+    is-ci "^3.0.0"
+    isbinaryfile "^4.0.10"
+    js-yaml "^4.1.0"
+    lazy-val "^1.0.5"
+    minimatch "^3.1.2"
+    read-config-file "6.2.0"
+    sanitize-filename "^1.6.3"
+    semver "^7.3.7"
+    tar "^6.1.11"
+    temp-file "^3.4.0"
+
+arg@^4.1.0:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
+  integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
+
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
+
+array-flatten@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
+  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
+
+asar@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/asar/-/asar-3.2.0.tgz#e6edb5edd6f627ebef04db62f771c61bea9c1221"
+  integrity sha512-COdw2ZQvKdFGFxXwX3oYh2/sOsJWJegrdJCGxnN4MZ7IULgRBp9P6665aqj9z1v9VwP4oP1hRBojRDQ//IGgAg==
+  dependencies:
+    chromium-pickle-js "^0.2.0"
+    commander "^5.0.0"
+    glob "^7.1.6"
+    minimatch "^3.0.4"
+  optionalDependencies:
+    "@types/glob" "^7.1.1"
+
+assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
+  integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
+
+astral-regex@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
+  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
+
+async-exit-hook@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/async-exit-hook/-/async-exit-hook-2.0.1.tgz#8bd8b024b0ec9b1c01cccb9af9db29bd717dfaf3"
+  integrity sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==
+
+async@^3.2.3:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.4.tgz#2d22e00f8cddeb5fde5dd33522b56d1cf569a81c"
+  integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
+autoprefixer@^10.4.13:
+  version "10.4.13"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.13.tgz#b5136b59930209a321e9fa3dca2e7c4d223e83a8"
+  integrity sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-lite "^1.0.30001426"
+    fraction.js "^4.2.0"
+    normalize-range "^0.1.2"
+    picocolors "^1.0.0"
+    postcss-value-parser "^4.2.0"
+
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+base64-js@^1.3.1, base64-js@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
+
+batch@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
+  integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
+
+big.js@^3.1.3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
+  integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==
+
+big.js@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
+  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
+
+binary-extensions@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
+bl@^4.0.3:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
+  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
+  dependencies:
+    buffer "^5.5.0"
+    inherits "^2.0.4"
+    readable-stream "^3.4.0"
+
+bluebird-lst@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/bluebird-lst/-/bluebird-lst-1.0.9.tgz#a64a0e4365658b9ab5fe875eb9dfb694189bb41c"
+  integrity sha512-7B1Rtx82hjnSD4PGLAjVWeYH3tHAcVUmChh85a3lltKQm6FresXh9ErQo6oAv6CqxttczC3/kEg8SY5NluPuUw==
+  dependencies:
+    bluebird "^3.5.5"
+
+bluebird@^3.5.0, bluebird@^3.5.5:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
+
+body-parser@1.20.1:
+  version "1.20.1"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668"
+  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.4"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.11.0"
+    raw-body "2.5.1"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
+bonjour-service@^1.0.11:
+  version "1.0.14"
+  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.0.14.tgz#c346f5bc84e87802d08f8d5a60b93f758e514ee7"
+  integrity sha512-HIMbgLnk1Vqvs6B4Wq5ep7mxvj9sGz5d1JJyDNSGNIdA/w2MCz6GTjWTdjqOJV1bEPj+6IkxDvWNFKEBxNt4kQ==
+  dependencies:
+    array-flatten "^2.1.2"
+    dns-equal "^1.0.0"
+    fast-deep-equal "^3.1.3"
+    multicast-dns "^7.2.5"
+
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
+boolean@^3.0.1:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.2.0.tgz#9e5294af4e98314494cbb17979fa54ca159f116b"
+  integrity sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.2, braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
+browserify-zlib@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
+  integrity sha512-19OEpq7vWgsH6WkvkBJQDFvJS1uPcbFOQ4v9CU839dO+ZZXUZO6XpE6hNCqvlIIj+4fZvRiJ6DsAQ382GwiyTQ==
+  dependencies:
+    pako "~0.2.0"
+
+browserslist@^4.14.5, browserslist@^4.21.4:
+  version "4.21.4"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
+  integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
+  dependencies:
+    caniuse-lite "^1.0.30001400"
+    electron-to-chromium "^1.4.251"
+    node-releases "^2.0.6"
+    update-browserslist-db "^1.0.9"
+
+buffer-alloc-unsafe@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
+  integrity sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==
+
+buffer-alloc@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/buffer-alloc/-/buffer-alloc-1.2.0.tgz#890dd90d923a873e08e10e5fd51a57e5b7cce0ec"
+  integrity sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==
+  dependencies:
+    buffer-alloc-unsafe "^1.1.0"
+    buffer-fill "^1.0.0"
+
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
+buffer-equal@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-1.0.0.tgz#59616b498304d556abd466966b22eeda3eca5fbe"
+  integrity sha512-tcBWO2Dl4e7Asr9hTGcpVrCe+F7DubpmqWCTbj4FHLmjqO2hIaC383acQubWtRJhdceqs5uBHs6Es+Sk//RKiQ==
+
+buffer-fill@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
+  integrity sha512-T7zexNBwiiaCOGDg9xNX9PBmjrubblRkENuptryuI64URkXDFum9il/JGL8Lm8wYfAXpredVXXZz7eMHilimiQ==
+
+buffer-from@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
+buffer@^5.1.0, buffer@^5.5.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
+builder-util-runtime@9.1.1:
+  version "9.1.1"
+  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.1.1.tgz#2da7b34e78a64ad14ccd070d6eed4662d893bd60"
+  integrity sha512-azRhYLEoDvRDR8Dhis4JatELC/jUvYjm4cVSj7n9dauGTOM2eeNn9KS0z6YA6oDsjI1xphjNbY6PZZeHPzzqaw==
+  dependencies:
+    debug "^4.3.4"
+    sax "^1.2.4"
+
+builder-util@23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-23.6.0.tgz#1880ec6da7da3fd6fa19b8bd71df7f39e8d17dd9"
+  integrity sha512-QiQHweYsh8o+U/KNCZFSvISRnvRctb8m/2rB2I1JdByzvNKxPeFLlHFRPQRXab6aYeXc18j9LpsDLJ3sGQmWTQ==
+  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.1.1"
+    chalk "^4.1.1"
+    cross-spawn "^7.0.3"
+    debug "^4.3.4"
+    fs-extra "^10.0.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.0"
+    is-ci "^3.0.0"
+    js-yaml "^4.1.0"
+    source-map-support "^0.5.19"
+    stat-mode "^1.0.0"
+    temp-file "^3.4.0"
+
+bytes@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
+  integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
+
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
+cacheable-request@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-6.1.0.tgz#20ffb8bd162ba4be11e9567d823db651052ca912"
+  integrity sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==
+  dependencies:
+    clone-response "^1.0.2"
+    get-stream "^5.1.0"
+    http-cache-semantics "^4.0.0"
+    keyv "^3.0.0"
+    lowercase-keys "^2.0.0"
+    normalize-url "^4.1.0"
+    responselike "^1.0.2"
+
+call-bind@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
+  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
+  dependencies:
+    function-bind "^1.1.1"
+    get-intrinsic "^1.0.2"
+
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
+camel-case@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+caniuse-lite@^1.0.30001400, caniuse-lite@^1.0.30001426:
+  version "1.0.30001442"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001442.tgz#40337f1cf3be7c637b061e2f78582dc1daec0614"
+  integrity sha512-239m03Pqy0hwxYPYR5JwOIxRJfLTWtle9FV8zosfV5pHg+/51uD4nxcUlM8+mWWGfwKtt8lJNHnD3cWw9VZ6ow==
+
+chalk@^2.0.0, chalk@^2.4.1:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.2, chokidar@^3.5.3:
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
+  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+chownr@^1.1.1:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
+  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
+  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
+
+chrome-trace-event@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
+  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
+
+chromium-pickle-js@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/chromium-pickle-js/-/chromium-pickle-js-0.2.0.tgz#04a106672c18b085ab774d983dfa3ea138f22205"
+  integrity sha512-1R5Fho+jBq0DDydt+/vHWj5KJNJCKdARKOCwZUen84I5BreWoLqRLANH1U87eJy1tiASPtMnGqJJq0ZsLoRPOw==
+
+ci-info@^3.2.0:
+  version "3.7.1"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.7.1.tgz#708a6cdae38915d597afdf3b145f2f8e1ff55f3f"
+  integrity sha512-4jYS4MOAaCIStSRwiuxc4B8MYhIe676yO1sYGzARnjXkWpmzZMMYxY6zu8WYWDhSuth5zhrQ1rhNSibyyvv4/w==
+
+circular-dependency-plugin@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/circular-dependency-plugin/-/circular-dependency-plugin-5.2.2.tgz#39e836079db1d3cf2f988dc48c5188a44058b600"
+  integrity sha512-g38K9Cm5WRwlaH6g03B9OEz/0qRizI+2I7n+Gz+L5DxXJAPAiWQvwlYNm1V1jkdpUv95bOe/ASm2vfi/G560jQ==
+
+clean-css@^5.2.2:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.1.tgz#d0610b0b90d125196a2894d35366f734e5d7aa32"
+  integrity sha512-lCr8OHhiWCTw4v8POJovCoh4T7I9U11yVsPjMWWnnMmp9ZowCxyad1Pathle/9HjaDp+fdQKjO9fQydE6RHTZg==
+  dependencies:
+    source-map "~0.6.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"
+
+cli-truncate@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
+  integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
+  dependencies:
+    slice-ansi "^3.0.0"
+    string-width "^4.2.0"
+
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
+clone-deep@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
+  integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
+  dependencies:
+    is-plain-object "^2.0.4"
+    kind-of "^6.0.2"
+    shallow-clone "^3.0.0"
+
+clone-response@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.3.tgz#af2032aa47816399cf5f0a1d0db902f517abb8c3"
+  integrity sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==
+  dependencies:
+    mimic-response "^1.0.0"
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
+color-name@^1.0.0, color-name@^1.1.4, color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+color-string@^1.9.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
+  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
+color@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"
+  integrity sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==
+  dependencies:
+    color-convert "^2.0.1"
+    color-string "^1.9.0"
+
+colorette@^2.0.10, colorette@^2.0.14:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
+  integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
+
+colors@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
+  integrity sha512-pFGrxThWcWQ2MsAz6RtgeWe4NK2kUE1WfsrvvlctdII745EW9I0yflqhe7++M5LEc7bV2c/9/5zc8sFcpL0Drw==
+
+combined-stream@^1.0.6, combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
+commander@2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
+  integrity sha512-bmkUukX8wAOjHdN26xj5c4ctEV22TQ7dQYhSmuckKhToXrkUn0iIaolHdIxYYqD55nhpSPA9zPQ1yP57GdXP2A==
+  dependencies:
+    graceful-readlink ">= 1.0.0"
+
+commander@^2.20.0:
+  version "2.20.3"
+  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:
+  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:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
+commander@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
+  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+
+common-path-prefix@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
+  integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
+
+compare-version@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/compare-version/-/compare-version-0.1.2.tgz#0162ec2d9351f5ddd59a9202cba935366a725080"
+  integrity sha512-pJDh5/4wrEnXX/VWRZvruAGHkzKdr46z11OlTPN+VrATlWWhSKewNCJ1futCO5C7eJB3nPMFZA1LeYtcFboZ2A==
+
+compressible@~2.0.16:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
+  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
+  dependencies:
+    mime-db ">= 1.43.0 < 2"
+
+compression@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
+  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
+  dependencies:
+    accepts "~1.3.5"
+    bytes "3.0.0"
+    compressible "~2.0.16"
+    debug "2.6.9"
+    on-headers "~1.0.2"
+    safe-buffer "5.1.2"
+    vary "~1.1.2"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+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==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
+
+concurrently@^7.6.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-7.6.0.tgz#531a6f5f30cf616f355a4afb8f8fcb2bba65a49a"
+  integrity sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==
+  dependencies:
+    chalk "^4.1.0"
+    date-fns "^2.29.1"
+    lodash "^4.17.21"
+    rxjs "^7.0.0"
+    shell-quote "^1.7.3"
+    spawn-command "^0.0.2-1"
+    supports-color "^8.1.0"
+    tree-kill "^1.2.2"
+    yargs "^17.3.1"
+
+config-chain@^1.1.11:
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
+  integrity sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==
+  dependencies:
+    ini "^1.3.4"
+    proto-list "~1.2.1"
+
+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==
+
+content-disposition@0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
+  integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
+
+convert-source-map@^1.5.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
+
+cookie@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
+  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
+
+copy-anything@^2.0.1:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/copy-anything/-/copy-anything-2.0.6.tgz#092454ea9584a7b7ad5573062b2a87f5900fc480"
+  integrity sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==
+  dependencies:
+    is-what "^3.14.1"
+
+core-js-pure@^3.23.3:
+  version "3.27.1"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.27.1.tgz#ede4a6b8440585c7190062757069c01d37a19dca"
+  integrity sha512-BS2NHgwwUppfeoqOXqi08mUqS5FiZpuRuJJpKsaME7kJz0xxuk0xkhDdfMIlP/zLa80krBqss1LtD7f889heAw==
+
+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"
+  integrity sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==
+
+core-util-is@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
+  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
+
+cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+crc@^3.8.0:
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/crc/-/crc-3.8.0.tgz#ad60269c2c856f8c299e2c4cc0de4556914056c6"
+  integrity sha512-iX3mfgcTMIq3ZKLIsVFAbv7+Mc10kxabAGQb8HvjA1o3T1PIYprbakQ65d3I+2HGHt6nSKkM9PYjgoJO2KcFBQ==
+  dependencies:
+    buffer "^5.1.0"
+
+create-require@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
+  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
+
+cross-spawn@^7.0.1, cross-spawn@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+css-loader@^6.7.2:
+  version "6.7.3"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.3.tgz#1e8799f3ccc5874fdd55461af51137fcc5befbcd"
+  integrity sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==
+  dependencies:
+    icss-utils "^5.1.0"
+    postcss "^8.4.19"
+    postcss-modules-extract-imports "^3.0.0"
+    postcss-modules-local-by-default "^4.0.0"
+    postcss-modules-scope "^3.0.0"
+    postcss-modules-values "^4.0.0"
+    postcss-value-parser "^4.2.0"
+    semver "^7.3.8"
+
+css-select@^4.1.3:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
+css-selector-tokenizer@^0.7.0:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz#735f26186e67c749aaf275783405cf0661fae8f1"
+  integrity sha512-jWQv3oCEL5kMErj4wRnK/OPoBi0D+P1FR2cDCKYPaMeD2eW3/mttav8HT4hT1CKopiJI/psEULjkClhvJo4Lvg==
+  dependencies:
+    cssesc "^3.0.0"
+    fastparse "^1.1.2"
+
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+cssom@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
+  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
+
+cssom@~0.3.6:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
+
+cssstyle@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
+  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
+  dependencies:
+    cssom "~0.3.6"
+
+csstype@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
+  integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
+
+data-urls@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
+  integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
+  dependencies:
+    abab "^2.0.6"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^11.0.0"
+
+date-fns@^2.29.1:
+  version "2.29.3"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.29.3.tgz#27402d2fc67eb442b511b70bbdf98e6411cd68a8"
+  integrity sha512-dDCnyH2WnnKusqvZZ6+jA1O51Ibt8ZMRNkDZdyAyK4YfbDwa/cEmuztzG5pk6hqlp9aSBPYcjOlktquahGwGeA==
+
+debug@2.6.9, debug@^2.6.8, debug@^2.6.9:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  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:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
+debug@^3.2.6, debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+decimal.js@^10.4.2:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
+  integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
+
+decompress-response@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
+  integrity sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==
+  dependencies:
+    mimic-response "^1.0.0"
+
+decompress-response@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
+  integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
+  dependencies:
+    mimic-response "^3.1.0"
+
+deep-extend@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
+  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
+
+deep-is@~0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+deepmerge@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
+  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
+
+default-gateway@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
+  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
+  dependencies:
+    execa "^5.0.0"
+
+defer-to-connect@^1.0.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591"
+  integrity sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==
+
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
+define-properties@^1.1.3:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
+  integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
+  dependencies:
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+defined@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.1.tgz#c0b9db27bfaffd95d6f61399419b893df0f91ebf"
+  integrity sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+depd@2.0.0:
+  version "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:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
+  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
+
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
+detect-libc@^2.0.0, detect-libc@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.1.tgz#e1897aa88fa6ad197862937fbc0441ef352ee0cd"
+  integrity sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==
+
+detect-node@^2.0.4:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
+detective@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/detective/-/detective-5.2.1.tgz#6af01eeda11015acb0e73f933242b70f24f91034"
+  integrity sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==
+  dependencies:
+    acorn-node "^1.8.2"
+    defined "^1.0.0"
+    minimist "^1.2.6"
+
+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@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
+  integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
+
+dir-compare@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/dir-compare/-/dir-compare-2.4.0.tgz#785c41dc5f645b34343a4eafc50b79bac7f11631"
+  integrity sha512-l9hmu8x/rjVC9Z2zmGzkhOEowZvW7pmYws5CWHutg8u1JgvsKWMx7Q/UODeu4djLZ4FgW5besw5yvMQnBHzuCA==
+  dependencies:
+    buffer-equal "1.0.0"
+    colors "1.0.3"
+    commander "2.9.0"
+    minimatch "3.0.4"
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+dmg-builder@23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/dmg-builder/-/dmg-builder-23.6.0.tgz#d39d3871bce996f16c07d2cafe922d6ecbb2a948"
+  integrity sha512-jFZvY1JohyHarIAlTbfQOk+HnceGjjAdFjVn3n8xlDWKsYNqbO4muca6qXEZTfGXeQMG7TYim6CeS5XKSfSsGA==
+  dependencies:
+    app-builder-lib "23.6.0"
+    builder-util "23.6.0"
+    builder-util-runtime "9.1.1"
+    fs-extra "^10.0.0"
+    iconv-lite "^0.6.2"
+    js-yaml "^4.1.0"
+  optionalDependencies:
+    dmg-license "^1.0.11"
+
+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==
+  dependencies:
+    "@types/plist" "^3.0.1"
+    "@types/verror" "^1.10.3"
+    ajv "^6.10.0"
+    crc "^3.8.0"
+    iconv-corefoundation "^1.1.7"
+    plist "^3.0.4"
+    smart-buffer "^4.0.2"
+    verror "^1.10.0"
+
+dns-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
+  integrity sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==
+
+dns-packet@^5.2.2:
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.4.0.tgz#1f88477cf9f27e78a213fb6d118ae38e759a879b"
+  integrity sha512-EgqGeaBB8hLiHLZtp/IbaDQTL8pZ0+IvwzSHA6d7VyMDM+B9hgddEMa9xjK5oYnw0ci0JQ6g2XCD7/f6cafU6g==
+  dependencies:
+    "@leichtgewicht/ip-codec" "^2.0.1"
+
+dom-converter@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
+  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
+  dependencies:
+    utila "~0.4"
+
+dom-helpers@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
+domelementtype@^2.0.1, domelementtype@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domexception@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
+  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
+  dependencies:
+    webidl-conversions "^7.0.0"
+
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+domutils@^2.5.2, domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+dotenv-expand@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
+  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
+
+dotenv@^16.0.3:
+  version "16.0.3"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.3.tgz#115aec42bac5053db3c456db30cc243a5a836a07"
+  integrity sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==
+
+dotenv@^9.0.2:
+  version "9.0.2"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-9.0.2.tgz#dacc20160935a37dea6364aa1bef819fb9b6ab05"
+  integrity sha512-I9OvvrHp4pIARv4+x9iuewrWycX6CcZtoAu1XrzPxc5UygMJXJZYmBsynku8IkrJwgypE5DGNjDPmPRhDCptUg==
+
+duplexer3@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.5.tgz#0b5e4d7bad5de8901ea4440624c8e1d20099217e"
+  integrity sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA==
+
+duplexify@^3.5.0, duplexify@^3.6.0:
+  version "3.7.1"
+  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
+  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
+  dependencies:
+    end-of-stream "^1.0.0"
+    inherits "^2.0.1"
+    readable-stream "^2.0.0"
+    stream-shift "^1.0.0"
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
+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.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/electron-builder/-/electron-builder-23.6.0.tgz#c79050cbdce90ed96c5feb67c34e9e0a21b5331b"
+  integrity sha512-y8D4zO+HXGCNxFBV/JlyhFnoQ0Y0K7/sFH+XwIbj47pqaW8S6PGYQbjoObolKBR1ddQFPt4rwp4CnwMJrW3HAw==
+  dependencies:
+    "@types/yargs" "^17.0.1"
+    app-builder-lib "23.6.0"
+    builder-util "23.6.0"
+    builder-util-runtime "9.1.1"
+    chalk "^4.1.1"
+    dmg-builder "23.6.0"
+    fs-extra "^10.0.0"
+    is-ci "^3.0.0"
+    lazy-val "^1.0.5"
+    read-config-file "6.2.0"
+    simple-update-notifier "^1.0.7"
+    yargs "^17.5.1"
+
+electron-notarize@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/electron-notarize/-/electron-notarize-0.3.0.tgz#b93c606306eac558b250c78ff95273ddb9fedf0a"
+  integrity sha512-tuDw8H0gcDOalNLv6RM2CwGvUXU60MPGZRDEmd0ppX+yP5XqL8Ec2DuXyz9J7WQSA3aRCfzIgH8C5CAivDYWMw==
+  dependencies:
+    debug "^4.1.1"
+    fs-extra "^8.1.0"
+
+electron-osx-sign@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/electron-osx-sign/-/electron-osx-sign-0.6.0.tgz#9b69c191d471d9458ef5b1e4fdd52baa059f1bb8"
+  integrity sha512-+hiIEb2Xxk6eDKJ2FFlpofCnemCbjbT5jz+BKGpVBrRNT3kWTGs4DfNX6IzGwgi33hUcXF+kFs9JW+r6Wc1LRg==
+  dependencies:
+    bluebird "^3.5.0"
+    compare-version "^0.1.2"
+    debug "^2.6.8"
+    isbinaryfile "^3.0.2"
+    minimist "^1.2.0"
+    plist "^3.0.1"
+
+electron-publish@23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-23.6.0.tgz#ac9b469e0b07752eb89357dd660e5fb10b3d1ce9"
+  integrity sha512-jPj3y+eIZQJF/+t5SLvsI5eS4mazCbNYqatv5JihbqOstIM13k0d1Z3vAWntvtt13Itl61SO6seicWdioOU5dg==
+  dependencies:
+    "@types/fs-extra" "^9.0.11"
+    builder-util "23.6.0"
+    builder-util-runtime "9.1.1"
+    chalk "^4.1.1"
+    fs-extra "^10.0.0"
+    lazy-val "^1.0.5"
+    mime "^2.5.2"
+
+electron-to-chromium@^1.4.251:
+  version "1.4.284"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz#61046d1e4cab3a25238f6bf7413795270f125592"
+  integrity sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==
+
+electron@^19.1.9:
+  version "19.1.9"
+  resolved "https://registry.yarnpkg.com/electron/-/electron-19.1.9.tgz#01995eea4014f7cdb2f616f5f3492d4ed6f5e4f0"
+  integrity sha512-XT5LkTzIHB+ZtD3dTmNnKjVBWrDWReCKt9G1uAFLz6uJMEVcIUiYO+fph5pLXETiBw/QZBx8egduMEfIccLx+g==
+  dependencies:
+    "@electron/get" "^1.14.1"
+    "@types/node" "^16.11.26"
+    extract-zip "^1.0.3"
+
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
+emojis-list@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+  integrity sha512-knHEZMgs8BB+MInokmNTg/OyPlAddghe1YBgNwJBc5zsJi/uyIcXoSDsL/W9ymOsBoBGdPIHXYJ9+qKFwRwDng==
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+encodeurl@^1.0.2, encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
+end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.10.0:
+  version "5.12.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
+  integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
+entities@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174"
+  integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==
+
+env-paths@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
+envinfo@^7.7.3:
+  version "7.8.1"
+  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
+  integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
+
+errno@^0.1.1:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
+  integrity sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==
+  dependencies:
+    prr "~1.0.1"
+
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
+error-stack-parser@^2.0.6:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.4.tgz#229cb01cdbfa84440bfa91876285b94680188286"
+  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
+  dependencies:
+    stackframe "^1.3.4"
+
+es-module-lexer@^0.9.0:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
+  integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
+
+es6-error@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
+  integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
+
+esbuild-android-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz#20a7ae1416c8eaade917fb2453c1259302c637a5"
+  integrity sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==
+
+esbuild-android-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz#9cc0ec60581d6ad267568f29cf4895ffdd9f2f04"
+  integrity sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==
+
+esbuild-darwin-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz#428e1730ea819d500808f220fbc5207aea6d4410"
+  integrity sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==
+
+esbuild-darwin-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz#b6dfc7799115a2917f35970bfbc93ae50256b337"
+  integrity sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==
+
+esbuild-freebsd-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz#4e190d9c2d1e67164619ae30a438be87d5eedaf2"
+  integrity sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==
+
+esbuild-freebsd-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz#18a4c0344ee23bd5a6d06d18c76e2fd6d3f91635"
+  integrity sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==
+
+esbuild-linux-32@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz#9a329731ee079b12262b793fb84eea762e82e0ce"
+  integrity sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==
+
+esbuild-linux-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz#532738075397b994467b514e524aeb520c191b6c"
+  integrity sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==
+
+esbuild-linux-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz#5372e7993ac2da8f06b2ba313710d722b7a86e5d"
+  integrity sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==
+
+esbuild-linux-arm@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz#e734aaf259a2e3d109d4886c9e81ec0f2fd9a9cc"
+  integrity sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==
+
+esbuild-linux-mips64le@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz#c0487c14a9371a84eb08fab0e1d7b045a77105eb"
+  integrity sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==
+
+esbuild-linux-ppc64le@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz#af048ad94eed0ce32f6d5a873f7abe9115012507"
+  integrity sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==
+
+esbuild-linux-riscv64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz#423ed4e5927bd77f842bd566972178f424d455e6"
+  integrity sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==
+
+esbuild-linux-s390x@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz#21d21eaa962a183bfb76312e5a01cc5ae48ce8eb"
+  integrity sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==
+
+esbuild-loader@^2.20.0:
+  version "2.20.0"
+  resolved "https://registry.yarnpkg.com/esbuild-loader/-/esbuild-loader-2.20.0.tgz#28fcff0142fa7bd227512d69f31e9a6e202bb88f"
+  integrity sha512-dr+j8O4w5RvqZ7I4PPB4EIyVTd679EBQnMm+JBB7av+vu05Zpje2IpK5N3ld1VWa+WxrInIbNFAg093+E1aRsA==
+  dependencies:
+    esbuild "^0.15.6"
+    joycon "^3.0.1"
+    json5 "^2.2.0"
+    loader-utils "^2.0.0"
+    tapable "^2.2.0"
+    webpack-sources "^2.2.0"
+
+esbuild-netbsd-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz#ae75682f60d08560b1fe9482bfe0173e5110b998"
+  integrity sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==
+
+esbuild-openbsd-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz#79591a90aa3b03e4863f93beec0d2bab2853d0a8"
+  integrity sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==
+
+esbuild-sunos-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz#fd528aa5da5374b7e1e93d36ef9b07c3dfed2971"
+  integrity sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==
+
+esbuild-windows-32@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz#0e92b66ecdf5435a76813c4bc5ccda0696f4efc3"
+  integrity sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==
+
+esbuild-windows-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz#0fc761d785414284fc408e7914226d33f82420d0"
+  integrity sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==
+
+esbuild-windows-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz#5b5bdc56d341d0922ee94965c89ee120a6a86eb7"
+  integrity sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==
+
+esbuild@^0.15.6:
+  version "0.15.18"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.15.18.tgz#ea894adaf3fbc036d32320a00d4d6e4978a2f36d"
+  integrity sha512-x/R72SmW3sSFRm5zrrIjAhCeQSAWoni3CmHEqfQrZIQTM3lVCdehdwuIqaOtfC2slvpdlLa62GYoN8SxT23m6Q==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.15.18"
+    "@esbuild/linux-loong64" "0.15.18"
+    esbuild-android-64 "0.15.18"
+    esbuild-android-arm64 "0.15.18"
+    esbuild-darwin-64 "0.15.18"
+    esbuild-darwin-arm64 "0.15.18"
+    esbuild-freebsd-64 "0.15.18"
+    esbuild-freebsd-arm64 "0.15.18"
+    esbuild-linux-32 "0.15.18"
+    esbuild-linux-64 "0.15.18"
+    esbuild-linux-arm "0.15.18"
+    esbuild-linux-arm64 "0.15.18"
+    esbuild-linux-mips64le "0.15.18"
+    esbuild-linux-ppc64le "0.15.18"
+    esbuild-linux-riscv64 "0.15.18"
+    esbuild-linux-s390x "0.15.18"
+    esbuild-netbsd-64 "0.15.18"
+    esbuild-openbsd-64 "0.15.18"
+    esbuild-sunos-64 "0.15.18"
+    esbuild-windows-32 "0.15.18"
+    esbuild-windows-64 "0.15.18"
+    esbuild-windows-arm64 "0.15.18"
+
+escalade@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
+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 sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+escodegen@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
+  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^5.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
+eslint-scope@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+esprima@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
+eventemitter3@^4.0.0:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
+  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
+
+events@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+execa@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
+  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.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==
+
+express@^4.17.3:
+  version "4.18.2"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
+  integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==
+  dependencies:
+    accepts "~1.3.8"
+    array-flatten "1.1.1"
+    body-parser "1.20.1"
+    content-disposition "0.5.4"
+    content-type "~1.0.4"
+    cookie "0.5.0"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "2.0.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.2.0"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.1"
+    methods "~1.1.2"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.7"
+    proxy-addr "~2.0.7"
+    qs "6.11.0"
+    range-parser "~1.2.1"
+    safe-buffer "5.2.1"
+    send "0.18.0"
+    serve-static "1.15.0"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
+extract-zip@^1.0.3:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927"
+  integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==
+  dependencies:
+    concat-stream "^1.6.2"
+    debug "^2.6.9"
+    mkdirp "^0.5.4"
+    yauzl "^2.10.0"
+
+extsprintf@^1.2.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
+  integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "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.12:
+  version "3.2.12"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
+  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fast-levenshtein@~2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fastest-levenshtein@^1.0.12:
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz#210e61b6ff181de91ea9b3d1b84fdedd47e034e5"
+  integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==
+
+fastparse@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
+  integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
+
+fastq@^1.6.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.15.0.tgz#d04d07c6a2a68fe4599fea8d2e103a937fae6b3a"
+  integrity sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==
+  dependencies:
+    reusify "^1.0.4"
+
+faye-websocket@^0.11.3:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
+  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+  integrity sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==
+  dependencies:
+    pend "~1.2.0"
+
+filelist@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
+  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
+  dependencies:
+    minimatch "^5.0.1"
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+finalhandler@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
+  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    statuses "2.0.1"
+    unpipe "~1.0.0"
+
+find-root@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
+  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
+
+find-up@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+follow-redirects@^1.0.0:
+  version "1.15.2"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
+  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
+
+fork-ts-checker-webpack-plugin@^7.2.14:
+  version "7.2.14"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-7.2.14.tgz#746eb15b4d643aafccd3c729995f9c9281eabd22"
+  integrity sha512-Tg2feh/n8k486KX0EbXVUfJj3j0xnnbKYTJw0fnIb2QdV0+lblOYZSal5ed9hARoWVwKeOC7sYE2EakSRLo5ZA==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    chalk "^4.1.2"
+    chokidar "^3.5.3"
+    cosmiconfig "^7.0.1"
+    deepmerge "^4.2.2"
+    fs-extra "^10.0.0"
+    memfs "^3.4.1"
+    minimatch "^3.0.4"
+    node-abort-controller "^3.0.1"
+    schema-utils "^3.1.1"
+    semver "^7.3.5"
+    tapable "^2.2.1"
+
+form-data@^2.5.0:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.5.1.tgz#f2cbec57b5e59e23716e128fe44d4e5dd23895f4"
+  integrity sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.6"
+    mime-types "^2.1.12"
+
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
+fraction.js@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
+  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
+fs-constants@^1.0.0:
+  version "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.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==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-extra@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
+fs-extra@^9.0.0, fs-extra@^9.0.1:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
+  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-minipass@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
+  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
+  dependencies:
+    minipass "^3.0.0"
+
+fs-monkey@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
+  integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+
+fsevents@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
+generic-names@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/generic-names/-/generic-names-1.0.3.tgz#2d786a121aee508876796939e8e3bff836c20917"
+  integrity sha512-b6OHfQuKasIKM9b6YPkX+KUj/TLBTx3B/1aT1T5F12FEuEqyFMdr59OMS53aoaSw8eVtapdqieX6lbg5opaOhA==
+  dependencies:
+    loader-utils "^0.2.16"
+
+get-caller-file@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385"
+  integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==
+  dependencies:
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.3"
+
+get-stream@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
+  integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
+  dependencies:
+    pump "^3.0.0"
+
+get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
+get-stream@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
+  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
+
+github-from-package@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
+  integrity sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+glob@^7.1.3, glob@^7.1.6:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+global-agent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/global-agent/-/global-agent-3.0.0.tgz#ae7cd31bd3583b93c5a16437a1afe27cc33a1ab6"
+  integrity sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==
+  dependencies:
+    boolean "^3.0.1"
+    es6-error "^4.1.1"
+    matcher "^3.0.0"
+    roarr "^2.15.3"
+    semver "^7.3.2"
+    serialize-error "^7.0.1"
+
+global-tunnel-ng@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/global-tunnel-ng/-/global-tunnel-ng-2.7.1.tgz#d03b5102dfde3a69914f5ee7d86761ca35d57d8f"
+  integrity sha512-4s+DyciWBV0eK148wqXxcmVAbFVPqtc3sEtUE/GTQfuU80rySLcMhUmHKSHI7/LDj8q0gDYI1lIhRRB7ieRAqg==
+  dependencies:
+    encodeurl "^1.0.2"
+    lodash "^4.17.10"
+    npm-conf "^1.1.3"
+    tunnel "^0.0.6"
+
+globalthis@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
+  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
+  dependencies:
+    define-properties "^1.1.3"
+
+got@^9.6.0:
+  version "9.6.0"
+  resolved "https://registry.yarnpkg.com/got/-/got-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85"
+  integrity sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==
+  dependencies:
+    "@sindresorhus/is" "^0.14.0"
+    "@szmarczak/http-timer" "^1.1.2"
+    cacheable-request "^6.0.0"
+    decompress-response "^3.3.0"
+    duplexer3 "^0.1.4"
+    get-stream "^4.1.0"
+    lowercase-keys "^1.0.1"
+    mimic-response "^1.0.1"
+    p-cancelable "^1.0.0"
+    to-readable-stream "^1.0.0"
+    url-parse-lax "^3.0.0"
+
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, 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==
+
+"graceful-readlink@>= 1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
+  integrity sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==
+
+gunzip-maybe@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz#b913564ae3be0eda6f3de36464837a9cd94b98ac"
+  integrity sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==
+  dependencies:
+    browserify-zlib "^0.1.4"
+    is-deflate "^1.0.0"
+    is-gzip "^1.0.0"
+    peek-stream "^1.1.0"
+    pumpify "^1.3.3"
+    through2 "^2.0.3"
+
+handle-thing@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
+  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+has-property-descriptors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
+  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
+  dependencies:
+    get-intrinsic "^1.1.1"
+
+has-symbols@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
+hoist-non-react-statics@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
+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==
+  dependencies:
+    lru-cache "^6.0.0"
+
+hpack.js@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
+  integrity sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==
+  dependencies:
+    inherits "^2.0.1"
+    obuf "^1.0.0"
+    readable-stream "^2.0.1"
+    wbuf "^1.1.0"
+
+html-encoding-sniffer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
+  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
+  dependencies:
+    whatwg-encoding "^2.0.0"
+
+html-entities@^2.1.0, html-entities@^2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.3.tgz#117d7626bece327fc8baace8868fa6f5ef856e46"
+  integrity sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==
+
+html-minifier-terser@^6.0.2:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
+  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
+  dependencies:
+    camel-case "^4.1.2"
+    clean-css "^5.2.2"
+    commander "^8.3.0"
+    he "^1.2.0"
+    param-case "^3.0.4"
+    relateurl "^0.2.7"
+    terser "^5.10.0"
+
+html-webpack-plugin@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz#c3911936f57681c1f9f4d8b68c158cd9dfe52f50"
+  integrity sha512-sy88PC2cRTVxvETRgUHFrL4No3UxvcH8G1NepGhqaTT+GXN2kTamqasot0inS5hXeg1cMbFDt27zzo9p35lZVw==
+  dependencies:
+    "@types/html-minifier-terser" "^6.0.0"
+    html-minifier-terser "^6.0.2"
+    lodash "^4.17.21"
+    pretty-error "^4.0.0"
+    tapable "^2.0.0"
+
+htmlparser2@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
+  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    domutils "^2.5.2"
+    entities "^2.0.0"
+
+http-cache-semantics@^4.0.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==
+
+http-deceiver@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
+  integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
+
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
+http-parser-js@>=0.5.1:
+  version "0.5.8"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.8.tgz#af23090d9ac4e24573de6f6aecc9d84a48bf20e3"
+  integrity sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==
+
+http-proxy-agent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
+  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
+  dependencies:
+    "@tootallnate/once" "2"
+    agent-base "6"
+    debug "4"
+
+http-proxy-middleware@^2.0.3:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz#e1a4dd6979572c7ab5a4e4b55095d1f32a74963f"
+  integrity sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==
+  dependencies:
+    "@types/http-proxy" "^1.17.8"
+    http-proxy "^1.18.1"
+    is-glob "^4.0.1"
+    is-plain-obj "^3.0.0"
+    micromatch "^4.0.2"
+
+http-proxy@^1.18.1:
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
+  dependencies:
+    eventemitter3 "^4.0.0"
+    follow-redirects "^1.0.0"
+    requires-port "^1.0.0"
+
+https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
+  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
+  dependencies:
+    agent-base "6"
+    debug "4"
+
+human-signals@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
+  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+
+iconv-corefoundation@^1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/iconv-corefoundation/-/iconv-corefoundation-1.1.7.tgz#31065e6ab2c9272154c8b0821151e2c88f1b002a"
+  integrity sha512-T10qvkw0zz4wnm560lOEg0PovVqUXuOFhhHAkixw8/sycy7TJt7v/RrkEKEQnAw2viPSJu6iAkErxnzR0g8PpQ==
+  dependencies:
+    cli-truncate "^2.1.0"
+    node-addon-api "^1.6.3"
+
+iconv-lite@0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
+iconv-lite@0.6.3, iconv-lite@^0.6.2, iconv-lite@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
+icss-utils@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-3.0.1.tgz#ee70d3ae8cac38c6be5ed91e851b27eed343ad0f"
+  integrity sha512-ANhVLoEfe0KoC9+z4yiTaXOneB49K6JIXdS+yAgH0NERELpdIT7kkj2XxUPuHafeHnn8umXnECSpsfk1RTaUew==
+  dependencies:
+    postcss "^6.0.2"
+
+icss-utils@^5.0.0, icss-utils@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
+  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
+
+ieee754@^1.1.13:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
+
+ignore-by-default@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ignore-by-default/-/ignore-by-default-1.0.1.tgz#48ca6d72f6c6a3af00a9ad4ae6876be3889e2b09"
+  integrity sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==
+
+image-size@~0.5.0:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
+  integrity sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==
+
+immutable@^4.0.0:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.2.2.tgz#2da9ff4384a4330c36d4d1bc88e90f9e0b0ccd16"
+  integrity sha512-fTMKDwtbvO5tldky9QZ2fMX7slR0mYpY5nbnFWYp0fOzDhHqhgIw9KoYgxLWsoNTS9ZHGauHj18DTyEw6BK3Og==
+
+import-fresh@^3.2.1:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+import-local@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
+  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
+  dependencies:
+    pkg-dir "^4.2.0"
+    resolve-cwd "^3.0.0"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+inherits@2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
+
+ini@^1.3.4, ini@~1.3.0:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+interpret@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9"
+  integrity sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==
+
+ipaddr.js@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
+ipaddr.js@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.0.1.tgz#eca256a7a877e917aeb368b0a7497ddf42ef81c0"
+  integrity sha512-1qTgH9NG+IIJ4yfKs2e6Pp1bZg8wbDbKHT21HrLIeYBTRLgMYKnMTPAuI3Lcs61nfx5h1xlXnbJtH1kX5/d/ng==
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-ci@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-3.0.1.tgz#db6ecbed1bd659c43dac0f45661e7674103d1867"
+  integrity sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==
+  dependencies:
+    ci-info "^3.2.0"
+
+is-core-module@^2.9.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
+  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
+  dependencies:
+    has "^1.0.3"
+
+is-deflate@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-deflate/-/is-deflate-1.0.0.tgz#c862901c3c161fb09dac7cdc7e784f80e98f2f14"
+  integrity sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ==
+
+is-docker@^2.0.0, is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
+is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-gzip@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-gzip/-/is-gzip-1.0.0.tgz#6ca8b07b99c77998025900e555ced8ed80879a83"
+  integrity sha512-rcfALRIb1YewtnksfRIHGcIY93QnK8BIQ/2c9yDYcG/Y6+vRoJuTWBmmSEbyLLYtXm7q35pHOHbZFQBaLrhlWQ==
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-plain-obj@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
+  integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
+
+is-plain-object@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
+  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
+  dependencies:
+    isobject "^3.0.1"
+
+is-potential-custom-element-name@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
+  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
+
+is-stream@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
+  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
+
+is-what@^3.14.1:
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.14.1.tgz#e1222f46ddda85dead0fd1c9df131760e77755c1"
+  integrity sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==
+
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
+
+isbinaryfile@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-3.0.3.tgz#5d6def3edebf6e8ca8cae9c30183a804b5f8be80"
+  integrity sha512-8cJBL5tTd2OS0dM4jz07wQd5g0dCCqIhUxPIGtZfa5L6hWlvV5MHTITy/DBAsF+Oe2LS1X3krBUhNwaGUWpWxw==
+  dependencies:
+    buffer-alloc "^1.2.0"
+
+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==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+isobject@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
+
+jake@^10.8.5:
+  version "10.8.5"
+  resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.5.tgz#f2183d2c59382cb274226034543b9c03b8164c46"
+  integrity sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==
+  dependencies:
+    async "^3.2.3"
+    chalk "^4.0.2"
+    filelist "^1.0.1"
+    minimatch "^3.0.4"
+
+jest-worker@^27.4.5:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+joycon@^3.0.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/joycon/-/joycon-3.1.1.tgz#bce8596d6ae808f8b68168f5fc69280996894f03"
+  integrity sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==
+
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsdom@^20.0.3:
+  version "20.0.3"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-20.0.3.tgz#886a41ba1d4726f67a8858028c99489fed6ad4db"
+  integrity sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==
+  dependencies:
+    abab "^2.0.6"
+    acorn "^8.8.1"
+    acorn-globals "^7.0.0"
+    cssom "^0.5.0"
+    cssstyle "^2.3.0"
+    data-urls "^3.0.2"
+    decimal.js "^10.4.2"
+    domexception "^4.0.0"
+    escodegen "^2.0.0"
+    form-data "^4.0.0"
+    html-encoding-sniffer "^3.0.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.1"
+    is-potential-custom-element-name "^1.0.1"
+    nwsapi "^2.2.2"
+    parse5 "^7.1.1"
+    saxes "^6.0.0"
+    symbol-tree "^3.2.4"
+    tough-cookie "^4.1.2"
+    w3c-xmlserializer "^4.0.0"
+    webidl-conversions "^7.0.0"
+    whatwg-encoding "^2.0.0"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^11.0.0"
+    ws "^8.11.0"
+    xml-name-validator "^4.0.0"
+
+json-buffer@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
+  integrity sha512-CuUqjv0FUZIdXkHPI8MezCnFCdaTAacej1TZYulLoAg1h/PhwkdXFN4V/gzY4g+fMBCOV2xF+rp7t2XD2ns/NQ==
+
+json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-schema-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json-stringify-safe@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+  integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
+
+json5@^0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
+  integrity sha512-4xrs1aW+6N5DalkqSVA8fxh458CXvR99WU8WLKmq4v8eWAL86Xo3BVqyd3SkA9wEVjCMqyvvRRkshAdOnBp5rw==
+
+json5@^2.1.2, json5@^2.2.0, json5@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+jsonfile@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
+  integrity sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsonfile@^6.0.1, jsonfile@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+keyv@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9"
+  integrity sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==
+  dependencies:
+    json-buffer "3.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==
+
+lazy-val@^1.0.4, lazy-val@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.5.tgz#6cf3b9f5bc31cee7ee3e369c0832b7583dcd923d"
+  integrity sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q==
+
+less@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/less/-/less-4.1.3.tgz#175be9ddcbf9b250173e0a00b4d6920a5b770246"
+  integrity sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==
+  dependencies:
+    copy-anything "^2.0.1"
+    parse-node-version "^1.0.1"
+    tslib "^2.3.0"
+  optionalDependencies:
+    errno "^0.1.1"
+    graceful-fs "^4.1.2"
+    image-size "~0.5.0"
+    make-dir "^2.1.0"
+    mime "^1.4.1"
+    needle "^3.1.0"
+    source-map "~0.6.0"
+
+levn@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
+  dependencies:
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+
+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==
+
+loader-runner@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
+  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
+
+loader-utils@^0.2.16:
+  version "0.2.17"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
+  integrity sha512-tiv66G0SmiOx+pLWMtGEkfSEejxvb6N6uRrQjfWJIT79W9GMpgKeCAmm9aVBKtd4WEgntciI8CsGqjpDoCWJug==
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+    object-assign "^4.0.1"
+
+loader-utils@^2.0.0, loader-utils@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash.camelcase@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
+  integrity sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==
+
+lodash@^4.17.10, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
+lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
+  integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==
+
+lowercase-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
+  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
+
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
+make-dir@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
+  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
+  dependencies:
+    pify "^4.0.1"
+    semver "^5.6.0"
+
+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==
+
+matcher@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/matcher/-/matcher-3.0.0.tgz#bd9060f4c5b70aa8041ccc6f80368760994f30ca"
+  integrity sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==
+  dependencies:
+    escape-string-regexp "^4.0.0"
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
+
+memfs@^3.4.1, memfs@^3.4.3:
+  version "3.4.13"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.4.13.tgz#248a8bd239b3c240175cd5ec548de5227fc4f345"
+  integrity sha512-omTM41g3Skpvx5dSYeZIbXKcXoAVc/AoMNwn9TKx++L/gaen/+4TTttmu8ZSch5vfVJ8uJvGbroTsIlslRg6lg==
+  dependencies:
+    fs-monkey "^1.0.3"
+
+memoize-one@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
+  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
+
+merge-descriptors@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
+  integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+merge2@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+
+micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  dependencies:
+    braces "^3.0.2"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mime@1.6.0, mime@^1.4.1:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
+mime@^2.5.2:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367"
+  integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
+
+mimic-fn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
+  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+
+mimic-response@^1.0.0, mimic-response@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
+  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
+
+mimic-response@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
+  integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
+
+mini-css-extract-plugin@^2.7.1:
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.2.tgz#e049d3ea7d3e4e773aad585c6cb329ce0c7b72d7"
+  integrity sha512-EdlUizq13o0Pd+uCp+WO/JpkLvHRVGt97RqfeGhXqAcorYo1ypJSpkV+WDT0vY/kmh/p7wRdJNJtuyK540PXDw==
+  dependencies:
+    schema-utils "^4.0.0"
+
+minimalistic-assert@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
+  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
+
+minimatch@3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
+  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^3.0.4, minimatch@^3.1.1, 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==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^5.0.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.2.tgz#0939d7d6f0898acbd1508abe534d1929368a8fff"
+  integrity sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.6:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18"
+  integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==
+
+minipass@^3.0.0, minipass@^3.3.5:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.6.tgz#7bba384db3a1520d18c9c0e5251c3444e95dd94a"
+  integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
+  dependencies:
+    yallist "^4.0.0"
+
+minipass@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.0.0.tgz#7cebb0f9fa7d56f0c5b17853cbe28838a8dbbd3b"
+  integrity sha512-g2Uuh2jEKoht+zvO6vJqXmYpflPqzRBT+Th2h01DKh5z7wbY/AZ2gCQ78cP70YoHPyFdY30YBV5WxgLOEwOykw==
+  dependencies:
+    yallist "^4.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==
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.0.0"
+
+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"
+  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
+
+mkdirp@^0.5.4:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
+  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
+  dependencies:
+    minimist "^1.2.6"
+
+mkdirp@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
+
+mobx@^6.7.0:
+  version "6.7.0"
+  resolved "https://registry.yarnpkg.com/mobx/-/mobx-6.7.0.tgz#2d805610fee1801fd015c54fd5400d2601aa3768"
+  integrity sha512-1kBLBdSNG2bA522HQdbsTvwAwYf9hq9FWxmlhX7wTsJUAI54907J+ozfGW+LoYUo06vjit748g6QH1AAGLNebw==
+
+moment@^2.10.2:
+  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"
+  resolved "https://registry.yarnpkg.com/monaco-editor-webpack-plugin/-/monaco-editor-webpack-plugin-5.0.0.tgz#796c50fb4ce3f75f45bf18dfa3c31f85dc9a05da"
+  integrity sha512-KrUUTmMO3lDCNK4honZ6rrrKjOI7FFLeyCktPetIo5HlRqr5dfE6ewaA9qNLH96XY7CekE3Z+v/+I6ufAs3ObA==
+  dependencies:
+    loader-utils "^2.0.0"
+
+monaco-editor@^0.29.1:
+  version "0.29.1"
+  resolved "https://registry.yarnpkg.com/monaco-editor/-/monaco-editor-0.29.1.tgz#6ee93d8a5320704d48fd7058204deed72429c020"
+  integrity sha512-rguaEG/zrPQSaKzQB7IfX/PpNa0qxF1FY8ZXRkN4WIl8qZdTQRSRJCtRto7IMcSgrU6H53RXI+fTcywOBC4aVw==
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+ms@2.1.3, ms@^2.1.1:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+multicast-dns@^7.2.5:
+  version "7.2.5"
+  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.5.tgz#77eb46057f4d7adbd16d9290fa7299f6fa64cced"
+  integrity sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==
+  dependencies:
+    dns-packet "^5.2.2"
+    thunky "^1.0.2"
+
+nanoid@^3.3.4:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
+  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
+
+napi-build-utils@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/napi-build-utils/-/napi-build-utils-1.0.2.tgz#b1fddc0b2c46e380a0b7a76f984dd47c41a13806"
+  integrity sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==
+
+needle@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/needle/-/needle-3.2.0.tgz#07d240ebcabfd65c76c03afae7f6defe6469df44"
+  integrity sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==
+  dependencies:
+    debug "^3.2.6"
+    iconv-lite "^0.6.3"
+    sax "^1.2.4"
+
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
+node-abi@^3.3.0:
+  version "3.31.0"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.31.0.tgz#dfb2ea3d01188eb80859f69bb4a4354090c1b355"
+  integrity sha512-eSKV6s+APenqVh8ubJyiu/YhZgxQpGP66ntzUb3lY1xB9ukSRaGnx0AIxI+IM+1+IVYC1oWobgG5L3Lt9ARykQ==
+  dependencies:
+    semver "^7.3.5"
+
+node-abort-controller@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/node-abort-controller/-/node-abort-controller-3.0.1.tgz#f91fa50b1dee3f909afabb7e261b1e1d6b0cb74e"
+  integrity sha512-/ujIVxthRs+7q6hsdjHMaj8hRG9NuWmwrz+JdRwZ14jdFoKSkm+vDsCbF9PLpnSqjaWQJuTmVtcWHNLr+vrOFw==
+
+node-addon-api@^1.6.3:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-1.7.2.tgz#3df30b95720b53c24e59948b49532b662444f54d"
+  integrity sha512-ibPK3iA+vaY1eEjESkQkM0BbCqFOaZMiXRTtdB0u7b4djtY6JnsjvPdUHVMg6xQt3B8fpTTWHI9A+ADjM9frzg==
+
+node-addon-api@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-5.0.0.tgz#7d7e6f9ef89043befdb20c1989c905ebde18c501"
+  integrity sha512-CvkDw2OEnme7ybCykJpVcKH+uAOLV2qLqiyla128dN9TkEWfrYmxG6C2boDe5KcNQqZF3orkqzGgOMvZ/JNekA==
+
+node-forge@^1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+node-loader@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/node-loader/-/node-loader-2.0.0.tgz#9109a6d828703fd3e0aa03c1baec12a798071562"
+  integrity sha512-I5VN34NO4/5UYJaUBtkrODPWxbobrE4hgDqPrjB25yPkonFhCmZ146vTH+Zg417E9Iwoh1l/MbRs1apc5J295Q==
+  dependencies:
+    loader-utils "^2.0.0"
+
+node-releases@^2.0.6:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.8.tgz#0f349cdc8fcfa39a92ac0be9bc48b7706292b9ae"
+  integrity sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==
+
+nodemon@^2.0.20:
+  version "2.0.20"
+  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-2.0.20.tgz#e3537de768a492e8d74da5c5813cb0c7486fc701"
+  integrity sha512-Km2mWHKKY5GzRg6i1j5OxOHQtuvVsgskLfigG25yTtbyfRGn/GNvIbRyOf1PSCKJ2aT/58TiuUsuOU5UToVViw==
+  dependencies:
+    chokidar "^3.5.2"
+    debug "^3.2.7"
+    ignore-by-default "^1.0.1"
+    minimatch "^3.1.2"
+    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"
+
+nopt@~1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-1.0.10.tgz#6ddd21bd2a31417b92727dd585f8a6f37608ebee"
+  integrity sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==
+  dependencies:
+    abbrev "1"
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
+normalize-url@^4.1.0:
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.1.tgz#0dd90cf1288ee1d1313b87081c9a5932ee48518a"
+  integrity sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==
+
+npm-conf@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/npm-conf/-/npm-conf-1.1.3.tgz#256cc47bd0e218c259c4e9550bf413bc2192aff9"
+  integrity sha512-Yic4bZHJOt9RCFbRP3GgpqhScOY4HH3V2P8yBj6CeYq118Qr+BLXqT2JvpJ00mryLESpgOxf5XlFv4ZjXxLScw==
+  dependencies:
+    config-chain "^1.1.11"
+    pify "^3.0.0"
+
+npm-run-path@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
+nwsapi@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.2.tgz#e5418863e7905df67d51ec95938d67bf801f0bb0"
+  integrity sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==
+
+object-assign@^4.0.1, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+object-inspect@^1.9.0:
+  version "1.12.2"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
+  integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
+
+object-keys@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+obuf@^1.0.0, obuf@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
+  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
+
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
+on-headers@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
+  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
+
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+  dependencies:
+    wrappy "1"
+
+onetime@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+  dependencies:
+    mimic-fn "^2.1.0"
+
+open@^8.0.9:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
+  integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
+optionator@^0.8.1:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
+  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
+  dependencies:
+    deep-is "~0.1.3"
+    fast-levenshtein "~2.0.6"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    word-wrap "~1.2.3"
+
+p-cancelable@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc"
+  integrity sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==
+
+p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+p-retry@^4.5.0:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
+  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
+  dependencies:
+    "@types/retry" "0.12.0"
+    retry "^0.13.1"
+
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
+pako@~0.2.0:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
+  integrity sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==
+
+param-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-json@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@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"
+
+parse-node-version@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parse-node-version/-/parse-node-version-1.0.1.tgz#e2b5dbede00e7fa9bc363607f53327e8b073189b"
+  integrity sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==
+
+parse5@^7.1.1:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
+  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
+  dependencies:
+    entities "^4.4.0"
+
+parseurl@~1.3.2, parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
+
+path-key@^3.0.0, path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-to-regexp@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
+  integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+peek-stream@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/peek-stream/-/peek-stream-1.1.3.tgz#3b35d84b7ccbbd262fff31dc10da56856ead6d67"
+  integrity sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==
+  dependencies:
+    buffer-from "^1.0.0"
+    duplexify "^3.5.0"
+    through2 "^2.0.3"
+
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+  integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
+
+pify@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
+  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
+
+pkg-dir@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+  dependencies:
+    find-up "^4.0.0"
+
+plist@^3.0.1, plist@^3.0.4:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/plist/-/plist-3.0.6.tgz#7cfb68a856a7834bca6dbfe3218eb9c7740145d3"
+  integrity sha512-WiIVYyrp8TD4w8yCvyeIr+lkmrGRd5u0VbRnU+tP/aRLxP/YadJUYOMZJ/6hIa3oUyVCsycXvtNRgd5XBJIbiA==
+  dependencies:
+    base64-js "^1.5.1"
+    xmlbuilder "^15.1.1"
+
+postcss-filter-plugins@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-filter-plugins/-/postcss-filter-plugins-3.0.1.tgz#9d226e946d56542ab7c26123053459a331df545d"
+  integrity sha512-tRKbW4wWBEkSSFuJtamV2wkiV9rj6Yy7P3Y13+zaynlPEEZt8EgYKn3y/RBpMeIhNmHXFlSdzofml65hD5OafA==
+  dependencies:
+    postcss "^6.0.14"
+
+postcss-icss-keyframes@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-icss-keyframes/-/postcss-icss-keyframes-0.2.1.tgz#80c4455e0112b0f2f9c3c05ac7515062bb9ff295"
+  integrity sha512-4m+hLY5TVqoTM198KKnzdNudyu1OvtqwD+8kVZ9PNiEO4+IfHYoyVvEXsOHjV8nZ1k6xowf+nY4HlUfZhOFvvw==
+  dependencies:
+    icss-utils "^3.0.1"
+    postcss "^6.0.2"
+    postcss-value-parser "^3.3.0"
+
+postcss-icss-selectors@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-icss-selectors/-/postcss-icss-selectors-2.0.3.tgz#27fa1afcaab6c602c866cbb298f3218e9bc1c9b3"
+  integrity sha512-dxFtq+wscbU9faJaH8kIi98vvCPDbt+qg1g9GoG0os1PY3UvgY1Y2G06iZrZb1iVC9cyFfafwSY1IS+IQpRQ4w==
+  dependencies:
+    css-selector-tokenizer "^0.7.0"
+    generic-names "^1.0.2"
+    icss-utils "^3.0.1"
+    lodash "^4.17.4"
+    postcss "^6.0.2"
+
+postcss-import@^14.1.0:
+  version "14.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
+  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-js@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.0.tgz#31db79889531b80dc7bc9b0ad283e418dce0ac00"
+  integrity sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-load-config@^3.1.4:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
+  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
+  dependencies:
+    lilconfig "^2.0.5"
+    yaml "^1.10.2"
+
+postcss-modules-extract-imports@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
+  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
+
+postcss-modules-local-by-default@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
+  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
+  dependencies:
+    icss-utils "^5.0.0"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.1.0"
+
+postcss-modules-scope@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06"
+  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
+postcss-modules-values@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
+  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
+  dependencies:
+    icss-utils "^5.0.0"
+
+postcss-nested@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.0.tgz#1572f1984736578f360cffc7eb7dca69e30d1735"
+  integrity sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
+  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-value-parser@^3.3.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
+  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^6.0.14, postcss@^6.0.2:
+  version "6.0.23"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
+  integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
+  dependencies:
+    chalk "^2.4.1"
+    source-map "^0.6.1"
+    supports-color "^5.4.0"
+
+postcss@^8.4.18, postcss@^8.4.19:
+  version "8.4.21"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
+  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
+  dependencies:
+    nanoid "^3.3.4"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+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"
+    github-from-package "0.0.0"
+    minimist "^1.2.3"
+    mkdirp-classic "^0.5.3"
+    napi-build-utils "^1.0.1"
+    node-abi "^3.3.0"
+    pump "^3.0.0"
+    rc "^1.2.7"
+    simple-get "^4.0.0"
+    tar-fs "^2.0.0"
+    tunnel-agent "^0.6.0"
+
+prelude-ls@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
+
+prepend-http@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
+  integrity sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==
+
+pretty-error@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
+  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
+  dependencies:
+    lodash "^4.17.20"
+    renderkid "^3.0.0"
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+progress@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+prop-types@^15.6.0, prop-types@^15.6.2:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+proto-list@~1.2.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
+  integrity sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==
+
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
+prr@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
+  integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
+
+psl@^1.1.33:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
+  integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
+
+pstree.remy@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/pstree.remy/-/pstree.remy-1.1.8.tgz#c242224f4a67c21f686839bbdb4ac282b8373d3a"
+  integrity sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==
+
+pump@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
+  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+pumpify@^1.3.3:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
+  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
+  dependencies:
+    duplexify "^3.6.0"
+    inherits "^2.0.3"
+    pump "^2.0.0"
+
+punycode@^2.1.0, punycode@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+
+qs@6.11.0:
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
+  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
+  dependencies:
+    side-channel "^1.0.4"
+
+querystringify@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+quick-lru@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
+
+randombytes@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  dependencies:
+    safe-buffer "^5.1.0"
+
+range-parser@^1.2.1, range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857"
+  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
+rc@^1.2.7:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
+  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
+  dependencies:
+    deep-extend "^0.6.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
+react-is@^16.13.1, react-is@^16.7.0:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+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.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-select@^5.7.0:
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.7.0.tgz#82921b38f1fcf1471a0b62304da01f2896cd8ce6"
+  integrity sha512-lJGiMxCa3cqnUr2Jjtg9YHsaytiZqeNOKeibv6WF5zbK/fPegZ1hg3y/9P1RZVLhqBTs0PfqQLKuAACednYGhQ==
+  dependencies:
+    "@babel/runtime" "^7.12.0"
+    "@emotion/cache" "^11.4.0"
+    "@emotion/react" "^11.8.1"
+    "@floating-ui/dom" "^1.0.1"
+    "@types/react-transition-group" "^4.4.0"
+    memoize-one "^6.0.0"
+    prop-types "^15.6.0"
+    react-transition-group "^4.3.0"
+    use-isomorphic-layout-effect "^1.1.2"
+
+react-transition-group@^4.3.0:
+  version "4.4.5"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
+  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
+read-config-file@6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/read-config-file/-/read-config-file-6.2.0.tgz#71536072330bcd62ba814f91458b12add9fc7ade"
+  integrity sha512-gx7Pgr5I56JtYz+WuqEbQHj/xWo+5Vwua2jhb1VwM4Wid5PqYmZ4i00ZB0YEGIfkVBsCv9UrjgyqCiQfS/Oosg==
+  dependencies:
+    dotenv "^9.0.2"
+    dotenv-expand "^5.1.0"
+    js-yaml "^4.1.0"
+    json5 "^2.2.0"
+    lazy-val "^1.0.4"
+
+readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.2.2, readable-stream@~2.3.6:
+  version "2.3.7"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
+  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
+  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+rechoir@^0.7.0:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.7.1.tgz#9478a96a1ca135b5e88fc027f03ee92d6c645686"
+  integrity sha512-/njmZ8s1wVeR6pjTZ+0nCnv8SpZNRMT2D1RLOJQESlYFDBvwpTA4KWJpZ+sBJ4+vhjILRcK7JIFdGCdxEAAitg==
+  dependencies:
+    resolve "^1.9.0"
+
+regenerator-runtime@^0.13.11:
+  version "0.13.11"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
+  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
+
+relateurl@^0.2.7:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
+
+renderkid@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a"
+  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
+  dependencies:
+    css-select "^4.1.3"
+    dom-converter "^0.2.0"
+    htmlparser2 "^6.1.0"
+    lodash "^4.17.21"
+    strip-ansi "^6.0.1"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
+reserved-words@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/reserved-words/-/reserved-words-0.1.2.tgz#00a0940f98cd501aeaaac316411d9adc52b31ab1"
+  integrity sha512-0S5SrIUJ9LfpbVl4Yzij6VipUdafHrOTzvmfazSw/jeZrZtQK303OPZW+obtkaw7jQlTQppy0UvZWm9872PbRw==
+
+resolve-cwd@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
+  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
+  dependencies:
+    resolve-from "^5.0.0"
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
+resolve@^1.1.7, resolve@^1.19.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==
+  dependencies:
+    is-core-module "^2.9.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+responselike@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/responselike/-/responselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7"
+  integrity sha512-/Fpe5guzJk1gPqdJLJR5u7eG/gNY4nImjbRDaVWVMRhne55TCmj2i9Q+54PBRfatRC8v/rIiv9BN0pMd9OV5EQ==
+  dependencies:
+    lowercase-keys "^1.0.0"
+
+retry@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
+  integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+rimraf@^3.0.0, rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+roarr@^2.15.3:
+  version "2.15.4"
+  resolved "https://registry.yarnpkg.com/roarr/-/roarr-2.15.4.tgz#f5fe795b7b838ccfe35dc608e0282b9eba2e7afd"
+  integrity sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==
+  dependencies:
+    boolean "^3.0.1"
+    detect-node "^2.0.4"
+    globalthis "^1.0.1"
+    json-stringify-safe "^5.0.1"
+    semver-compare "^1.0.0"
+    sprintf-js "^1.1.2"
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+rxjs@^7.0.0:
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.0.tgz#90a938862a82888ff4c7359811a595e14e1e09a4"
+  integrity sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==
+  dependencies:
+    tslib "^2.1.0"
+
+safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+sanitize-filename@^1.6.3:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/sanitize-filename/-/sanitize-filename-1.6.3.tgz#755ebd752045931977e30b2025d340d7c9090378"
+  integrity sha512-y/52Mcy7aw3gRm7IrcGDFx/bCk4AhRh2eI9luHOQM86nZsqwiRkkq2GekHXBBD+SmPidc8i2PqtYZl+pWJ8Oeg==
+  dependencies:
+    truncate-utf8-bytes "^1.0.0"
+
+sass@^1.56.1:
+  version "1.57.1"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.57.1.tgz#dfafd46eb3ab94817145e8825208ecf7281119b5"
+  integrity sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
+sax@^1.2.4, sax@~1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
+
+saxes@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
+  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
+  dependencies:
+    xmlchars "^2.2.0"
+
+schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
+  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
+  integrity sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    ajv "^8.8.0"
+    ajv-formats "^2.1.1"
+    ajv-keywords "^5.0.0"
+
+select-hose@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
+  integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
+
+selfsigned@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.1.1.tgz#18a7613d714c0cd3385c48af0075abf3f266af61"
+  integrity sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==
+  dependencies:
+    node-forge "^1"
+
+semver-compare@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
+  integrity sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==
+
+semver@^5.6.0, semver@^5.7.1:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+
+semver@^6.2.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
+
+semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
+  version "7.3.8"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
+  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
+  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"
+  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
+serialize-error@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-7.0.1.tgz#f1360b0447f61ffb483ec4157c737fab7d778e18"
+  integrity sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==
+  dependencies:
+    type-fest "^0.13.1"
+
+serialize-javascript@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
+  integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==
+  dependencies:
+    randombytes "^2.1.0"
+
+serve-index@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
+  integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
+  dependencies:
+    accepts "~1.3.4"
+    batch "0.6.1"
+    debug "2.6.9"
+    escape-html "~1.0.3"
+    http-errors "~1.6.2"
+    mime-types "~2.1.17"
+    parseurl "~1.3.2"
+
+serve-static@1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
+  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
+  dependencies:
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.18.0"
+
+setprototypeof@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
+  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
+shallow-clone@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
+  integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
+  dependencies:
+    kind-of "^6.0.2"
+
+sharp@^0.31.2:
+  version "0.31.3"
+  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.31.3.tgz#60227edc5c2be90e7378a210466c99aefcf32688"
+  integrity sha512-XcR4+FCLBFKw1bdB+GEhnUNXNXvnt0tDo4WsBsraKymuo/IAuPuCBVAL2wIkUw2r/dwFW5Q5+g66Kwl2dgDFVg==
+  dependencies:
+    color "^4.2.3"
+    detect-libc "^2.0.1"
+    node-addon-api "^5.0.0"
+    prebuild-install "^7.1.1"
+    semver "^7.3.8"
+    simple-get "^4.0.1"
+    tar-fs "^2.1.1"
+    tunnel-agent "^0.6.0"
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+shell-quote@^1.7.3:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.4.tgz#33fe15dee71ab2a81fcbd3a52106c5cfb9fb75d8"
+  integrity sha512-8o/QEhSSRb1a5i7TFR0iM4G16Z0vYB2OQVs4G3aAFXjn3T6yEx8AZxy1PgDF7I00LZHYA3WxaSYIf5e5sAX8Rw==
+
+side-channel@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
+  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+  dependencies:
+    call-bind "^1.0.0"
+    get-intrinsic "^1.0.2"
+    object-inspect "^1.9.0"
+
+signal-exit@^3.0.3:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
+simple-concat@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/simple-concat/-/simple-concat-1.0.1.tgz#f46976082ba35c2263f1c8ab5edfe26c41c9552f"
+  integrity sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==
+
+simple-get@^4.0.0, simple-get@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-4.0.1.tgz#4a39db549287c979d352112fa03fd99fd6bc3543"
+  integrity sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==
+  dependencies:
+    decompress-response "^6.0.0"
+    once "^1.3.1"
+    simple-concat "^1.0.0"
+
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
+  dependencies:
+    is-arrayish "^0.3.1"
+
+simple-update-notifier@^1.0.7:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/simple-update-notifier/-/simple-update-notifier-1.1.0.tgz#67694c121de354af592b347cdba798463ed49c82"
+  integrity sha512-VpsrsJSUcJEseSbMHkrsrAVSdvVS5I96Qo1QAQ4FxQ9wXFcB+pjj7FB7/us9+GcgfW4ziHtYMc1J0PLczb55mg==
+  dependencies:
+    semver "~7.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"
+  integrity sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==
+  dependencies:
+    ansi-styles "^4.0.0"
+    astral-regex "^2.0.0"
+    is-fullwidth-code-point "^3.0.0"
+
+smart-buffer@^4.0.2:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
+  integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
+
+sockjs@^0.3.24:
+  version "0.3.24"
+  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
+  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
+  dependencies:
+    faye-websocket "^0.11.3"
+    uuid "^8.3.2"
+    websocket-driver "^0.7.4"
+
+source-list-map@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
+  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
+
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+source-map-support@^0.5.19, source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@^0.5.7:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
+
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+source-map@^0.7.3:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
+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"
+  integrity sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==
+
+spdy-transport@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
+  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
+  dependencies:
+    debug "^4.1.0"
+    detect-node "^2.0.4"
+    hpack.js "^2.1.6"
+    obuf "^1.1.2"
+    readable-stream "^3.0.6"
+    wbuf "^1.7.3"
+
+spdy@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
+  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
+  dependencies:
+    debug "^4.1.0"
+    handle-thing "^2.0.0"
+    http-deceiver "^1.2.7"
+    select-hose "^2.0.0"
+    spdy-transport "^3.0.0"
+
+sprintf-js@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
+  integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
+
+stackframe@^1.3.4:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
+  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
+
+stat-mode@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stat-mode/-/stat-mode-1.0.0.tgz#68b55cb61ea639ff57136f36b216a291800d1465"
+  integrity sha512-jH9EhtKIjuXZ2cWxmXS8ZP80XyC3iasQxMDV8jzhNJpfDb7VbQLVW4Wvsxz9QZvzV+G4YoSfBUVKDOyxLzi/sg==
+
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+"statuses@>= 1.4.0 < 2":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+
+stream-shift@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
+  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
+
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
+
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+strip-json-comments@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
+  integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
+
+style-loader@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.1.tgz#057dfa6b3d4d7c7064462830f9113ed417d38575"
+  integrity sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==
+
+stylis@4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.1.3.tgz#fd2fbe79f5fed17c55269e16ed8da14c84d069f7"
+  integrity sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==
+
+stylus@^0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.59.0.tgz#a344d5932787142a141946536d6e24e6a6be7aa6"
+  integrity sha512-lQ9w/XIOH5ZHVNuNbWW8D822r+/wBSO/d6XvtyHLF7LW4KaCIDeVbvn5DF8fGCJAUCwVhVi/h6J0NUcnylUEjg==
+  dependencies:
+    "@adobe/css-tools" "^4.0.1"
+    debug "^4.3.2"
+    glob "^7.1.6"
+    sax "~1.2.4"
+    source-map "^0.7.3"
+
+sumchecker@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/sumchecker/-/sumchecker-3.0.1.tgz#6377e996795abb0b6d348e9b3e1dfb24345a8e42"
+  integrity sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==
+  dependencies:
+    debug "^4.1.0"
+
+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"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^8.0.0, supports-color@^8.1.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+symbol-tree@^3.2.4:
+  version "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.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.2.4.tgz#afe3477e7a19f3ceafb48e4b083e292ce0dc0250"
+  integrity sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==
+  dependencies:
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    color-name "^1.1.4"
+    detective "^5.2.1"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.2.12"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    lilconfig "^2.0.6"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.18"
+    postcss-import "^14.1.0"
+    postcss-js "^4.0.0"
+    postcss-load-config "^3.1.4"
+    postcss-nested "6.0.0"
+    postcss-selector-parser "^6.0.10"
+    postcss-value-parser "^4.2.0"
+    quick-lru "^5.1.1"
+    resolve "^1.22.1"
+
+tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+tar-fs@^2.0.0, tar-fs@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
+  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
+  dependencies:
+    chownr "^1.1.1"
+    mkdirp-classic "^0.5.2"
+    pump "^3.0.0"
+    tar-stream "^2.1.4"
+
+tar-stream@^2.1.4:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
+  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
+  dependencies:
+    bl "^4.0.3"
+    end-of-stream "^1.4.1"
+    fs-constants "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+
+tar@^6.1.11:
+  version "6.1.13"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.13.tgz#46e22529000f612180601a6fe0680e7da508847b"
+  integrity sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^4.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
+temp-file@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/temp-file/-/temp-file-3.4.0.tgz#766ea28911c683996c248ef1a20eea04d51652c7"
+  integrity sha512-C5tjlC/HCtVUOi3KWVokd4vHVViOmGjtLwIh4MuzPo/nMYTV/p1urt3RnMz2IWXDdKEGJH3k5+KPxtqRsUYGtg==
+  dependencies:
+    async-exit-hook "^2.0.1"
+    fs-extra "^10.0.0"
+
+terser-webpack-plugin@^5.1.3:
+  version "5.3.6"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.6.tgz#5590aec31aa3c6f771ce1b1acca60639eab3195c"
+  integrity sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.14"
+    jest-worker "^27.4.5"
+    schema-utils "^3.1.1"
+    serialize-javascript "^6.0.0"
+    terser "^5.14.1"
+
+terser@^5.10.0, terser@^5.14.1:
+  version "5.16.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.1.tgz#5af3bc3d0f24241c7fb2024199d5c461a1075880"
+  integrity sha512-xvQfyfA1ayT0qdK47zskQgRZeWLoOQ8JQ6mIgRGVNwZKdQMU+5FkCBjmv4QjcrTzyZquRw2FVtlJSRUmMKQslw==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.2"
+    acorn "^8.5.0"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
+through2@^2.0.3:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
+  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
+  dependencies:
+    readable-stream "~2.3.6"
+    xtend "~4.0.1"
+
+thunky@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
+  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
+
+tmp-promise@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/tmp-promise/-/tmp-promise-3.0.3.tgz#60a1a1cc98c988674fcbfd23b6e3367bdeac4ce7"
+  integrity sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==
+  dependencies:
+    tmp "^0.2.0"
+
+tmp@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.1.tgz#8457fc3037dcf4719c251367a1af6500ee1ccf14"
+  integrity sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==
+  dependencies:
+    rimraf "^3.0.0"
+
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
+
+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"
+  integrity sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
+touch@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/touch/-/touch-3.1.0.tgz#fe365f5f75ec9ed4e56825e0bb76d24ab74af83b"
+  integrity sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==
+  dependencies:
+    nopt "~1.0.10"
+
+tough-cookie@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.2.tgz#e53e84b85f24e0b65dd526f46628db6c85f6b874"
+  integrity sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==
+  dependencies:
+    psl "^1.1.33"
+    punycode "^2.1.1"
+    universalify "^0.2.0"
+    url-parse "^1.5.3"
+
+tr46@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
+  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
+  dependencies:
+    punycode "^2.1.1"
+
+tree-kill@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
+  integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
+
+truncate-utf8-bytes@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz#405923909592d56f78a5818434b0b78489ca5f2b"
+  integrity sha512-95Pu1QXQvruGEhv62XCMO3Mm90GscOCClvrIUwCM0PYOXK3kaF3l3sIHxx71ThJfcbM2O5Au6SO3AWCSEfW4mQ==
+  dependencies:
+    utf8-byte-length "^1.0.1"
+
+ts-loader@^9.4.2:
+  version "9.4.2"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.4.2.tgz#80a45eee92dd5170b900b3d00abcfa14949aeb78"
+  integrity sha512-OmlC4WVmFv5I0PpaxYb+qGeGOdm5giHU7HwDDUjw59emP2UYMHy9fFSDcYgSNoH8sXcj4hGCSEhlDZ9ULeDraA==
+  dependencies:
+    chalk "^4.1.0"
+    enhanced-resolve "^5.0.0"
+    micromatch "^4.0.0"
+    semver "^7.3.4"
+
+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"
+    "@tsconfig/node12" "^1.0.7"
+    "@tsconfig/node14" "^1.0.0"
+    "@tsconfig/node16" "^1.0.2"
+    acorn "^8.4.1"
+    acorn-walk "^8.1.1"
+    arg "^4.1.0"
+    create-require "^1.1.0"
+    diff "^4.0.1"
+    make-error "^1.1.1"
+    v8-compile-cache-lib "^3.0.1"
+    yn "3.1.1"
+
+tsconfig-paths@^4.1.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-4.1.2.tgz#4819f861eef82e6da52fb4af1e8c930a39ed979a"
+  integrity sha512-uhxiMgnXQp1IR622dUXI+9Ehnws7i/y6xvpZB9IbUVOPy0muvdvgXeZOn88UcGPiT98Vp3rJPTa8bFoalZ3Qhw==
+  dependencies:
+    json5 "^2.2.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.1.tgz#0d0bfbaac2880b91e22df0768e55be9753a5b17e"
+  integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==
+
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
+  dependencies:
+    safe-buffer "^5.0.1"
+
+tunnel@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/tunnel/-/tunnel-0.0.6.tgz#72f1314b34a5b192db012324df2cc587ca47f92c"
+  integrity sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==
+
+type-check@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
+  dependencies:
+    prelude-ls "~1.1.2"
+
+type-fest@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.13.1.tgz#0172cb5bce80b0bd542ea348db50c7e21834d934"
+  integrity sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==
+
+type-fest@^2.14.0:
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
+  integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
+
+type-is@~1.6.18:
+  version "1.6.18"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
+typed-emitter@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/typed-emitter/-/typed-emitter-1.4.0.tgz#38c6bf1224e764906bb20cb0b458fa914100607c"
+  integrity sha512-weBmoo3HhpKGgLBOYwe8EB31CzDFuaK7CCL+axXhUYhn4jo6DSkHnbefboCF5i4DQ2aMFe0C/FdTWcPdObgHyg==
+
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+  integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
+
+typescript-plugin-css-modules@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/typescript-plugin-css-modules/-/typescript-plugin-css-modules-4.1.1.tgz#fc9c13f20f80c13a233beffd27697af353d96316"
+  integrity sha512-kpVxGkY/go9eV5TP1YUDJ6SqwBx2OIuVStMCxKyg9PhJVFXjLYR7AuItVLwoz0NCdiemH91WhtgAjb96jI34DA==
+  dependencies:
+    dotenv "^16.0.3"
+    icss-utils "^5.1.0"
+    less "^4.1.3"
+    lodash.camelcase "^4.3.0"
+    postcss "^8.4.19"
+    postcss-filter-plugins "^3.0.1"
+    postcss-icss-keyframes "^0.2.1"
+    postcss-icss-selectors "^2.0.3"
+    postcss-load-config "^3.1.4"
+    reserved-words "^0.1.2"
+    sass "^1.56.1"
+    source-map-js "^1.0.2"
+    stylus "^0.59.0"
+    tsconfig-paths "^4.1.1"
+
+typescript@^4.9.4:
+  version "4.9.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
+  integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
+
+undefsafe@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/undefsafe/-/undefsafe-2.0.5.tgz#38733b9327bdcd226db889fb723a6efd162e6e2c"
+  integrity sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==
+
+universalify@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
+universalify@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
+  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
+
+universalify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
+  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
+
+update-browserslist-db@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
+  integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==
+  dependencies:
+    escalade "^3.1.1"
+    picocolors "^1.0.0"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+url-parse-lax@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
+  integrity sha512-NjFKA0DidqPa5ciFcSrXnAltTtzz84ogy+NebPvfEgAck0+TNg4UJ4IN+fB7zRZfbgUf0syOo9MDxFkDSMuFaQ==
+  dependencies:
+    prepend-http "^2.0.0"
+
+url-parse@^1.5.3:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
+  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
+  dependencies:
+    querystringify "^2.1.1"
+    requires-port "^1.0.0"
+
+use-isomorphic-layout-effect@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
+  integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
+
+utf8-byte-length@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/utf8-byte-length/-/utf8-byte-length-1.0.4.tgz#f45f150c4c66eee968186505ab93fcbb8ad6bf61"
+  integrity sha512-4+wkEYLBbWxqTahEsWrhxepcoVOJ+1z5PGIjPZxRkytcdSUaNjIjBM7Xn8E+pdSuV7SzvWovBFA54FO0JSoqhA==
+
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+utila@~0.4:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
+  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
+
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
+v8-compile-cache-lib@^3.0.1:
+  version "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==
+
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
+verror@^1.10.0:
+  version "1.10.1"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.1.tgz#4bf09eeccf4563b109ed4b3d458380c972b0cdeb"
+  integrity sha512-veufcmxri4e3XSrT0xwfUR7kguIkaxBeosDg00yDWhk49wdwkSUrvvsm7nc75e1PUyvIeZj6nS8VQRYz2/S4Xg==
+  dependencies:
+    assert-plus "^1.0.0"
+    core-util-is "1.0.2"
+    extsprintf "^1.2.0"
+
+w3c-xmlserializer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
+  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
+  dependencies:
+    xml-name-validator "^4.0.0"
+
+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"
+
+wbuf@^1.1.0, wbuf@^1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
+  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
+  dependencies:
+    minimalistic-assert "^1.0.0"
+
+webidl-conversions@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
+  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
+
+webpack-cli@^4.9.2:
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-4.10.0.tgz#37c1d69c8d85214c5a65e589378f53aec64dab31"
+  integrity sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w==
+  dependencies:
+    "@discoveryjs/json-ext" "^0.5.0"
+    "@webpack-cli/configtest" "^1.2.0"
+    "@webpack-cli/info" "^1.5.0"
+    "@webpack-cli/serve" "^1.7.0"
+    colorette "^2.0.14"
+    commander "^7.0.0"
+    cross-spawn "^7.0.3"
+    fastest-levenshtein "^1.0.12"
+    import-local "^3.0.2"
+    interpret "^2.2.0"
+    rechoir "^0.7.0"
+    webpack-merge "^5.7.3"
+
+webpack-dev-middleware@^5.3.1:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz#efae67c2793908e7311f1d9b06f2a08dcc97e51f"
+  integrity sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==
+  dependencies:
+    colorette "^2.0.10"
+    memfs "^3.4.3"
+    mime-types "^2.1.31"
+    range-parser "^1.2.1"
+    schema-utils "^4.0.0"
+
+webpack-dev-server@*, webpack-dev-server@^4.11.1:
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.11.1.tgz#ae07f0d71ca0438cf88446f09029b92ce81380b5"
+  integrity sha512-lILVz9tAUy1zGFwieuaQtYiadImb5M3d+H+L1zDYalYoDl0cksAB1UNyuE5MMWJrG6zR1tXkCP2fitl7yoUJiw==
+  dependencies:
+    "@types/bonjour" "^3.5.9"
+    "@types/connect-history-api-fallback" "^1.3.5"
+    "@types/express" "^4.17.13"
+    "@types/serve-index" "^1.9.1"
+    "@types/serve-static" "^1.13.10"
+    "@types/sockjs" "^0.3.33"
+    "@types/ws" "^8.5.1"
+    ansi-html-community "^0.0.8"
+    bonjour-service "^1.0.11"
+    chokidar "^3.5.3"
+    colorette "^2.0.10"
+    compression "^1.7.4"
+    connect-history-api-fallback "^2.0.0"
+    default-gateway "^6.0.3"
+    express "^4.17.3"
+    graceful-fs "^4.2.6"
+    html-entities "^2.3.2"
+    http-proxy-middleware "^2.0.3"
+    ipaddr.js "^2.0.1"
+    open "^8.0.9"
+    p-retry "^4.5.0"
+    rimraf "^3.0.2"
+    schema-utils "^4.0.0"
+    selfsigned "^2.1.1"
+    serve-index "^1.9.1"
+    sockjs "^0.3.24"
+    spdy "^4.0.2"
+    webpack-dev-middleware "^5.3.1"
+    ws "^8.4.2"
+
+webpack-merge@^5.7.3:
+  version "5.8.0"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61"
+  integrity sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==
+  dependencies:
+    clone-deep "^4.0.1"
+    wildcard "^2.0.0"
+
+webpack-node-externals@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/webpack-node-externals/-/webpack-node-externals-3.0.0.tgz#1a3407c158d547a9feb4229a9e3385b7b60c9917"
+  integrity sha512-LnL6Z3GGDPht/AigwRh2dvL9PQPFQ8skEpVrWZXLWBYmqcaojHNN0onvHzie6rq7EWKrrBfPYqNEzTJgiwEQDQ==
+
+webpack-sources@^2.2.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd"
+  integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==
+  dependencies:
+    source-list-map "^2.0.1"
+    source-map "^0.6.1"
+
+webpack-sources@^3.2.3:
+  version "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.75.0:
+  version "5.75.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.75.0.tgz#1e440468647b2505860e94c9ff3e44d5b582c152"
+  integrity sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==
+  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.7.1"
+    acorn-import-assertions "^1.7.6"
+    browserslist "^4.14.5"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.10.0"
+    es-module-lexer "^0.9.0"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.9"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.1.0"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.1.3"
+    watchpack "^2.4.0"
+    webpack-sources "^3.2.3"
+
+websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
+  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
+  dependencies:
+    http-parser-js ">=0.5.1"
+    safe-buffer ">=5.1.0"
+    websocket-extensions ">=0.1.1"
+
+websocket-extensions@>=0.1.1:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
+  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
+
+whatwg-encoding@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
+  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
+  dependencies:
+    iconv-lite "0.6.3"
+
+whatwg-mimetype@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
+  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
+
+whatwg-url@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
+  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
+  dependencies:
+    tr46 "^3.0.0"
+    webidl-conversions "^7.0.0"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+wildcard@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
+  integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
+
+word-wrap@~1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
+  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
+
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+ws@^8.11.0, ws@^8.4.2:
+  version "8.12.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.12.0.tgz#485074cc392689da78e1828a9ff23585e06cddd8"
+  integrity sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==
+
+xml-name-validator@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
+  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
+
+xmlbuilder@>=11.0.1, xmlbuilder@^15.1.1:
+  version "15.1.1"
+  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-15.1.1.tgz#9dcdce49eea66d8d10b42cae94a79c3c8d0c2ec5"
+  integrity sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==
+
+xmlchars@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
+
+xtend@^4.0.2, xtend@~4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
+  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
+
+xterm-addon-fit@^0.5.0:
+  version "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==
+
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
+yaml@^1.10.0, yaml@^1.10.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yargs-parser@^21.1.1:
+  version "21.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
+
+yargs@^17.3.1, yargs@^17.5.1:
+  version "17.6.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.6.2.tgz#2e23f2944e976339a1ee00f18c77fedee8332541"
+  integrity sha512-1/9UrdHjDZc0eOU0HxOHoS78C69UD3JRMvzlJ7S79S2nTaWRA/whGCTV8o9e/N/1Va9YIV7Q4sOxD8VV4pCWOw==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
+
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+  integrity sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"
+
+yn@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
+  integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
diff --git a/tsconfig.json b/tsconfig.json
index 6036d1452d..a551443484 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -26,20 +26,6 @@
     "traceResolution": false,
     "resolveJsonModule": true,
     "useDefineForClassFields": true,
-    "paths": {
-      "*": [
-        "node_modules/*",
-        "types/*"
-      ]
-    },
-    "plugins": [
-      {
-        "name": "typescript-plugin-css-modules",
-        "options": {
-          "namedExports": false
-        }
-      }
-    ]
   },
   "ts-node": {
     "transpileOnly": true,
@@ -47,17 +33,7 @@
       "module": "CommonJS"
     }
   },
-  "include": [
-    "src/**/*",
-    "types/*.d.ts",
-  ],
   "exclude": [
     "node_modules",
-    "out",
-    "dist",
-    "coverage",
-    "binaries",
-    "static",
-    "src/extensions/npm"
   ]
 }
diff --git a/typedoc.json b/typedoc.json
deleted file mode 100644
index bad7697c4f..0000000000
--- a/typedoc.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "readme": "docs/extensions/typedoc-readme.md.tpl",
-  "name": "@k8slens/extensions",
-  "out": "docs/extensions/api",
-  "excludePrivate": true,
-  "includes": [
-    "src/"
-  ],
-  "hideBreadcrumbs": true,
-  "disableSources": true
-}
diff --git a/webpack/tsconfig.json b/webpack/tsconfig.json
deleted file mode 100644
index 3c43903cfd..0000000000
--- a/webpack/tsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "../tsconfig.json"
-}
diff --git a/yarn.lock b/yarn.lock
index 6f4fe1239b..2f2a592ccc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,1317 +2,726 @@
 # yarn lockfile v1
 
 
-"7zip-bin@~5.1.1":
-  version "5.1.1"
-  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"
-  integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==
+"@babel/code-frame@^7.0.0":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
+  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
   dependencies:
-    "@jridgewell/gen-mapping" "^0.1.0"
-    "@jridgewell/trace-mapping" "^0.3.9"
+    "@babel/highlight" "^7.18.6"
 
-"@astronautlabs/jsonpath@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@astronautlabs/jsonpath/-/jsonpath-1.1.0.tgz#9b4b04603be2e858d0763619ab3f9d1050b52ef3"
-  integrity sha512-I4sckUQNYEeF4w6AkujiRblVzC0jo3ja+bxKHB1M2aFiaBjevSGlBdgZ80PgCX5sj65/AhKSFN9+cT908avBlQ==
+"@babel/helper-validator-identifier@^7.18.6":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
+  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
+
+"@babel/highlight@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
+  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
   dependencies:
-    "@types/esprima" "^4.0.2"
-    "@types/mkdirp" "^1.0.0"
-    esprima "1.2.2"
-    static-eval "2.0.2"
-    underscore "1.7.0"
-
-"@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"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.0.tgz#0dfc80309beec8411e65e706461c408b0bb9b431"
-  integrity sha512-IF4EOMEV+bfYwOmNxGzSnjR2EmQod7f1UXOpZM3l4i4o4QNwzjtJAu/HxdjHq0aYBvdqMuQEY1eg0nqW9ZPORA==
-  dependencies:
-    "@babel/highlight" "^7.16.0"
-
-"@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.7.tgz#44416b6bd7624b998f5b1af5d470856c40138789"
-  integrity sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==
-  dependencies:
-    "@babel/highlight" "^7.16.7"
-
-"@babel/compat-data@^7.17.10":
-  version "7.17.10"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.17.10.tgz#711dc726a492dfc8be8220028b1b92482362baab"
-  integrity sha512-GZt/TCsG70Ms19gfZO1tM4CVnXsPgEPBCpJu+Qz3L0LUDsY5nZqFZglIoPC1kIYOtNBZlrnFT+klg12vFGZXrw==
-
-"@babel/core@^7.11.6":
-  version "7.18.2"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.2.tgz#87b2fcd7cce9becaa7f5acebdc4f09f3dd19d876"
-  integrity sha512-A8pri1YJiC5UnkdrWcmfZTJTV85b4UXTAfImGmCfYmax4TR9Cw8sDS0MOk++Gp2mE/BefVJ5nwy5yzqNJbP/DQ==
-  dependencies:
-    "@ampproject/remapping" "^2.1.0"
-    "@babel/code-frame" "^7.16.7"
-    "@babel/generator" "^7.18.2"
-    "@babel/helper-compilation-targets" "^7.18.2"
-    "@babel/helper-module-transforms" "^7.18.0"
-    "@babel/helpers" "^7.18.2"
-    "@babel/parser" "^7.18.0"
-    "@babel/template" "^7.16.7"
-    "@babel/traverse" "^7.18.2"
-    "@babel/types" "^7.18.2"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.1"
-    semver "^6.3.0"
-
-"@babel/core@^7.12.3":
-  version "7.17.10"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.17.10.tgz#74ef0fbf56b7dfc3f198fc2d927f4f03e12f4b05"
-  integrity sha512-liKoppandF3ZcBnIYFjfSDHZLKdLHGJRkoWtG8zQyGJBQfIYobpnVGI5+pLBNtS6psFLDzyq8+h5HiVljW9PNA==
-  dependencies:
-    "@ampproject/remapping" "^2.1.0"
-    "@babel/code-frame" "^7.16.7"
-    "@babel/generator" "^7.17.10"
-    "@babel/helper-compilation-targets" "^7.17.10"
-    "@babel/helper-module-transforms" "^7.17.7"
-    "@babel/helpers" "^7.17.9"
-    "@babel/parser" "^7.17.10"
-    "@babel/template" "^7.16.7"
-    "@babel/traverse" "^7.17.10"
-    "@babel/types" "^7.17.10"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.1"
-    semver "^6.3.0"
-
-"@babel/generator@^7.17.10":
-  version "7.17.10"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.17.10.tgz#c281fa35b0c349bbe9d02916f4ae08fc85ed7189"
-  integrity sha512-46MJZZo9y3o4kmhBVc7zW7i8dtR1oIK/sdO5NcfcZRhTGYi+KKJRtHNgsU6c4VUcJmUNV/LQdebD/9Dlv4K+Tg==
-  dependencies:
-    "@babel/types" "^7.17.10"
-    "@jridgewell/gen-mapping" "^0.1.0"
-    jsesc "^2.5.1"
-
-"@babel/generator@^7.18.2", "@babel/generator@^7.7.2":
-  version "7.18.2"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.2.tgz#33873d6f89b21efe2da63fe554460f3df1c5880d"
-  integrity sha512-W1lG5vUwFvfMd8HVXqdfbuG7RuaSrTCCD8cl8fP8wOivdbtbIg2Db3IWUcgvfxKbbn6ZBGYRW/Zk1MIwK49mgw==
-  dependencies:
-    "@babel/types" "^7.18.2"
-    "@jridgewell/gen-mapping" "^0.3.0"
-    jsesc "^2.5.1"
-
-"@babel/helper-compilation-targets@^7.17.10":
-  version "7.17.10"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.17.10.tgz#09c63106d47af93cf31803db6bc49fef354e2ebe"
-  integrity sha512-gh3RxjWbauw/dFiU/7whjd0qN9K6nPJMqe6+Er7rOavFh0CQUSwhAE3IcTho2rywPJFxej6TUUHDkWcYI6gGqQ==
-  dependencies:
-    "@babel/compat-data" "^7.17.10"
-    "@babel/helper-validator-option" "^7.16.7"
-    browserslist "^4.20.2"
-    semver "^6.3.0"
-
-"@babel/helper-compilation-targets@^7.18.2":
-  version "7.18.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.18.2.tgz#67a85a10cbd5fc7f1457fec2e7f45441dc6c754b"
-  integrity sha512-s1jnPotJS9uQnzFtiZVBUxe67CuBa679oWFHpxYYnTpRL/1ffhyX44R9uYiXoa/pLXcY9H2moJta0iaanlk/rQ==
-  dependencies:
-    "@babel/compat-data" "^7.17.10"
-    "@babel/helper-validator-option" "^7.16.7"
-    browserslist "^4.20.2"
-    semver "^6.3.0"
-
-"@babel/helper-environment-visitor@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.16.7.tgz#ff484094a839bde9d89cd63cba017d7aae80ecd7"
-  integrity sha512-SLLb0AAn6PkUeAfKJCCOl9e1R53pQlGAfc4y4XuMRZfqeMYLE0dM1LMhqbGAlGQY0lfw5/ohoYWAe9V1yibRag==
-  dependencies:
-    "@babel/types" "^7.16.7"
-
-"@babel/helper-environment-visitor@^7.18.2":
-  version "7.18.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.2.tgz#8a6d2dedb53f6bf248e31b4baf38739ee4a637bd"
-  integrity sha512-14GQKWkX9oJzPiQQ7/J36FTXcD4kSp8egKjO9nINlSKiHITRA9q/R74qu8S9xlc/b/yjsJItQUeeh3xnGN0voQ==
-
-"@babel/helper-function-name@^7.17.9":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.17.9.tgz#136fcd54bc1da82fcb47565cf16fd8e444b1ff12"
-  integrity sha512-7cRisGlVtiVqZ0MW0/yFB4atgpGLWEHUVYnb448hZK4x+vih0YO5UoS11XIYtZYqHd0dIPMdUSv8q5K4LdMnIg==
-  dependencies:
-    "@babel/template" "^7.16.7"
-    "@babel/types" "^7.17.0"
-
-"@babel/helper-hoist-variables@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.7.tgz#86bcb19a77a509c7b77d0e22323ef588fa58c246"
-  integrity sha512-m04d/0Op34H5v7pbZw6pSKP7weA6lsMvfiIAMeIvkY/R4xQtBSMFEigu9QTZ2qB/9l22vsxtM8a+Q8CzD255fg==
-  dependencies:
-    "@babel/types" "^7.16.7"
-
-"@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz#25612a8091a999704461c8a222d0efec5d091437"
-  integrity sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==
-  dependencies:
-    "@babel/types" "^7.16.7"
-
-"@babel/helper-module-transforms@^7.17.7":
-  version "7.17.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.17.7.tgz#3943c7f777139e7954a5355c815263741a9c1cbd"
-  integrity sha512-VmZD99F3gNTYB7fJRDTi+u6l/zxY0BE6OIxPSU7a50s6ZUQkHwSDmV92FfM+oCG0pZRVojGYhkR8I0OGeCVREw==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.16.7"
-    "@babel/helper-module-imports" "^7.16.7"
-    "@babel/helper-simple-access" "^7.17.7"
-    "@babel/helper-split-export-declaration" "^7.16.7"
-    "@babel/helper-validator-identifier" "^7.16.7"
-    "@babel/template" "^7.16.7"
-    "@babel/traverse" "^7.17.3"
-    "@babel/types" "^7.17.0"
-
-"@babel/helper-module-transforms@^7.18.0":
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.18.0.tgz#baf05dec7a5875fb9235bd34ca18bad4e21221cd"
-  integrity sha512-kclUYSUBIjlvnzN2++K9f2qzYKFgjmnmjwL4zlmU5f8ZtzgWe8s0rUPSTGy2HmK4P8T52MQsS+HTQAgZd3dMEA==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.16.7"
-    "@babel/helper-module-imports" "^7.16.7"
-    "@babel/helper-simple-access" "^7.17.7"
-    "@babel/helper-split-export-declaration" "^7.16.7"
-    "@babel/helper-validator-identifier" "^7.16.7"
-    "@babel/template" "^7.16.7"
-    "@babel/traverse" "^7.18.0"
-    "@babel/types" "^7.18.0"
-
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.8.0":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz#aa3a8ab4c3cceff8e65eb9e73d87dc4ff320b2f5"
-  integrity sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==
-
-"@babel/helper-plugin-utils@^7.17.12":
-  version "7.17.12"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.17.12.tgz#86c2347da5acbf5583ba0a10aed4c9bf9da9cf96"
-  integrity sha512-JDkf04mqtN3y4iAbO1hv9U2ARpPyPL1zqyWs/2WG1pgSq9llHFjStX5jdxb84himgJm+8Ng+x0oiWF/nw/XQKA==
-
-"@babel/helper-simple-access@^7.17.7":
-  version "7.17.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.17.7.tgz#aaa473de92b7987c6dfa7ce9a7d9674724823367"
-  integrity sha512-txyMCGroZ96i+Pxr3Je3lzEJjqwaRC9buMUgtomcrLe5Nd0+fk1h0LLA+ixUF5OW7AhHuQ7Es1WcQJZmZsz2XA==
-  dependencies:
-    "@babel/types" "^7.17.0"
-
-"@babel/helper-split-export-declaration@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.7.tgz#0b648c0c42da9d3920d85ad585f2778620b8726b"
-  integrity sha512-xbWoy/PFoxSWazIToT9Sif+jJTlrMcndIsaOKvTA6u7QEo7ilkRZpjew18/W3c7nm8fXdUDXh02VXTbZ0pGDNw==
-  dependencies:
-    "@babel/types" "^7.16.7"
-
-"@babel/helper-validator-identifier@^7.15.7", "@babel/helper-validator-identifier@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz#e8c602438c4a8195751243da9031d1607d247cad"
-  integrity sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==
-
-"@babel/helper-validator-option@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz#b203ce62ce5fe153899b617c08957de860de4d23"
-  integrity sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==
-
-"@babel/helpers@^7.17.9":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.17.9.tgz#b2af120821bfbe44f9907b1826e168e819375a1a"
-  integrity sha512-cPCt915ShDWUEzEp3+UNRktO2n6v49l5RSnG9M5pS24hA+2FAc5si+Pn1i4VVbQQ+jh+bIZhPFQOJOzbrOYY1Q==
-  dependencies:
-    "@babel/template" "^7.16.7"
-    "@babel/traverse" "^7.17.9"
-    "@babel/types" "^7.17.0"
-
-"@babel/helpers@^7.18.2":
-  version "7.18.2"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.18.2.tgz#970d74f0deadc3f5a938bfa250738eb4ac889384"
-  integrity sha512-j+d+u5xT5utcQSzrh9p+PaJX94h++KN+ng9b9WEJq7pkUPAd61FGqhjuUEdfknb3E/uDBb7ruwEeKkIxNJPIrg==
-  dependencies:
-    "@babel/template" "^7.16.7"
-    "@babel/traverse" "^7.18.2"
-    "@babel/types" "^7.18.2"
-
-"@babel/highlight@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.16.0.tgz#6ceb32b2ca4b8f5f361fb7fd821e3fddf4a1725a"
-  integrity sha512-t8MH41kUQylBtu2+4IQA3atqevA2lRgqA2wyVB/YiWmsDSuylZZuXOUy9ric30hfzauEFfdsuk/eXTRrGrfd0g==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.15.7"
+    "@babel/helper-validator-identifier" "^7.18.6"
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/highlight@^7.16.7":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.17.9.tgz#61b2ee7f32ea0454612def4fccdae0de232b73e3"
-  integrity sha512-J9PfEKCbFIv2X5bjTMiZu6Vf341N05QIY+d6FvVKynkG1S7G0j3I0QoRtWIrXhZ+/Nlb5Q0MzqL7TokEJ5BNHg==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.16.7"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.16.7", "@babel/parser@^7.17.10":
-  version "7.17.10"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.10.tgz#873b16db82a8909e0fbd7f115772f4b739f6ce78"
-  integrity sha512-n2Q6i+fnJqzOaq2VkdXxy2TCPCWQZHiCo0XqmrCvDWcZQKRyZzYi4Z0yxlBuN0w+r2ZHmre+Q087DSrw3pbJDQ==
-
-"@babel/parser@^7.18.0":
-  version "7.18.3"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.3.tgz#39e99c7b0c4c56cef4d1eed8de9f506411c2ebc2"
-  integrity sha512-rL50YcEuHbbauAFAysNsJA4/f89fGTOBRNs9P81sniKnKAr4xULe5AecolcsKbi88xu0ByWYDj/S1AJ3FSFuSQ==
-
-"@babel/plugin-syntax-async-generators@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
-  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-bigint@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
-  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-class-properties@^7.8.3":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
-  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-
-"@babel/plugin-syntax-import-meta@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
-  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-json-strings@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
-  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-jsx@^7.12.13":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.16.7.tgz#50b6571d13f764266a113d77c82b4a6508bbe665"
-  integrity sha512-Esxmk7YjA8QysKeT3VhTXvF6y77f/a91SIs4pWb4H2eWGQkCKFgQaG6hdoEVZtGsrAcb2K5BW66XsOErD4WU3Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.16.7"
-
-"@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
-  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
-  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-numeric-separator@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
-  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-object-rest-spread@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
-  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
-  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-chaining@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
-  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-top-level-await@^7.8.3":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
-  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-typescript@^7.7.2":
-  version "7.17.12"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.17.12.tgz#b54fc3be6de734a56b87508f99d6428b5b605a7b"
-  integrity sha512-TYY0SXFiO31YXtNg3HtFwNJHjLsAyIIhAhNWkQ5whPPS7HWUFlg9z0Ta4qAQNjQbP1wsSt/oKkmZ/4/WWdMUpw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.17.12"
-
-"@babel/runtime-corejs3@^7.10.2":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.17.9.tgz#3d02d0161f0fbf3ada8e88159375af97690f4055"
-  integrity sha512-WxYHHUWF2uZ7Hp1K+D1xQgbgkGUfA+5UPOegEXGt2Y5SMog/rYCVaifLZDbw8UkNXozEqqrZTy6bglL7xTaCOw==
-  dependencies:
-    core-js-pure "^3.20.2"
-    regenerator-runtime "^0.13.4"
-
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.15.4", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72"
-  integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
-"@babel/template@^7.16.7", "@babel/template@^7.3.3":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.7.tgz#8d126c8701fde4d66b264b3eba3d96f07666d155"
-  integrity sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==
-  dependencies:
-    "@babel/code-frame" "^7.16.7"
-    "@babel/parser" "^7.16.7"
-    "@babel/types" "^7.16.7"
-
-"@babel/traverse@^7.17.10", "@babel/traverse@^7.17.3", "@babel/traverse@^7.17.9":
-  version "7.17.10"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.17.10.tgz#1ee1a5ac39f4eac844e6cf855b35520e5eb6f8b5"
-  integrity sha512-VmbrTHQteIdUUQNTb+zE12SHS/xQVIShmBPhlNP12hD5poF2pbITW1Z4172d03HegaQWhLffdkRJYtAzp0AGcw==
-  dependencies:
-    "@babel/code-frame" "^7.16.7"
-    "@babel/generator" "^7.17.10"
-    "@babel/helper-environment-visitor" "^7.16.7"
-    "@babel/helper-function-name" "^7.17.9"
-    "@babel/helper-hoist-variables" "^7.16.7"
-    "@babel/helper-split-export-declaration" "^7.16.7"
-    "@babel/parser" "^7.17.10"
-    "@babel/types" "^7.17.10"
-    debug "^4.1.0"
-    globals "^11.1.0"
-
-"@babel/traverse@^7.18.0", "@babel/traverse@^7.18.2", "@babel/traverse@^7.7.2":
-  version "7.18.2"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.2.tgz#b77a52604b5cc836a9e1e08dca01cba67a12d2e8"
-  integrity sha512-9eNwoeovJ6KH9zcCNnENY7DMFwTU9JdGCFtqNLfUAqtUHRCOsTOqWoffosP8vKmNYeSBUv3yVJXjfd8ucwOjUA==
-  dependencies:
-    "@babel/code-frame" "^7.16.7"
-    "@babel/generator" "^7.18.2"
-    "@babel/helper-environment-visitor" "^7.18.2"
-    "@babel/helper-function-name" "^7.17.9"
-    "@babel/helper-hoist-variables" "^7.16.7"
-    "@babel/helper-split-export-declaration" "^7.16.7"
-    "@babel/parser" "^7.18.0"
-    "@babel/types" "^7.18.2"
-    debug "^4.1.0"
-    globals "^11.1.0"
-
-"@babel/types@^7.0.0", "@babel/types@^7.16.7", "@babel/types@^7.17.0", "@babel/types@^7.17.10", "@babel/types@^7.3.0", "@babel/types@^7.3.3":
-  version "7.17.10"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.17.10.tgz#d35d7b4467e439fcf06d195f8100e0fea7fc82c4"
-  integrity sha512-9O26jG0mBYfGkUYCYZRnBwbVLd1UZOICEr2Em6InB6jVfsAv1GKgwXHmrSg+WFWDmeKTA6vyTZiN8tCSM5Oo3A==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.16.7"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.18.0", "@babel/types@^7.18.2":
-  version "7.18.2"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.2.tgz#191abfed79ebe6f4242f643a9a5cbaa36b10b091"
-  integrity sha512-0On6B8A4/+mFUto5WERt3EEuG1NznDirvwca1O8UwXQHVY8g3R7OzYgxXdOfMwLO08UrpUD/2+3Bclyq+/C94Q==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.16.7"
-    to-fast-properties "^2.0.0"
-
-"@bcoe/v8-coverage@^0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
-  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
-
-"@colors/colors@1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
-  integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
-
-"@cspotcode/source-map-support@^0.8.0":
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz#00629c35a688e05a88b1cda684fb9d5e73f000a1"
-  integrity sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==
-  dependencies:
-    "@jridgewell/trace-mapping" "0.3.9"
-
-"@dabh/diagnostics@^2.0.2":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@dabh/diagnostics/-/diagnostics-2.0.3.tgz#7f7e97ee9a725dffc7808d93668cc984e1dc477a"
-  integrity sha512-hrlQOIi7hAfzsMqlGSFyVucrx38O+j6wiGOf//H2ecvIEqYN4ADBSS2iLMh5UFyDunCNniUIPk/q3riFv45xRA==
-  dependencies:
-    colorspace "1.1.x"
-    enabled "2.0.x"
-    kuler "^2.0.0"
-
-"@develar/schema-utils@~2.6.5":
-  version "2.6.5"
-  resolved "https://registry.yarnpkg.com/@develar/schema-utils/-/schema-utils-2.6.5.tgz#3ece22c5838402419a6e0425f85742b961d9b6c6"
-  integrity sha512-0cp4PsWQ/9avqTVMCtZ+GirikIA36ikvjtHweU4/j8yLtgObI0+JUPhYFScgwlteveGB1rt3Cm8UhN04XayDig==
-  dependencies:
-    ajv "^6.12.0"
-    ajv-keywords "^3.4.1"
-
-"@discoveryjs/json-ext@^0.5.0":
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
-  integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
-
-"@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==
-  dependencies:
-    debug "^4.1.1"
-    env-paths "^2.2.0"
-    fs-extra "^8.1.0"
-    got "^9.6.0"
-    progress "^2.0.3"
-    semver "^6.2.0"
-    sumchecker "^3.0.1"
-  optionalDependencies:
-    global-agent "^3.0.0"
-    global-tunnel-ng "^2.7.1"
-
-"@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"
-    debug "^4.3.1"
-    dir-compare "^2.4.0"
-    fs-extra "^9.0.1"
-    minimatch "^3.0.4"
-    plist "^3.0.4"
-
-"@emotion/babel-plugin@^11.7.1":
-  version "11.9.2"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.9.2.tgz#723b6d394c89fb2ef782229d92ba95a740576e95"
-  integrity sha512-Pr/7HGH6H6yKgnVFNEj2MVlreu3ADqftqjqwUvDy/OJzKFgxKeTQ+eeUf20FOTuHVkDON2iNa25rAXVYtWJCjw==
-  dependencies:
-    "@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@^11.4.0", "@emotion/cache@^11.7.1":
-  version "11.7.1"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.7.1.tgz#08d080e396a42e0037848214e8aa7bf879065539"
-  integrity sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A==
-  dependencies:
-    "@emotion/memoize" "^0.7.4"
-    "@emotion/sheet" "^1.1.0"
-    "@emotion/utils" "^1.0.0"
-    "@emotion/weak-memoize" "^0.2.5"
-    stylis "4.0.13"
-
-"@emotion/hash@^0.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
-  integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
-
-"@emotion/memoize@^0.7.4", "@emotion/memoize@^0.7.5":
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.5.tgz#2c40f81449a4e554e9fc6396910ed4843ec2be50"
-  integrity sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==
-
-"@emotion/react@^11.8.1":
-  version "11.9.0"
-  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.9.0.tgz#b6d42b1db3bd7511e7a7c4151dc8bc82e14593b8"
-  integrity sha512-lBVSF5d0ceKtfKCDQJveNAtkC7ayxpVlgOohLgXqRwqWr9bOf4TZAFFyIcNngnV6xK6X4x2ZeXq7vliHkoVkxQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@emotion/babel-plugin" "^11.7.1"
-    "@emotion/cache" "^11.7.1"
-    "@emotion/serialize" "^1.0.3"
-    "@emotion/utils" "^1.1.0"
-    "@emotion/weak-memoize" "^0.2.5"
-    hoist-non-react-statics "^3.3.1"
-
-"@emotion/serialize@^1.0.2", "@emotion/serialize@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.3.tgz#99e2060c26c6292469fb30db41f4690e1c8fea63"
-  integrity sha512-2mSSvgLfyV3q+iVh3YWgNlUc2a9ZlDU7DjuP5MjK3AXRR0dYigCrP99aeFtaB2L/hjfEZdSThn5dsZ0ufqbvsA==
-  dependencies:
-    "@emotion/hash" "^0.8.0"
-    "@emotion/memoize" "^0.7.4"
-    "@emotion/unitless" "^0.7.5"
-    "@emotion/utils" "^1.0.0"
-    csstype "^3.0.2"
-
-"@emotion/sheet@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.1.0.tgz#56d99c41f0a1cda2726a05aa6a20afd4c63e58d2"
-  integrity sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==
-
-"@emotion/unitless@^0.7.5":
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
-  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
-
-"@emotion/utils@^1.0.0", "@emotion/utils@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.1.0.tgz#86b0b297f3f1a0f2bdb08eeac9a2f49afd40d0cf"
-  integrity sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ==
-
-"@emotion/weak-memoize@^0.2.5":
-  version "0.2.5"
-  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46"
-  integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
-
-"@esbuild/android-arm64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.16.14.tgz#f02c9f0d43086ddf6ed2795b881ddf7990f74456"
-  integrity sha512-hTqB6Iq13pW4xaydeqQrs8vPntUnMjbkq+PgGiBMi69eYk74naG2ftHWqKnxn874kNrt5Or3rQ0PJutx2doJuQ==
-
-"@esbuild/android-arm@0.15.18":
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz#266d40b8fdcf87962df8af05b76219bc786b4f80"
-  integrity sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==
-
-"@esbuild/android-arm@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.16.14.tgz#24e4faf569d0d6bbf9ed46f6ed395d68eb7f04fc"
-  integrity sha512-u0rITLxFIeYAvtJXBQNhNuV4YZe+MD1YvIWT7Nicj8hZAtRVZk2PgNH6KclcKDVHz1ChLKXRfX7d7tkbQBUfrg==
-
-"@esbuild/android-x64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.16.14.tgz#1173e706cf57c0d4dbf069d18e5d50ae6a5b0871"
-  integrity sha512-jir51K4J0K5Rt0KOcippjSNdOl7akKDVz5I6yrqdk4/m9y+rldGptQUF7qU4YpX8U61LtR+w2Tu2Ph+K/UaJOw==
-
-"@esbuild/darwin-arm64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.16.14.tgz#67f05693c5b097bcb4ff656ba5839459f30f79c2"
-  integrity sha512-vrlaP81IuwPaw1fyX8fHCmivP3Gr73ojVEZy+oWJLAiZVcG8o8Phwun/XDnYIFUHxIoUnMFEpg9o38MIvlw8zw==
-
-"@esbuild/darwin-x64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.16.14.tgz#519c9d127c5363d4a1e73b9d954460f798b41d2a"
-  integrity sha512-KV1E01eC2hGYA2qzFDRCK4wdZCRUvMwCNcobgpiiOzp5QXpJBqFPdxI69j8vvzuU7oxFXDgANwEkXvpeQqyOyg==
-
-"@esbuild/freebsd-arm64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.14.tgz#2e3f5de2951a8ec732a3e4ec4f5d47a7c9626001"
-  integrity sha512-xRM1RQsazSvL42BNa5XC7ytD4ZDp0ZyJcH7aB0SlYUcHexJUKiDNKR7dlRVlpt6W0DvoRPU2nWK/9/QWS4u2fw==
-
-"@esbuild/freebsd-x64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.16.14.tgz#d3cf84ff28357ac8d0123309bac37fcfcdd98f53"
-  integrity sha512-7ALTAn6YRRf1O6fw9jmn0rWmOx3XfwDo7njGtjy1LXhDGUjTY/vohEPM3ii5MQ411vJv1r498EEx2aBQTJcrEw==
-
-"@esbuild/linux-arm64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.16.14.tgz#f44b0e3d5d470cd763a9bc4855a12b8cb73d6c12"
-  integrity sha512-TLh2OcbBUQcMYRH4GbiDkDZfZ4t1A3GgmeXY27dHSI6xrU7IkO00MGBiJySmEV6sH3Wa6pAN6UtaVL0DwkGW4Q==
-
-"@esbuild/linux-arm@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.16.14.tgz#b239eb7e6cb7df9c34c6b08f4adf113da47e0e09"
-  integrity sha512-X6xULug66ulrr4IzrW7qq+eq9n4MtEyagdWvj4o4cmWr+JXOT47atjpDF9j5M2zHY0UQBmqnHhwl+tXpkpIb2w==
-
-"@esbuild/linux-ia32@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.16.14.tgz#f5f7886027cd61bed59178e981a0ef47ca5b72ef"
-  integrity sha512-oBZkcZ56UZDFCAfE3Fd/Jgy10EoS7Td77NzNGenM+HSY8BkdQAcI9VF9qgwdOLZ+tuftWD7UqZ26SAhtvA3XhA==
-
-"@esbuild/linux-loong64@0.15.18":
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz#128b76ecb9be48b60cf5cfc1c63a4f00691a3239"
-  integrity sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==
-
-"@esbuild/linux-loong64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.16.14.tgz#d2329371726f9778156c89ea0bed26fc1bc3cd7e"
-  integrity sha512-udz/aEHTcuHP+xdWOJmZ5C9RQXHfZd/EhCnTi1Hfay37zH3lBxn/fNs85LA9HlsniFw2zccgcbrrTMKk7Cn1Qg==
-
-"@esbuild/linux-mips64el@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.16.14.tgz#8af86bdc6ee937c8a2803b3c197b28824f48df8e"
-  integrity sha512-kJ2iEnikUOdC1SiTGbH0fJUgpZwa0ITDTvj9EHf9lm3I0hZ4Yugsb3M6XSl696jVxrEocLe519/8CbSpQWFSrg==
-
-"@esbuild/linux-ppc64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.16.14.tgz#3fa3f8c6c9db3127f2ec5b2eba1cec67ff9a9b8e"
-  integrity sha512-kclKxvZvX5YhykwlJ/K9ljiY4THe5vXubXpWmr7q3Zu3WxKnUe1VOZmhkEZlqtnJx31GHPEV4SIG95IqTdfgfg==
-
-"@esbuild/linux-riscv64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.16.14.tgz#1bd1b631de2533106a08876295bad3a19b20f629"
-  integrity sha512-fdwP9Dc+Kx/cZwp9T9kNqjAE/PQjfrxbio4rZ3XnC3cVvZBjuxpkiyu/tuCwt6SbAK5th6AYNjFdEV9kGC020A==
-
-"@esbuild/linux-s390x@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.16.14.tgz#c87440b6522b9a36a9cafd05b0f1ca3c5bad4cca"
-  integrity sha512-++fw3P4fQk9nqvdzbANRqimKspL8pDCnSpXomyhV7V/ISha/BZIYvZwLBWVKp9CVWKwWPJ4ktsezuLIvlJRHqA==
-
-"@esbuild/linux-x64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.16.14.tgz#49cd974dad6042ac0141ba332df6307c44e77fed"
-  integrity sha512-TomtswAuzBf2NnddlrS4W01Tv85RM9YtATB3OugY6On0PLM4Ksz5qvQKVAjtzPKoLgL1FiZtfc8mkZc4IgoMEA==
-
-"@esbuild/netbsd-x64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.16.14.tgz#53dcfb5131376feff0911adff7f01b4821706cf6"
-  integrity sha512-U06pfx8P5CqyoPNfqIJmnf+5/r4mJ1S62G4zE6eOjS59naQcxi6GnscUCPH3b+hRG0qdKoGX49RAyiqW+M9aSw==
-
-"@esbuild/openbsd-x64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.16.14.tgz#f36888f73087bcd12c5bf9a4b18e348da9c80ad0"
-  integrity sha512-/Jl8XVaWEZNu9rZw+n792GIBupQwHo6GDoapHSb/2xp/Ku28eK6QpR2O9cPBkzHH4OOoMH0LB6zg/qczJ5TTGg==
-
-"@esbuild/sunos-x64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.16.14.tgz#41e046bb0849ae59702a5cfa8be300431a61ee3a"
-  integrity sha512-2iI7D34uTbDn/TaSiUbEHz+fUa8KbN90vX5yYqo12QGpu6T8Jl+kxODsWuMCwoTVlqUpwfPV22nBbFPME9OPtw==
-
-"@esbuild/win32-arm64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.16.14.tgz#d6ed78742a6edd413e75796882ddaef8c1e23b93"
-  integrity sha512-SjlM7AHmQVTiGBJE/nqauY1aDh80UBsXZ94g4g60CDkrDMseatiqALVcIuElg4ZSYzJs8hsg5W6zS2zLpZTVgg==
-
-"@esbuild/win32-ia32@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.16.14.tgz#558bd53859a83fe887d7d2dcdc6cb3fc9aa9a9bc"
-  integrity sha512-z06t5zqk8ak0Xom5HG81z2iOQ1hNWYsFQp3sczVLVx+dctWdgl80tNRyTbwjaFfui2vFO12dfE3trCTvA+HO4g==
-
-"@esbuild/win32-x64@0.16.14":
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.16.14.tgz#90558dcb279989d92a42e5be4dfb884b2399361f"
-  integrity sha512-ED1UpWcM6lAbalbbQ9TrGqJh4Y9TaASUvu8bI/0mgJcxhSByJ6rbpgqRhxYMaQ682WfA71nxUreaTO7L275zrw==
-
-"@eslint/eslintrc@^1.4.1":
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e"
-  integrity sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^9.4.0"
-    globals "^13.19.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
-    minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
-
-"@floating-ui/core@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.0.1.tgz#00e64d74e911602c8533957af0cce5af6b2e93c8"
-  integrity sha512-bO37brCPfteXQfFY0DyNDGB3+IMe4j150KFQcgJ5aBP295p9nBGeHEs/p0czrRbtlHq4Px/yoPXO/+dOCcF4uA==
-
-"@floating-ui/dom@^1.0.1":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.0.2.tgz#c5184c52c6f50abd11052d71204f4be2d9245237"
-  integrity sha512-5X9WSvZ8/fjy3gDu8yx9HAA4KG1lazUN2P4/VnaXLxTO9Dz53HI1oYoh1OlhqFNlHgGDiwFX5WhFCc2ljbW3yA==
-  dependencies:
-    "@floating-ui/core" "^1.0.1"
-
-"@gar/promisify@^1.0.1", "@gar/promisify@^1.1.3":
+"@gar/promisify@^1.1.3":
   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"
-  integrity sha512-ngu0tSEmrezoiIaNGG6rRvKOUkUuDdf4XTPnONHGYfSGRmDqPZX5oJL6HAdKTo1UQHECbdB4OzhWrfgVppjHUw==
-  dependencies:
-    "@hapi/hoek" "9.x.x"
-
-"@hapi/boom@9.x.x":
-  version "9.1.4"
-  resolved "https://registry.yarnpkg.com/@hapi/boom/-/boom-9.1.4.tgz#1f9dad367c6a7da9f8def24b4a986fc5a7bd9db6"
-  integrity sha512-Ls1oH8jaN1vNsqcaHVYJrKmgMcKsC1wcp8bujvXrHaAqD2iDYq3HoOwsxwo09Cuda5R5nC0o0IxlrlTuvPuzSw==
-  dependencies:
-    "@hapi/hoek" "9.x.x"
-
-"@hapi/boom@^10.0.0":
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/@hapi/boom/-/boom-10.0.0.tgz#3624831d0a26b3378423b246f50eacea16e04a08"
-  integrity sha512-1YVs9tLHhypBqqinKQRqh7FUERIolarQApO37OWkzD+z6y6USi871Sv746zBPKcIOBuI6g6y4FrwX87mmJ90Gg==
-  dependencies:
-    "@hapi/hoek" "10.x.x"
-
-"@hapi/bourne@2.x.x":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@hapi/bourne/-/bourne-2.1.0.tgz#66aff77094dc3080bd5df44ec63881f2676eb020"
-  integrity sha512-i1BpaNDVLJdRBEKeJWkVO6tYX6DMFBuwMhSuWqLsY4ufeTKGVuV5rBsUhxPayXqnnWHgXUAmWK16H/ykO5Wj4Q==
-
-"@hapi/call@^9.0.0":
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/@hapi/call/-/call-9.0.0.tgz#add16e7cb81933ae5b549f7e26e411ef803ebc98"
-  integrity sha512-Z6byqbEtKF3RIH2kWG6cX64RwEqHBWYEVkNoEx6oKvkPaTrC6WTPRgr+ANo9Xa8G1GXyvs/NCMTnn3Mdj12TSA==
-  dependencies:
-    "@hapi/boom" "^10.0.0"
-    "@hapi/hoek" "^10.0.0"
-
-"@hapi/content@^5.0.2":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@hapi/content/-/content-5.0.2.tgz#ae57954761de570392763e64cdd75f074176a804"
-  integrity sha512-mre4dl1ygd4ZyOH3tiYBrOUBzV7Pu/EOs8VLGf58vtOEECWed8Uuw6B4iR9AN/8uQt42tB04qpVaMyoMQh0oMw==
-  dependencies:
-    "@hapi/boom" "9.x.x"
-
-"@hapi/file@2.x.x":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@hapi/file/-/file-2.0.0.tgz#2ecda37d1ae9d3078a67c13b7da86e8c3237dfb9"
-  integrity sha512-WSrlgpvEqgPWkI18kkGELEZfXr0bYLtr16iIN4Krh9sRnzBZN6nnWxHFxtsnP684wueEySBbXPDg/WfA9xJdBQ==
-
-"@hapi/hoek@10.x.x", "@hapi/hoek@^10.0.0":
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-10.0.0.tgz#b17be58febab7dbc60cde5f522da197ccde12713"
-  integrity sha512-CeNFz1JcLZ5xE8Vc9aau37cgHw9bxXqSDK/D55GF2GAOv0n0XjyyjSodHtKahB7A1tV3FlgCpijp3zkSITmBdA==
-
-"@hapi/hoek@9.x.x", "@hapi/hoek@^9.0.0", "@hapi/hoek@^9.0.4":
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb"
-  integrity sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==
-
-"@hapi/nigel@4.x.x":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@hapi/nigel/-/nigel-4.0.2.tgz#8f84ef4bca4fb03b2376463578f253b0b8e863c4"
-  integrity sha512-ht2KoEsDW22BxQOEkLEJaqfpoKPXxi7tvabXy7B/77eFtOyG5ZEstfZwxHQcqAiZhp58Ae5vkhEqI03kawkYNw==
-  dependencies:
-    "@hapi/hoek" "^9.0.4"
-    "@hapi/vise" "^4.0.0"
-
-"@hapi/pez@^5.0.1":
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/@hapi/pez/-/pez-5.0.3.tgz#b75446e6fef8cbb16816573ab7da1b0522e7a2a1"
-  integrity sha512-mpikYRJjtrbJgdDHG/H9ySqYqwJ+QU/D7FXsYciS9P7NYBXE2ayKDAy3H0ou6CohOCaxPuTV4SZ0D936+VomHA==
-  dependencies:
-    "@hapi/b64" "5.x.x"
-    "@hapi/boom" "9.x.x"
-    "@hapi/content" "^5.0.2"
-    "@hapi/hoek" "9.x.x"
-    "@hapi/nigel" "4.x.x"
-
-"@hapi/subtext@^7.0.4":
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/@hapi/subtext/-/subtext-7.0.4.tgz#aa46e4b45aad8115938334d5a3620a17b3b33ee5"
-  integrity sha512-Y72moHhbRuO8kwBHFEnCRw7oOnhNh4Pl+aonxAze18jkyMpE4Gwz4lNID7ei8vd3lpXC2rKdkxXJgtfY+WttRw==
-  dependencies:
-    "@hapi/boom" "9.x.x"
-    "@hapi/bourne" "2.x.x"
-    "@hapi/content" "^5.0.2"
-    "@hapi/file" "2.x.x"
-    "@hapi/hoek" "9.x.x"
-    "@hapi/pez" "^5.0.1"
-    "@hapi/wreck" "17.x.x"
-
-"@hapi/topo@^5.0.0":
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.1.0.tgz#dc448e332c6c6e37a4dc02fd84ba8d44b9afb012"
-  integrity sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==
-  dependencies:
-    "@hapi/hoek" "^9.0.0"
-
-"@hapi/vise@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@hapi/vise/-/vise-4.0.0.tgz#c6a94fe121b94a53bf99e7489f7fcc74c104db02"
-  integrity sha512-eYyLkuUiFZTer59h+SGy7hUm+qE9p+UemePTHLlIWppEd+wExn3Df5jO04bFQTm7nleF5V8CtuYQYb+VFpZ6Sg==
-  dependencies:
-    "@hapi/hoek" "9.x.x"
-
-"@hapi/wreck@17.x.x":
-  version "17.2.0"
-  resolved "https://registry.yarnpkg.com/@hapi/wreck/-/wreck-17.2.0.tgz#a5b69b724fa8fa25550fb02f55c649becfc59f63"
-  integrity sha512-pJ5kjYoRPYDv+eIuiLQqhGon341fr2bNIYZjuotuPJG/3Ilzr/XtI+JAp0A86E2bYfsS3zBPABuS2ICkaXFT8g==
-  dependencies:
-    "@hapi/boom" "9.x.x"
-    "@hapi/bourne" "2.x.x"
-    "@hapi/hoek" "9.x.x"
-
-"@humanwhocodes/config-array@^0.11.8":
-  version "0.11.8"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
-  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
-  dependencies:
-    "@humanwhocodes/object-schema" "^1.2.1"
-    debug "^4.1.1"
-    minimatch "^3.0.5"
-
-"@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"
-  integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
+"@hutson/parse-repository-url@^3.0.0":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@hutson/parse-repository-url/-/parse-repository-url-3.0.2.tgz#98c23c950a3d9b6c8f0daed06da6c3af06981340"
+  integrity sha512-H9XAx3hc0BQHY6l+IFSWHDySypcXsvsuLhgYLUGywmJ5pswRVQJUHpOsobnLYp2ZUaUlKiKDrgWWhosOwAEM8Q==
 
 "@isaacs/string-locale-compare@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@isaacs/string-locale-compare/-/string-locale-compare-1.1.0.tgz#291c227e93fd407a96ecd59879a35809120e432b"
   integrity sha512-SQ7Kzhh9+D+ZW9MA0zkYv3VXhIDNx+LzM6EJ+/65I3QY+enU6Itte7E5XX7EWrqLW2FN4n06GWzBnPoC3th2aQ==
 
-"@istanbuljs/load-nyc-config@^1.0.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
-  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
+"@lerna/add@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/add/-/add-6.4.0.tgz#47f09f693da750063820b728330c8be40caabde1"
+  integrity sha512-xLsYRqfF4l78wLcOGCeiYw/YCBwRlX76+PAvLTD//7f4o8Xygowp1Uqb+a4n2oWmvDlilHiTxs424oTds6n75w==
   dependencies:
-    camelcase "^5.3.1"
-    find-up "^4.1.0"
-    get-package-type "^0.1.0"
-    js-yaml "^3.13.1"
-    resolve-from "^5.0.0"
+    "@lerna/bootstrap" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/filter-options" "6.4.0"
+    "@lerna/npm-conf" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    dedent "^0.7.0"
+    npm-package-arg "8.1.1"
+    p-map "^4.0.0"
+    pacote "^13.6.1"
+    semver "^7.3.4"
 
-"@istanbuljs/schema@^0.1.2":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
-  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
-
-"@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==
+"@lerna/bootstrap@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/bootstrap/-/bootstrap-6.4.0.tgz#eaff82b2026f9897c70935506e2518c725df41f9"
+  integrity sha512-tgaFJDitwtwAO2kWIdcOWYjcLb6VdEZpakcDPMRICfCyKpcPQ62OYGkjMASzDhgkdJE0wgWRJKBoPUKUVc1I5w==
   dependencies:
-    "@jest/types" "^28.1.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    jest-message-util "^28.1.3"
-    jest-util "^28.1.3"
+    "@lerna/command" "6.4.0"
+    "@lerna/filter-options" "6.4.0"
+    "@lerna/has-npm-version" "6.4.0"
+    "@lerna/npm-install" "6.4.0"
+    "@lerna/package-graph" "6.4.0"
+    "@lerna/pulse-till-done" "6.4.0"
+    "@lerna/rimraf-dir" "6.4.0"
+    "@lerna/run-lifecycle" "6.4.0"
+    "@lerna/run-topologically" "6.4.0"
+    "@lerna/symlink-binary" "6.4.0"
+    "@lerna/symlink-dependencies" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    "@npmcli/arborist" "5.3.0"
+    dedent "^0.7.0"
+    get-port "^5.1.1"
+    multimatch "^5.0.0"
+    npm-package-arg "8.1.1"
+    npmlog "^6.0.2"
+    p-map "^4.0.0"
+    p-map-series "^2.1.0"
+    p-waterfall "^2.1.1"
+    semver "^7.3.4"
+
+"@lerna/changed@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/changed/-/changed-6.4.0.tgz#c2e47a172ade68a5a582d8224df6f9a7002fefae"
+  integrity sha512-9LJ3bb64xNi+XsUnb1KrVSvJybU4+UQmT5rSI/f3UpwLKjKNJuqauFnLgy1S0fWq4Lvd6H5W8BJOYiLJtaUiFw==
+  dependencies:
+    "@lerna/collect-updates" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/listable" "6.4.0"
+    "@lerna/output" "6.4.0"
+
+"@lerna/check-working-tree@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/check-working-tree/-/check-working-tree-6.4.0.tgz#e9babfdff4b6d7efcf6470ed6281d7a44c7f7b4e"
+  integrity sha512-8CHlAoOCg6rmay1vzQYQccozsozlSdYUxJ6D7jZxMBHoDVMHSxS0q3efOkzCj3EsAOzf5TuOhVB8T2ms8/ckQw==
+  dependencies:
+    "@lerna/collect-uncommitted" "6.4.0"
+    "@lerna/describe-ref" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+
+"@lerna/child-process@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/child-process/-/child-process-6.4.0.tgz#09738b47430f6c33f259a04b46ebbf28e116f544"
+  integrity sha512-5lNIjdHMx0G32TCLhwb1B4htH1utKP05lE+SeICUz03GFjQQw6UukCnoUf0Ae8ROsisXCwTFjiNxRxdnEcXTfA==
+  dependencies:
+    chalk "^4.1.0"
+    execa "^5.0.0"
+    strong-log-transformer "^2.1.0"
+
+"@lerna/clean@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/clean/-/clean-6.4.0.tgz#0243d21e0b66d40ebf3a8d112c9462d7fe5a0a0c"
+  integrity sha512-NG3qbcTemcvI4RFF0sjwENCFHZivbbbFwo+Y+Y3IRFl3h6g6FF3GGByIizK/ZyKIeB/xpdisF9Ck0rums4J1Sg==
+  dependencies:
+    "@lerna/command" "6.4.0"
+    "@lerna/filter-options" "6.4.0"
+    "@lerna/prompt" "6.4.0"
+    "@lerna/pulse-till-done" "6.4.0"
+    "@lerna/rimraf-dir" "6.4.0"
+    p-map "^4.0.0"
+    p-map-series "^2.1.0"
+    p-waterfall "^2.1.1"
+
+"@lerna/cli@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/cli/-/cli-6.4.0.tgz#51e6f341c34f333c8d8fd1002060b5468b34d134"
+  integrity sha512-HYLDKEM1flTkJEGRiWFP/kOnXnvcJUNV0vlWoJbmUCPZFsSGCVEQvSshrwPxF2hABYi1m/UgHhGbWkbRUcH11Q==
+  dependencies:
+    "@lerna/global-options" "6.4.0"
+    dedent "^0.7.0"
+    npmlog "^6.0.2"
+    yargs "^16.2.0"
+
+"@lerna/collect-uncommitted@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/collect-uncommitted/-/collect-uncommitted-6.4.0.tgz#8e0477d4b0922e1fd2396c0a26dea38f91a9c236"
+  integrity sha512-TLL4YXgf39R/DODvsGgKIYO91ebmZlQnthA84yDnZXnEN0cCmOCEHTgvIeWFFV3UrxAUbW3ChcccwVeiWiakhA==
+  dependencies:
+    "@lerna/child-process" "6.4.0"
+    chalk "^4.1.0"
+    npmlog "^6.0.2"
+
+"@lerna/collect-updates@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/collect-updates/-/collect-updates-6.4.0.tgz#da19018e73ab4b10a6d057796a2261e4a93803fd"
+  integrity sha512-szBOZCq5TiIKgdlQ/bPrvWm4DTVamHvOLdsCtx/Kp+W/2gioJL1ds7+PouJaPlQ8g7uMf5iP6s9tOxxiB459ug==
+  dependencies:
+    "@lerna/child-process" "6.4.0"
+    "@lerna/describe-ref" "6.4.0"
+    minimatch "^3.0.4"
+    npmlog "^6.0.2"
     slash "^3.0.0"
 
-"@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==
+"@lerna/command@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/command/-/command-6.4.0.tgz#218ea11cc3f4969d727ab5fd6ffa9242cb439f0c"
+  integrity sha512-aToAXY79oqnQqob0043PJ+Ae56f/XADIRpWGN45DvLmnLAOBcQdISyJCJHCFHALLEKA4f29vgaC8LFAl5J03Ag==
   dependencies:
-    "@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.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.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.3"
-    rimraf "^3.0.0"
+    "@lerna/child-process" "6.4.0"
+    "@lerna/package-graph" "6.4.0"
+    "@lerna/project" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    "@lerna/write-log-file" "6.4.0"
+    clone-deep "^4.0.1"
+    dedent "^0.7.0"
+    execa "^5.0.0"
+    is-ci "^2.0.0"
+    npmlog "^6.0.2"
+
+"@lerna/conventional-commits@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/conventional-commits/-/conventional-commits-6.4.0.tgz#176a5422acae5463b31c05aa05bfabedf418f25c"
+  integrity sha512-rbf7FCLatthMacQUXV3o/o8KSDi0a0nXsDW7v0wNow1KFPUhK5pc0m8a4TxiXMiLDVVn0YzVNHmoP0ns2vyCnA==
+  dependencies:
+    "@lerna/validation-error" "6.4.0"
+    conventional-changelog-angular "^5.0.12"
+    conventional-changelog-core "^4.2.4"
+    conventional-recommended-bump "^6.1.0"
+    fs-extra "^9.1.0"
+    get-stream "^6.0.0"
+    npm-package-arg "8.1.1"
+    npmlog "^6.0.2"
+    pify "^5.0.0"
+    semver "^7.3.4"
+
+"@lerna/create-symlink@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/create-symlink/-/create-symlink-6.4.0.tgz#856125ad8c723333e70eb78eff168d1160c85537"
+  integrity sha512-M4m1ujGImF9oTGGH3FK1HIHko9tG/l9bZtEfUA/Lv32d23QtKOVJ3e+iUmodHkogWI33d4UD1ORw8pROHoSH9Q==
+  dependencies:
+    cmd-shim "^5.0.0"
+    fs-extra "^9.1.0"
+    npmlog "^6.0.2"
+
+"@lerna/create@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/create/-/create-6.4.0.tgz#08676cfed541dfe6d581a902c2f4483d79f3e969"
+  integrity sha512-stywh4hsKfdNm093d/Nga6Otoz+P/lxzUXmNzoo8+T6ug9o9qBQZGbYCqON4VSvJNU0htgAJ9O8RnOZqCoqw5A==
+  dependencies:
+    "@lerna/child-process" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/npm-conf" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    dedent "^0.7.0"
+    fs-extra "^9.1.0"
+    init-package-json "^3.0.2"
+    npm-package-arg "8.1.1"
+    p-reduce "^2.1.0"
+    pacote "^13.6.1"
+    pify "^5.0.0"
+    semver "^7.3.4"
     slash "^3.0.0"
-    strip-ansi "^6.0.0"
+    validate-npm-package-license "^3.0.4"
+    validate-npm-package-name "^4.0.0"
+    yargs-parser "20.2.4"
 
-"@jest/create-cache-key-function@^27.4.2":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/create-cache-key-function/-/create-cache-key-function-27.5.1.tgz#7448fae15602ea95c828f5eceed35c202a820b31"
-  integrity sha512-dmH1yW+makpTSURTy8VzdUwFnfQh1G8R+DxO2Ho2FFmBbKFEVm+3jWdvFhE2VqB/LATCTokkP0dotjyQyw5/AQ==
+"@lerna/describe-ref@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/describe-ref/-/describe-ref-6.4.0.tgz#13a4fc7390202e0f76d6ec7e9e4bf93a746810e7"
+  integrity sha512-hlPaz+NUCKhocL5R8c7nDc3rurcG1CGlZeWqTIz09VwU2hhXD5VGKcPJKpQQPLI2I0fzXAQoxjE5gunMUgZkfQ==
   dependencies:
-    "@jest/types" "^27.5.1"
+    "@lerna/child-process" "6.4.0"
+    npmlog "^6.0.2"
 
-"@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==
+"@lerna/diff@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/diff/-/diff-6.4.0.tgz#979651727afec6b5ba9b4966be306ea0dff88c93"
+  integrity sha512-Ih0m+qdB17ycRTYcSqtDkhKOTqrKv3QNzOFrQlfH/f0y0ljJSaLzOzA3eRHnRG41M9jlQ8o0J2NM6PtWOodi+Q==
   dependencies:
-    "@jest/fake-timers" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    "@types/node" "*"
-    jest-mock "^28.1.3"
+    "@lerna/child-process" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    npmlog "^6.0.2"
 
-"@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==
+"@lerna/exec@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/exec/-/exec-6.4.0.tgz#e025bbd64a6b641f3e647cc87c2db9429fb6c8b3"
+  integrity sha512-AFz5kMoBJtRr5HK5MJIQGnW8Jp4wPFTIYPvxgNvNAFJum9skrk2bfEFUJ/e2G5imd0zSNzm7pZHzRujEcD6tJA==
   dependencies:
-    jest-get-type "^28.0.2"
+    "@lerna/child-process" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/filter-options" "6.4.0"
+    "@lerna/profiler" "6.4.0"
+    "@lerna/run-topologically" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    p-map "^4.0.0"
 
-"@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==
+"@lerna/filter-options@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/filter-options/-/filter-options-6.4.0.tgz#e15353ba2ce28a97f365912bceee650e55de1630"
+  integrity sha512-ezKSB0eEXCnNjecZLQcUyuCOf0jQcb8JVcCncbHbjsQdP8apTnXrKPoVlMwDJ/ihWK13Z3myJcVJXfoqiuvveQ==
   dependencies:
-    expect "^28.1.3"
-    jest-snapshot "^28.1.3"
+    "@lerna/collect-updates" "6.4.0"
+    "@lerna/filter-packages" "6.4.0"
+    dedent "^0.7.0"
+    npmlog "^6.0.2"
 
-"@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==
+"@lerna/filter-packages@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/filter-packages/-/filter-packages-6.4.0.tgz#d7aae5a657fff8d9feec477c79e64697dc0d7c26"
+  integrity sha512-h9Z1Zy3Ihn03HIiaAutFwUMMKoV8pMHJaX1sGKqDzt3q+5TdX/TDbhzcbjo84LK3WaUCV54x3bLsm5z58HbkHA==
   dependencies:
-    "@jest/types" "^28.1.3"
-    "@sinonjs/fake-timers" "^9.1.2"
-    "@types/node" "*"
-    jest-message-util "^28.1.3"
-    jest-mock "^28.1.3"
-    jest-util "^28.1.3"
+    "@lerna/validation-error" "6.4.0"
+    multimatch "^5.0.0"
+    npmlog "^6.0.2"
 
-"@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==
+"@lerna/get-npm-exec-opts@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/get-npm-exec-opts/-/get-npm-exec-opts-6.4.0.tgz#3c0f62cce691974813c20284b3d91fe8064780ca"
+  integrity sha512-qOu0mgWpLvpnfrSa10jci5+9GU1VcnQvMHywalY5IjpmbDT+RQjb/ELZfrWihSvx5QawVwUYXaAJ5mqRppwvfQ==
   dependencies:
-    "@jest/environment" "^28.1.3"
-    "@jest/expect" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    npmlog "^6.0.2"
 
-"@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==
+"@lerna/get-packed@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/get-packed/-/get-packed-6.4.0.tgz#53f082eb5fdc01ccdd69decc1119a0093165363d"
+  integrity sha512-tqfmg301LQcQ+miGno7x0sdkAGwDfrAsFstzoh2sfYmua+rc5XBWnwpE1QUTHJOU2WHD/GPrbfQRGhwHyKCkpw==
   dependencies:
-    "@bcoe/v8-coverage" "^0.2.3"
-    "@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"
-    exit "^0.1.2"
-    glob "^7.1.3"
-    graceful-fs "^4.2.9"
-    istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^5.1.0"
-    istanbul-lib-report "^3.0.0"
-    istanbul-lib-source-maps "^4.0.0"
-    istanbul-reports "^3.1.3"
-    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.1"
+    fs-extra "^9.1.0"
+    ssri "^9.0.1"
+    tar "^6.1.0"
 
-"@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==
+"@lerna/github-client@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/github-client/-/github-client-6.4.0.tgz#4d531a71e9eaa0e7a41039bb86a26136c833954f"
+  integrity sha512-0PVcyMs6vusYYddvUDaBKwHwReqNGa9HSPIYfI1EnmVUnGz2KwVI8duXuo30tZibB1jpgsDNsF8RNxnjPjmZnQ==
   dependencies:
-    "@sinclair/typebox" "^0.24.1"
+    "@lerna/child-process" "6.4.0"
+    "@octokit/plugin-enterprise-rest" "^6.0.1"
+    "@octokit/rest" "^19.0.3"
+    git-url-parse "^13.1.0"
+    npmlog "^6.0.2"
 
-"@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==
+"@lerna/gitlab-client@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/gitlab-client/-/gitlab-client-6.4.0.tgz#0028d5f5750b2163f825a10c9129e05530e97ca9"
+  integrity sha512-1BTPV74cyBbCC+bD0QRibIkpvZUOjxk9kNC4EGb5TsXofI/5U3ePWfQUd3CKfZ5Or7gR68obwjVXvQga/Csf4A==
   dependencies:
-    "@jridgewell/trace-mapping" "^0.3.13"
-    callsites "^3.0.0"
-    graceful-fs "^4.2.9"
+    node-fetch "^2.6.1"
+    npmlog "^6.0.2"
 
-"@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.3"
-    "@jest/types" "^28.1.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    collect-v8-coverage "^1.0.0"
+"@lerna/global-options@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/global-options/-/global-options-6.4.0.tgz#16e5453e0e8308fbaeb5ff60e3f2c9ddc724eaa0"
+  integrity sha512-YQ3i3Z0wXzYQbqEN1qQmKW8O3SQw/o+H/j9PAn7VJ1FvVJHKQryiSAUscTh3qOrRipLBds1gEdQxBOQHcr0RMw==
 
-"@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==
+"@lerna/has-npm-version@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/has-npm-version/-/has-npm-version-6.4.0.tgz#4c2ebfbe0d373d1cabaa01ee3c50738f46f68695"
+  integrity sha512-01mBJtqCgbCxx7HHOXTZXQuWX+43o1hzhdjHxhkmf41vjrEKHaAAQ6NZYrzldX3vylFXByYX4ksYtvoSFuNRvQ==
   dependencies:
-    "@jest/test-result" "^28.1.3"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^28.1.3"
+    "@lerna/child-process" "6.4.0"
+    semver "^7.3.4"
+
+"@lerna/import@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/import/-/import-6.4.0.tgz#4c2f5b111bceabfb477518792ab2426cf8924f45"
+  integrity sha512-7n/9VargFVJQPNj/uwXZwkKiUSjzD4ZJ74RDRiQQk3VYm7SH37C0l8/Z7jzUR1P8K8ZXgG3di3DMuGnkW/pDpw==
+  dependencies:
+    "@lerna/child-process" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/prompt" "6.4.0"
+    "@lerna/pulse-till-done" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    dedent "^0.7.0"
+    fs-extra "^9.1.0"
+    p-map-series "^2.1.0"
+
+"@lerna/info@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/info/-/info-6.4.0.tgz#9b7ba52ec023238f3d846de80148b525dc6c6eb8"
+  integrity sha512-sQvW26EMHLGMZBwMMyu/3xq0rCnjoX1CwPfd9BevqhJqiqG/ByARN7Y//xx3R78X5/8bJINaddDYZiqn1O1bcQ==
+  dependencies:
+    "@lerna/command" "6.4.0"
+    "@lerna/output" "6.4.0"
+    envinfo "^7.7.4"
+
+"@lerna/init@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/init/-/init-6.4.0.tgz#9ecb1201368664de9e1788d9ecd8c47a94ffa603"
+  integrity sha512-Gvd3K43EAb9EbgeXnAHqP+U0L0dnMtsuwqRlZK7eE12zq1XeRRNRbwPYX7C6NcskQG1rCEXdNYFfuEfjW1UGYg==
+  dependencies:
+    "@lerna/child-process" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/project" "6.4.0"
+    fs-extra "^9.1.0"
+    p-map "^4.0.0"
+    write-json-file "^4.3.0"
+
+"@lerna/link@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/link/-/link-6.4.0.tgz#4fa76d98b3e4a2a26636709754616917b81ee938"
+  integrity sha512-iwE77+W/nfbXETXpp2+T2scL/hWIIsQ2a8Vs/w3xWwaJYntNkJroyFUWnYjdTNSGuqJeUBxGOubKKUvgGGHp8w==
+  dependencies:
+    "@lerna/command" "6.4.0"
+    "@lerna/package-graph" "6.4.0"
+    "@lerna/symlink-dependencies" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    p-map "^4.0.0"
     slash "^3.0.0"
 
-"@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==
+"@lerna/list@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/list/-/list-6.4.0.tgz#6a34e7efc7709e9f72bbdfe95ca96ad8674734ad"
+  integrity sha512-PQxYzJ0PUrIlI5d2b2j0aBP08cQMXLxRpA6hua7k6uhoe0ygp4avn+Dv9CXkAj1GgdvhU61pRFTkFmlQr2RTTA==
   dependencies:
-    "@babel/core" "^7.11.6"
-    "@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.3"
-    jest-regex-util "^28.0.2"
-    jest-util "^28.1.3"
-    micromatch "^4.0.4"
-    pirates "^4.0.4"
-    slash "^3.0.0"
-    write-file-atomic "^4.0.1"
+    "@lerna/command" "6.4.0"
+    "@lerna/filter-options" "6.4.0"
+    "@lerna/listable" "6.4.0"
+    "@lerna/output" "6.4.0"
 
-"@jest/types@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e"
-  integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==
+"@lerna/listable@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/listable/-/listable-6.4.0.tgz#808cce8aa41500ce5e22c19b4e0d93bd17e211aa"
+  integrity sha512-g/86PO8bMYxbtV4oRS8JjeqYimtN5v5C16PIxtLEPtDK9sYx7EOCleTS1dI5FyQ1qMA4JdMU5eBPelNCtKbsYg==
   dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^15.0.0"
-    chalk "^4.0.0"
+    "@lerna/query-graph" "6.4.0"
+    chalk "^4.1.0"
+    columnify "^1.6.0"
 
-"@jest/types@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
-  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
+"@lerna/log-packed@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/log-packed/-/log-packed-6.4.0.tgz#9813a0f42b291658fa236cac53e4c168f2094a32"
+  integrity sha512-+ZbhilD/x5s9MzUGqCa43PWWlxGhANta2uQOHOwbBVkBMhCMythdcbgfO3rnfrIUU1JdQCGbUUXO5hUkm09QFA==
   dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^16.0.0"
-    chalk "^4.0.0"
+    byte-size "^7.0.0"
+    columnify "^1.6.0"
+    has-unicode "^2.0.1"
+    npmlog "^6.0.2"
 
-"@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==
+"@lerna/npm-conf@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/npm-conf/-/npm-conf-6.4.0.tgz#6228c6a0418182639a65bb194f4661d3a3531b5d"
+  integrity sha512-2T7sg6XV00hsXk2OL7PscNwRxANsllDQwwdJMT4mzTSZWxGzhwXtgJ15sZXCt+PNOUjsSvGhwZthxp555GfA8Q==
   dependencies:
-    "@jest/schemas" "^28.1.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^17.0.8"
-    chalk "^4.0.0"
+    config-chain "^1.1.12"
+    pify "^5.0.0"
 
-"@jridgewell/gen-mapping@^0.1.0":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
-  integrity sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==
+"@lerna/npm-dist-tag@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/npm-dist-tag/-/npm-dist-tag-6.4.0.tgz#78e2af4b2f373efec7727d04e465a9bc94b9ace5"
+  integrity sha512-df26FdMitwG20YViW7WXba/6N33BBHxI46RSiNEH0CNrqH4MxKztO9nVzxoxznqTOEEiXjOlUq+fKWxPKOj+hg==
   dependencies:
-    "@jridgewell/set-array" "^1.0.0"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@lerna/otplease" "6.4.0"
+    npm-package-arg "8.1.1"
+    npm-registry-fetch "^13.3.0"
+    npmlog "^6.0.2"
 
-"@jridgewell/gen-mapping@^0.3.0":
-  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==
+"@lerna/npm-install@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/npm-install/-/npm-install-6.4.0.tgz#3bd9882caa80db79d249db3838c67e3a98a72e4e"
+  integrity sha512-F5YciWIq17SVXy4sFaPmHBv7C4IwBK6CbSot/aHAfBw0m7pDAwuTjMXwX14wfLqRsSpYbKOzT5xTWn6RaH9+nw==
   dependencies:
-    "@jridgewell/set-array" "^1.0.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.9"
+    "@lerna/child-process" "6.4.0"
+    "@lerna/get-npm-exec-opts" "6.4.0"
+    fs-extra "^9.1.0"
+    npm-package-arg "8.1.1"
+    npmlog "^6.0.2"
+    signal-exit "^3.0.3"
+    write-pkg "^4.0.0"
 
-"@jridgewell/resolve-uri@^3.0.3":
-  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==
+"@lerna/npm-publish@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/npm-publish/-/npm-publish-6.4.0.tgz#39b9bfc1713aff566a6b87532fe7fc7e7ba60328"
+  integrity sha512-E8tz5HvPoO0Rt8gcDRV4W4Z/Bnv3uVeKyNQYa4w5GCHEWb7f2oHOicDkjafN2dRjYr1a3X1v4k8grB8gUItnCw==
   dependencies:
-    "@jridgewell/gen-mapping" "^0.3.0"
-    "@jridgewell/trace-mapping" "^0.3.9"
+    "@lerna/otplease" "6.4.0"
+    "@lerna/run-lifecycle" "6.4.0"
+    fs-extra "^9.1.0"
+    libnpmpublish "^6.0.4"
+    npm-package-arg "8.1.1"
+    npmlog "^6.0.2"
+    pify "^5.0.0"
+    read-package-json "^5.0.1"
 
-"@jridgewell/sourcemap-codec@^1.4.10":
-  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"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9"
-  integrity sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==
+"@lerna/npm-run-script@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/npm-run-script/-/npm-run-script-6.4.0.tgz#4bcedcdedd87d5a23dfdabc344ede32058f62dac"
+  integrity sha512-ebNX56fFLPm2+WZYo9s+zGk9l2axnoe1qwOqTvHHx9i+7aV630rm6nl9IgI6ivpt6zVPgWvVdU9ez+6bcopQuw==
   dependencies:
-    "@jridgewell/resolve-uri" "^3.0.3"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@lerna/child-process" "6.4.0"
+    "@lerna/get-npm-exec-opts" "6.4.0"
+    npmlog "^6.0.2"
 
-"@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==
+"@lerna/otplease@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/otplease/-/otplease-6.4.0.tgz#222979a62d394a81e49d62d9121f2dafbfde3996"
+  integrity sha512-IoI8MeVk1GaBDVCc//GDqLrVh/OziMXhocjxcdh54NS5D2vtXu4BEVThjJMzsQI9svIfUsQurF/mL7xsFfxKdQ==
   dependencies:
-    "@jridgewell/resolve-uri" "^3.0.3"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@lerna/prompt" "6.4.0"
 
-"@kubernetes/client-node@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@kubernetes/client-node/-/client-node-0.18.0.tgz#b1002f3c19fb7509ce521ea78f500589f8e3e047"
-  integrity sha512-Mp6q0OkZQBp+HslIgvHYpsPJk8z6mch231QWtIZQHvs+PaTE6mkUfusYE8fNw3jMjru5mVO/JDz6PTjB9YT2rQ==
+"@lerna/output@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/output/-/output-6.4.0.tgz#95ce3ab54d0c5499aea231c8c51b102d2eb2f5cc"
+  integrity sha512-J9mS9lx+qZbuKZvvkxk39osuPK4FV2sLxtR+9EBXAVu39AXYb8DMsN8S6KLXt0ff+XbIr3m6xQRf4c0hTu0P1A==
   dependencies:
-    "@types/js-yaml" "^4.0.1"
-    "@types/node" "^10.12.0"
-    "@types/request" "^2.47.1"
-    "@types/ws" "^6.0.1"
-    byline "^5.0.0"
-    execa "5.0.0"
-    isomorphic-ws "^4.0.1"
+    npmlog "^6.0.2"
+
+"@lerna/pack-directory@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/pack-directory/-/pack-directory-6.4.0.tgz#3af8705c1df8132a79b0712085d3af79c0dc4128"
+  integrity sha512-gKWtBhRbI0e6+3kqIogqg0K6QxnNrvJMGDTFkyvVRhKmH4tNEpeKhBM4yNtJdTGIOcm+Tu9IKzm+nkk6r0GzHQ==
+  dependencies:
+    "@lerna/get-packed" "6.4.0"
+    "@lerna/package" "6.4.0"
+    "@lerna/run-lifecycle" "6.4.0"
+    "@lerna/temp-write" "6.4.0"
+    npm-packlist "^5.1.1"
+    npmlog "^6.0.2"
+    tar "^6.1.0"
+
+"@lerna/package-graph@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/package-graph/-/package-graph-6.4.0.tgz#77123cbb31cc7c61e3bfb69b75ebee4af143465b"
+  integrity sha512-3Z1IyexsjNV/uGK8hfvUCcwP7je+MFXTxG33malZBKi9a7hEhV0ssb29ZKwetjtkCqefsVUNFTjyn7DR1YSjzg==
+  dependencies:
+    "@lerna/prerelease-id-from-version" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    npm-package-arg "8.1.1"
+    npmlog "^6.0.2"
+    semver "^7.3.4"
+
+"@lerna/package@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/package/-/package-6.4.0.tgz#c2b48c2cc26f5c5aa32fa4b2628c0c40b5348481"
+  integrity sha512-/nYlPQbsypYJHLcQSptIAa1oGXoTyjSyk9uH9PW/YVl6SywqcNinT72OPAEfKgpl+61swzz/NPqdoAiPr/s3Sg==
+  dependencies:
+    load-json-file "^6.2.0"
+    npm-package-arg "8.1.1"
+    write-pkg "^4.0.0"
+
+"@lerna/prerelease-id-from-version@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/prerelease-id-from-version/-/prerelease-id-from-version-6.4.0.tgz#a6b27bcb484f5a2635f520e30ad1bec2da327db6"
+  integrity sha512-D3P5O4y7C7t4mutsTGynAJ4JwDy4QR/mJGBRpzSCb/W9o3p/oS9BHNAWuoADPOMVCs/VDVc5omH8CKO6tYP8gQ==
+  dependencies:
+    semver "^7.3.4"
+
+"@lerna/profiler@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/profiler/-/profiler-6.4.0.tgz#9f6e40ff15b822e1072e28054f83abd4bbf63955"
+  integrity sha512-YmsmJj0mb4gefa3Px0EoiRAVjmorz5rym7BZut3nWmn41paebRKeQkMlpZDxUQo37N3b8b/UpBdMZNzlHfDb4g==
+  dependencies:
+    fs-extra "^9.1.0"
+    npmlog "^6.0.2"
+    upath "^2.0.1"
+
+"@lerna/project@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/project/-/project-6.4.0.tgz#22592f47b2f24d8673ffa3a08d5c080d8cd4efe4"
+  integrity sha512-LDA6qo4pYxhUKUtKArLS6Nw+cx7h4timzssf2goKJvJtlTDMslRXYbPGHHgbmTKuqRL3whfNFLVhLjnY2tq9ew==
+  dependencies:
+    "@lerna/package" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    cosmiconfig "^7.0.0"
+    dedent "^0.7.0"
+    dot-prop "^6.0.1"
+    glob-parent "^5.1.1"
+    globby "^11.0.2"
     js-yaml "^4.1.0"
-    jsonpath-plus "^0.19.0"
-    request "^2.88.0"
-    rfc4648 "^1.3.0"
-    shelljs "^0.8.5"
-    stream-buffers "^3.0.2"
-    tar "^6.1.11"
-    tmp-promise "^3.0.2"
-    tslib "^2.4.1"
-    underscore "^1.13.6"
-    ws "^7.3.1"
-  optionalDependencies:
-    openid-client "^5.3.0"
+    load-json-file "^6.2.0"
+    npmlog "^6.0.2"
+    p-map "^4.0.0"
+    resolve-from "^5.0.0"
+    write-json-file "^4.3.0"
 
-"@leichtgewicht/ip-codec@^2.0.1":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
-  integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
-
-"@malept/cross-spawn-promise@^1.1.0":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@malept/cross-spawn-promise/-/cross-spawn-promise-1.1.1.tgz#504af200af6b98e198bce768bc1730c6936ae01d"
-  integrity sha512-RTBGWL5FWQcg9orDOCcp4LvItNzUPcyEU9bwaeJX0rJ1IQxzucC48Y0/sQLp/g6t99IQgAlGIaesJS+gTn7tVQ==
+"@lerna/prompt@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/prompt/-/prompt-6.4.0.tgz#a40fb56ab21ed9139533f72215aa2a6bc6a56c10"
+  integrity sha512-tQ8NcRZDqIOhohOPh5rL2WpY/7KQBZqi1yYeC89UP+Syxfsd333NtuG+EHQ/f2duMQuuGclBmTIce5empaejxQ==
   dependencies:
-    cross-spawn "^7.0.1"
+    inquirer "^8.2.4"
+    npmlog "^6.0.2"
 
-"@malept/flatpak-bundler@^0.4.0":
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/@malept/flatpak-bundler/-/flatpak-bundler-0.4.0.tgz#e8a32c30a95d20c2b1bb635cc580981a06389858"
-  integrity sha512-9QOtNffcOF/c1seMCDnjckb3R9WHcG34tky+FHpNKKCW0wc/scYLwMtO+ptyGUfMW0/b/n4qRiALlaFHc9Oj7Q==
+"@lerna/publish@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/publish/-/publish-6.4.0.tgz#f02899151e46672e37441f02320c3cddb91cd0eb"
+  integrity sha512-8TQSB794jjRejC3OPiTs81v3rv3DhNrkrbgFOrASx4suvH1SHsJKRXSS4xsCLiyv9b8NzodxfCPmSriOAhynUw==
   dependencies:
-    debug "^4.1.1"
-    fs-extra "^9.0.0"
-    lodash "^4.17.15"
-    tmp-promise "^3.0.2"
+    "@lerna/check-working-tree" "6.4.0"
+    "@lerna/child-process" "6.4.0"
+    "@lerna/collect-updates" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/describe-ref" "6.4.0"
+    "@lerna/log-packed" "6.4.0"
+    "@lerna/npm-conf" "6.4.0"
+    "@lerna/npm-dist-tag" "6.4.0"
+    "@lerna/npm-publish" "6.4.0"
+    "@lerna/otplease" "6.4.0"
+    "@lerna/output" "6.4.0"
+    "@lerna/pack-directory" "6.4.0"
+    "@lerna/prerelease-id-from-version" "6.4.0"
+    "@lerna/prompt" "6.4.0"
+    "@lerna/pulse-till-done" "6.4.0"
+    "@lerna/run-lifecycle" "6.4.0"
+    "@lerna/run-topologically" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    "@lerna/version" "6.4.0"
+    fs-extra "^9.1.0"
+    libnpmaccess "^6.0.3"
+    npm-package-arg "8.1.1"
+    npm-registry-fetch "^13.3.0"
+    npmlog "^6.0.2"
+    p-map "^4.0.0"
+    p-pipe "^3.1.0"
+    pacote "^13.6.1"
+    semver "^7.3.4"
 
-"@material-ui/core@^4.12.3":
-  version "4.12.4"
-  resolved "https://registry.yarnpkg.com/@material-ui/core/-/core-4.12.4.tgz#4ac17488e8fcaf55eb6a7f5efb2a131e10138a73"
-  integrity sha512-tr7xekNlM9LjA6pagJmL8QCgZXaubWUwkJnoYcMKd4gw/t4XiyvnTkjdGrUVicyB2BsdaAv1tvow45bPM4sSwQ==
+"@lerna/pulse-till-done@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/pulse-till-done/-/pulse-till-done-6.4.0.tgz#ca7612f6058f238c138078ddfd0ddafe25712b3a"
+  integrity sha512-Di7KLRAoRBN0rag5jDbZlV9WpH+a3L50AIIasSEr2vwMd/w/vPdRAyJ8uJ6zwAUdTyYYxIpeFL43IaMFtH6zeQ==
   dependencies:
-    "@babel/runtime" "^7.4.4"
-    "@material-ui/styles" "^4.11.5"
-    "@material-ui/system" "^4.12.2"
-    "@material-ui/types" "5.1.0"
-    "@material-ui/utils" "^4.11.3"
-    "@types/react-transition-group" "^4.2.0"
-    clsx "^1.0.4"
-    hoist-non-react-statics "^3.3.2"
-    popper.js "1.16.1-lts"
-    prop-types "^15.7.2"
-    react-is "^16.8.0 || ^17.0.0"
-    react-transition-group "^4.4.0"
+    npmlog "^6.0.2"
 
-"@material-ui/icons@^4.11.2":
-  version "4.11.3"
-  resolved "https://registry.yarnpkg.com/@material-ui/icons/-/icons-4.11.3.tgz#b0693709f9b161ce9ccde276a770d968484ecff1"
-  integrity sha512-IKHlyx6LDh8n19vzwH5RtHIOHl9Tu90aAAxcbWME6kp4dmvODM3UvOHJeMIDzUbd4muuJKHmlNoBN+mDY4XkBA==
+"@lerna/query-graph@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/query-graph/-/query-graph-6.4.0.tgz#ab60de919246d04f05f2bd59170ca302f9947da3"
+  integrity sha512-nh+NeYBs21qKwsJmYT1aa+LG5Q1LVLOgyW25cR3lsTvibtGccrua19nt97Va9Seuknnvz8/UkQ0LUrz8eSXjqw==
   dependencies:
-    "@babel/runtime" "^7.4.4"
+    "@lerna/package-graph" "6.4.0"
 
-"@material-ui/lab@^4.0.0-alpha.60":
-  version "4.0.0-alpha.61"
-  resolved "https://registry.yarnpkg.com/@material-ui/lab/-/lab-4.0.0-alpha.61.tgz#9bf8eb389c0c26c15e40933cc114d4ad85e3d978"
-  integrity sha512-rSzm+XKiNUjKegj8bzt5+pygZeckNLOr+IjykH8sYdVk7dE9y2ZuUSofiMV2bJk3qU+JHwexmw+q0RyNZB9ugg==
+"@lerna/resolve-symlink@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/resolve-symlink/-/resolve-symlink-6.4.0.tgz#1d3d5aa699bc93eff47b9d279ec3ac8ee37ba535"
+  integrity sha512-fFNrsGN5VxOERBezz9c2EzxdZO/eG6nf8sKzWq8MnbABeVsAxaUb6gAcMtvXxCP+qGCH0ECJIbv16CyrkelgcA==
   dependencies:
-    "@babel/runtime" "^7.4.4"
-    "@material-ui/utils" "^4.11.3"
-    clsx "^1.0.4"
-    prop-types "^15.7.2"
-    react-is "^16.8.0 || ^17.0.0"
+    fs-extra "^9.1.0"
+    npmlog "^6.0.2"
+    read-cmd-shim "^3.0.0"
 
-"@material-ui/styles@^4.11.5":
-  version "4.11.5"
-  resolved "https://registry.yarnpkg.com/@material-ui/styles/-/styles-4.11.5.tgz#19f84457df3aafd956ac863dbe156b1d88e2bbfb"
-  integrity sha512-o/41ot5JJiUsIETME9wVLAJrmIWL3j0R0Bj2kCOLbSfqEkKf0fmaPt+5vtblUh5eXr2S+J/8J3DaCb10+CzPGA==
+"@lerna/rimraf-dir@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/rimraf-dir/-/rimraf-dir-6.4.0.tgz#b515fbf944ac1c310ab31430e56514e65d19e449"
+  integrity sha512-p1kPWlnYg6otbfMN95ojZPPLK+r+FE2EvaxCIMHJIYPo5rmdhYg+07uUASck+de/AuRgqpT5OGmjrAauRpWxeA==
   dependencies:
-    "@babel/runtime" "^7.4.4"
-    "@emotion/hash" "^0.8.0"
-    "@material-ui/types" "5.1.0"
-    "@material-ui/utils" "^4.11.3"
-    clsx "^1.0.4"
-    csstype "^2.5.2"
-    hoist-non-react-statics "^3.3.2"
-    jss "^10.5.1"
-    jss-plugin-camel-case "^10.5.1"
-    jss-plugin-default-unit "^10.5.1"
-    jss-plugin-global "^10.5.1"
-    jss-plugin-nested "^10.5.1"
-    jss-plugin-props-sort "^10.5.1"
-    jss-plugin-rule-value-function "^10.5.1"
-    jss-plugin-vendor-prefixer "^10.5.1"
-    prop-types "^15.7.2"
+    "@lerna/child-process" "6.4.0"
+    npmlog "^6.0.2"
+    path-exists "^4.0.0"
+    rimraf "^3.0.2"
 
-"@material-ui/system@^4.12.2":
-  version "4.12.2"
-  resolved "https://registry.yarnpkg.com/@material-ui/system/-/system-4.12.2.tgz#f5c389adf3fce4146edd489bf4082d461d86aa8b"
-  integrity sha512-6CSKu2MtmiJgcCGf6nBQpM8fLkuB9F55EKfbdTC80NND5wpTmKzwdhLYLH3zL4cLlK0gVaaltW7/wMuyTnN0Lw==
+"@lerna/run-lifecycle@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/run-lifecycle/-/run-lifecycle-6.4.0.tgz#18a251f24144a803779160ab3039725266cbfc78"
+  integrity sha512-45r4VfSK+EwC6emVEzIidTglFlRSUlr/jmfHnZt5wWdY8laGGf21zs0g70w9tgdXW5J6PQmjgoAnoUAafbn5aA==
   dependencies:
-    "@babel/runtime" "^7.4.4"
-    "@material-ui/utils" "^4.11.3"
-    csstype "^2.5.2"
-    prop-types "^15.7.2"
+    "@lerna/npm-conf" "6.4.0"
+    "@npmcli/run-script" "^4.1.7"
+    npmlog "^6.0.2"
+    p-queue "^6.6.2"
 
-"@material-ui/types@5.1.0":
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/@material-ui/types/-/types-5.1.0.tgz#efa1c7a0b0eaa4c7c87ac0390445f0f88b0d88f2"
-  integrity sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==
-
-"@material-ui/utils@^4.11.3":
-  version "4.11.3"
-  resolved "https://registry.yarnpkg.com/@material-ui/utils/-/utils-4.11.3.tgz#232bd86c4ea81dab714f21edad70b7fdf0253942"
-  integrity sha512-ZuQPV4rBK/V1j2dIkSSEcH5uT6AaHuKWFfotADHsC0wVL1NLd2WkFCm4ZZbX33iO4ydl6V0GPngKm8HZQ2oujg==
+"@lerna/run-topologically@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/run-topologically/-/run-topologically-6.4.0.tgz#f3d388983fa417bf958ae5aeeb92d7624ee147f1"
+  integrity sha512-Wwsg2JhckeQKeHJdCHV6yZQh1akLcMAvVBEWpAmEEM1Kyb4hsUI/1LEexjexddjOmz8ZDjBH9uhuj5FE5q2qmg==
   dependencies:
-    "@babel/runtime" "^7.4.4"
-    prop-types "^15.7.2"
-    react-is "^16.8.0 || ^17.0.0"
+    "@lerna/query-graph" "6.4.0"
+    p-queue "^6.6.2"
+
+"@lerna/run@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/run/-/run-6.4.0.tgz#c57575f732e3b33474df3774a9af8425a3ad0725"
+  integrity sha512-tJ0TbcR9mG0IcaWahT2rm4RTpHdYgwRNEv/NHE/MuckNGew7D8D+IAyOHtV4dCc7hc1ccbWFD1QioEiSKmd3ag==
+  dependencies:
+    "@lerna/command" "6.4.0"
+    "@lerna/filter-options" "6.4.0"
+    "@lerna/npm-run-script" "6.4.0"
+    "@lerna/output" "6.4.0"
+    "@lerna/profiler" "6.4.0"
+    "@lerna/run-topologically" "6.4.0"
+    "@lerna/timer" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    fs-extra "^9.1.0"
+    nx ">=14.8.6 < 16"
+    p-map "^4.0.0"
+
+"@lerna/symlink-binary@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/symlink-binary/-/symlink-binary-6.4.0.tgz#d6f4d5e2133f6a69f99239df7f20ead6bc97395c"
+  integrity sha512-PwIaSD4pbBv/E5ulGE1dTOOOzpyec4jT1QHEeVfYOQNJKn3rh7Rx8B/PFN58pHuuUtUrLbb/Qajt02LYqdT1Dg==
+  dependencies:
+    "@lerna/create-symlink" "6.4.0"
+    "@lerna/package" "6.4.0"
+    fs-extra "^9.1.0"
+    p-map "^4.0.0"
+
+"@lerna/symlink-dependencies@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/symlink-dependencies/-/symlink-dependencies-6.4.0.tgz#7752d3d2e7f51f127c7923c3cc9f9fb191984e09"
+  integrity sha512-ivaBmPqKUb956K3gnH+0FrI0xMqiATu6grJmHNvYSixgKyS3eE694FGRwv3Fgm5a/e0TZ9FlbkPgBR+h78D3nA==
+  dependencies:
+    "@lerna/create-symlink" "6.4.0"
+    "@lerna/resolve-symlink" "6.4.0"
+    "@lerna/symlink-binary" "6.4.0"
+    fs-extra "^9.1.0"
+    p-map "^4.0.0"
+    p-map-series "^2.1.0"
+
+"@lerna/temp-write@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/temp-write/-/temp-write-6.4.0.tgz#ac0ed7b335580241455b5fdc7b8779c56701e593"
+  integrity sha512-73sVS9SIIulRUip8jAbhkQ8NuXN++cuRqbENPU6+P2Z9l98L1qHdIVY2gzEPZgk8nKhIDc50vkHkIpIABukY4Q==
+  dependencies:
+    graceful-fs "^4.1.15"
+    is-stream "^2.0.0"
+    make-dir "^3.0.0"
+    temp-dir "^1.0.0"
+    uuid "^8.3.2"
+
+"@lerna/timer@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/timer/-/timer-6.4.0.tgz#25757bae2e79ee7d5ca30ab3fbc80bd8e03f27f8"
+  integrity sha512-8A8El4Z6J7RGShXWZOxwvZIUfyWsQ4WCm0ZZgaw/nUhSJhMl5H4LEmHW5j8+rE8awr7OovNEGTzc5FwbHWrYlg==
+
+"@lerna/validation-error@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/validation-error/-/validation-error-6.4.0.tgz#4434ae77005a70af278e303ed20e4a555caf716d"
+  integrity sha512-lsfZMp8/DuwTUGJUNOOAlW/tuhj/wqprqQL+KH1rd/53zYx5rglZnQBiyHndS1SsV2FSj0JPZtvuO89o5qEInA==
+  dependencies:
+    npmlog "^6.0.2"
+
+"@lerna/version@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/version/-/version-6.4.0.tgz#90bcb78b749f5810513f4ae8cbd556ec091699a9"
+  integrity sha512-E5+8s0IMrQA9LEKo3npV/VRBZCgD7a3ZLPSlloX3SAFT9ZRJOE/RC1ajLxomL4q2StafuEriLH3cYujOBOAefA==
+  dependencies:
+    "@lerna/check-working-tree" "6.4.0"
+    "@lerna/child-process" "6.4.0"
+    "@lerna/collect-updates" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/conventional-commits" "6.4.0"
+    "@lerna/github-client" "6.4.0"
+    "@lerna/gitlab-client" "6.4.0"
+    "@lerna/output" "6.4.0"
+    "@lerna/prerelease-id-from-version" "6.4.0"
+    "@lerna/prompt" "6.4.0"
+    "@lerna/run-lifecycle" "6.4.0"
+    "@lerna/run-topologically" "6.4.0"
+    "@lerna/temp-write" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    "@nrwl/devkit" ">=15.4.2 < 16"
+    chalk "^4.1.0"
+    dedent "^0.7.0"
+    load-json-file "^6.2.0"
+    minimatch "^3.0.4"
+    npmlog "^6.0.2"
+    p-map "^4.0.0"
+    p-pipe "^3.1.0"
+    p-reduce "^2.1.0"
+    p-waterfall "^2.1.1"
+    semver "^7.3.4"
+    slash "^3.0.0"
+    write-json-file "^4.3.0"
+
+"@lerna/write-log-file@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@lerna/write-log-file/-/write-log-file-6.4.0.tgz#420a9771f200898e467bc5e4e8b37b2e80576ccc"
+  integrity sha512-cH9Lqtj6zjPTghaDqbJy3r/2q0CGWwIdcVTi/22gCwYQwZpavhJAr0BxgS2du4EK5a5iccHUj4dZXVFchQY0mQ==
+  dependencies:
+    npmlog "^6.0.2"
+    write-file-atomic "^4.0.1"
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -1327,7 +736,7 @@
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+"@nodelib/fs.walk@^1.2.3":
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -1335,10 +744,10 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@npmcli/arborist@^5.6.3":
-  version "5.6.3"
-  resolved "https://registry.yarnpkg.com/@npmcli/arborist/-/arborist-5.6.3.tgz#40810080272e097b4a7a4f56108f4a31638a9874"
-  integrity sha512-/7hbqEM6YuRjwTcQXkK1+xKslEblY5kFQe0tZ7jKyMlIR6x4iOmhLErIkBBGtTKvYxRKdpcxnFXjCobg3UqmsA==
+"@npmcli/arborist@5.3.0":
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/arborist/-/arborist-5.3.0.tgz#321d9424677bfc08569e98a5ac445ee781f32053"
+  integrity sha512-+rZ9zgL1lnbl8Xbb1NQdMjveOMwj4lIYfcDtyJHHi5x4X8jtR6m8SXooJMZy5vmFVZ8w7A2Bnd/oX9eTuU8w5A==
   dependencies:
     "@isaacs/string-locale-compare" "^1.1.0"
     "@npmcli/installed-package-contents" "^1.0.7"
@@ -1348,21 +757,18 @@
     "@npmcli/name-from-folder" "^1.0.1"
     "@npmcli/node-gyp" "^2.0.0"
     "@npmcli/package-json" "^2.0.0"
-    "@npmcli/query" "^1.2.0"
     "@npmcli/run-script" "^4.1.3"
-    bin-links "^3.0.3"
-    cacache "^16.1.3"
+    bin-links "^3.0.0"
+    cacache "^16.0.6"
     common-ancestor-path "^1.0.1"
-    hosted-git-info "^5.2.1"
     json-parse-even-better-errors "^2.3.1"
     json-stringify-nice "^1.1.4"
-    minimatch "^5.1.0"
     mkdirp "^1.0.4"
     mkdirp-infer-owner "^2.0.0"
-    nopt "^6.0.0"
+    nopt "^5.0.0"
     npm-install-checks "^5.0.0"
     npm-package-arg "^9.0.0"
-    npm-pick-manifest "^7.0.2"
+    npm-pick-manifest "^7.0.0"
     npm-registry-fetch "^13.0.0"
     npmlog "^6.0.2"
     pacote "^13.6.1"
@@ -1378,41 +784,7 @@
     treeverse "^2.0.0"
     walk-up-path "^1.0.0"
 
-"@npmcli/ci-detect@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/ci-detect/-/ci-detect-2.0.0.tgz#e63c91bcd4185ac1e85720a34fc48e164ece5b89"
-  integrity sha512-8yQtQ9ArHh/TzdUDKQwEvwCgpDuhSWTDAbiKMl3854PcT+Dk4UmWaiawuFTLy9n5twzXOBXVflWe+90/ffXQrA==
-
-"@npmcli/config@^4.2.1":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@npmcli/config/-/config-4.2.2.tgz#2e3334dda84f48d059309c53d152e66b05ca24b7"
-  integrity sha512-5GNcLd+0c4bYBnFop53+26CO5GQP0R9YcxlernohpHDWdIgzUg9I0+GEMk3sNHnLntATVU39d283A4OO+W402w==
-  dependencies:
-    "@npmcli/map-workspaces" "^2.0.2"
-    ini "^3.0.0"
-    mkdirp-infer-owner "^2.0.0"
-    nopt "^6.0.0"
-    proc-log "^2.0.0"
-    read-package-json-fast "^2.0.3"
-    semver "^7.3.5"
-    walk-up-path "^1.0.0"
-
-"@npmcli/disparity-colors@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/disparity-colors/-/disparity-colors-2.0.0.tgz#cb518166ee21573b96241a3613fef70acb2a60ba"
-  integrity sha512-FFXGrIjhvd2qSZ8iS0yDvbI7nbjdyT2VNO7wotosjYZM2p2r8PN3B7Om3M5NO9KqW/OVzfzLB3L0V5Vo5QXC7A==
-  dependencies:
-    ansi-styles "^4.3.0"
-
-"@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/fs@^2.1.0", "@npmcli/fs@^2.1.1":
+"@npmcli/fs@^2.1.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-2.1.2.tgz#a9e2541a4a2fec2e69c29b35e6060973da79b865"
   integrity sha512-yOJKRvohFOaLqipNtwYB9WugyZKhC/DZC4VYPmpaCzDBrA8YpK3qHZ8/HGscMnE4GqbkLNuVcCnxkeQEdGt6LQ==
@@ -1443,7 +815,7 @@
     npm-bundled "^1.1.1"
     npm-normalize-package-bin "^1.0.1"
 
-"@npmcli/map-workspaces@^2.0.2", "@npmcli/map-workspaces@^2.0.3":
+"@npmcli/map-workspaces@^2.0.3":
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/@npmcli/map-workspaces/-/map-workspaces-2.0.4.tgz#9e5e8ab655215a262aefabf139782b894e0504fc"
   integrity sha512-bMo0aAfwhVwqoVM5UzX1DJnlvVvzDCHae821jv48L1EsrYwfOZChlqWYXEtto/+BkBXetPbEWgau++/brh4oVg==
@@ -1463,14 +835,6 @@
     pacote "^13.0.3"
     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"
-
 "@npmcli/move-file@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-2.0.1.tgz#26f6bdc379d87f75e55739bab89db525b06100e4"
@@ -1503,16 +867,7 @@
   dependencies:
     infer-owner "^1.0.4"
 
-"@npmcli/query@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/query/-/query-1.2.0.tgz#46468d583cf013aa92102970700f9555314aabe4"
-  integrity sha512-uWglsUM3PjBLgTSmZ3/vygeGdvWEIZ3wTUnzGFbprC/RtvQSaT+GAXu1DXmSFj2bD3oOZdcRm1xdzsV2z1YWdw==
-  dependencies:
-    npm-package-arg "^9.1.0"
-    postcss-selector-parser "^6.0.10"
-    semver "^7.3.7"
-
-"@npmcli/run-script@^4.1.0", "@npmcli/run-script@^4.1.3", "@npmcli/run-script@^4.2.0", "@npmcli/run-script@^4.2.1":
+"@npmcli/run-script@^4.1.0", "@npmcli/run-script@^4.1.3", "@npmcli/run-script@^4.1.7":
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/@npmcli/run-script/-/run-script-4.2.1.tgz#c07c5c71bc1c70a5f2a06b0d4da976641609b946"
   integrity sha512-7dqywvVudPSrRCW5nTHpHgeWnbBtz8cFkOuKrecm6ih+oO9ciydhWt6OF7HlqupRRmB8Q/gECVdB9LMfToJbRg==
@@ -1523,1561 +878,214 @@
     read-package-json-fast "^2.0.3"
     which "^2.0.2"
 
-"@ogre-tools/fp@^12.0.1":
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/fp/-/fp-12.0.1.tgz#1f932c8c4cc04075f92ab5ca564db158ac1514d4"
-  integrity sha512-BzMhkI4wPnuI+hXJDbtHUXQn/uBjJLx3W0oDaIFV+lLpkneUU0oW9D5uZFHNOouzCgf67/tnmUC6Ohevbr7/VA==
-
-"@ogre-tools/injectable-extension-for-auto-registration@^12.0.1":
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-auto-registration/-/injectable-extension-for-auto-registration-12.0.1.tgz#878f73b5408b12193664f4920289905eacb4c1cc"
-  integrity sha512-itKcxEJ/J8SKGD/Wwj0UYOA+/nqwnrwanhikY6qhlibj8guujX77Iip7vMBzJFc2nIrRaQRcpNV2eXe+tjQUdg==
-
-"@ogre-tools/injectable-extension-for-mobx@^12.0.1":
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-mobx/-/injectable-extension-for-mobx-12.0.1.tgz#1e9de8caba076d7cebda4177a5ab763594b08b28"
-  integrity sha512-M1penOpZfO3/rJMb6WN4IL86p9Lx9tOMCipiNkAyitNLGWfeDPG279JlCs9E3Uw8R9nkFPiw8Je2SLnwnM9o+A==
-
-"@ogre-tools/injectable-react@^12.0.1":
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-react/-/injectable-react-12.0.1.tgz#07a43f25bd78db37cb2c00bc0c06e0a69394f519"
-  integrity sha512-LAOh/EHKqk/pQcBRZUAz0VcJwgBeIPxHwlV/Apw0aEBBoMuYLsLZh47rES8sMYMV6N5x7oVfkjMscujY0DCgaQ==
-
-"@ogre-tools/injectable@^12.0.1":
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable/-/injectable-12.0.1.tgz#53f9981f7f165da4277857b8338cc4097d357ad2"
-  integrity sha512-uOx8STN2wSc9hknDSTGqViyR89Vwg7rGacwrVNchgyo48/QJsmZZz6cd1Aw3nT4vr7ekjTc2lh0Rz6zGIv47hg==
-
-"@pkgr/utils@^2.3.1":
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/@pkgr/utils/-/utils-2.3.1.tgz#0a9b06ffddee364d6642b3cd562ca76f55b34a03"
-  integrity sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==
+"@nrwl/cli@15.4.5":
+  version "15.4.5"
+  resolved "https://registry.yarnpkg.com/@nrwl/cli/-/cli-15.4.5.tgz#2a8f663e5265379812ba83c0577abdc94dcdba8f"
+  integrity sha512-f13s0/hzS9jsV1+QPr1Lp3Um+3dOHD8gEP2h7uw17rEPrtJ5ggRKMj/HcZ9dkT9zDM9EmPtVTb6k38ON+NWcUw==
   dependencies:
-    cross-spawn "^7.0.3"
-    is-glob "^4.0.3"
-    open "^8.4.0"
-    picocolors "^1.0.0"
-    tiny-glob "^0.2.9"
-    tslib "^2.4.0"
+    nx "15.4.5"
 
-"@pmmmwh/react-refresh-webpack-plugin@^0.5.10":
-  version "0.5.10"
-  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz#2eba163b8e7dbabb4ce3609ab5e32ab63dda3ef8"
-  integrity sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==
+"@nrwl/devkit@>=15.4.2 < 16":
+  version "15.4.5"
+  resolved "https://registry.yarnpkg.com/@nrwl/devkit/-/devkit-15.4.5.tgz#22b7aa16bc14c171f061f770060d9af480d5f1cb"
+  integrity sha512-oag+wJgusKz+rwvgcVy9i8bNtTo7ikbjVVtSOmyVBE0ZrgN1CMFjugBj4FEjKGtd73djjpvW9Mm36uJRujrc2w==
   dependencies:
-    ansi-html-community "^0.0.8"
-    common-path-prefix "^3.0.0"
-    core-js-pure "^3.23.3"
-    error-stack-parser "^2.0.6"
-    find-up "^5.0.0"
-    html-entities "^2.1.0"
-    loader-utils "^2.0.4"
-    schema-utils "^3.0.0"
-    source-map "^0.7.3"
+    "@phenomnomnominal/tsquery" "4.1.1"
+    ejs "^3.1.7"
+    ignore "^5.0.4"
+    semver "7.3.4"
+    tslib "^2.3.0"
 
-"@sentry/browser@6.19.2":
-  version "6.19.2"
-  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-6.19.2.tgz#c0f6df07584f3b36fa037067aea20b2c8c2095a3"
-  integrity sha512-5VC44p5Vu2eJhVT39nLAJFgha5MjHDYCyZRR1ieeZt3a++otojPGBBAKNAtrEMGV+A2Z9AoneD6ZnDVlyb3GKg==
+"@nrwl/tao@15.4.5":
+  version "15.4.5"
+  resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-15.4.5.tgz#d07f6d06cecb6acb84259e0654cfc59fcc5edd53"
+  integrity sha512-UMtxXxTWqbyZOdyD9Zt2IsDY/JVXIFZtY6pO4jPha7+UIHWf2Zi8Dszs6UoUTS4mqpNMIkKymwpZGtkDTfiAJA==
   dependencies:
-    "@sentry/core" "6.19.2"
-    "@sentry/types" "6.19.2"
-    "@sentry/utils" "6.19.2"
-    tslib "^1.9.3"
+    nx "15.4.5"
 
-"@sentry/core@6.19.2":
-  version "6.19.2"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-6.19.2.tgz#dd35ba6ca41a2dd011c43f732bcdadbb52c06376"
-  integrity sha512-yu1R3ewBT4udmB4v7sc4biQZ0Z0rfB9+TzB5ZKoCftbe6kqXjFMMaFRYNUF9HicVldKAsBktgkWw3+yfqGkw/A==
+"@octokit/auth-token@^3.0.0":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@octokit/auth-token/-/auth-token-3.0.2.tgz#a0fc8de149fd15876e1ac78f6525c1c5ab48435f"
+  integrity sha512-pq7CwIMV1kmzkFTimdwjAINCXKTajZErLB4wMLYapR2nuB/Jpr66+05wOTZMSCBXP6n4DdDWT2W19Bm17vU69Q==
   dependencies:
-    "@sentry/hub" "6.19.2"
-    "@sentry/minimal" "6.19.2"
-    "@sentry/types" "6.19.2"
-    "@sentry/utils" "6.19.2"
-    tslib "^1.9.3"
+    "@octokit/types" "^8.0.0"
 
-"@sentry/electron@^3.0.8":
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/@sentry/electron/-/electron-3.0.8.tgz#ad4aaa0290c31fb5eb3ed06377da46ee501ec97d"
-  integrity sha512-D330t0rRswAYreFtzIICD5uQH7Wp2e7g6GEFTGisTouHY9+qSu7q9J/hGe5Vase5cY5277/YmUaUKRrVxj/2DQ==
+"@octokit/core@^4.1.0":
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/@octokit/core/-/core-4.1.0.tgz#b6b03a478f1716de92b3f4ec4fd64d05ba5a9251"
+  integrity sha512-Czz/59VefU+kKDy+ZfDwtOIYIkFjExOKf+HA92aiTZJ6EfWpFzYQWw0l54ji8bVmyhc+mGaLUbSUmXazG7z5OQ==
   dependencies:
-    "@sentry/browser" "6.19.2"
-    "@sentry/core" "6.19.2"
-    "@sentry/node" "6.19.2"
-    "@sentry/types" "6.19.2"
-    "@sentry/utils" "6.19.2"
-    deepmerge "^4.2.2"
-    tslib "^2.3.1"
+    "@octokit/auth-token" "^3.0.0"
+    "@octokit/graphql" "^5.0.0"
+    "@octokit/request" "^6.0.0"
+    "@octokit/request-error" "^3.0.0"
+    "@octokit/types" "^8.0.0"
+    before-after-hook "^2.2.0"
+    universal-user-agent "^6.0.0"
 
-"@sentry/hub@6.19.2":
-  version "6.19.2"
-  resolved "https://registry.yarnpkg.com/@sentry/hub/-/hub-6.19.2.tgz#0e9f9c507e55d8396002f644b43ef27cc9ff1289"
-  integrity sha512-W7KCgNBgdBIMagOxy5J5KQPe+maYxSqfE8a5ncQ3R8BcZDQEKnkW/1FplNbfRLZqA/tL/ndKb7pTPqVtzsbARw==
+"@octokit/endpoint@^7.0.0":
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-7.0.3.tgz#0b96035673a9e3bedf8bab8f7335de424a2147ed"
+  integrity sha512-57gRlb28bwTsdNXq+O3JTQ7ERmBTuik9+LelgcLIVfYwf235VHbN9QNo4kXExtp/h8T423cR5iJThKtFYxC7Lw==
   dependencies:
-    "@sentry/types" "6.19.2"
-    "@sentry/utils" "6.19.2"
-    tslib "^1.9.3"
+    "@octokit/types" "^8.0.0"
+    is-plain-object "^5.0.0"
+    universal-user-agent "^6.0.0"
 
-"@sentry/integrations@^6.19.3":
-  version "6.19.7"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-6.19.7.tgz#e6e126b692077c8731644224c754012bed65b425"
-  integrity sha512-yNeeFyuygJaV7Mdc5qWuDa13xVj5mVdECaaw2Xs4pfeHaXmRfRzZY17N8ypWFegKWxKBHynyQRMD10W5pBwJvA==
+"@octokit/graphql@^5.0.0":
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/@octokit/graphql/-/graphql-5.0.4.tgz#519dd5c05123868276f3ae4e50ad565ed7dff8c8"
+  integrity sha512-amO1M5QUQgYQo09aStR/XO7KAl13xpigcy/kI8/N1PnZYSS69fgte+xA4+c2DISKqUZfsh0wwjc2FaCt99L41A==
   dependencies:
-    "@sentry/types" "6.19.7"
-    "@sentry/utils" "6.19.7"
-    localforage "^1.8.1"
-    tslib "^1.9.3"
+    "@octokit/request" "^6.0.0"
+    "@octokit/types" "^8.0.0"
+    universal-user-agent "^6.0.0"
 
-"@sentry/minimal@6.19.2":
-  version "6.19.2"
-  resolved "https://registry.yarnpkg.com/@sentry/minimal/-/minimal-6.19.2.tgz#e748541e4adbc7e80a3b6ccaf01b631c17fc44b4"
-  integrity sha512-ClwxKm77iDHET7kpzv1JvzDx1er5DoNu+EUjst0kQzARIrXvu9xuZuE2/CnBWycQWqw8o3HoGoKz65uIhsUCzQ==
+"@octokit/openapi-types@^14.0.0":
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-14.0.0.tgz#949c5019028c93f189abbc2fb42f333290f7134a"
+  integrity sha512-HNWisMYlR8VCnNurDU6os2ikx0s0VyEjDYHNS/h4cgb8DeOxQ0n72HyinUtdDVxJhFy3FWLGl0DJhfEWk3P5Iw==
+
+"@octokit/plugin-enterprise-rest@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-enterprise-rest/-/plugin-enterprise-rest-6.0.1.tgz#e07896739618dab8da7d4077c658003775f95437"
+  integrity sha512-93uGjlhUD+iNg1iWhUENAtJata6w5nE+V4urXOAlIXdco6xNZtUSfYY8dzp3Udy74aqO/B5UZL80x/YMa5PKRw==
+
+"@octokit/plugin-paginate-rest@^5.0.0":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-5.0.1.tgz#93d7e74f1f69d68ba554fa6b888c2a9cf1f99a83"
+  integrity sha512-7A+rEkS70pH36Z6JivSlR7Zqepz3KVucEFVDnSrgHXzG7WLAzYwcHZbKdfTXHwuTHbkT1vKvz7dHl1+HNf6Qyw==
   dependencies:
-    "@sentry/hub" "6.19.2"
-    "@sentry/types" "6.19.2"
-    tslib "^1.9.3"
+    "@octokit/types" "^8.0.0"
 
-"@sentry/node@6.19.2":
-  version "6.19.2"
-  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-6.19.2.tgz#cad621ad319f555826110f4d6c972a2fc95800fc"
-  integrity sha512-Z1qREpTpYHxaeWjc1zMUk8ZTAp1WbxMiI2TVNc+a14DVT19Z2xNXb06MiRfeLgNc9lVGdmzR62dPmMBjVgPJYg==
+"@octokit/plugin-request-log@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz#5e50ed7083a613816b1e4a28aeec5fb7f1462e85"
+  integrity sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==
+
+"@octokit/plugin-rest-endpoint-methods@^6.7.0":
+  version "6.7.0"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-6.7.0.tgz#2f6f17f25b6babbc8b41d2bb0a95a8839672ce7c"
+  integrity sha512-orxQ0fAHA7IpYhG2flD2AygztPlGYNAdlzYz8yrD8NDgelPfOYoRPROfEyIe035PlxvbYrgkfUZIhSBKju/Cvw==
   dependencies:
-    "@sentry/core" "6.19.2"
-    "@sentry/hub" "6.19.2"
-    "@sentry/types" "6.19.2"
-    "@sentry/utils" "6.19.2"
-    cookie "^0.4.1"
-    https-proxy-agent "^5.0.0"
-    lru_map "^0.3.3"
-    tslib "^1.9.3"
+    "@octokit/types" "^8.0.0"
+    deprecation "^2.3.1"
 
-"@sentry/types@6.19.2":
-  version "6.19.2"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-6.19.2.tgz#0219c9da21ed975951108b8541913b1966464435"
-  integrity sha512-XO5qmVBdTs+7PdCz7fAwn1afWxSnRE2KLBFg5/vOdKosPSSHsSHUURSkxiEZc2QsR+JpRB4AeQ26AkIRX38qTg==
-
-"@sentry/types@6.19.7", "@sentry/types@^6.19.7":
-  version "6.19.7"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-6.19.7.tgz#c6b337912e588083fc2896eb012526cf7cfec7c7"
-  integrity sha512-jH84pDYE+hHIbVnab3Hr+ZXr1v8QABfhx39KknxqKWr2l0oEItzepV0URvbEhB446lk/S/59230dlUUIBGsXbg==
-
-"@sentry/utils@6.19.2":
-  version "6.19.2"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-6.19.2.tgz#995efb896c5159369509f4896c27a2d2ea9191f2"
-  integrity sha512-2DQQ2OJaxjtyxGq5FmMlqb6hptsqMs2xoBiVRMkTS/rvyTrk1oQdKZ8ePwjtgX3nJ728ni3IXIyXV+vfGp4EBw==
+"@octokit/request-error@^3.0.0":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@octokit/request-error/-/request-error-3.0.2.tgz#f74c0f163d19463b87528efe877216c41d6deb0a"
+  integrity sha512-WMNOFYrSaX8zXWoJg9u/pKgWPo94JXilMLb2VManNOby9EZxrQaBe/QSC4a1TzpAlpxofg2X/jMnCyZgL6y7eg==
   dependencies:
-    "@sentry/types" "6.19.2"
-    tslib "^1.9.3"
+    "@octokit/types" "^8.0.0"
+    deprecation "^2.0.0"
+    once "^1.4.0"
 
-"@sentry/utils@6.19.7":
-  version "6.19.7"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-6.19.7.tgz#6edd739f8185fd71afe49cbe351c1bbf5e7b7c79"
-  integrity sha512-z95ECmE3i9pbWoXQrD/7PgkBAzJYR+iXtPuTkpBjDKs86O3mT+PXOT3BAn79w2wkn7/i3vOGD2xVr1uiMl26dA==
+"@octokit/request@^6.0.0":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@octokit/request/-/request-6.2.2.tgz#a2ba5ac22bddd5dcb3f539b618faa05115c5a255"
+  integrity sha512-6VDqgj0HMc2FUX2awIs+sM6OwLgwHvAi4KCK3mT2H2IKRt6oH9d0fej5LluF5mck1lRR/rFWN0YIDSYXYSylbw==
   dependencies:
-    "@sentry/types" "6.19.7"
-    tslib "^1.9.3"
+    "@octokit/endpoint" "^7.0.0"
+    "@octokit/request-error" "^3.0.0"
+    "@octokit/types" "^8.0.0"
+    is-plain-object "^5.0.0"
+    node-fetch "^2.6.7"
+    universal-user-agent "^6.0.0"
 
-"@side/jest-runtime@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@side/jest-runtime/-/jest-runtime-1.0.1.tgz#29c3874570f1a6bbdeea86e4bc60eaef385e3af3"
-  integrity sha512-gDrS+Z9xu3tue2ighChftPPpA5qU26+p5iBNymaXh8kFhFecsokZdwyo+/wNu8QNcbyEnlB+DZAGkpG2Mm1jWA==
-
-"@sideway/address@^4.1.3":
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.4.tgz#03dccebc6ea47fdc226f7d3d1ad512955d4783f0"
-  integrity sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==
+"@octokit/rest@^19.0.3":
+  version "19.0.5"
+  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-19.0.5.tgz#4dbde8ae69b27dca04b5f1d8119d282575818f6c"
+  integrity sha512-+4qdrUFq2lk7Va+Qff3ofREQWGBeoTKNqlJO+FGjFP35ZahP+nBenhZiGdu8USSgmq4Ky3IJ/i4u0xbLqHaeow==
   dependencies:
-    "@hapi/hoek" "^9.0.0"
+    "@octokit/core" "^4.1.0"
+    "@octokit/plugin-paginate-rest" "^5.0.0"
+    "@octokit/plugin-request-log" "^1.0.4"
+    "@octokit/plugin-rest-endpoint-methods" "^6.7.0"
 
-"@sideway/formula@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.0.tgz#fe158aee32e6bd5de85044be615bc08478a0a13c"
-  integrity sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg==
-
-"@sideway/pinpoint@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
-  integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
-
-"@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"
-  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
-  integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
-
-"@sindresorhus/is@^0.7.0":
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.7.0.tgz#9a06f4f137ee84d7df0460c1fdb1135ffa6c50fd"
-  integrity sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow==
-
-"@sindresorhus/is@^4.0.0":
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-4.6.0.tgz#3c7c9c46e678feefe7a2e5bb609d3dbd665ffb3f"
-  integrity sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==
-
-"@sinonjs/commons@^1.7.0":
-  version "1.8.3"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.3.tgz#3802ddd21a50a949b6721ddd72da36e67e7f1b2d"
-  integrity sha512-xkNcLAn/wZaX14RPlwizcKicDk9G3F8m2nU3L7Ukm5zBgTwiT0wsoFAHx9Jq56fJA1z/7uKGtCRu16sOUCLIHQ==
+"@octokit/types@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-8.0.0.tgz#93f0b865786c4153f0f6924da067fe0bb7426a9f"
+  integrity sha512-65/TPpOJP1i3K4lBJMnWqPUJ6zuOtzhtagDvydAWbEXpbFYA0oMKKyLb95NFZZP0lSh/4b6K+DQlzvYQJQQePg==
   dependencies:
-    type-detect "4.0.8"
+    "@octokit/openapi-types" "^14.0.0"
 
-"@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==
+"@parcel/watcher@2.0.4":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.0.4.tgz#f300fef4cc38008ff4b8c29d92588eced3ce014b"
+  integrity sha512-cTDi+FUDBIUOBKEtj+nhiJ71AZVlkAsQFuGQTun5tV9mwQBQgZvhCzG+URPQc8myeN32yRVZEfVAPCs1RW+Jvg==
   dependencies:
-    "@sinonjs/commons" "^1.7.0"
+    node-addon-api "^3.2.1"
+    node-gyp-build "^4.3.0"
 
-"@swc/cli@^0.1.59":
-  version "0.1.59"
-  resolved "https://registry.yarnpkg.com/@swc/cli/-/cli-0.1.59.tgz#cb0be624f98ca9e41caa2de454d151faec83cd19"
-  integrity sha512-BlX3wIxYTwdtR22dIqZ3FEIOJPqnlByAp4JY46OMZi2UXMB3ZbOzefawD2ZlLafRUWyy5NtiZZty5waKzaYRnA==
+"@phenomnomnominal/tsquery@4.1.1":
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/@phenomnomnominal/tsquery/-/tsquery-4.1.1.tgz#42971b83590e9d853d024ddb04a18085a36518df"
+  integrity sha512-jjMmK1tnZbm1Jq5a7fBliM4gQwjxMU7TFoRNwIyzwlO+eHPRCFv/Nv+H/Gi1jc3WR7QURG8D5d0Tn12YGrUqBQ==
   dependencies:
-    bin-wrapper "^4.1.0"
-    commander "^7.1.0"
-    fast-glob "^3.2.5"
-    semver "^7.3.8"
-    slash "3.0.0"
-    source-map "^0.7.3"
-
-"@swc/core-darwin-arm64@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.25.tgz#01ce7b8a88b545a4fc5283ed6f96b22c5733d6c4"
-  integrity sha512-8PWAVcjTJyj2VrqPBFOIi2w2P0Z8kOCbzHW3+pe+bSXxfGMG0MKPl5U2IXhsEL0ovm4xSFlqW0yygpoP3MmRPw==
-
-"@swc/core-darwin-x64@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.3.25.tgz#9fad102c507011f42c5a5d1f84919b81ab96d7f8"
-  integrity sha512-5DHGiMYFEj5aa208tCjo7Sn5tiG4xPz+4gUiWVlglxqXFptkNim5xu/1G6VYm5Zk7dI5jJkjTU76GQG7IRvPug==
-
-"@swc/core-linux-arm-gnueabihf@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.25.tgz#ecf3a34899fdbdc742523524caab29c0db97a6ad"
-  integrity sha512-YNfLxv9PhZk+jrJbpR1mMrYBUkufo0hiFv3S1OrX3l8edsIP4wPND5w9ZH0Oi898f6Jg9DBrY2zXJMQ+gWkbvA==
-
-"@swc/core-linux-arm64-gnu@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.25.tgz#50524c9db2dbf874570e45f0a66e0283f02bc2d9"
-  integrity sha512-kS+spM5/xQ6QvWF1ms3byfjnhUlpjTfFwgCyHnIKgjvsYkDa+vkAIhKq6HuEdaTPaCRCjts0Zarhub1nClUU0g==
-
-"@swc/core-linux-arm64-musl@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.25.tgz#f04a3d3784cff14f96ad9901861485ec0fa14ebf"
-  integrity sha512-vM3D7LWmjotUAJ2D4F+L+dspFeWrcPNVh0o8TCoTOYCt8DPD5YsUKTpIgOsZ+gReeWUAnNTh0Btx5pGGVfajGA==
-
-"@swc/core-linux-x64-gnu@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.25.tgz#761fb020b8a0130e4dccc9c8dce355fa06df63f4"
-  integrity sha512-xUCLLMDlYa/zB8BftVa4SrxuVpcDxkltCfmBg5r2pZPVskhC5ZJsQZ/AvWNChoAB11shRhjTaWDlmxJEsa7TIg==
-
-"@swc/core-linux-x64-musl@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.25.tgz#f944ee48c972ebdcb3e6d6fd62d67eb98dbb1268"
-  integrity sha512-QzHU3BIaUVRSFNsUn3Qxx1vgtF/f5NqsFMAAPSq9Y8Yq5nrlc2t7cNuOROxHLbUqE+NPUp6+RglleJMoeWz5mA==
-
-"@swc/core-win32-arm64-msvc@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.25.tgz#af63ae850ef6e7322e8a5a0959529e96096239d2"
-  integrity sha512-77VSVtneVOAUL4zkRyQZ6pWVpTsVVdqwly/DKnRnloglGKxYuk5DG5MUBsL72Nnfv4OCHjZ27eI3NUrpLsUb2Q==
-
-"@swc/core-win32-ia32-msvc@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.25.tgz#96a869aa4b4c41c44c9c9893ac4aad68d1233022"
-  integrity sha512-kz0v3K3H6OPEZR3ry72Ad/6C5GrZBRRUk69K58LORQ8tZXQD3UGl85pUbQqyHl8fR5NU76Muxgovj9CI9iTHGA==
-
-"@swc/core-win32-x64-msvc@1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.25.tgz#9035c11626653322a404f3f44af11a02d989094c"
-  integrity sha512-nmQOAzIpNRRnupWzkenJmW4i+h1M76cVNUqEU2MjmtesEkRZEGqv//jefXiyCP2zcbeLNLKiB2ptVJhpd1BvRA==
-
-"@swc/core@^1.3.25":
-  version "1.3.25"
-  resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.3.25.tgz#53786ea51fac319684d6822de1738eb55b73a4b7"
-  integrity sha512-wqzvM/wu6OsTVYPMStOpm7kIQcPX3GoZ0sC85qzDdsCxmJ1rmItLAD91sXPUmmdk0XqPYjLgT9MRDEIP5woz4g==
-  optionalDependencies:
-    "@swc/core-darwin-arm64" "1.3.25"
-    "@swc/core-darwin-x64" "1.3.25"
-    "@swc/core-linux-arm-gnueabihf" "1.3.25"
-    "@swc/core-linux-arm64-gnu" "1.3.25"
-    "@swc/core-linux-arm64-musl" "1.3.25"
-    "@swc/core-linux-x64-gnu" "1.3.25"
-    "@swc/core-linux-x64-musl" "1.3.25"
-    "@swc/core-win32-arm64-msvc" "1.3.25"
-    "@swc/core-win32-ia32-msvc" "1.3.25"
-    "@swc/core-win32-x64-msvc" "1.3.25"
-
-"@swc/jest@^0.2.24":
-  version "0.2.24"
-  resolved "https://registry.yarnpkg.com/@swc/jest/-/jest-0.2.24.tgz#35d9377ede049613cd5fdd6c24af2b8dcf622875"
-  integrity sha512-fwgxQbM1wXzyKzl1+IW0aGrRvAA8k0Y3NxFhKigbPjOJ4mCKnWEcNX9HQS3gshflcxq8YKhadabGUVfdwjCr6Q==
-  dependencies:
-    "@jest/create-cache-key-function" "^27.4.2"
-    jsonc-parser "^3.2.0"
-
-"@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"
-  integrity sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==
-  dependencies:
-    defer-to-connect "^1.0.1"
-
-"@szmarczak/http-timer@^4.0.5":
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-4.0.6.tgz#b4a914bb62e7c272d4e5989fe4440f812ab1d807"
-  integrity sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==
-  dependencies:
-    defer-to-connect "^2.0.0"
-
-"@testing-library/dom@>=7", "@testing-library/dom@^8.0.0":
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.13.0.tgz#bc00bdd64c7d8b40841e27a70211399ad3af46f5"
-  integrity sha512-9VHgfIatKNXQNaZTtLnalIy0jNZzY35a4S3oi08YAt9Hv1VsfZ/DfA45lM8D/UhtHBGJ4/lGwp0PZkVndRkoOQ==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^4.2.0"
-    aria-query "^5.0.0"
-    chalk "^4.1.0"
-    dom-accessibility-api "^0.5.9"
-    lz-string "^1.4.4"
-    pretty-format "^27.0.2"
-
-"@testing-library/dom@^7.31.2":
-  version "7.31.2"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.31.2.tgz#df361db38f5212b88555068ab8119f5d841a8c4a"
-  integrity sha512-3UqjCpey6HiTZT92vODYLPxTBWlM8ZOOjr3LX5F37/VRipW2M1kX6I/Cm4VXzteZqfGfagg8yXywpcOgQBlNsQ==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^4.2.0"
-    aria-query "^4.2.2"
-    chalk "^4.1.0"
-    dom-accessibility-api "^0.5.6"
-    lz-string "^1.4.4"
-    pretty-format "^26.6.2"
-
-"@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.escape "^1.5.1"
-    dom-accessibility-api "^0.5.6"
-    lodash "^4.17.15"
-    redent "^3.0.0"
-
-"@testing-library/react@^12.1.5":
-  version "12.1.5"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-12.1.5.tgz#bb248f72f02a5ac9d949dea07279095fa577963b"
-  integrity sha512-OfTXCJUFgjd/digLUuPxa0+/3ZxsQmE7ub9kcbW/wi96Bh3o/p5vrETcBGfP17NWPGqeYYl5LTRpwyGoMC4ysg==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    "@testing-library/dom" "^8.0.0"
-    "@types/react-dom" "<18.0.0"
-
-"@testing-library/user-event@^13.5.0":
-  version "13.5.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-13.5.0.tgz#69d77007f1e124d55314a2b73fd204b333b13295"
-  integrity sha512-5Kwtbo3Y/NowpkbRuSepbyMFkZmHgD+vPzYB/RJ4oxt5Gj/avFFBYjhw27cqSVPVw/3a67NK1PbiIr9k4Gwmdg==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-
-"@tootallnate/once@1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
-  integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
+    esquery "^1.0.1"
 
 "@tootallnate/once@2":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
   integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
-"@tsconfig/node10@^1.0.7":
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.8.tgz#c1e4e80d6f964fbecb3359c43bd48b40f7cadad9"
-  integrity sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==
-
-"@tsconfig/node12@^1.0.7":
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/@tsconfig/node12/-/node12-1.0.9.tgz#62c1f6dee2ebd9aead80dc3afa56810e58e1a04c"
-  integrity sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==
-
-"@tsconfig/node14@^1.0.0":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@tsconfig/node14/-/node14-1.0.1.tgz#95f2d167ffb9b8d2068b0b235302fafd4df711f2"
-  integrity sha512-509r2+yARFfHHE7T6Puu2jjkoycftovhXRqW328PDXTVGKihlb1P8Z9mMZH04ebyajfRY7dedfGynlrFHJUQCg==
-
-"@tsconfig/node16@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@tsconfig/node16/-/node16-1.0.2.tgz#423c77877d0569db20e1fc80885ac4118314010e"
-  integrity sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==
-
-"@types/aria-query@^4.2.0":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.2.tgz#ed4e0ad92306a704f9fb132a0cfcf77486dbe2bc"
-  integrity sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig==
-
-"@types/babel__core@^7.1.14":
-  version "7.1.19"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.19.tgz#7b497495b7d1b4812bdb9d02804d0576f43ee460"
-  integrity sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-    "@types/babel__generator" "*"
-    "@types/babel__template" "*"
-    "@types/babel__traverse" "*"
-
-"@types/babel__generator@*":
-  version "7.6.4"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.4.tgz#1f20ce4c5b1990b37900b63f050182d28c2439b7"
-  integrity sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@types/babel__template@*":
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969"
-  integrity sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
-  version "7.17.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.17.1.tgz#1a0e73e8c28c7e832656db372b779bfd2ef37314"
-  integrity sha512-kVzjari1s2YVi77D3w1yuvohV2idweYXMCDzqBiVNN63TcDWrIlTVOYpqVrvbbyOE/IyzBoTKF0fdnLPEORFxA==
-  dependencies:
-    "@babel/types" "^7.3.0"
-
-"@types/body-parser@*":
-  version "1.19.2"
-  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
-  integrity sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==
-  dependencies:
-    "@types/connect" "*"
-    "@types/node" "*"
-
-"@types/bonjour@^3.5.9":
-  version "3.5.10"
-  resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.10.tgz#0f6aadfe00ea414edc86f5d106357cda9701e275"
-  integrity sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/byline@^4.2.33":
-  version "4.2.33"
-  resolved "https://registry.yarnpkg.com/@types/byline/-/byline-4.2.33.tgz#001f504f4353b84c503e74da0ed9bdf291484af2"
-  integrity sha512-LJYez7wrWcJQQDknqZtrZuExMGP0IXmPl1rOOGDqLbu+H7UNNRfKNuSxCBcQMLH1EfjeWidLedC/hCc5dDfBog==
-  dependencies:
-    "@types/node" "*"
-
-"@types/cacheable-request@^6.0.1":
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/@types/cacheable-request/-/cacheable-request-6.0.2.tgz#c324da0197de0a98a2312156536ae262429ff6b9"
-  integrity sha512-B3xVo+dlKM6nnKTcmm5ZtY/OL8bOAOd2Olee9M1zft65ox50OzjEHW91sDiU9j6cvW8Ejg1/Qkf4xd2kugApUA==
-  dependencies:
-    "@types/http-cache-semantics" "*"
-    "@types/keyv" "*"
-    "@types/node" "*"
-    "@types/responselike" "*"
-
-"@types/caseless@*":
-  version "0.12.2"
-  resolved "https://registry.yarnpkg.com/@types/caseless/-/caseless-0.12.2.tgz#f65d3d6389e01eeb458bd54dc8f52b95a9463bc8"
-  integrity sha512-6ckxMjBBD8URvjB6J3NcnuAn5Pkl7t3TizAg+xdlzzQGSPSmBcXf8KoIH0ua/i+tio+ZRUHEXp0HEmvaR4kt0w==
-
-"@types/chart.js@^2.9.36":
-  version "2.9.37"
-  resolved "https://registry.yarnpkg.com/@types/chart.js/-/chart.js-2.9.37.tgz#8af70862b154fedf938b5b87debdb3a70f6e3208"
-  integrity sha512-9bosRfHhkXxKYfrw94EmyDQcdjMaQPkU1fH2tDxu8DWXxf1mjzWQAV4laJF51ZbC2ycYwNDvIm1rGez8Bug0vg==
-  dependencies:
-    moment "^2.10.2"
-
-"@types/circular-dependency-plugin@5.0.5":
-  version "5.0.5"
-  resolved "https://registry.yarnpkg.com/@types/circular-dependency-plugin/-/circular-dependency-plugin-5.0.5.tgz#431979052a11bdb192c2961cc4ae8b47ca24a38c"
-  integrity sha512-JU1sYQWNbUluWHseLUfokakx18+BXRA9Bxji56hdY5NW0nvrJSJd4SNAl0Btpm5ima9BnUkoGEcW/2PH1QuWQA==
-  dependencies:
-    "@types/node" "*"
-    webpack "^5.1.0"
-
-"@types/clean-css@*":
-  version "4.2.5"
-  resolved "https://registry.yarnpkg.com/@types/clean-css/-/clean-css-4.2.5.tgz#69ce62cc13557c90ca40460133f672dc52ceaf89"
-  integrity sha512-NEzjkGGpbs9S9fgC4abuBvTpVwE3i+Acu9BBod3PUyjDVZcNsGx61b8r2PphR61QGPnn0JHVs5ey6/I4eTrkxw==
-  dependencies:
-    "@types/node" "*"
-    source-map "^0.6.0"
-
-"@types/cli-progress@^3.11.0":
-  version "3.11.0"
-  resolved "https://registry.yarnpkg.com/@types/cli-progress/-/cli-progress-3.11.0.tgz#ec79df99b26757c3d1c7170af8422e0fc95eef7e"
-  integrity sha512-XhXhBv1R/q2ahF3BM7qT5HLzJNlIL0wbcGyZVjqOTqAybAnsLisd7gy1UCyIqpL+5Iv6XhlSyzjLCnI2sIdbCg==
-  dependencies:
-    "@types/node" "*"
-
-"@types/color-convert@*":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@types/color-convert/-/color-convert-2.0.0.tgz#8f5ee6b9e863dcbee5703f5a517ffb13d3ea4e22"
-  integrity sha512-m7GG7IKKGuJUXvkZ1qqG3ChccdIM/qBBo913z+Xft0nKCX4hAU/IxKwZBU4cpRZ7GS5kV4vOblUkILtSShCPXQ==
-  dependencies:
-    "@types/color-name" "*"
-
-"@types/color-name@*":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
-  integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
-
-"@types/color@^3.0.3":
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/@types/color/-/color-3.0.3.tgz#e6d8d72b7aaef4bb9fe80847c26c7c786191016d"
-  integrity sha512-X//qzJ3d3Zj82J9sC/C18ZY5f43utPbAJ6PhYt/M7uG6etcF6MRpKdN880KBy43B0BMzSfeT96MzrsNjFI3GbA==
-  dependencies:
-    "@types/color-convert" "*"
-
-"@types/command-line-args@^5.2.0":
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/@types/command-line-args/-/command-line-args-5.2.0.tgz#adbb77980a1cc376bb208e3f4142e907410430f6"
-  integrity sha512-UuKzKpJJ/Ief6ufIaIzr3A/0XnluX7RvFgwkV89Yzvm77wCh1kFaFmqN8XEnGcN62EuHdedQjEMb8mYxFLGPyA==
-
-"@types/connect-history-api-fallback@^1.3.5":
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz#d1f7a8a09d0ed5a57aee5ae9c18ab9b803205dae"
-  integrity sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw==
-  dependencies:
-    "@types/express-serve-static-core" "*"
-    "@types/node" "*"
-
-"@types/connect@*":
-  version "3.4.35"
-  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.35.tgz#5fcf6ae445e4021d1fc2219a4873cc73a3bb2ad1"
-  integrity sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/crypto-js@^3.1.47":
-  version "3.1.47"
-  resolved "https://registry.yarnpkg.com/@types/crypto-js/-/crypto-js-3.1.47.tgz#36e549dd3f1322742a3a738e7c113ebe48221860"
-  integrity sha512-eI6gvpcGHLk3dAuHYnRCAjX+41gMv1nz/VP55wAe5HtmAKDOoPSfr3f6vkMc08ov1S0NsjvUBxDtHHxqQY1LGA==
-
-"@types/debug@^4.1.6":
-  version "4.1.7"
-  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.7.tgz#7cc0ea761509124709b8b2d1090d8f6c17aadb82"
-  integrity sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==
-  dependencies:
-    "@types/ms" "*"
-
-"@types/dompurify@^2.4.0":
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/@types/dompurify/-/dompurify-2.4.0.tgz#fd9706392a88e0e0e6d367f3588482d817df0ab9"
-  integrity sha512-IDBwO5IZhrKvHFUl+clZxgf3hn2b/lU6H1KaBShPkQyGJUQ0xwebezIPSuiyGwfz1UzJWQl4M7BDxtHtCCPlTg==
-  dependencies:
-    "@types/trusted-types" "*"
-
-"@types/electron-devtools-installer@^2.2.1":
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/@types/electron-devtools-installer/-/electron-devtools-installer-2.2.2.tgz#5a91929ee76b5de0d171edec5bd049292d48a2a4"
-  integrity sha512-8o2XkyAw2HZoVD5KpIoUJmEgZ7BPVv33p7rY1jmn/wJUbugtQUc44vNMDTguUNUGiLv+oqgtyYmiYctHDZEzdQ==
-
-"@types/eslint-scope@^3.7.3":
-  version "3.7.3"
-  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.3.tgz#125b88504b61e3c8bc6f870882003253005c3224"
-  integrity sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==
-  dependencies:
-    "@types/eslint" "*"
-    "@types/estree" "*"
-
-"@types/eslint@*":
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.2.tgz#48f2ac58ab9c631cb68845c3d956b28f79fad575"
-  integrity sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==
-  dependencies:
-    "@types/estree" "*"
-    "@types/json-schema" "*"
-
-"@types/esprima@^4.0.2":
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/@types/esprima/-/esprima-4.0.3.tgz#e9068297cc3dd75231fa5cdaa6d75c50d5fb632f"
-  integrity sha512-jo14dIWVVtF0iMsKkYek6++4cWJjwpvog+rchLulwgFJGTXqIeTdCOvY0B3yMLTaIwMcKCdJ6mQbSR6wYHy98A==
-  dependencies:
-    "@types/estree" "*"
-
-"@types/estree@*", "@types/estree@^0.0.51":
-  version "0.0.51"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
-  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
-
-"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18":
-  version "4.17.28"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.28.tgz#c47def9f34ec81dc6328d0b1b5303d1ec98d86b8"
-  integrity sha512-P1BJAEAW3E2DJUlkgq4tOL3RyMunoWXqbSCygWo5ZIWTjUgN1YnaXWW4VWl/oc8vs/XoYibEGBKP0uZyF4AHig==
-  dependencies:
-    "@types/node" "*"
-    "@types/qs" "*"
-    "@types/range-parser" "*"
-
-"@types/express@*", "@types/express@^4.17.13":
-  version "4.17.13"
-  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.13.tgz#a76e2995728999bab51a33fabce1d705a3709034"
-  integrity sha512-6bSZTPaTIACxn48l50SR+axgrqm6qXFIxrdAKaG6PaJk3+zuUr35hBlgT7vOmJcum+OEaIBLtHV/qloEAFITeA==
-  dependencies:
-    "@types/body-parser" "*"
-    "@types/express-serve-static-core" "^4.17.18"
-    "@types/qs" "*"
-    "@types/serve-static" "*"
-
-"@types/fs-extra@^9.0.11", "@types/fs-extra@^9.0.13":
-  version "9.0.13"
-  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-9.0.13.tgz#7594fbae04fe7f1918ce8b3d213f74ff44ac1f45"
-  integrity sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==
-  dependencies:
-    "@types/node" "*"
-
-"@types/glob-to-regexp@^0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@types/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#f684bc7b9a24691f1f80d045dbb7260bf9cc415b"
-  integrity sha512-S0mIukll6fbF0tvrKic/jj+jI8SHoSvGU+Cs95b/jzZEnBYCbj+7aJtQ9yeABuK3xP1okwA3jEH9qIRayijnvQ==
-
-"@types/glob@^7.1.1":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb"
-  integrity sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==
-  dependencies:
-    "@types/minimatch" "*"
-    "@types/node" "*"
-
-"@types/graceful-fs@^4.1.3":
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.5.tgz#21ffba0d98da4350db64891f92a9e5db3cdb4e15"
-  integrity sha512-anKkLmZZ+xm4p8JWBf4hElkM4XR+EZeA2M9BAkkTldmcyDY4mbdIJnRghDJH3Ov5ooY7/UAoENtmdMSkaAd7Cw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/gunzip-maybe@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@types/gunzip-maybe/-/gunzip-maybe-1.4.0.tgz#9410fd15ff68eca8907b7b9198e63e2a7c14d511"
-  integrity sha512-dFP9GrYAR9KhsjTkWJ8q8Gsfql75YIKcg9DuQOj/IrlPzR7W+1zX+cclw1McV82UXAQ+Lpufvgk3e9bC8+HzgA==
-  dependencies:
-    "@types/node" "*"
-
-"@types/hapi__call@^9.0.0":
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/@types/hapi__call/-/hapi__call-9.0.0.tgz#17e287ce9333c59716b194720eea9f12e63a72f2"
-  integrity sha512-WJlvjk4i7uLhALYJfWMdhW58B4OphXuE0Ob4DZFwc0zqC5fnM9Wjgk3B1fd/C6jEKnM9Y1Pzz8QeSrUJ1mue5A==
-  dependencies:
-    "@types/node" "*"
-
-"@types/hapi__subtext@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@types/hapi__subtext/-/hapi__subtext-7.0.0.tgz#b931ccf863a694a08983ce229e7696dd0ca38151"
-  integrity sha512-CwZZpuf7qXj/JKeMhFkiJQDupf7PhjZcHQ0RaeetAyxoR7vDN6kmQcGMZKEG5VTvlS/JfZGNIkq7F7nd/K+j+g==
-  dependencies:
-    "@types/node" "*"
-
-"@types/history@^4.7.11", "@types/history@^4.7.8":
-  version "4.7.11"
-  resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64"
-  integrity sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==
-
-"@types/hoist-non-react-statics@^3.3.0":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
-  integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
-  dependencies:
-    "@types/react" "*"
-    hoist-non-react-statics "^3.3.0"
-
-"@types/html-minifier-terser@^6.0.0":
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
-  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
-
-"@types/html-minifier@*":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/html-minifier/-/html-minifier-4.0.2.tgz#ea0b927ad0019821a2e9d14ba9c57d105b63cecc"
-  integrity sha512-4IkmkXJP/25R2fZsCHDX2abztXuQRzUAZq39PfCMz2loLFj8vS9y7aF6vDl58koXSTpsF+eL4Lc5Y4Aww/GCTQ==
-  dependencies:
-    "@types/clean-css" "*"
-    "@types/relateurl" "*"
-    "@types/uglify-js" "*"
-
-"@types/html-webpack-plugin@^3.2.6":
-  version "3.2.6"
-  resolved "https://registry.yarnpkg.com/@types/html-webpack-plugin/-/html-webpack-plugin-3.2.6.tgz#07951aaf0fa260dbf626f9644f1d13106d537625"
-  integrity sha512-U8uJSvlf9lwrKG6sKFnMhqY4qJw2QXad+PHlX9sqEXVUMilVt96aVvFde73tzsdXD+QH9JS6kEytuGO2JcYZog==
-  dependencies:
-    "@types/html-minifier" "*"
-    "@types/tapable" "^1"
-    "@types/webpack" "^4"
-
-"@types/http-cache-semantics@*":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.0.1.tgz#0ea7b61496902b95890dc4c3a116b60cb8dae812"
-  integrity sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==
-
-"@types/http-proxy@^1.17.8", "@types/http-proxy@^1.17.9":
-  version "1.17.9"
-  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.9.tgz#7f0e7931343761efde1e2bf48c40f02f3f75705a"
-  integrity sha512-QsbSjA/fSk7xB+UXlCT3wHBy5ai9wOcNDWwZAtud+jXhwOM3l+EYZh8Lng4+/6n8uar0J7xILzqftJdJ/Wdfkw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#8467d4b3c087805d63580480890791277ce35c44"
-  integrity sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==
-
-"@types/istanbul-lib-report@*":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#c14c24f18ea8190c118ee7562b7ff99a36552686"
-  integrity sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==
-  dependencies:
-    "@types/istanbul-lib-coverage" "*"
-
-"@types/istanbul-reports@^3.0.0":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz#9153fe98bba2bd565a63add9436d6f0d7f8468ff"
-  integrity sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==
-  dependencies:
-    "@types/istanbul-lib-report" "*"
-
-"@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 "^28.0.0"
-    pretty-format "^28.0.0"
-
-"@types/js-yaml@^4.0.1", "@types/js-yaml@^4.0.5":
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/@types/js-yaml/-/js-yaml-4.0.5.tgz#738dd390a6ecc5442f35e7f03fa1431353f7e138"
-  integrity sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA==
-
-"@types/jsdom@^16.2.14", "@types/jsdom@^16.2.4":
-  version "16.2.14"
-  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-16.2.14.tgz#26fe9da6a8870715b154bb84cd3b2e53433d8720"
-  integrity sha512-6BAy1xXEmMuHeAJ4Fv4yXKwBDTGTOseExKE3OaHiNycdHdZw59KfYzrt0DkDluvwmik1HRt6QS7bImxUmpSy+w==
-  dependencies:
-    "@types/node" "*"
-    "@types/parse5" "*"
-    "@types/tough-cookie" "*"
-
-"@types/json-buffer@~3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/json-buffer/-/json-buffer-3.0.0.tgz#85c1ff0f0948fc159810d4b5be35bf8c20875f64"
-  integrity sha512-3YP80IxxFJB4b5tYC2SUPwkg0XQLiu0nWvhRgEatgjf+29IcWO9X1k8xRv5DGssJ/lCrjYTjQPcobJr2yWIVuQ==
-
-"@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
-  version "7.0.9"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d"
-  integrity sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==
-
-"@types/json5@^0.0.29":
-  version "0.0.29"
-  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
-  integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
-
-"@types/keyv@*":
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/@types/keyv/-/keyv-3.1.4.tgz#3ccdb1c6751b0c7e52300bcdacd5bcbf8faa75b6"
-  integrity sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==
-  dependencies:
-    "@types/node" "*"
-
-"@types/lodash@^4.14.191":
-  version "4.14.191"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.191.tgz#09511e7f7cba275acd8b419ddac8da9a6a79e2fa"
-  integrity sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==
-
-"@types/marked@^4.0.8":
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/@types/marked/-/marked-4.0.8.tgz#b316887ab3499d0a8f4c70b7bd8508f92d477955"
-  integrity sha512-HVNzMT5QlWCOdeuBsgXP8EZzKUf0+AXzN+sLmjvaB3ZlLqO+e4u0uXrdw9ub69wBKFs+c6/pA4r9sy6cCDvImw==
-
-"@types/md5-file@^4.0.2":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/md5-file/-/md5-file-4.0.2.tgz#c7241e88f4aa17218c774befb0fc34f33f21fe36"
-  integrity sha512-8gacRfEqLrmZ6KofpFfxyjsm/LYepeWUWUJGaf5A9W9J5B2/dRZMdkDqFDL6YDa9IweH12IO76jO7mpsK2B3wg==
-
-"@types/memorystream@^0.3.0":
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/@types/memorystream/-/memorystream-0.3.0.tgz#7616df4c42a479805d052a058d990b879d5e368f"
-  integrity sha512-gzh6mqZcLryYHn4g2MuMWjo9J1+Py/XYwITyZmUxV7ZoBIi7bTbBgSiuC5tcm3UL3gmaiYssQFDlXr/3fK94cw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/mime@^1":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.2.tgz#93e25bf9ee75fe0fd80b594bc4feb0e862111b5a"
-  integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
-
-"@types/mini-css-extract-plugin@^2.4.0":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@types/mini-css-extract-plugin/-/mini-css-extract-plugin-2.5.1.tgz#c2ab735b353864019a148251e699b7038443bc77"
-  integrity sha512-evjjtJttaUexgg3au9ZJFy76tV9mySwX3a4Jl82BuormBYluWLRt0xk2urWrhOdPgDWzulRFyotwYOJTmkSgKw==
-  dependencies:
-    mini-css-extract-plugin "*"
-
-"@types/minimatch@*", "@types/minimatch@^3.0.3":
+"@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==
 
-"@types/mkdirp@^1.0.0":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@types/mkdirp/-/mkdirp-1.0.2.tgz#8d0bad7aa793abe551860be1f7ae7f3198c16666"
-  integrity sha512-o0K1tSO0Dx5X6xlU5F1D6625FawhC3dU3iqr25lluNv/+/QIVH8RLNEiVokgIZo+mz+87w/3Mkg/VvQS+J51fQ==
-  dependencies:
-    "@types/node" "*"
+"@types/minimist@^1.2.0":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.2.tgz#ee771e2ba4b3dc5b372935d549fd9617bf345b8c"
+  integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==
 
-"@types/mock-fs@^4.13.1":
-  version "4.13.1"
-  resolved "https://registry.yarnpkg.com/@types/mock-fs/-/mock-fs-4.13.1.tgz#9201554ceb23671badbfa8ac3f1fa9e0706305be"
-  integrity sha512-m6nFAJ3lBSnqbvDZioawRvpLXSaPyn52Srf7OfzjubYbYX8MTUdIgDxQl0wEapm4m/pNYSd9TXocpQ0TvZFlYA==
-  dependencies:
-    "@types/node" "*"
-
-"@types/ms@*":
-  version "0.7.31"
-  resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.31.tgz#31b7ca6407128a3d2bbc27fe2d21b345397f6197"
-  integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
-
-"@types/node@*":
-  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@^16.11.26", "@types/node@^16.18.11":
-  version "16.18.11"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.11.tgz#cbb15c12ca7c16c85a72b6bdc4d4b01151bb3cae"
-  integrity sha512-3oJbGBUWuS6ahSnEq1eN2XrCyf4YsWI8OyCvo7c64zQJNplk3mO84t53o8lfTk+2ji59g5ycfc6qQ3fdHliHuA==
+"@types/normalize-package-data@^2.4.0":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
+  integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==
 
 "@types/parse-json@^4.0.0":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
-"@types/parse5@*":
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-6.0.3.tgz#705bb349e789efa06f43f128cef51240753424cb"
-  integrity sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==
+"@yarnpkg/lockfile@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz#e77a97fbd345b76d83245edcd17d393b1b41fb31"
+  integrity sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==
 
-"@types/plist@^3.0.1":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@types/plist/-/plist-3.0.2.tgz#61b3727bba0f5c462fe333542534a0c3e19ccb01"
-  integrity sha512-ULqvZNGMv0zRFvqn8/4LSPtnmN4MfhlPNtJCTpKuIIxGVGZ2rYWzFXrvEBoh9CVyqSE7D6YFRJ1hydLHI6kbWw==
+"@yarnpkg/parsers@^3.0.0-rc.18":
+  version "3.0.0-rc.35"
+  resolved "https://registry.yarnpkg.com/@yarnpkg/parsers/-/parsers-3.0.0-rc.35.tgz#5a22f2c4e9341ca991e4331de0f0c286a0fcefab"
+  integrity sha512-J6ySgEdQUqAmlttvZOoXOEsrDTAnHyR/MtEvuAG5a+gwKY/2Cc7xn4CWcpgfuwkp+0a4vXmt2BDwzacDoGDN1g==
   dependencies:
-    "@types/node" "*"
-    xmlbuilder ">=11.0.1"
+    js-yaml "^3.10.0"
+    tslib "^2.4.0"
 
-"@types/prettier@^2.1.5":
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.6.3.tgz#68ada76827b0010d0db071f739314fa429943d0a"
-  integrity sha512-ymZk3LEC/fsut+/Q5qejp6R9O1rMxz3XaRHDV6kX8MrGAhOSPqVARbDi+EZvInBpw+BnCX3TD240byVkOfQsHg==
-
-"@types/prop-types@*":
-  version "15.7.5"
-  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
-  integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
-
-"@types/proper-lockfile@^4.1.2":
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/@types/proper-lockfile/-/proper-lockfile-4.1.2.tgz#49537cee7134055ee13a1833b76a1c298f39bb26"
-  integrity sha512-kd4LMvcnpYkspDcp7rmXKedn8iJSCoa331zRRamUp5oanKt/CefbEGPQP7G89enz7sKD4bvsr8mHSsC8j5WOvA==
+"@zkochan/js-yaml@0.0.6":
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/@zkochan/js-yaml/-/js-yaml-0.0.6.tgz#975f0b306e705e28b8068a07737fa46d3fc04826"
+  integrity sha512-nzvgl3VfhcELQ8LyVrYOru+UtAy1nrygk2+AGbTm8a5YcO6o8lSjAT+pfg3vJWxIoZKOUhrK6UU7xW/+00kQrg==
   dependencies:
-    "@types/retry" "*"
+    argparse "^2.0.1"
 
-"@types/qs@*":
-  version "6.9.7"
-  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
-  integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==
-
-"@types/randomcolor@^0.5.7":
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/@types/randomcolor/-/randomcolor-0.5.7.tgz#314b84f571cb11bc3a7785c42d50efc7fa327147"
-  integrity sha512-LPcG96dGYRCsXlk1fslUNIg6ebEi+bKNyn84uBL/pu2cRSf5i/djD3ArJZOyzszVMVV/DB87va6pMZP+tRSl/w==
-
-"@types/range-parser@*":
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
-  integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
-
-"@types/react-beautiful-dnd@^13.1.3":
-  version "13.1.3"
-  resolved "https://registry.yarnpkg.com/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.3.tgz#9812f6086c4b77ce08c83120788d92084a26db0f"
-  integrity sha512-BNdmvONKtsrZq3AGrujECQrIn8cDT+fZsxBLXuX3YWY/nHfZinUFx4W88eS0rkcXzuLbXpKOsu/1WCMPMLEpPg==
+JSONStream@^1.0.4:
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.5.tgz#3208c1f08d3a4d99261ab64f92302bc15e111ca0"
+  integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
   dependencies:
-    "@types/react" "*"
+    jsonparse "^1.2.0"
+    through ">=2.2.7 <3"
 
-"@types/react-dom@<18.0.0", "@types/react-dom@^17.0.16":
-  version "17.0.16"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.16.tgz#7caba93cf2806c51e64d620d8dff4bae57e06cc4"
-  integrity sha512-DWcXf8EbMrO/gWnQU7Z88Ws/p16qxGpPyjTKTpmBSFKeE+HveVubqGO1CVK7FrwlWD5MuOcvh8gtd0/XO38NdQ==
-  dependencies:
-    "@types/react" "^17"
-
-"@types/react-redux@^7.1.20":
-  version "7.1.24"
-  resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.24.tgz#6caaff1603aba17b27d20f8ad073e4c077e975c0"
-  integrity sha512-7FkurKcS1k0FHZEtdbbgN8Oc6b+stGSfZYjQGicofJ0j4U0qIn/jaSvnP2pLwZKiai3/17xqqxkkrxTgN8UNbQ==
-  dependencies:
-    "@types/hoist-non-react-statics" "^3.3.0"
-    "@types/react" "*"
-    hoist-non-react-statics "^3.3.0"
-    redux "^4.0.0"
-
-"@types/react-router-dom@^5.3.3":
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-5.3.3.tgz#e9d6b4a66fcdbd651a5f106c2656a30088cc1e83"
-  integrity sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==
-  dependencies:
-    "@types/history" "^4.7.11"
-    "@types/react" "*"
-    "@types/react-router" "*"
-
-"@types/react-router@*", "@types/react-router@^5.1.19":
-  version "5.1.19"
-  resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.19.tgz#9b404246fba7f91474d7008a3d48c17b6e075ad6"
-  integrity sha512-Fv/5kb2STAEMT3wHzdKQK2z8xKq38EDIGVrutYLmQVVLe+4orDFquU52hQrULnEHinMKv9FSA6lf9+uNT1ITtA==
-  dependencies:
-    "@types/history" "^4.7.11"
-    "@types/react" "*"
-
-"@types/react-table@^7.7.14":
-  version "7.7.14"
-  resolved "https://registry.yarnpkg.com/@types/react-table/-/react-table-7.7.14.tgz#b880f1ae140ed065bca2e21b3008ca1ebe71595a"
-  integrity sha512-TYrv7onCiakaG1uAu/UpQ9FojNEt/4/ht87EgJQaEGFoWV606ZLWUZAcUHzMxgc3v1mywP1cDyz3qB4ho3hWOw==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react-transition-group@^4.2.0", "@types/react-transition-group@^4.4.0":
-  version "4.4.4"
-  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.4.tgz#acd4cceaa2be6b757db61ed7b432e103242d163e"
-  integrity sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react-virtualized-auto-sizer@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.1.tgz#b3187dae1dfc4c15880c9cfc5b45f2719ea6ebd4"
-  integrity sha512-GH8sAnBEM5GV9LTeiz56r4ZhMOUSrP43tAQNSRVxNexDjcNKLCEtnxusAItg1owFUFE6k0NslV26gqVClVvong==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react-window@^1.8.5":
-  version "1.8.5"
-  resolved "https://registry.yarnpkg.com/@types/react-window/-/react-window-1.8.5.tgz#285fcc5cea703eef78d90f499e1457e9b5c02fc1"
-  integrity sha512-V9q3CvhC9Jk9bWBOysPGaWy/Z0lxYcTXLtLipkt2cnRj1JOSFNF7wqGpkScSXMgBwC+fnVRg/7shwgddBG5ICw==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react@*", "@types/react@^17", "@types/react@^17.0.45":
-  version "17.0.45"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.45.tgz#9b3d5b661fd26365fefef0e766a1c6c30ccf7b3f"
-  integrity sha512-YfhQ22Lah2e3CHPsb93tRwIGNiSwkuz1/blk4e6QrWS0jQzCSNbGLtOEYhPg02W0yGTTmpajp7dCTbBAMN3qsg==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
-"@types/react@^16.8.12":
-  version "16.14.26"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.26.tgz#82540a240ba7207ebe87d9579051bc19c9ef7605"
-  integrity sha512-c/5CYyciOO4XdFcNhZW1O2woVx86k4T+DO2RorHZL7EhitkNQgSD/SgpdZJAUJa/qjVgOmTM44gHkAdZSXeQuQ==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
-"@types/readable-stream@^2.3.13":
-  version "2.3.13"
-  resolved "https://registry.yarnpkg.com/@types/readable-stream/-/readable-stream-2.3.13.tgz#46451c1b87cb61010e420ac02a76cfc1b2c2089a"
-  integrity sha512-4JSCx8EUzaW9Idevt+9lsRAt1lcSccoQfE+AouM1gk8sFxnnytKNIO3wTl9Dy+4m6jRJ1yXhboLHHT/LXBQiEw==
-  dependencies:
-    "@types/node" "*"
-    safe-buffer "*"
-
-"@types/relateurl@*":
-  version "0.2.29"
-  resolved "https://registry.yarnpkg.com/@types/relateurl/-/relateurl-0.2.29.tgz#68ccecec3d4ffdafb9c577fe764f912afc050fe6"
-  integrity sha512-QSvevZ+IRww2ldtfv1QskYsqVVVwCKQf1XbwtcyyoRvLIQzfyPhj/C+3+PKzSDRdiyejaiLgnq//XTkleorpLg==
-
-"@types/request-promise-native@^1.0.18":
-  version "1.0.18"
-  resolved "https://registry.yarnpkg.com/@types/request-promise-native/-/request-promise-native-1.0.18.tgz#437ee2d0b772e01c9691a983b558084b4b3efc2c"
-  integrity sha512-tPnODeISFc/c1LjWyLuZUY+Z0uLB3+IMfNoQyDEi395+j6kTFTTRAqjENjoPJUid4vHRGEozoTrcTrfZM+AcbA==
-  dependencies:
-    "@types/request" "*"
-
-"@types/request@*", "@types/request@^2.47.1", "@types/request@^2.48.7":
-  version "2.48.8"
-  resolved "https://registry.yarnpkg.com/@types/request/-/request-2.48.8.tgz#0b90fde3b655ab50976cb8c5ac00faca22f5a82c"
-  integrity sha512-whjk1EDJPcAR2kYHRbFl/lKeeKYTi05A15K9bnLInCVroNDCtXce57xKdI0/rQaA3K+6q0eFyUBPmqfSndUZdQ==
-  dependencies:
-    "@types/caseless" "*"
-    "@types/node" "*"
-    "@types/tough-cookie" "*"
-    form-data "^2.5.0"
-
-"@types/responselike@*", "@types/responselike@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@types/responselike/-/responselike-1.0.0.tgz#251f4fe7d154d2bad125abe1b429b23afd262e29"
-  integrity sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==
-  dependencies:
-    "@types/node" "*"
-
-"@types/retry@*":
-  version "0.12.2"
-  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.2.tgz#ed279a64fa438bb69f2480eda44937912bb7480a"
-  integrity sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==
-
-"@types/retry@0.12.0":
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
-  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
-
-"@types/scheduler@*":
-  version "0.16.2"
-  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
-  integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
-
-"@types/semver@^7.3.12", "@types/semver@^7.3.13", "@types/semver@^7.3.6":
-  version "7.3.13"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
-  integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
-
-"@types/serve-index@^1.9.1":
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.1.tgz#1b5e85370a192c01ec6cec4735cf2917337a6278"
-  integrity sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==
-  dependencies:
-    "@types/express" "*"
-
-"@types/serve-static@*", "@types/serve-static@^1.13.10":
-  version "1.13.10"
-  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.13.10.tgz#f5e0ce8797d2d7cc5ebeda48a52c96c4fa47a8d9"
-  integrity sha512-nCkHGI4w7ZgAdNkrEu0bv+4xNV/XDqW+DydknebMOQwkpDGx8G+HTlj7R7ABI8i8nKxVw0wtKPi1D+lPOkh4YQ==
-  dependencies:
-    "@types/mime" "^1"
-    "@types/node" "*"
-
-"@types/sharp@^0.31.1":
-  version "0.31.1"
-  resolved "https://registry.yarnpkg.com/@types/sharp/-/sharp-0.31.1.tgz#db768461455dbcf9ff11d69277fd70564483c4df"
-  integrity sha512-5nWwamN9ZFHXaYEincMSuza8nNfOof8nmO+mcI+Agx1uMUk4/pQnNIcix+9rLPXzKrm1pS34+6WRDbDV0Jn7ag==
-  dependencies:
-    "@types/node" "*"
-
-"@types/sockjs@^0.3.33":
-  version "0.3.33"
-  resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.33.tgz#570d3a0b99ac995360e3136fd6045113b1bd236f"
-  integrity sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/source-list-map@*":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
-  integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
-
-"@types/stack-utils@^2.0.0":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
-  integrity sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==
-
-"@types/tapable@^1":
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.8.tgz#b94a4391c85666c7b73299fd3ad79d4faa435310"
-  integrity sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==
-
-"@types/tar-stream@^2.2.2":
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/@types/tar-stream/-/tar-stream-2.2.2.tgz#be9d0be9404166e4b114151f93e8442e6ab6fb1d"
-  integrity sha512-1AX+Yt3icFuU6kxwmPakaiGrJUwG44MpuiqPg4dSolRFk6jmvs4b3IbUol9wKDLIgU76gevn3EwE8y/DkSJCZQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/tar@^6.1.3":
-  version "6.1.3"
-  resolved "https://registry.yarnpkg.com/@types/tar/-/tar-6.1.3.tgz#46a2ce7617950c4852dfd7e9cd41aa8161b9d750"
-  integrity sha512-YzDOr5kdAeqS8dcO6NTTHTMJ44MUCBDoLEIyPtwEn7PssKqUYL49R1iCVJPeiPzPlKi6DbH33eZkpeJ27e4vHg==
-  dependencies:
-    "@types/node" "*"
-    minipass "^3.3.5"
-
-"@types/tcp-port-used@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/tcp-port-used/-/tcp-port-used-1.0.1.tgz#4e15eada6d9f63a5e6c5ef73348d6023f1e91157"
-  integrity sha512-6pwWTx8oUtWvsiZUCrhrK/53MzKVLnuNSSaZILPy3uMes9QnTrLMar9BDlJArbMOjDcjb3QXFk6Rz8qmmuySZw==
-
-"@types/tempy@^0.3.0":
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/@types/tempy/-/tempy-0.3.0.tgz#e6076cfd5f4ad51b716a26b312a8911825668b0a"
-  integrity sha512-graSgBSy4TEsenfAasXh28mxfdrLkgrFlXU8QFShFVNHEGHCg5IfO5LBlZjq2SAUnCm/VdxvuQKlp2buPR/YwA==
-  dependencies:
-    tempy "*"
-
-"@types/testing-library__jest-dom@^5.9.1":
-  version "5.14.3"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.3.tgz#ee6c7ffe9f8595882ee7bda8af33ae7b8789ef17"
-  integrity sha512-oKZe+Mf4ioWlMuzVBaXQ9WDnEm1+umLx0InILg+yvZVBBDmzV5KfZyLrCvadtWcx8+916jLmHafcmqqffl+iIw==
-  dependencies:
-    "@types/jest" "*"
-
-"@types/tough-cookie@*":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.2.tgz#6286b4c7228d58ab7866d19716f3696e03a09397"
-  integrity sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==
-
-"@types/triple-beam@^1.3.2":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@types/triple-beam/-/triple-beam-1.3.2.tgz#38ecb64f01aa0d02b7c8f4222d7c38af6316fef8"
-  integrity sha512-txGIh+0eDFzKGC25zORnswy+br1Ha7hj5cMVwKIU7+s0U2AxxJru/jZSMU6OC9MJWP6+pc/hc6ZjyZShpsyY2g==
-
-"@types/trusted-types@*":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.2.tgz#fc25ad9943bcac11cceb8168db4f275e0e72e756"
-  integrity sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==
-
-"@types/uglify-js@*":
-  version "3.13.2"
-  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.13.2.tgz#1044c1713fb81cb1ceef29ad8a9ee1ce08d690ef"
-  integrity sha512-/xFrPIo+4zOeNGtVMbf9rUm0N+i4pDf1ynExomqtokIJmVzR3962lJ1UE+MmexMkA0cmN9oTzg5Xcbwge0Ij2Q==
-  dependencies:
-    source-map "^0.6.1"
-
-"@types/url-parse@^1.4.8":
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/@types/url-parse/-/url-parse-1.4.8.tgz#c3825047efbca1295b7f1646f38203d9145130d6"
-  integrity sha512-zqqcGKyNWgTLFBxmaexGUKQyWqeG7HjXj20EuQJSJWwXe54BjX0ihIo5cJB9yAQzH8dNugJ9GvkBYMjPXs/PJw==
-
-"@types/uuid@^8.3.4":
-  version "8.3.4"
-  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-8.3.4.tgz#bd86a43617df0594787d38b735f55c805becf1bc"
-  integrity sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==
-
-"@types/verror@^1.10.3":
-  version "1.10.5"
-  resolved "https://registry.yarnpkg.com/@types/verror/-/verror-1.10.5.tgz#2a1413aded46e67a1fe2386800e291123ed75eb1"
-  integrity sha512-9UjMCHK5GPgQRoNbqdLIAvAy0EInuiqbW0PBMtVP6B5B2HQJlvoJHM+KodPZMEjOa5VkSc+5LH7xy+cUzQdmHw==
-
-"@types/webpack-dev-server@^4.7.2":
-  version "4.7.2"
-  resolved "https://registry.yarnpkg.com/@types/webpack-dev-server/-/webpack-dev-server-4.7.2.tgz#a12d9881aa23cdd4cecbb2d31fa784a45c4967e0"
-  integrity sha512-Y3p0Fmfvp0MHBDoCzo+xFJaWTw0/z37mWIo6P15j+OtmUDLvznJWdZNeD7Q004R+MpQlys12oXbXsrXRmxwg4Q==
-  dependencies:
-    webpack-dev-server "*"
-
-"@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"
-  resolved "https://registry.yarnpkg.com/@types/webpack-node-externals/-/webpack-node-externals-2.5.3.tgz#921783aadda1fe686db0a70e20e4b9548b5a3cef"
-  integrity sha512-A9JxaR8QXoYT95egET4AmCFuChyTlP8d18ZAnmSHuIMsFdS7QlCQQ8pmN/+FHgLIkm+ViE/VngltT5avLACY9A==
-  dependencies:
-    "@types/node" "*"
-    webpack "^5"
-
-"@types/webpack-sources@*":
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.0.tgz#16d759ba096c289034b26553d2df1bf45248d38b"
-  integrity sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg==
-  dependencies:
-    "@types/node" "*"
-    "@types/source-list-map" "*"
-    source-map "^0.7.3"
-
-"@types/webpack@^4":
-  version "4.41.32"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.32.tgz#a7bab03b72904070162b2f169415492209e94212"
-  integrity sha512-cb+0ioil/7oz5//7tZUSwbrSAN/NWHrQylz5cW8G0dWTcF/g+/dSdMlKVZspBYuMAN1+WnwHrkxiRrLcwd0Heg==
-  dependencies:
-    "@types/node" "*"
-    "@types/tapable" "^1"
-    "@types/uglify-js" "*"
-    "@types/webpack-sources" "*"
-    anymatch "^3.0.0"
-    source-map "^0.6.0"
-
-"@types/webpack@^5.28.0":
-  version "5.28.0"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-5.28.0.tgz#78dde06212f038d77e54116cfe69e88ae9ed2c03"
-  integrity sha512-8cP0CzcxUiFuA9xGJkfeVpqmWTk9nx6CWwamRGCj95ph1SmlRRk9KlCZ6avhCbZd4L68LvYT6l1kpdEnQXrF8w==
-  dependencies:
-    "@types/node" "*"
-    tapable "^2.2.0"
-    webpack "^5"
-
-"@types/ws@^6.0.1":
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-6.0.4.tgz#7797707c8acce8f76d8c34b370d4645b70421ff1"
-  integrity sha512-PpPrX7SZW9re6+Ha8ojZG4Se8AZXgf0GK6zmfqEuCsY49LFDNXO3SByp44X3dFEqtB73lkCDAdUazhAjVPiNwg==
-  dependencies:
-    "@types/node" "*"
-
-"@types/ws@^8.5.1":
-  version "8.5.3"
-  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.3.tgz#7d25a1ffbecd3c4f2d35068d0b283c037003274d"
-  integrity sha512-6YOoWjruKj1uLf3INHH7D3qTXwFfEsg1kf3c0uDdSBJwfa/llkwIjrAGV7j7mVgGNbzTQ3HiHKKDXl6bJPD97w==
-  dependencies:
-    "@types/node" "*"
-
-"@types/yargs-parser@*":
-  version "21.0.0"
-  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
-  integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
-
-"@types/yargs@^15.0.0":
-  version "15.0.14"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.14.tgz#26d821ddb89e70492160b66d10a0eb6df8f6fb06"
-  integrity sha512-yEJzHoxf6SyQGhBhIYGXQDSCkJjB6HohDShto7m8vaKg9Yp0Yn8+71J9eakh2bnPg6BfsH9PRMhiRTZnd4eXGQ==
-  dependencies:
-    "@types/yargs-parser" "*"
-
-"@types/yargs@^16.0.0":
-  version "16.0.4"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.4.tgz#26aad98dd2c2a38e421086ea9ad42b9e51642977"
-  integrity sha512-T8Yc9wt/5LbJyCaLiHPReJa0kApcIgJ7Bn735GjItUfh08Z1pJvu8QZqb9s+mMvKV6WUQRV7K2R46YbjMXTTJw==
-  dependencies:
-    "@types/yargs-parser" "*"
-
-"@types/yargs@^17.0.1", "@types/yargs@^17.0.8":
-  version "17.0.10"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.10.tgz#591522fce85d8739bca7b8bb90d048e4478d186a"
-  integrity sha512-gmEaFwpj/7f/ROdtIlci1R1VYU1J4j95m8T+Tj3iBgiBFKg1foE/PSl93bBd5T9LDXNPo8UlNN6W0qwD8O5OaA==
-  dependencies:
-    "@types/yargs-parser" "*"
-
-"@typescript-eslint/eslint-plugin@^5.48.1":
-  version "5.48.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.48.1.tgz#deee67e399f2cb6b4608c935777110e509d8018c"
-  integrity sha512-9nY5K1Rp2ppmpb9s9S2aBiF3xo5uExCehMDmYmmFqqyxgenbHJ3qbarcLt4ITgaD6r/2ypdlcFRdcuVPnks+fQ==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.48.1"
-    "@typescript-eslint/type-utils" "5.48.1"
-    "@typescript-eslint/utils" "5.48.1"
-    debug "^4.3.4"
-    ignore "^5.2.0"
-    natural-compare-lite "^1.4.0"
-    regexpp "^3.2.0"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/parser@^5.48.1":
-  version "5.48.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.48.1.tgz#d0125792dab7e232035434ab8ef0658154db2f10"
-  integrity sha512-4yg+FJR/V1M9Xoq56SF9Iygqm+r5LMXvheo6DQ7/yUWynQ4YfCRnsKuRgqH4EQ5Ya76rVwlEpw4Xu+TgWQUcdA==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.48.1"
-    "@typescript-eslint/types" "5.48.1"
-    "@typescript-eslint/typescript-estree" "5.48.1"
-    debug "^4.3.4"
-
-"@typescript-eslint/scope-manager@5.48.1":
-  version "5.48.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.48.1.tgz#39c71e4de639f5fe08b988005beaaf6d79f9d64d"
-  integrity sha512-S035ueRrbxRMKvSTv9vJKIWgr86BD8s3RqoRZmsSh/s8HhIs90g6UlK8ZabUSjUZQkhVxt7nmZ63VJ9dcZhtDQ==
-  dependencies:
-    "@typescript-eslint/types" "5.48.1"
-    "@typescript-eslint/visitor-keys" "5.48.1"
-
-"@typescript-eslint/type-utils@5.48.1":
-  version "5.48.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.48.1.tgz#5d94ac0c269a81a91ad77c03407cea2caf481412"
-  integrity sha512-Hyr8HU8Alcuva1ppmqSYtM/Gp0q4JOp1F+/JH5D1IZm/bUBrV0edoewQZiEc1r6I8L4JL21broddxK8HAcZiqQ==
-  dependencies:
-    "@typescript-eslint/typescript-estree" "5.48.1"
-    "@typescript-eslint/utils" "5.48.1"
-    debug "^4.3.4"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/types@5.48.1":
-  version "5.48.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.48.1.tgz#efd1913a9aaf67caf8a6e6779fd53e14e8587e14"
-  integrity sha512-xHyDLU6MSuEEdIlzrrAerCGS3T7AA/L8Hggd0RCYBi0w3JMvGYxlLlXHeg50JI9Tfg5MrtsfuNxbS/3zF1/ATg==
-
-"@typescript-eslint/typescript-estree@5.48.1":
-  version "5.48.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.1.tgz#9efa8ee2aa471c6ab62e649f6e64d8d121bc2056"
-  integrity sha512-Hut+Osk5FYr+sgFh8J/FHjqX6HFcDzTlWLrFqGoK5kVUN3VBHF/QzZmAsIXCQ8T/W9nQNBTqalxi1P3LSqWnRA==
-  dependencies:
-    "@typescript-eslint/types" "5.48.1"
-    "@typescript-eslint/visitor-keys" "5.48.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.48.1":
-  version "5.48.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.48.1.tgz#20f2f4e88e9e2a0961cbebcb47a1f0f7da7ba7f9"
-  integrity sha512-SmQuSrCGUOdmGMwivW14Z0Lj8dxG1mOFZ7soeJ0TQZEJcs3n5Ndgkg0A4bcMFzBELqLJ6GTHnEU+iIoaD6hFGA==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.48.1"
-    "@typescript-eslint/types" "5.48.1"
-    "@typescript-eslint/typescript-estree" "5.48.1"
-    eslint-scope "^5.1.1"
-    eslint-utils "^3.0.0"
-    semver "^7.3.7"
-
-"@typescript-eslint/visitor-keys@5.48.1":
-  version "5.48.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.1.tgz#79fd4fb9996023ef86849bf6f904f33eb6c8fccb"
-  integrity sha512-Ns0XBwmfuX7ZknznfXozgnydyR8F6ev/KEGePP4i74uL3ArsKbEhJ7raeKr1JSa997DBDwol/4a0Y+At82c9dA==
-  dependencies:
-    "@typescript-eslint/types" "5.48.1"
-    eslint-visitor-keys "^3.3.0"
-
-"@webassemblyjs/ast@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
-  integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==
-  dependencies:
-    "@webassemblyjs/helper-numbers" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-
-"@webassemblyjs/floating-point-hex-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
-  integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
-
-"@webassemblyjs/helper-api-error@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
-  integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
-
-"@webassemblyjs/helper-buffer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
-  integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
-
-"@webassemblyjs/helper-numbers@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
-  integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==
-  dependencies:
-    "@webassemblyjs/floating-point-hex-parser" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/helper-wasm-bytecode@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
-  integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
-
-"@webassemblyjs/helper-wasm-section@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
-  integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-
-"@webassemblyjs/ieee754@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
-  integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==
-  dependencies:
-    "@xtuc/ieee754" "^1.2.0"
-
-"@webassemblyjs/leb128@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
-  integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==
-  dependencies:
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/utf8@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
-  integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
-
-"@webassemblyjs/wasm-edit@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
-  integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/helper-wasm-section" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-opt" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-    "@webassemblyjs/wast-printer" "1.11.1"
-
-"@webassemblyjs/wasm-gen@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
-  integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
-
-"@webassemblyjs/wasm-opt@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
-  integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-
-"@webassemblyjs/wasm-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
-  integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
-
-"@webassemblyjs/wast-printer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
-  integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@xtuc/long" "4.2.2"
-
-"@webpack-cli/configtest@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-1.1.1.tgz#9f53b1b7946a6efc2a749095a4f450e2932e8356"
-  integrity sha512-1FBc1f9G4P/AxMqIgfZgeOTuRnwZMten8E7zap5zgpPInnCrP8D4Q81+4CWIch8i/Nf7nXjP0v6CjjbHOrXhKg==
-
-"@webpack-cli/info@^1.4.1":
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-1.4.1.tgz#2360ea1710cbbb97ff156a3f0f24556e0fc1ebea"
-  integrity sha512-PKVGmazEq3oAo46Q63tpMr4HipI3OPfP7LiNOEJg963RMgT0rqheag28NCML0o3GIzA3DmxP1ZIAv9oTX1CUIA==
-  dependencies:
-    envinfo "^7.7.3"
-
-"@webpack-cli/serve@^1.6.1":
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-1.6.1.tgz#0de2875ac31b46b6c5bb1ae0a7d7f0ba5678dffe"
-  integrity sha512-gNGTiTrjEVQ0OcVnzsRSqTxaBSr+dmTfm+qJsCDluky8uhdLWep7Gcr62QsAKHTMxjCS/8nEITsmFAhfIx+QSw==
-
-"@xtuc/ieee754@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
-  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
-
-"@xtuc/long@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
-  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
-
-abab@^2.0.3, abab@^2.0.5, abab@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
-  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
-
-abbrev@1, abbrev@^1.0.0, abbrev@~1.1.1:
+abbrev@1, abbrev@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
   integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
-abort-controller@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/abort-controller/-/abort-controller-3.0.0.tgz#eaf54d53b62bae4138e809ca225c8439a6efb392"
-  integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
-  dependencies:
-    event-target-shim "^5.0.0"
-
-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==
-  dependencies:
-    mime-types "~2.1.34"
-    negotiator "0.6.3"
-
-acorn-globals@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
-  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-walk "^7.1.1"
-
-acorn-import-assertions@^1.7.6:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
-  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
-
-acorn-jsx@^5.3.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
-  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
-
-acorn-node@^1.8.2:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/acorn-node/-/acorn-node-1.8.2.tgz#114c95d64539e53dede23de8b9d96df7c7ae2af8"
-  integrity sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==
-  dependencies:
-    acorn "^7.0.0"
-    acorn-walk "^7.0.0"
-    xtend "^4.0.2"
-
-acorn-walk@^7.0.0, acorn-walk@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
-  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
-
-acorn-walk@^8.1.1:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
-  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
-
-acorn@^7.0.0, acorn@^7.1.1:
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
-  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
-
-acorn@^8.2.4, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.1, 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==
+add-stream@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
+  integrity sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==
 
 adr@^1.4.3:
   version "1.4.3"
@@ -3108,7 +1116,7 @@ agent-base@6, agent-base@^6.0.2:
   dependencies:
     debug "4"
 
-agentkeepalive@^4.1.3, agentkeepalive@^4.2.1:
+agentkeepalive@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-4.2.1.tgz#a7975cbb9f83b367f06c90cc51ff28fe7d499717"
   integrity sha512-Zn4cw2NEqd+9fiSVWMscnjyQ1a8Yfoc5oBajLeo5w+YBHgDUcEBY2hS4YpTz6iN5f/2zQiktcuM6tS8x1p9dpA==
@@ -3125,26 +1133,7 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
 
-ajv-formats@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
-  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
-  dependencies:
-    ajv "^8.0.0"
-
-ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
-  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
-
-ajv-keywords@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
-  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
-  dependencies:
-    fast-deep-equal "^3.1.3"
-
-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:
+ajv@^6.10.2:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -3154,15 +1143,10 @@ ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.0, ajv@^6.12.2, ajv@^6.12.3, ajv@^6.12.4, aj
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.0, ajv@^8.8.0:
-  version "8.11.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.11.0.tgz#977e91dd96ca669f54a11e23e378e33b884a565f"
-  integrity sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    json-schema-traverse "^1.0.0"
-    require-from-string "^2.0.2"
-    uri-js "^4.2.2"
+ansi-colors@^4.1.1:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
+  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
 
 ansi-escapes@^4.2.1:
   version "4.3.2"
@@ -3171,11 +1155,6 @@ ansi-escapes@^4.2.1:
   dependencies:
     type-fest "^0.21.3"
 
-ansi-html-community@^0.0.8:
-  version "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"
@@ -3186,14 +1165,14 @@ ansi-red@^0.1.1:
 ansi-regex@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
+  integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
 
 ansi-regex@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
   integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
 
-ansi-regex@^5.0.0, ansi-regex@^5.0.1:
+ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
@@ -3210,113 +1189,39 @@ ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
-ansi-styles@^4.0.0, ansi-styles@^4.1.0, ansi-styles@^4.3.0:
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
   integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
   dependencies:
     color-convert "^2.0.1"
 
-ansi-styles@^5.0.0:
-  version "5.2.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"
-  integrity sha512-3wwu+nJCKBVBwOCurm0uv91lMoVkhFB+3qZQz3U11AmAdDJ4tkw1sNPWJQcVxMVYwe0pGEALOjSBOxdxNc+pNQ==
-
-anymatch@^3.0.0, anymatch@^3.0.3, anymatch@~3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
-  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
   dependencies:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-app-builder-bin@4.0.0:
-  version "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.6.0:
-  version "23.6.0"
-  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-23.6.0.tgz#03cade02838c077db99d86212d61c5fc1d6da1a8"
-  integrity sha512-dQYDuqm/rmy8GSCE6Xl/3ShJg6Ab4bZJMT8KaTKGzT436gl1DN4REP3FCWfXoh75qGTJ+u+WsdnnpO9Jl8nyMA==
-  dependencies:
-    "7zip-bin" "~5.1.1"
-    "@develar/schema-utils" "~2.6.5"
-    "@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.6.0"
-    builder-util-runtime "9.1.1"
-    chromium-pickle-js "^0.2.0"
-    debug "^4.3.4"
-    ejs "^3.1.7"
-    electron-osx-sign "^0.6.0"
-    electron-publish "23.6.0"
-    form-data "^4.0.0"
-    fs-extra "^10.1.0"
-    hosted-git-info "^4.1.0"
-    is-ci "^3.0.0"
-    isbinaryfile "^4.0.10"
-    js-yaml "^4.1.0"
-    lazy-val "^1.0.5"
-    minimatch "^3.1.2"
-    read-config-file "6.2.0"
-    sanitize-filename "^1.6.3"
-    semver "^7.3.7"
-    tar "^6.1.11"
-    temp-file "^3.4.0"
-
 "aproba@^1.0.3 || ^2.0.0", 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==
 
-arch@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
-  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
-
-archive-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/archive-type/-/archive-type-4.0.0.tgz#f92e72233056dfc6969472749c267bdb046b1d70"
-  integrity sha512-zV4Ky0v1F8dBrdYElwTvQhweQ0P7Kwc1aluqJsYtOBP01jXcWCyW2IEfI1YiqsG+Iy7ZR+o5LF1N+PGECBxHWA==
-  dependencies:
-    file-type "^4.2.0"
-
-archy@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40"
-  integrity sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==
-
 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==
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz#679df222b278c64f2cdba1175cdc00b0d96164bd"
+  integrity sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==
   dependencies:
     delegates "^1.0.0"
     readable-stream "^3.6.0"
 
-arg@^4.1.0:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
-  integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
-
-arg@^5.0.2:
-  version "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.10, argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -3329,166 +1234,60 @@ argparse@^2.0.1:
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
-aria-query@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.2.2.tgz#0d2ca6c9aceb56b8977e9fed6aed7e15bbd2f83b"
-  integrity sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==
-  dependencies:
-    "@babel/runtime" "^7.10.2"
-    "@babel/runtime-corejs3" "^7.10.2"
+array-differ@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-3.0.0.tgz#3cbb3d0f316810eafcc47624734237d6aee4ae6b"
+  integrity sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==
 
-aria-query@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.0.0.tgz#210c21aaf469613ee8c9a62c7f86525e058db52c"
-  integrity sha512-V+SM7AbUwJ+EBnB8+DXs0hPZHO0W6pqBcc0dW90OwtVG02PswOu/teuARoLQjdDOH+t9pJgGnW5/Qmouf3gPJg==
-
-array-back@^3.0.1, array-back@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/array-back/-/array-back-3.1.0.tgz#b8859d7a508871c9a7b2cf42f99428f65e96bfb0"
-  integrity sha512-TkuxA4UCOvxuDK6NZYXCalszEzj+TLszyASooky+i742l9TqsOdYCMJJupxRic61hwquNtppB3hgcuq9SVSH1Q==
-
-array-flatten@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
-  integrity sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=
-
-array-flatten@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
-  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
-
-array-includes@^3.1.4, array-includes@^3.1.6:
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.6.tgz#9e9e720e194f198266ba9e18c29e6a9b0e4b225f"
-  integrity sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    get-intrinsic "^1.1.3"
-    is-string "^1.0.7"
+array-ify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-ify/-/array-ify-1.0.0.tgz#9e528762b4a9066ad163a6962a364418e9626ece"
+  integrity sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==
 
 array-union@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-array.prototype.flat@^1.2.5:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.0.tgz#0b0c1567bf57b38b56b4c97b8aa72ab45e4adc7b"
-  integrity sha512-12IUEkHsAhA4DY5s0FPgNXIdc8VRSqD9Zp78a5au9abH/SOBrsp082JOWFNTjkMozh8mqcdiKuaLGhPeYztxSw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.2"
-    es-shim-unscopables "^1.0.0"
+arrify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
+  integrity sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==
 
-array.prototype.flatmap@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz#1aae7903c2100433cb8261cd4ed310aab5c4a183"
-  integrity sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-shim-unscopables "^1.0.0"
-
-array.prototype.tosorted@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz#ccf44738aa2b5ac56578ffda97c03fd3e23dd532"
-  integrity sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-shim-unscopables "^1.0.0"
-    get-intrinsic "^1.1.3"
+arrify@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
+  integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
 
 asap@^2.0.0:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
-
-asar@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/asar/-/asar-3.1.0.tgz#70b0509449fe3daccc63beb4d3c7d2e24d3c6473"
-  integrity sha512-vyxPxP5arcAqN4F/ebHd/HhwnAiZtwhglvdmc7BR2f0ywbVNTOpSeyhLDbGXtE/y58hv1oC75TaNIXutnsOZsQ==
-  dependencies:
-    chromium-pickle-js "^0.2.0"
-    commander "^5.0.0"
-    glob "^7.1.6"
-    minimatch "^3.0.4"
-  optionalDependencies:
-    "@types/glob" "^7.1.1"
-
-asn1@~0.2.3:
-  version "0.2.6"
-  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d"
-  integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==
-  dependencies:
-    safer-buffer "~2.1.0"
-
-assert-plus@1.0.0, assert-plus@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
-  integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
+  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
 
 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"
-  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
-
-async-exit-hook@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/async-exit-hook/-/async-exit-hook-2.0.1.tgz#8bd8b024b0ec9b1c01cccb9af9db29bd717dfaf3"
-  integrity sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==
-
 async@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/async/-/async-3.2.3.tgz#ac53dafd3f4720ee9e8a160628f18ea91df196c9"
-  integrity sha512-spZRyzKL5l5BZQrr/6m/SqFdBN0q3OCI0f9rjfBzCMBIP4p75P620rR3gTmaksNOhmzgdxcaxdNfMy6anrbM0g==
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.4.tgz#2d22e00f8cddeb5fde5dd33522b56d1cf569a81c"
+  integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
 
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
 at-least-node@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
-atob@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
-  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
-
-atomically@^1.3.1:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/atomically/-/atomically-1.7.0.tgz#c07a0458432ea6dbc9a3506fffa424b48bccaafe"
-  integrity sha512-Xcz9l0z7y9yQ9rdDaxlmaI4uJHf/T8g9hOEzJcsEqX2SjCj4J20uK7+ldkDHMbpJDK76wF7xEIgxc/vSlsfw5w==
-
-auto-bind@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/auto-bind/-/auto-bind-2.1.1.tgz#8ae509671ecdfbd5009fc99b0f19ae9c3a2abf50"
-  integrity sha512-NUwV1i9D3vxxY1KnfZgSZ716d6ovY7o8LfOwLhGIPFBowIb6Ln6DBW64+jCqPzUznel2hRSkQnYQqvh7/ldw8A==
-  dependencies:
-    "@types/react" "^16.8.12"
-
-auto-bind@^4.0.0:
-  version "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==
+  version "3.16.2"
+  resolved "https://registry.yarnpkg.com/autolinker/-/autolinker-3.16.2.tgz#6bb4f32432fc111b65659336863e653973bfbcc9"
+  integrity sha512-JiYl7j2Z19F9NdTmirENSUUIIL/9MytEWtmzhfmsKPCp9E+G35Y0UNCMoM9tFigxT59qSc8Ml2dlZXOCVTYwuA==
   dependencies:
     tslib "^2.3.0"
 
@@ -3499,131 +1298,31 @@ autolinker@~0.28.0:
   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"
-  integrity sha512-aDczADvlvTGajTDjcjpJMqRkOF6Qdz3YbPZm/PyW6tKPkx2hlYBzxMhEywM/tU72HrVZjgl5VCdRuMlA7pZ8Gw==
-
-aws-sign2@~0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
-  integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
-
-aws4@^1.8.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
-  integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
-
-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==
+axios@^1.0.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.2.2.tgz#72681724c6e6a43a9fea860fc558127dbe32f9f1"
+  integrity sha512-bz/J4gS2S3I7mpN/YZfGFTqhXTYzRho8Ay38w2otuuDR322KzFIWm/4W2K6gIwvWaws5n+mnb7D1lN9uD+QH6Q==
   dependencies:
-    "@jest/transform" "^28.1.3"
-    "@types/babel__core" "^7.1.14"
-    babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^28.1.3"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    slash "^3.0.0"
-
-babel-plugin-istanbul@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
-  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@istanbuljs/load-nyc-config" "^1.0.0"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-instrument "^5.0.4"
-    test-exclude "^6.0.0"
-
-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"
-    "@types/babel__core" "^7.1.14"
-    "@types/babel__traverse" "^7.0.6"
-
-babel-plugin-macros@^2.6.1:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz#0f958a7cc6556b1e65344465d99111a1e5e10138"
-  integrity sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==
-  dependencies:
-    "@babel/runtime" "^7.7.2"
-    cosmiconfig "^6.0.0"
-    resolve "^1.12.0"
-
-babel-preset-current-node-syntax@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
-  integrity sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==
-  dependencies:
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-bigint" "^7.8.3"
-    "@babel/plugin-syntax-class-properties" "^7.8.3"
-    "@babel/plugin-syntax-import-meta" "^7.8.3"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-top-level-await" "^7.8.3"
-
-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.3"
-    babel-preset-current-node-syntax "^1.0.0"
+    follow-redirects "^1.15.0"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
 
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
-base64-js@^1.3.1, base64-js@^1.5.1:
+base64-js@^1.3.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
-batch@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
-  integrity sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=
+before-after-hook@^2.2.0:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-2.2.3.tgz#c51e809c81a4e354084422b9b26bad88249c517c"
+  integrity sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==
 
-bcrypt-pbkdf@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
-  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
-  dependencies:
-    tweetnacl "^0.14.3"
-
-big.js@^3.1.3:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
-  integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==
-
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
-bin-check@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/bin-check/-/bin-check-4.1.0.tgz#fc495970bdc88bb1d5a35fc17e65c4a149fc4a49"
-  integrity sha512-b6weQyEUKsDGFlACWSIOfveEnImkJyK/FGW6FAG42loyoquvjdtOIqO6yBFzHyqyVVhNgNkQxxx09SFLK28YnA==
-  dependencies:
-    execa "^0.7.0"
-    executable "^4.1.0"
-
-bin-links@^3.0.3:
+bin-links@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-3.0.3.tgz#3842711ef3db2cd9f16a5f404a996a12db355a6e"
   integrity sha512-zKdnMPWEdh4F5INR07/eBrodC7QrF5JKvqskjz/ZZRXg5YSAZIbn8zGhbhUrElzHBZ2fvEQdOU59RHcTG3GiwA==
@@ -3635,49 +1334,12 @@ bin-links@^3.0.3:
     rimraf "^3.0.0"
     write-file-atomic "^4.0.0"
 
-bin-version-check@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/bin-version-check/-/bin-version-check-4.0.0.tgz#7d819c62496991f80d893e6e02a3032361608f71"
-  integrity sha512-sR631OrhC+1f8Cvs8WyVWOA33Y8tgwjETNPyyD/myRBXLkfS/vl74FmH/lFcRl9KY3zwGh7jFhvyk9vV3/3ilQ==
-  dependencies:
-    bin-version "^3.0.0"
-    semver "^5.6.0"
-    semver-truncate "^1.1.2"
-
-bin-version@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/bin-version/-/bin-version-3.1.0.tgz#5b09eb280752b1bd28f0c9db3f96f2f43b6c0839"
-  integrity sha512-Mkfm4iE1VFt4xd4vH+gx+0/71esbfus2LsnCGe8Pi4mndSPyT+NGES/Eg99jx8/lUGWfu3z2yuB/bt5UB+iVbQ==
-  dependencies:
-    execa "^1.0.0"
-    find-versions "^3.0.0"
-
-bin-wrapper@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/bin-wrapper/-/bin-wrapper-4.1.0.tgz#99348f2cf85031e3ef7efce7e5300aeaae960605"
-  integrity sha512-hfRmo7hWIXPkbpi0ZltboCMVrU+0ClXR/JgbCKKjlDjQf6igXa7OwdqNcFWQZPZTgiY7ZpzE3+LjjkLiTN2T7Q==
-  dependencies:
-    bin-check "^4.1.0"
-    bin-version-check "^4.0.0"
-    download "^7.1.0"
-    import-lazy "^3.1.0"
-    os-filter-obj "^2.0.0"
-    pify "^4.0.1"
-
-binary-extensions@^2.0.0, binary-extensions@^2.2.0:
+binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
-bl@^1.0.0:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-1.2.3.tgz#1e8dd80142eac80d7158c9dccc047fb620e035e7"
-  integrity sha512-pvcNpa0UU69UT341rO6AYy4FVAIkUHuZXRIWbq+zHnsVcRzDDjIAhGuuYoi0d//cwIwtt4pkpKycWEfjdV+vww==
-  dependencies:
-    readable-stream "^2.3.5"
-    safe-buffer "^5.1.1"
-
-bl@^4.0.3:
+bl@^4.0.3, bl@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
   integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
@@ -3686,56 +1348,6 @@ bl@^4.0.3:
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
-bluebird-lst@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/bluebird-lst/-/bluebird-lst-1.0.9.tgz#a64a0e4365658b9ab5fe875eb9dfb694189bb41c"
-  integrity sha512-7B1Rtx82hjnSD4PGLAjVWeYH3tHAcVUmChh85a3lltKQm6FresXh9ErQo6oAv6CqxttczC3/kEg8SY5NluPuUw==
-  dependencies:
-    bluebird "^3.5.5"
-
-bluebird@^3.4.7, bluebird@^3.5.0, bluebird@^3.5.5, bluebird@^3.7.2:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
-  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
-
-body-parser@1.20.0:
-  version "1.20.0"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.0.tgz#3de69bd89011c11573d7bfee6a64f11b6bd27cc5"
-  integrity sha512-DfJ+q6EPcGKZD1QWUjSpqp+Q7bDQTsQIF4zfUAtZ6qk+H/3/QRhg9CEp39ss+/T2vw0+HaidC0ecJj/DRLIaKg==
-  dependencies:
-    bytes "3.1.2"
-    content-type "~1.0.4"
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    on-finished "2.4.1"
-    qs "6.10.3"
-    raw-body "2.5.1"
-    type-is "~1.6.18"
-    unpipe "1.0.0"
-
-bonjour-service@^1.0.11:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.0.12.tgz#28fbd4683f5f2e36feedb833e24ba661cac960c3"
-  integrity sha512-pMmguXYCu63Ug37DluMKEHdxc+aaIf/ay4YbF8Gxtba+9d3u+rmEWy61VK3Z3hp8Rskok3BunHYnG0dUHAsblw==
-  dependencies:
-    array-flatten "^2.1.2"
-    dns-equal "^1.0.0"
-    fast-deep-equal "^3.1.3"
-    multicast-dns "^7.2.4"
-
-boolbase@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
-
-boolean@^3.0.1:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.2.0.tgz#9e5294af4e98314494cbb17979fa54ca159f116b"
-  integrity sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -3758,70 +1370,12 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browser-process-hrtime@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
-browserify-zlib@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
-  integrity sha1-uzX4pRn2AOD6a4SFJByXnQFB+y0=
-  dependencies:
-    pako "~0.2.0"
-
-browserslist@^4.14.5, browserslist@^4.20.2:
-  version "4.20.3"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.3.tgz#eb7572f49ec430e054f56d52ff0ebe9be915f8bf"
-  integrity sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==
-  dependencies:
-    caniuse-lite "^1.0.30001332"
-    electron-to-chromium "^1.4.118"
-    escalade "^3.1.1"
-    node-releases "^2.0.3"
-    picocolors "^1.0.0"
-
-bser@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
-  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
-  dependencies:
-    node-int64 "^0.4.0"
-
-buffer-alloc-unsafe@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
-  integrity sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==
-
-buffer-alloc@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/buffer-alloc/-/buffer-alloc-1.2.0.tgz#890dd90d923a873e08e10e5fd51a57e5b7cce0ec"
-  integrity sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==
-  dependencies:
-    buffer-alloc-unsafe "^1.1.0"
-    buffer-fill "^1.0.0"
-
-buffer-crc32@~0.2.3:
-  version "0.2.13"
-  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
-  integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
-
-buffer-equal@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-1.0.0.tgz#59616b498304d556abd466966b22eeda3eca5fbe"
-  integrity sha1-WWFrSYME1Var1GaWayLu2j7KX74=
-
-buffer-fill@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
-  integrity sha1-+PeLdniYiO858gXNY39o5wISKyw=
-
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
-buffer@^5.1.0, buffer@^5.2.1, buffer@^5.5.0:
+buffer@^5.5.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
   integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
@@ -3829,44 +1383,10 @@ buffer@^5.1.0, buffer@^5.2.1, buffer@^5.5.0:
     base64-js "^1.3.1"
     ieee754 "^1.1.13"
 
-builder-util-runtime@8.9.2:
-  version "8.9.2"
-  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-8.9.2.tgz#a9669ae5b5dcabfe411ded26678e7ae997246c28"
-  integrity sha512-rhuKm5vh7E0aAmT6i8aoSfEjxzdYEFX7zDApK+eNgOhjofnWb74d9SRJv0H/8nsgOkos0TZ4zxW0P8J4N7xQ2A==
-  dependencies:
-    debug "^4.3.2"
-    sax "^1.2.4"
-
-builder-util-runtime@9.1.1:
-  version "9.1.1"
-  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.1.1.tgz#2da7b34e78a64ad14ccd070d6eed4662d893bd60"
-  integrity sha512-azRhYLEoDvRDR8Dhis4JatELC/jUvYjm4cVSj7n9dauGTOM2eeNn9KS0z6YA6oDsjI1xphjNbY6PZZeHPzzqaw==
-  dependencies:
-    debug "^4.3.4"
-    sax "^1.2.4"
-
-builder-util@23.6.0:
-  version "23.6.0"
-  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-23.6.0.tgz#1880ec6da7da3fd6fa19b8bd71df7f39e8d17dd9"
-  integrity sha512-QiQHweYsh8o+U/KNCZFSvISRnvRctb8m/2rB2I1JdByzvNKxPeFLlHFRPQRXab6aYeXc18j9LpsDLJ3sGQmWTQ==
-  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.1.1"
-    chalk "^4.1.1"
-    cross-spawn "^7.0.3"
-    debug "^4.3.4"
-    fs-extra "^10.0.0"
-    http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.0"
-    is-ci "^3.0.0"
-    js-yaml "^4.1.0"
-    source-map-support "^0.5.19"
-    stat-mode "^1.0.0"
-    temp-file "^3.4.0"
+builtins@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/builtins/-/builtins-1.0.3.tgz#cb94faeb61c8696451db36534e1422f94f0aee88"
+  integrity sha512-uYBjakWipfaO/bXI7E8rq6kpwHRZK5cNYrUv2OzZSI/FvmdMyXJ2tG9dKcjEC5YHmHpUAwsargWIZNWdxb/bnQ==
 
 builtins@^5.0.0:
   version "5.0.1"
@@ -3875,46 +1395,12 @@ builtins@^5.0.0:
   dependencies:
     semver "^7.0.0"
 
-byline@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/byline/-/byline-5.0.0.tgz#741c5216468eadc457b03410118ad77de8c1ddb1"
-  integrity sha1-dBxSFkaOrcRXsDQQEYrXfejB3bE=
+byte-size@^7.0.0:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/byte-size/-/byte-size-7.0.1.tgz#b1daf3386de7ab9d706b941a748dbfc71130dee3"
+  integrity sha512-crQdqyCwhokxwV1UyDzLZanhkugAgft7vt0qbbdt60C6Zf3CAiGmtUCylbtYwrU6loOUw3euGrNtW1J651ot1A==
 
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
-  integrity sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=
-
-bytes@3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
-  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
-
-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"
-
-cacache@^16.0.0, cacache@^16.1.0, cacache@^16.1.3:
+cacache@^16.0.0, cacache@^16.0.6, cacache@^16.1.0:
   version "16.1.3"
   resolved "https://registry.yarnpkg.com/cacache/-/cacache-16.1.3.tgz#a02b9f34ecfaf9a78c9f4bc16fceb94d5d67a38e"
   integrity sha512-/+Emcj9DAXxX4cwlLmRI9c166RuL3w30zp4R7Joiv2cQTtTtA+jeuCAjH3ZlGnYS3tKENSrKhAzVVP9GVyzeYQ==
@@ -3938,105 +1424,32 @@ cacache@^16.0.0, cacache@^16.1.0, cacache@^16.1.3:
     tar "^6.1.11"
     unique-filename "^2.0.0"
 
-cacheable-lookup@^5.0.3:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz#5a6b865b2c44357be3d5ebc2a467b032719a7005"
-  integrity sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==
-
-cacheable-request@^2.1.1:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-2.1.4.tgz#0d808801b6342ad33c91df9d0b44dc09b91e5c3d"
-  integrity sha512-vag0O2LKZ/najSoUwDbVlnlCFvhBE/7mGTY2B5FgCBDcRD+oVV1HYTOwM6JZfMg/hIcM6IwnTZ1uQQL5/X3xIQ==
-  dependencies:
-    clone-response "1.0.2"
-    get-stream "3.0.0"
-    http-cache-semantics "3.8.1"
-    keyv "3.0.0"
-    lowercase-keys "1.0.0"
-    normalize-url "2.0.1"
-    responselike "1.0.2"
-
-cacheable-request@^6.0.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-6.1.0.tgz#20ffb8bd162ba4be11e9567d823db651052ca912"
-  integrity sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==
-  dependencies:
-    clone-response "^1.0.2"
-    get-stream "^5.1.0"
-    http-cache-semantics "^4.0.0"
-    keyv "^3.0.0"
-    lowercase-keys "^2.0.0"
-    normalize-url "^4.1.0"
-    responselike "^1.0.2"
-
-cacheable-request@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-7.0.2.tgz#ea0d0b889364a25854757301ca12b2da77f91d27"
-  integrity sha512-pouW8/FmiPQbuGpkXQ9BAPv/Mo5xDGANgSNXzTzJ8DrKGuXOssM4wIQRjfanNRh3Yu5cfYPvcorqbhg2KIJtew==
-  dependencies:
-    clone-response "^1.0.2"
-    get-stream "^5.1.0"
-    http-cache-semantics "^4.0.0"
-    keyv "^4.0.0"
-    lowercase-keys "^2.0.0"
-    normalize-url "^6.0.1"
-    responselike "^2.0.0"
-
-call-bind@^1.0.0, call-bind@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
-  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
-  dependencies:
-    function-bind "^1.1.1"
-    get-intrinsic "^1.0.2"
-
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camel-case@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
-  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+camelcase-keys@^6.2.2:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz#5e755d6ba51aa223ec7d3d52f25778210f9dc3c0"
+  integrity sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==
   dependencies:
-    pascal-case "^3.1.2"
-    tslib "^2.0.3"
-
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+    camelcase "^5.3.1"
+    map-obj "^4.0.0"
+    quick-lru "^4.0.1"
 
 camelcase@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^6.2.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
-  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
-
-caniuse-lite@^1.0.30001332:
-  version "1.0.30001339"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001339.tgz#f9aece4ea8156071613b27791547ba0b33f176cf"
-  integrity sha512-Es8PiVqCe+uXdms0Gu5xP5PF2bxLR7OBp3wUzUnuO7OHzhOfCyg3hdiGWVPVxhiuniOzng+hTc1u3fEQ0TlkSQ==
-
-caseless@~0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
-
-caw@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/caw/-/caw-2.0.1.tgz#6c3ca071fc194720883c2dc5da9b074bfc7e9e95"
-  integrity sha512-Cg8/ZSBEa8ZVY9HspcGUYaK63d/bN7rqS3CYCzEGUxuYv6UlmcjzDUz2fCFFHyTvUW5Pk0I+3hkA3iXlIj6guA==
+chalk@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
+  integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
   dependencies:
-    get-proxy "^2.0.0"
-    isurl "^1.0.0-alpha5"
-    tunnel-agent "^0.6.0"
-    url-to-options "^1.0.1"
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
 
 chalk@^1.1.3:
   version "1.1.3"
@@ -4049,7 +1462,7 @@ chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
-chalk@^2.0.0, chalk@^2.4.1:
+chalk@^2.0.0:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -4058,15 +1471,7 @@ chalk@^2.0.0, chalk@^2.4.1:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
-  integrity sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
+chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.1:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -4074,40 +1479,12 @@ chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-char-regex@^1.0.2:
-  version "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"
-  integrity sha512-B07aAzxcrikjAPyV+01j7BmOpxtQETxTSlQ26BEYJ+3iUkbNKaOJ/nDbT6JjyqYxseM0ON12COHYdU2cTIjC7A==
-  dependencies:
-    chartjs-color "^2.1.0"
-    moment "^2.10.2"
-
-chartjs-color-string@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/chartjs-color-string/-/chartjs-color-string-0.6.0.tgz#1df096621c0e70720a64f4135ea171d051402f71"
-  integrity sha512-TIB5OKn1hPJvO7JcteW4WY/63v6KwEdt6udfnDE9iCAZgy+V4SrbSxoIbTw/xkUIapjEI4ExGtD0+6D3KyFd7A==
-  dependencies:
-    color-name "^1.0.0"
-
-chartjs-color@^2.1.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/chartjs-color/-/chartjs-color-2.4.1.tgz#6118bba202fe1ea79dd7f7c0f9da93467296c3b0"
-  integrity sha512-haqOg1+Yebys/Ts/9bLo/BqUcONQOdr/hoEr2LLTRl6C5LXctUdHxsCYfvQVg5JIxITrfCNUDr4ntqmQk9+/0w==
-  dependencies:
-    chartjs-color-string "^0.6.0"
-    color-convert "^1.9.3"
-
-"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.2, chokidar@^3.5.3:
+chokidar@^3.5.1:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -4132,37 +1509,10 @@ chownr@^2.0.0:
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
   integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
 
-chrome-trace-event@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
-  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
-
-chromium-pickle-js@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/chromium-pickle-js/-/chromium-pickle-js-0.2.0.tgz#04a106672c18b085ab774d983dfa3ea138f22205"
-  integrity sha1-BKEGZywYsIWrd02YPfo+oTjyIgU=
-
-ci-info@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.0.tgz#b4ed1fb6818dea4803a55c623041f9165d2066b2"
-  integrity sha512-riT/3vI5YpVH6/qomlDnJow6TBee2PBKSEpx3O32EGPYbWGIRsIlGRms3Sm74wYE1JMo8RnO04Hb12+v1J5ICw==
-
-cidr-regex@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/cidr-regex/-/cidr-regex-3.1.1.tgz#ba1972c57c66f61875f18fd7dd487469770b571d"
-  integrity sha512-RBqYd32aDwbCMFJRL6wHOlDNYJsPNTt8vC82ErHF5vKt8QQzxm1FrkW8s/R5pVrXMf17sba09Uoy91PKiddAsw==
-  dependencies:
-    ip-regex "^4.1.0"
-
-circular-dependency-plugin@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/circular-dependency-plugin/-/circular-dependency-plugin-5.2.2.tgz#39e836079db1d3cf2f988dc48c5188a44058b600"
-  integrity sha512-g38K9Cm5WRwlaH6g03B9OEz/0qRizI+2I7n+Gz+L5DxXJAPAiWQvwlYNm1V1jkdpUv95bOe/ASm2vfi/G560jQ==
-
-cjs-module-lexer@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
-  integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
+ci-info@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
+  integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
 clap@^1.1.3:
   version "1.2.3"
@@ -4171,62 +1521,42 @@ clap@^1.1.3:
   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"
-  integrity sha512-YYuuxv4H/iNb1Z/5IbMRoxgrzjWGhOEFfd+groZ5dMCVkpENiMZmwspdrzBo9286JjM1gZJPAyL7ZIdzuvu2AQ==
-  dependencies:
-    source-map "~0.6.0"
-
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
   integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
 
-cli-columns@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cli-columns/-/cli-columns-4.0.0.tgz#9fe4d65975238d55218c41bd2ed296a7fa555646"
-  integrity sha512-XW2Vg+w+L9on9wtwKpyzluIPCWXjaBahI7mTcYjx+BVIYD9c3yqcv/yKC7CmdCZat4rq2yiE1UMSJC5ivKfMtQ==
-  dependencies:
-    string-width "^4.2.3"
-    strip-ansi "^6.0.1"
-
-cli-cursor@^3.1.0:
+cli-cursor@3.1.0, 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"
+cli-spinners@2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.6.1.tgz#adc954ebe281c37a6319bfa401e6dd2488ffb70d"
+  integrity sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==
 
-cli-table3@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.2.tgz#aaf5df9d8b5bf12634dc8b3040806a0c07120d2a"
-  integrity sha512-QyavHCaIC80cMivimWu4aWHilIpiDpfm3hGmqAmXVL1UsnbLuBSMd21hTX6VY4ZSDSM73ESLeF8TOYId3rBTbw==
-  dependencies:
-    string-width "^4.2.0"
-  optionalDependencies:
-    "@colors/colors" "1.5.0"
-
-cli-truncate@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
-  integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
-  dependencies:
-    slice-ansi "^3.0.0"
-    string-width "^4.2.0"
+cli-spinners@^2.5.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.7.0.tgz#f815fd30b5f9eaac02db604c7a231ed7cb2f797a"
+  integrity sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw==
 
 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@^7.0.2:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
+  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^7.0.0"
+
 cliui@^8.0.1:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
@@ -4245,22 +1575,10 @@ clone-deep@^4.0.1:
     kind-of "^6.0.2"
     shallow-clone "^3.0.0"
 
-clone-response@1.0.2, clone-response@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b"
-  integrity sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=
-  dependencies:
-    mimic-response "^1.0.0"
-
 clone@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
-  integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
-
-clsx@^1.0.4:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.1.1.tgz#98b3134f9abbdf23b2663491ace13c5c03a73188"
-  integrity sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==
+  integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
 cmd-shim@^5.0.0:
   version "5.0.0"
@@ -4269,22 +1587,12 @@ cmd-shim@^5.0.0:
   dependencies:
     mkdirp-infer-owner "^2.0.0"
 
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
-
 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"
-  integrity sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==
-
-color-convert@^1.9.0, color-convert@^1.9.3:
+color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
@@ -4301,14 +1609,14 @@ color-convert@^2.0.1:
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
-color-name@^1.0.0, color-name@^1.1.4, color-name@~1.1.4:
+color-name@^1.0.0, color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-color-string@^1.6.0, color-string@^1.9.0:
+color-string@^1.9.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
   integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
@@ -4321,14 +1629,6 @@ color-support@^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"
-  integrity sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==
-  dependencies:
-    color-convert "^1.9.3"
-    color-string "^1.6.0"
-
 color@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"
@@ -4337,29 +1637,11 @@ color@^4.2.3:
     color-convert "^2.0.1"
     color-string "^1.9.0"
 
-colorette@^2.0.10, colorette@^2.0.14:
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.16.tgz#713b9af84fdb000139f04546bd4a93f62a5085da"
-  integrity sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==
-
-colors@1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
-  integrity sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs=
-
 colors@^1.3.3:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.4.0.tgz#c50491479d4c1bdaed2c9ced32cf7c7dc2360f78"
   integrity sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==
 
-colorspace@1.1.x:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/colorspace/-/colorspace-1.1.4.tgz#8d442d1186152f60453bf8070cd66eb364e59243"
-  integrity sha512-BgvKJiuVu1igBUF2kEjRCZXol6wiiGbY5ipL/oVPwm0BL9sIpMIzM8IK7vwuxIIzOXMV3Ey5w+vxhm0rR/TN8w==
-  dependencies:
-    color "^3.1.3"
-    text-hex "1.0.x"
-
 columnify@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/columnify/-/columnify-1.6.0.tgz#6989531713c9008bb29735e61e37acf5bd553cf3"
@@ -4368,99 +1650,37 @@ columnify@^1.6.0:
     strip-ansi "^6.0.1"
     wcwidth "^1.0.0"
 
-combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
+combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
   dependencies:
     delayed-stream "~1.0.0"
 
-command-line-args@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/command-line-args/-/command-line-args-5.2.1.tgz#c44c32e437a57d7c51157696893c5909e9cec42e"
-  integrity sha512-H4UfQhZyakIjC74I9d34fGYDwk3XpSr17QhEd0Q3I9Xq1CETHo4Hcuo87WyWHpAF1aSLjLRf5lD9ZGX2qStUvg==
-  dependencies:
-    array-back "^3.1.0"
-    find-replace "^3.0.0"
-    lodash.camelcase "^4.3.0"
-    typical "^4.0.0"
-
-commander@2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
-  integrity sha1-nJkJQXbhIkDLItbFFGCYQA/g99Q=
-  dependencies:
-    graceful-readlink ">= 1.0.0"
-
-commander@^2.20.0, commander@^2.8.1:
-  version "2.20.3"
-  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.1.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.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==
-
-commander@^8.3.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
-  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
-
 common-ancestor-path@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz#4f7d2d1394d91b7abdf51871c62f71eadb0182a7"
   integrity sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==
 
-common-path-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
-  integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
-
-compare-version@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/compare-version/-/compare-version-0.1.2.tgz#0162ec2d9351f5ddd59a9202cba935366a725080"
-  integrity sha1-AWLsLZNR9d3VmpICy6k1NmpyUIA=
-
-compress-brotli@^1.3.8:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/compress-brotli/-/compress-brotli-1.3.8.tgz#0c0a60c97a989145314ec381e84e26682e7b38db"
-  integrity sha512-lVcQsjhxhIXsuupfy9fmZUFtAIdBmXA7EGY6GBdgZ++qkM9zG4YFT8iU7FoBxzryNDMOpD1HIFHUSX4D87oqhQ==
+compare-func@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/compare-func/-/compare-func-2.0.0.tgz#fb65e75edbddfd2e568554e8b5b05fff7a51fcb3"
+  integrity sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==
   dependencies:
-    "@types/json-buffer" "~3.0.0"
-    json-buffer "~3.0.1"
-
-compressible@~2.0.16:
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
-  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
-  dependencies:
-    mime-db ">= 1.43.0 < 2"
-
-compression@^1.7.4:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
-  dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
-    debug "2.6.9"
-    on-headers "~1.0.2"
-    safe-buffer "5.1.2"
-    vary "~1.1.2"
+    array-ify "^1.0.0"
+    dot-prop "^5.1.0"
 
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
-concat-stream@^1.5.2, concat-stream@^1.6.2:
+concat-stream@^1.5.2:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
   integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
@@ -4470,6 +1690,16 @@ concat-stream@^1.5.2, concat-stream@^1.6.2:
     readable-stream "^2.2.2"
     typedarray "^0.0.6"
 
+concat-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-2.0.0.tgz#414cf5af790a48c60ab9be4527d56d5e41133cb1"
+  integrity sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.0.2"
+    typedarray "^0.0.6"
+
 concat-with-sourcemaps@*:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz#d4ea93f05ae25790951b99e7b3b09e3908a4082e"
@@ -4477,38 +1707,7 @@ concat-with-sourcemaps@*:
   dependencies:
     source-map "^0.6.1"
 
-concurrently@^7.6.0:
-  version "7.6.0"
-  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-7.6.0.tgz#531a6f5f30cf616f355a4afb8f8fcb2bba65a49a"
-  integrity sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==
-  dependencies:
-    chalk "^4.1.0"
-    date-fns "^2.29.1"
-    lodash "^4.17.21"
-    rxjs "^7.0.0"
-    shell-quote "^1.7.3"
-    spawn-command "^0.0.2-1"
-    supports-color "^8.1.0"
-    tree-kill "^1.2.2"
-    yargs "^17.3.1"
-
-conf@^7.1.2:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/conf/-/conf-7.1.2.tgz#d9678a9d8f04de8bf5cd475105da8fdae49c2ec4"
-  integrity sha512-r8/HEoWPFn4CztjhMJaWNAe5n+gPUCSaJ0oufbqDLFKsA1V8JjAG7G+p0pgoDFAws9Bpk2VtVLLXqOBA7WxLeg==
-  dependencies:
-    ajv "^6.12.2"
-    atomically "^1.3.1"
-    debounce-fn "^4.0.0"
-    dot-prop "^5.2.0"
-    env-paths "^2.2.0"
-    json-schema-typed "^7.0.3"
-    make-dir "^3.1.0"
-    onetime "^5.1.0"
-    pkg-up "^3.1.0"
-    semver "^7.3.2"
-
-config-chain@^1.1.11:
+config-chain@^1.1.12:
   version "1.1.13"
   resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
   integrity sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==
@@ -4516,87 +1715,102 @@ config-chain@^1.1.11:
     ini "^1.3.4"
     proto-list "~1.2.1"
 
-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.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
-  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
+  integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==
 
-content-disposition@0.5.4, content-disposition@^0.5.2:
-  version "0.5.4"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
-  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+conventional-changelog-angular@^5.0.12:
+  version "5.0.13"
+  resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz#896885d63b914a70d4934b59d2fe7bde1832b28c"
+  integrity sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA==
   dependencies:
-    safe-buffer "5.2.1"
+    compare-func "^2.0.0"
+    q "^1.5.1"
 
-content-type@~1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
-  integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
-
-convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369"
-  integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==
+conventional-changelog-core@^4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/conventional-changelog-core/-/conventional-changelog-core-4.2.4.tgz#e50d047e8ebacf63fac3dc67bf918177001e1e9f"
+  integrity sha512-gDVS+zVJHE2v4SLc6B0sLsPiloR0ygU7HaDW14aNJE1v4SlqJPILPl/aJC7YdtRE4CybBf8gDwObBvKha8Xlyg==
   dependencies:
-    safe-buffer "~5.1.1"
+    add-stream "^1.0.0"
+    conventional-changelog-writer "^5.0.0"
+    conventional-commits-parser "^3.2.0"
+    dateformat "^3.0.0"
+    get-pkg-repo "^4.0.0"
+    git-raw-commits "^2.0.8"
+    git-remote-origin-url "^2.0.0"
+    git-semver-tags "^4.1.1"
+    lodash "^4.17.15"
+    normalize-package-data "^3.0.0"
+    q "^1.5.1"
+    read-pkg "^3.0.0"
+    read-pkg-up "^3.0.0"
+    through2 "^4.0.0"
 
-cookie-signature@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-  integrity sha1-4wOogrNCzD7oylE6eZmXNNqzriw=
+conventional-changelog-preset-loader@^2.3.4:
+  version "2.3.4"
+  resolved "https://registry.yarnpkg.com/conventional-changelog-preset-loader/-/conventional-changelog-preset-loader-2.3.4.tgz#14a855abbffd59027fd602581f1f34d9862ea44c"
+  integrity sha512-GEKRWkrSAZeTq5+YjUZOYxdHq+ci4dNwHvpaBC3+ENalzFWuCWa9EZXSuZBpkr72sMdKB+1fyDV4takK1Lf58g==
 
-cookie@0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
-  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
-
-cookie@^0.4.1:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.2.tgz#0e41f24de5ecf317947c82fc789e06a884824432"
-  integrity sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==
-
-copy-anything@^2.0.1:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/copy-anything/-/copy-anything-2.0.6.tgz#092454ea9584a7b7ad5573062b2a87f5900fc480"
-  integrity sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==
+conventional-changelog-writer@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/conventional-changelog-writer/-/conventional-changelog-writer-5.0.1.tgz#e0757072f045fe03d91da6343c843029e702f359"
+  integrity sha512-5WsuKUfxW7suLblAbFnxAcrvf6r+0b7GvNaWUwUIk0bXMnENP/PEieGKVUQrjPqwPT4o3EPAASBXiY6iHooLOQ==
   dependencies:
-    is-what "^3.14.1"
+    conventional-commits-filter "^2.0.7"
+    dateformat "^3.0.0"
+    handlebars "^4.7.7"
+    json-stringify-safe "^5.0.1"
+    lodash "^4.17.15"
+    meow "^8.0.0"
+    semver "^6.0.0"
+    split "^1.0.0"
+    through2 "^4.0.0"
 
-core-js-pure@^3.20.2, core-js-pure@^3.23.3:
-  version "3.25.5"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.25.5.tgz#79716ba54240c6aa9ceba6eee08cf79471ba184d"
-  integrity sha512-oml3M22pHM+igfWHDfdLVq2ShWmjM2V4L+dQEBs0DWVIqEm9WHCwGAlZ6BmyBQGy5sFrJmcx+856D9lVKyGWYg==
+conventional-commits-filter@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/conventional-commits-filter/-/conventional-commits-filter-2.0.7.tgz#f8d9b4f182fce00c9af7139da49365b136c8a0b3"
+  integrity sha512-ASS9SamOP4TbCClsRHxIHXRfcGCnIoQqkvAzCSbZzTFLfcTqJVugB0agRgsEELsqaeWgsXv513eS116wnlSSPA==
+  dependencies:
+    lodash.ismatch "^4.4.0"
+    modify-values "^1.0.0"
 
-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"
-  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+conventional-commits-parser@^3.2.0:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/conventional-commits-parser/-/conventional-commits-parser-3.2.4.tgz#a7d3b77758a202a9b2293d2112a8d8052c740972"
+  integrity sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==
+  dependencies:
+    JSONStream "^1.0.4"
+    is-text-path "^1.0.1"
+    lodash "^4.17.15"
+    meow "^8.0.0"
+    split2 "^3.0.0"
+    through2 "^4.0.0"
+
+conventional-recommended-bump@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/conventional-recommended-bump/-/conventional-recommended-bump-6.1.0.tgz#cfa623285d1de554012f2ffde70d9c8a22231f55"
+  integrity sha512-uiApbSiNGM/kkdL9GTOLAqC4hbptObFo4wW2QRyHsKciGAfQuLU1ShZ1BIVI/+K2BE/W1AWYQMCXAsv4dyKPaw==
+  dependencies:
+    concat-stream "^2.0.0"
+    conventional-changelog-preset-loader "^2.3.4"
+    conventional-commits-filter "^2.0.7"
+    conventional-commits-parser "^3.2.0"
+    git-raw-commits "^2.0.8"
+    git-semver-tags "^4.1.1"
+    meow "^8.0.0"
+    q "^1.5.1"
 
 core-util-is@~1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@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"
-
 cosmiconfig@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
-  integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
   dependencies:
     "@types/parse-json" "^4.0.0"
     import-fresh "^3.2.1"
@@ -4604,39 +1818,7 @@ cosmiconfig@^7.0.0:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
-crc@^3.8.0:
-  version "3.8.0"
-  resolved "https://registry.yarnpkg.com/crc/-/crc-3.8.0.tgz#ad60269c2c856f8c299e2c4cc0de4556914056c6"
-  integrity sha512-iX3mfgcTMIq3ZKLIsVFAbv7+Mc10kxabAGQb8HvjA1o3T1PIYprbakQ65d3I+2HGHt6nSKkM9PYjgoJO2KcFBQ==
-  dependencies:
-    buffer "^5.1.0"
-
-create-require@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
-  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
-
-cross-spawn@^5.0.1:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
-  integrity sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==
-  dependencies:
-    lru-cache "^4.0.1"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
-cross-spawn@^6.0.0:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
-  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
-  dependencies:
-    nice-try "^1.0.4"
-    path-key "^2.0.1"
-    semver "^5.5.0"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
-cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -4645,238 +1827,40 @@ cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-crypto-js@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
-  integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
+dargs@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/dargs/-/dargs-7.0.0.tgz#04015c41de0bcb69ec84050f3d9be0caf8d6d5cc"
+  integrity sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==
 
-crypto-random-string@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
-  integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
+dateformat@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
+  integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
 
-crypto-random-string@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-4.0.0.tgz#5a3cc53d7dd86183df5da0312816ceeeb5bb1fc2"
-  integrity sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==
-  dependencies:
-    type-fest "^1.0.1"
-
-css-box-model@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/css-box-model/-/css-box-model-1.2.1.tgz#59951d3b81fd6b2074a62d49444415b0d2b4d7c1"
-  integrity sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==
-  dependencies:
-    tiny-invariant "^1.0.6"
-
-css-loader@^6.7.3:
-  version "6.7.3"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.3.tgz#1e8799f3ccc5874fdd55461af51137fcc5befbcd"
-  integrity sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==
-  dependencies:
-    icss-utils "^5.1.0"
-    postcss "^8.4.19"
-    postcss-modules-extract-imports "^3.0.0"
-    postcss-modules-local-by-default "^4.0.0"
-    postcss-modules-scope "^3.0.0"
-    postcss-modules-values "^4.0.0"
-    postcss-value-parser "^4.2.0"
-    semver "^7.3.8"
-
-css-parse@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-2.0.0.tgz#a468ee667c16d81ccf05c58c38d2a97c780dbfd4"
-  integrity sha1-pGjuZnwW2BzPBcWMONKpfHgNv9Q=
-  dependencies:
-    css "^2.0.0"
-
-css-select@^4.1.3:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
-  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^6.0.1"
-    domhandler "^4.3.1"
-    domutils "^2.8.0"
-    nth-check "^2.0.1"
-
-css-selector-tokenizer@^0.7.0:
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz#735f26186e67c749aaf275783405cf0661fae8f1"
-  integrity sha512-jWQv3oCEL5kMErj4wRnK/OPoBi0D+P1FR2cDCKYPaMeD2eW3/mttav8HT4hT1CKopiJI/psEULjkClhvJo4Lvg==
-  dependencies:
-    cssesc "^3.0.0"
-    fastparse "^1.1.2"
-
-css-vendor@^2.0.8:
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/css-vendor/-/css-vendor-2.0.8.tgz#e47f91d3bd3117d49180a3c935e62e3d9f7f449d"
-  integrity sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==
-  dependencies:
-    "@babel/runtime" "^7.8.3"
-    is-in-browser "^1.0.2"
-
-css-what@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
-  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
-
-css.escape@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
-  integrity sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s=
-
-css@^2.0.0:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
-  integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
-  dependencies:
-    inherits "^2.0.3"
-    source-map "^0.6.1"
-    source-map-resolve "^0.5.2"
-    urix "^0.1.0"
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
-cssfontparser@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
-  integrity sha1-9AIvyPlwDGgCnVQghK+69CWj8+M=
-
-cssom@^0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
-  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
-
-cssom@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
-  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
-
-cssom@~0.3.6:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssstyle@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
-  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
-  dependencies:
-    cssom "~0.3.6"
-
-csstype@^2.5.2:
-  version "2.6.20"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.20.tgz#9229c65ea0b260cf4d3d997cb06288e36a8d6dda"
-  integrity sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==
-
-csstype@^3.0.2:
-  version "3.0.11"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.11.tgz#d66700c5eacfac1940deb4e3ee5642792d85cd33"
-  integrity sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==
-
-dashdash@^1.12.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
-  integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
-  dependencies:
-    assert-plus "^1.0.0"
-
-data-uri-to-buffer@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz#b5db46aea50f6176428ac05b73be39a57701a64b"
-  integrity sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==
-
-data-urls@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
-  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
-  dependencies:
-    abab "^2.0.3"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.0.0"
-
-data-urls@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
-  integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
-  dependencies:
-    abab "^2.0.6"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^11.0.0"
-
-date-fns@^2.29.1:
-  version "2.29.2"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.29.2.tgz#0d4b3d0f3dff0f920820a070920f0d9662c51931"
-  integrity sha512-0VNbwmWJDS/G3ySwFSJA3ayhbURMTJLtwM2DTxf9CWondCnh6DTNlO9JgRSq6ibf4eD0lfMJNBxUdEAHHix+bA==
-
-debounce-fn@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/debounce-fn/-/debounce-fn-4.0.0.tgz#ed76d206d8a50e60de0dd66d494d82835ffe61c7"
-  integrity sha512-8pYCQiL9Xdcg0UPSD3d+0KMlOjp+KGU5EPwYddgzQ7DATsg4fuUDjQtsYLmWjnk2obnNHgV3vE2Y4jejSOJVBQ==
-  dependencies:
-    mimic-fn "^3.0.0"
-
-debug@2.6.9, debug@^2.6.8, debug@^2.6.9:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
-  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.3, debug@^4.3.4:
+debug@4, debug@^4.1.0, debug@^4.3.3:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
   dependencies:
     ms "2.1.2"
 
-debug@4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
-  integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==
-  dependencies:
-    ms "2.1.2"
-
-debug@^3.2.6, debug@^3.2.7:
-  version "3.2.7"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
-  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
-  dependencies:
-    ms "^2.1.1"
-
-debug@~3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
-  integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
-  dependencies:
-    ms "2.0.0"
-
 debuglog@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
-  integrity sha1-qiT/uaw9+aI1GDfPstJ5NgzXhJI=
+  integrity sha512-syBZ+rnAK3EgMsH2aYEOLUW7mZSY9Gb+0wUMCFsZvcmiz+HigA0LOcq/HoQqVuGG+EKykunc7QG2bzrponfaSw==
 
-decimal.js@^10.2.1, decimal.js@^10.3.1:
-  version "10.3.1"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.3.1.tgz#d8c3a444a9c6774ba60ca6ad7261c3a94fd5e783"
-  integrity sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ==
-
-decode-uri-component@^0.2.0, decode-uri-component@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
-  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
-
-decompress-response@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
-  integrity sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=
+decamelize-keys@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.1.tgz#04a2d523b2f18d80d0158a43b895d56dff8d19d8"
+  integrity sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==
   dependencies:
-    mimic-response "^1.0.0"
+    decamelize "^1.1.0"
+    map-obj "^1.0.0"
+
+decamelize@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
 decompress-response@^6.0.0:
   version "6.0.0"
@@ -4885,59 +1869,6 @@ decompress-response@^6.0.0:
   dependencies:
     mimic-response "^3.1.0"
 
-decompress-tar@^4.0.0, decompress-tar@^4.1.0, decompress-tar@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/decompress-tar/-/decompress-tar-4.1.1.tgz#718cbd3fcb16209716e70a26b84e7ba4592e5af1"
-  integrity sha512-JdJMaCrGpB5fESVyxwpCx4Jdj2AagLmv3y58Qy4GE6HMVjWz1FeVQk1Ct4Kye7PftcdOo/7U7UKzYBJgqnGeUQ==
-  dependencies:
-    file-type "^5.2.0"
-    is-stream "^1.1.0"
-    tar-stream "^1.5.2"
-
-decompress-tarbz2@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/decompress-tarbz2/-/decompress-tarbz2-4.1.1.tgz#3082a5b880ea4043816349f378b56c516be1a39b"
-  integrity sha512-s88xLzf1r81ICXLAVQVzaN6ZmX4A6U4z2nMbOwobxkLoIIfjVMBg7TeguTUXkKeXni795B6y5rnvDw7rxhAq9A==
-  dependencies:
-    decompress-tar "^4.1.0"
-    file-type "^6.1.0"
-    is-stream "^1.1.0"
-    seek-bzip "^1.0.5"
-    unbzip2-stream "^1.0.9"
-
-decompress-targz@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/decompress-targz/-/decompress-targz-4.1.1.tgz#c09bc35c4d11f3de09f2d2da53e9de23e7ce1eee"
-  integrity sha512-4z81Znfr6chWnRDNfFNqLwPvm4db3WuZkqV+UgXQzSngG3CEKdBkw5jrv3axjjL96glyiiKjsxJG3X6WBZwX3w==
-  dependencies:
-    decompress-tar "^4.1.1"
-    file-type "^5.2.0"
-    is-stream "^1.1.0"
-
-decompress-unzip@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/decompress-unzip/-/decompress-unzip-4.0.1.tgz#deaaccdfd14aeaf85578f733ae8210f9b4848f69"
-  integrity sha512-1fqeluvxgnn86MOh66u8FjbtJpAFv5wgCT9Iw8rcBqQcCo5tO8eiJw7NNTrvt9n4CRBVq7CstiS922oPgyGLrw==
-  dependencies:
-    file-type "^3.8.0"
-    get-stream "^2.2.0"
-    pify "^2.3.0"
-    yauzl "^2.4.2"
-
-decompress@^4.2.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/decompress/-/decompress-4.2.1.tgz#007f55cc6a62c055afa37c07eb6a4ee1b773f118"
-  integrity sha512-e48kc2IjU+2Zw8cTb6VZcJQ3lgVbS4uuB1TfCHbiZIP/haNXm+SVyhu+87jts5/3ROpd82GSVCoNs/z8l4ZOaQ==
-  dependencies:
-    decompress-tar "^4.0.0"
-    decompress-tarbz2 "^4.0.0"
-    decompress-targz "^4.0.0"
-    decompress-unzip "^4.0.1"
-    graceful-fs "^4.1.10"
-    make-dir "^1.0.0"
-    pify "^2.3.0"
-    strip-dirs "^2.0.0"
-
 dedent@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
@@ -4948,129 +1879,53 @@ deep-extend@^0.6.0:
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
   integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
 
-deep-is@^0.1.3, deep-is@~0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
-  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
-
-deepdash@^5.3.9:
-  version "5.3.9"
-  resolved "https://registry.yarnpkg.com/deepdash/-/deepdash-5.3.9.tgz#2aa92570d7b1787ed281e2fafe0be24df00ddfe4"
-  integrity sha512-GRzJ0q9PDj2T+J2fX+b+TlUa2NlZ11l6vJ8LHNKVGeZ8CfxCuJaCychTq07iDRTvlfO8435jlvVS1QXBrW9kMg==
-  dependencies:
-    lodash "^4.17.21"
-    lodash-es "^4.17.21"
-
-deepmerge@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
-  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
-
-default-gateway@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
-  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
-  dependencies:
-    execa "^5.0.0"
-
 defaults@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
-  integrity sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.4.tgz#b0b02062c1e2aa62ff5d9528f0f98baa90978d7a"
+  integrity sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==
   dependencies:
     clone "^1.0.2"
 
-defer-to-connect@^1.0.1:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591"
-  integrity sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==
-
-defer-to-connect@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-2.0.1.tgz#8016bdb4143e4632b77a3449c6236277de520587"
-  integrity sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==
-
 define-lazy-prop@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
-define-properties@^1.1.3, define-properties@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
-  integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
-  dependencies:
-    has-property-descriptors "^1.0.0"
-    object-keys "^1.1.1"
-
-defined@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
-  integrity sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=
-
-del@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/del/-/del-6.0.0.tgz#0b40d0332cea743f1614f818be4feb717714c952"
-  integrity sha512-1shh9DQ23L16oXSZKB2JxpL7iMy2E0S9d517ptA1P8iw0alkPtQcrKH7ru31rYtKwF499HkTu+DRzq3TCKDFRQ==
-  dependencies:
-    globby "^11.0.1"
-    graceful-fs "^4.2.4"
-    is-glob "^4.0.1"
-    is-path-cwd "^2.2.0"
-    is-path-inside "^3.0.2"
-    p-map "^4.0.0"
-    rimraf "^3.0.2"
-    slash "^3.0.0"
-
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
-  integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
 delegates@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
-  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
+  integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
 
-depd@2.0.0:
-  version "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=
+  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
 
-destroy@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
-  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+deprecation@^2.0.0, deprecation@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
+  integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
+
+detect-indent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-5.0.0.tgz#3871cc0a6a002e8c3e5b3cf7f336264675f06b9d"
+  integrity sha512-rlpvsxUtM0PQvy9iZe640/IWwWYyBsTApREbA1pHOpmOUIl9MkP/U4z7vTtg4Oaojvqhxt7sdufnT0EzGaR31g==
+
+detect-indent@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.1.0.tgz#592485ebbbf6b3b1ab2be175c8393d04ca0d57e6"
+  integrity sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==
 
 detect-libc@^2.0.0, detect-libc@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.1.tgz#e1897aa88fa6ad197862937fbc0441ef352ee0cd"
   integrity sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==
 
-detect-newline@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
-  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
-
-detect-node@^2.0.4:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
-  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
-
-detective@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/detective/-/detective-5.2.1.tgz#6af01eeda11015acb0e73f933242b70f24f91034"
-  integrity sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==
-  dependencies:
-    acorn-node "^1.8.2"
-    defined "^1.0.0"
-    minimist "^1.2.6"
-
 dezalgo@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/dezalgo/-/dezalgo-1.0.4.tgz#751235260469084c132157dfa857f386d4c33d81"
@@ -5084,36 +1939,6 @@ diacritics-map@^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@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-28.1.1.tgz#9989dc731266dc2903457a70e996f3a041913ac6"
-  integrity sha512-FU0iFaH/E23a+a718l8Qa/19bF9p06kgE0KipMOMadwa3SjnaElKzPaUC0vnibs6/B/9ni97s61mcejk8W1fQw==
-
-diff@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
-  integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
-
-diff@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-5.1.0.tgz#bc52d298c5ea8df9194800224445ed43ffc87e40"
-  integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
-
-dir-compare@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/dir-compare/-/dir-compare-2.4.0.tgz#785c41dc5f645b34343a4eafc50b79bac7f11631"
-  integrity sha512-l9hmu8x/rjVC9Z2zmGzkhOEowZvW7pmYws5CWHutg8u1JgvsKWMx7Q/UODeu4djLZ4FgW5besw5yvMQnBHzuCA==
-  dependencies:
-    buffer-equal "1.0.0"
-    colors "1.0.3"
-    commander "2.9.0"
-    minimatch "3.0.4"
-
 dir-glob@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
@@ -5121,209 +1946,29 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
-
-dmg-builder@23.6.0:
-  version "23.6.0"
-  resolved "https://registry.yarnpkg.com/dmg-builder/-/dmg-builder-23.6.0.tgz#d39d3871bce996f16c07d2cafe922d6ecbb2a948"
-  integrity sha512-jFZvY1JohyHarIAlTbfQOk+HnceGjjAdFjVn3n8xlDWKsYNqbO4muca6qXEZTfGXeQMG7TYim6CeS5XKSfSsGA==
-  dependencies:
-    app-builder-lib "23.6.0"
-    builder-util "23.6.0"
-    builder-util-runtime "9.1.1"
-    fs-extra "^10.0.0"
-    iconv-lite "^0.6.2"
-    js-yaml "^4.1.0"
-  optionalDependencies:
-    dmg-license "^1.0.11"
-
-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==
-  dependencies:
-    "@types/plist" "^3.0.1"
-    "@types/verror" "^1.10.3"
-    ajv "^6.10.0"
-    crc "^3.8.0"
-    iconv-corefoundation "^1.1.7"
-    plist "^3.0.4"
-    smart-buffer "^4.0.2"
-    verror "^1.10.0"
-
-dns-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
-  integrity sha1-s55/HabrCnW6nBcySzR1PEfgZU0=
-
-dns-packet@^5.2.2:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.3.1.tgz#eb94413789daec0f0ebe2fcc230bdc9d7c91b43d"
-  integrity sha512-spBwIj0TK0Ey3666GwIdWVfUpLyubpU53BTCu8iPn4r4oXd9O14Hjg3EHw3ts2oed77/SeckunUYCyRlSngqHw==
-  dependencies:
-    "@leichtgewicht/ip-codec" "^2.0.1"
-
-doctrine@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
-  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
-  dependencies:
-    esutils "^2.0.2"
-
-doctrine@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
-
-dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9:
-  version "0.5.14"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.14.tgz#56082f71b1dc7aac69d83c4285eef39c15d93f56"
-  integrity sha512-NMt+m9zFMPZe0JcY9gN224Qvk6qLIdqex29clBvc/y75ZBX9YA9wNK3frsYvu2DI1xcCIwxwnX+TlsJ2DSOADg==
-
-dom-converter@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
-  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
-  dependencies:
-    utila "~0.4"
-
-dom-helpers@^5.0.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
-  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
-  dependencies:
-    "@babel/runtime" "^7.8.7"
-    csstype "^3.0.2"
-
-dom-serializer@^1.0.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
-  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.2.0"
-    entities "^2.0.0"
-
-domelementtype@^2.0.1, domelementtype@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
-  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
-
-domexception@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
-  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
-  dependencies:
-    webidl-conversions "^5.0.0"
-
-domexception@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
-  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
-  dependencies:
-    webidl-conversions "^7.0.0"
-
-domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
-  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
-  dependencies:
-    domelementtype "^2.2.0"
-
-dompurify@^2.4.3:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.4.3.tgz#f4133af0e6a50297fc8874e2eaedc13a3c308c03"
-  integrity sha512-q6QaLcakcRjebxjg8/+NP+h0rPfatOgOzc46Fst9VAA3jF2ApfKBNKMzdP4DYTqtUMXSCd5pRS/8Po/OmoCHZQ==
-
-domutils@^2.5.2, domutils@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
-  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
-  dependencies:
-    dom-serializer "^1.0.1"
-    domelementtype "^2.2.0"
-    domhandler "^4.2.0"
-
-dot-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
-  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
-  dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
-
-dot-prop@^5.2.0:
+dot-prop@^5.1.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
   integrity sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==
   dependencies:
     is-obj "^2.0.0"
 
-dotenv-expand@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
-  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
+dot-prop@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-6.0.1.tgz#fc26b3cf142b9e59b74dbd39ed66ce620c681083"
+  integrity sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==
+  dependencies:
+    is-obj "^2.0.0"
 
-dotenv@^10.0.0:
+dotenv@~10.0.0:
   version "10.0.0"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-10.0.0.tgz#3d4227b8fb95f81096cdd2b66653fb2c7085ba81"
   integrity sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==
 
-dotenv@^9.0.2:
-  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-9.0.2.tgz#dacc20160935a37dea6364aa1bef819fb9b6ab05"
-  integrity sha512-I9OvvrHp4pIARv4+x9iuewrWycX6CcZtoAu1XrzPxc5UygMJXJZYmBsynku8IkrJwgypE5DGNjDPmPRhDCptUg==
-
-download@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/download/-/download-7.1.0.tgz#9059aa9d70b503ee76a132897be6dec8e5587233"
-  integrity sha512-xqnBTVd/E+GxJVrX5/eUJiLYjCGPwMpdL+jGhGU57BvtcA7wwhtHVbXBeUk51kOpW3S7Jn3BQbN9Q1R1Km2qDQ==
-  dependencies:
-    archive-type "^4.0.0"
-    caw "^2.0.1"
-    content-disposition "^0.5.2"
-    decompress "^4.2.0"
-    ext-name "^5.0.0"
-    file-type "^8.1.0"
-    filenamify "^2.0.0"
-    get-stream "^3.0.0"
-    got "^8.3.1"
-    make-dir "^1.2.0"
-    p-event "^2.1.0"
-    pify "^3.0.0"
-
-duplexer3@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
-  integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
-
-duplexify@^3.5.0, duplexify@^3.6.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
-  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
-ecc-jsbn@~0.1.1:
+duplexer@^0.1.1:
   version "0.1.2"
-  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
-  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
-  dependencies:
-    jsbn "~0.1.0"
-    safer-buffer "^2.1.0"
-
-ee-first@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-  integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
+  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
+  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
 
 ejs@^3.1.7:
   version "3.1.8"
@@ -5332,108 +1977,6 @@ ejs@^3.1.7:
   dependencies:
     jake "^10.8.5"
 
-electron-builder@^23.6.0:
-  version "23.6.0"
-  resolved "https://registry.yarnpkg.com/electron-builder/-/electron-builder-23.6.0.tgz#c79050cbdce90ed96c5feb67c34e9e0a21b5331b"
-  integrity sha512-y8D4zO+HXGCNxFBV/JlyhFnoQ0Y0K7/sFH+XwIbj47pqaW8S6PGYQbjoObolKBR1ddQFPt4rwp4CnwMJrW3HAw==
-  dependencies:
-    "@types/yargs" "^17.0.1"
-    app-builder-lib "23.6.0"
-    builder-util "23.6.0"
-    builder-util-runtime "9.1.1"
-    chalk "^4.1.1"
-    dmg-builder "23.6.0"
-    fs-extra "^10.0.0"
-    is-ci "^3.0.0"
-    lazy-val "^1.0.5"
-    read-config-file "6.2.0"
-    simple-update-notifier "^1.0.7"
-    yargs "^17.5.1"
-
-electron-devtools-installer@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/electron-devtools-installer/-/electron-devtools-installer-3.2.0.tgz#acc48d24eb7033fe5af284a19667e73b78d406d0"
-  integrity sha512-t3UczsYugm4OAbqvdImMCImIMVdFzJAHgbwHpkl5jmfu1izVgUcP/mnrPqJIpEeCK1uZGpt+yHgWEN+9EwoYhQ==
-  dependencies:
-    rimraf "^3.0.2"
-    semver "^7.2.1"
-    tslib "^2.1.0"
-    unzip-crx-3 "^0.2.0"
-
-electron-notarize@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/electron-notarize/-/electron-notarize-0.3.0.tgz#b93c606306eac558b250c78ff95273ddb9fedf0a"
-  integrity sha512-tuDw8H0gcDOalNLv6RM2CwGvUXU60MPGZRDEmd0ppX+yP5XqL8Ec2DuXyz9J7WQSA3aRCfzIgH8C5CAivDYWMw==
-  dependencies:
-    debug "^4.1.1"
-    fs-extra "^8.1.0"
-
-electron-osx-sign@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/electron-osx-sign/-/electron-osx-sign-0.6.0.tgz#9b69c191d471d9458ef5b1e4fdd52baa059f1bb8"
-  integrity sha512-+hiIEb2Xxk6eDKJ2FFlpofCnemCbjbT5jz+BKGpVBrRNT3kWTGs4DfNX6IzGwgi33hUcXF+kFs9JW+r6Wc1LRg==
-  dependencies:
-    bluebird "^3.5.0"
-    compare-version "^0.1.2"
-    debug "^2.6.8"
-    isbinaryfile "^3.0.2"
-    minimist "^1.2.0"
-    plist "^3.0.1"
-
-electron-publish@23.6.0:
-  version "23.6.0"
-  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-23.6.0.tgz#ac9b469e0b07752eb89357dd660e5fb10b3d1ce9"
-  integrity sha512-jPj3y+eIZQJF/+t5SLvsI5eS4mazCbNYqatv5JihbqOstIM13k0d1Z3vAWntvtt13Itl61SO6seicWdioOU5dg==
-  dependencies:
-    "@types/fs-extra" "^9.0.11"
-    builder-util "23.6.0"
-    builder-util-runtime "9.1.1"
-    chalk "^4.1.1"
-    fs-extra "^10.0.0"
-    lazy-val "^1.0.5"
-    mime "^2.5.2"
-
-electron-to-chromium@^1.4.118:
-  version "1.4.137"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.137.tgz#186180a45617283f1c012284458510cd99d6787f"
-  integrity sha512-0Rcpald12O11BUogJagX3HsCN3FE83DSqWjgXoHo5a72KUKMSfI39XBgJpgNNxS9fuGzytaFjE06kZkiVFy2qA==
-
-electron-updater@^4.6.5:
-  version "4.6.5"
-  resolved "https://registry.yarnpkg.com/electron-updater/-/electron-updater-4.6.5.tgz#e9a75458bbfd6bb41a58a829839e150ad2eb2d3d"
-  integrity sha512-kdTly8O9mSZfm9fslc1mnCY+mYOeaYRy7ERa2Fed240u01BKll3aiupzkd07qKw69KvhBSzuHroIW3mF0D8DWA==
-  dependencies:
-    "@types/semver" "^7.3.6"
-    builder-util-runtime "8.9.2"
-    fs-extra "^10.0.0"
-    js-yaml "^4.1.0"
-    lazy-val "^1.0.5"
-    lodash.escaperegexp "^4.1.2"
-    lodash.isequal "^4.5.0"
-    semver "^7.3.5"
-
-electron-window-state@^5.0.3:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/electron-window-state/-/electron-window-state-5.0.3.tgz#4f36d09e3f953d87aff103bf010f460056050aa8"
-  integrity sha512-1mNTwCfkolXl3kMf50yW3vE2lZj0y92P/HYWFBrb+v2S/pCka5mdwN3cagKm458A7NjndSwijynXgcLWRodsVg==
-  dependencies:
-    jsonfile "^4.0.0"
-    mkdirp "^0.5.1"
-
-electron@^19.1.9:
-  version "19.1.9"
-  resolved "https://registry.yarnpkg.com/electron/-/electron-19.1.9.tgz#01995eea4014f7cdb2f616f5f3492d4ed6f5e4f0"
-  integrity sha512-XT5LkTzIHB+ZtD3dTmNnKjVBWrDWReCKt9G1uAFLz6uJMEVcIUiYO+fph5pLXETiBw/QZBx8egduMEfIccLx+g==
-  dependencies:
-    "@electron/get" "^1.14.1"
-    "@types/node" "^16.11.26"
-    extract-zip "^1.0.3"
-
-emittery@^0.10.2:
-  version "0.10.2"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
-  integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
-
 emoji-regex@^7.0.1:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
@@ -5444,85 +1987,47 @@ emoji-regex@^8.0.0:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
   integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
 
-emojis-list@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
-  integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
-
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
-enabled@2.0.x:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/enabled/-/enabled-2.0.0.tgz#f9dd92ec2d6f4bbc0d5d1e64e21d61cd4665e7c2"
-  integrity sha512-AKrN98kuwOzMIdAizXGI86UFBoo26CL21UM763y1h/GMSJ4/OHU9k2YlsmBpyScFo/wbLzWQJBMCW4+IO3/+OQ==
-
-encodeurl@^1.0.2, encodeurl@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-  integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
-
-encoding@^0.1.12, encoding@^0.1.13:
+encoding@^0.1.13:
   version "0.1.13"
   resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
   integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
   dependencies:
     iconv-lite "^0.6.2"
 
-end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1:
+end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
   integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
   dependencies:
     once "^1.4.0"
 
-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==
+enquirer@~2.3.6:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
+  integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
   dependencies:
-    graceful-fs "^4.2.4"
-    tapable "^2.2.0"
+    ansi-colors "^4.1.1"
 
 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"
-  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
-
 env-paths@^2.2.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
   integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
 
-envinfo@^7.7.3:
+envinfo@^7.7.4:
   version "7.8.1"
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
   integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
 
-err-code@^1.0.0:
-  version "1.1.2"
-  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:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
-  integrity sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==
-  dependencies:
-    prr "~1.0.1"
-
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
@@ -5530,593 +2035,38 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-error-stack-parser@^2.0.6:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.0.7.tgz#b0c6e2ce27d0495cf78ad98715e0cad1219abb57"
-  integrity sha512-chLOW0ZGRf4s8raLrDxa5sdkvPec5YdvwbFnqJme4rk0rFajP8mPtrDL1+I+CwrQDCjswDA5sREX7jYQDQs9vA==
-  dependencies:
-    stackframe "^1.1.1"
-
-es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.19.5:
-  version "1.20.0"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.0.tgz#b2d526489cceca004588296334726329e0a6bfb6"
-  integrity sha512-URbD8tgRthKD3YcC39vbvSDrX23upXnPcnGAjQfgxXF5ID75YcENawc9ZX/9iTP9ptUyfCLIxTTuMYoRfiOVKA==
-  dependencies:
-    call-bind "^1.0.2"
-    es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
-    function.prototype.name "^1.1.5"
-    get-intrinsic "^1.1.1"
-    get-symbol-description "^1.0.0"
-    has "^1.0.3"
-    has-property-descriptors "^1.0.0"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.3"
-    is-callable "^1.2.4"
-    is-negative-zero "^2.0.2"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    is-string "^1.0.7"
-    is-weakref "^1.0.2"
-    object-inspect "^1.12.0"
-    object-keys "^1.1.1"
-    object.assign "^4.1.2"
-    regexp.prototype.flags "^1.4.1"
-    string.prototype.trimend "^1.0.5"
-    string.prototype.trimstart "^1.0.5"
-    unbox-primitive "^1.0.2"
-
-es-abstract@^1.20.4:
-  version "1.20.4"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.4.tgz#1d103f9f8d78d4cf0713edcd6d0ed1a46eed5861"
-  integrity sha512-0UtvRN79eMe2L+UNEF1BwRe364sj/DXhQ/k5FmivgoSdpM90b8Jc0mDzKMGo7QS0BVbOP/bTwBKNnDc9rNzaPA==
-  dependencies:
-    call-bind "^1.0.2"
-    es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
-    function.prototype.name "^1.1.5"
-    get-intrinsic "^1.1.3"
-    get-symbol-description "^1.0.0"
-    has "^1.0.3"
-    has-property-descriptors "^1.0.0"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.3"
-    is-callable "^1.2.7"
-    is-negative-zero "^2.0.2"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    is-string "^1.0.7"
-    is-weakref "^1.0.2"
-    object-inspect "^1.12.2"
-    object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.4.3"
-    safe-regex-test "^1.0.0"
-    string.prototype.trimend "^1.0.5"
-    string.prototype.trimstart "^1.0.5"
-    unbox-primitive "^1.0.2"
-
-es-module-lexer@^0.9.0:
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
-  integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
-
-es-shim-unscopables@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz#702e632193201e3edf8713635d083d378e510241"
-  integrity sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==
-  dependencies:
-    has "^1.0.3"
-
-es-to-primitive@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
-  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
-  dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
-
-es6-error@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
-  integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
-
-esbuild-android-64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz#20a7ae1416c8eaade917fb2453c1259302c637a5"
-  integrity sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==
-
-esbuild-android-arm64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz#9cc0ec60581d6ad267568f29cf4895ffdd9f2f04"
-  integrity sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==
-
-esbuild-darwin-64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz#428e1730ea819d500808f220fbc5207aea6d4410"
-  integrity sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==
-
-esbuild-darwin-arm64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz#b6dfc7799115a2917f35970bfbc93ae50256b337"
-  integrity sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==
-
-esbuild-freebsd-64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz#4e190d9c2d1e67164619ae30a438be87d5eedaf2"
-  integrity sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==
-
-esbuild-freebsd-arm64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz#18a4c0344ee23bd5a6d06d18c76e2fd6d3f91635"
-  integrity sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==
-
-esbuild-linux-32@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz#9a329731ee079b12262b793fb84eea762e82e0ce"
-  integrity sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==
-
-esbuild-linux-64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz#532738075397b994467b514e524aeb520c191b6c"
-  integrity sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==
-
-esbuild-linux-arm64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz#5372e7993ac2da8f06b2ba313710d722b7a86e5d"
-  integrity sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==
-
-esbuild-linux-arm@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz#e734aaf259a2e3d109d4886c9e81ec0f2fd9a9cc"
-  integrity sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==
-
-esbuild-linux-mips64le@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz#c0487c14a9371a84eb08fab0e1d7b045a77105eb"
-  integrity sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==
-
-esbuild-linux-ppc64le@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz#af048ad94eed0ce32f6d5a873f7abe9115012507"
-  integrity sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==
-
-esbuild-linux-riscv64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz#423ed4e5927bd77f842bd566972178f424d455e6"
-  integrity sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==
-
-esbuild-linux-s390x@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz#21d21eaa962a183bfb76312e5a01cc5ae48ce8eb"
-  integrity sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==
-
-esbuild-loader@^2.20.0:
-  version "2.20.0"
-  resolved "https://registry.yarnpkg.com/esbuild-loader/-/esbuild-loader-2.20.0.tgz#28fcff0142fa7bd227512d69f31e9a6e202bb88f"
-  integrity sha512-dr+j8O4w5RvqZ7I4PPB4EIyVTd679EBQnMm+JBB7av+vu05Zpje2IpK5N3ld1VWa+WxrInIbNFAg093+E1aRsA==
-  dependencies:
-    esbuild "^0.15.6"
-    joycon "^3.0.1"
-    json5 "^2.2.0"
-    loader-utils "^2.0.0"
-    tapable "^2.2.0"
-    webpack-sources "^2.2.0"
-
-esbuild-netbsd-64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz#ae75682f60d08560b1fe9482bfe0173e5110b998"
-  integrity sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==
-
-esbuild-openbsd-64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz#79591a90aa3b03e4863f93beec0d2bab2853d0a8"
-  integrity sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==
-
-esbuild-sunos-64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz#fd528aa5da5374b7e1e93d36ef9b07c3dfed2971"
-  integrity sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==
-
-esbuild-windows-32@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz#0e92b66ecdf5435a76813c4bc5ccda0696f4efc3"
-  integrity sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==
-
-esbuild-windows-64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz#0fc761d785414284fc408e7914226d33f82420d0"
-  integrity sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==
-
-esbuild-windows-arm64@0.15.18:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz#5b5bdc56d341d0922ee94965c89ee120a6a86eb7"
-  integrity sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==
-
-esbuild@^0.15.6:
-  version "0.15.18"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.15.18.tgz#ea894adaf3fbc036d32320a00d4d6e4978a2f36d"
-  integrity sha512-x/R72SmW3sSFRm5zrrIjAhCeQSAWoni3CmHEqfQrZIQTM3lVCdehdwuIqaOtfC2slvpdlLa62GYoN8SxT23m6Q==
-  optionalDependencies:
-    "@esbuild/android-arm" "0.15.18"
-    "@esbuild/linux-loong64" "0.15.18"
-    esbuild-android-64 "0.15.18"
-    esbuild-android-arm64 "0.15.18"
-    esbuild-darwin-64 "0.15.18"
-    esbuild-darwin-arm64 "0.15.18"
-    esbuild-freebsd-64 "0.15.18"
-    esbuild-freebsd-arm64 "0.15.18"
-    esbuild-linux-32 "0.15.18"
-    esbuild-linux-64 "0.15.18"
-    esbuild-linux-arm "0.15.18"
-    esbuild-linux-arm64 "0.15.18"
-    esbuild-linux-mips64le "0.15.18"
-    esbuild-linux-ppc64le "0.15.18"
-    esbuild-linux-riscv64 "0.15.18"
-    esbuild-linux-s390x "0.15.18"
-    esbuild-netbsd-64 "0.15.18"
-    esbuild-openbsd-64 "0.15.18"
-    esbuild-sunos-64 "0.15.18"
-    esbuild-windows-32 "0.15.18"
-    esbuild-windows-64 "0.15.18"
-    esbuild-windows-arm64 "0.15.18"
-
-esbuild@^0.16.14:
-  version "0.16.14"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.16.14.tgz#366249a0a0fd431d3ab706195721ef1014198919"
-  integrity sha512-6xAn3O6ZZyoxZAEkwfI9hw4cEqSr/o1ViJtnkvImVkblmUN65Md04o0S/7H1WNu1XGf1Cjij/on7VO4psIYjkw==
-  optionalDependencies:
-    "@esbuild/android-arm" "0.16.14"
-    "@esbuild/android-arm64" "0.16.14"
-    "@esbuild/android-x64" "0.16.14"
-    "@esbuild/darwin-arm64" "0.16.14"
-    "@esbuild/darwin-x64" "0.16.14"
-    "@esbuild/freebsd-arm64" "0.16.14"
-    "@esbuild/freebsd-x64" "0.16.14"
-    "@esbuild/linux-arm" "0.16.14"
-    "@esbuild/linux-arm64" "0.16.14"
-    "@esbuild/linux-ia32" "0.16.14"
-    "@esbuild/linux-loong64" "0.16.14"
-    "@esbuild/linux-mips64el" "0.16.14"
-    "@esbuild/linux-ppc64" "0.16.14"
-    "@esbuild/linux-riscv64" "0.16.14"
-    "@esbuild/linux-s390x" "0.16.14"
-    "@esbuild/linux-x64" "0.16.14"
-    "@esbuild/netbsd-x64" "0.16.14"
-    "@esbuild/openbsd-x64" "0.16.14"
-    "@esbuild/sunos-x64" "0.16.14"
-    "@esbuild/win32-arm64" "0.16.14"
-    "@esbuild/win32-ia32" "0.16.14"
-    "@esbuild/win32-x64" "0.16.14"
-
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
-escape-html@~1.0.3:
-  version "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.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=
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
 
-escape-string-regexp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
-  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
-
-escape-string-regexp@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
-  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
-
-escodegen@^1.8.1:
-  version "1.14.3"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
-  integrity sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^4.2.0"
-    esutils "^2.0.2"
-    optionator "^0.8.1"
-  optionalDependencies:
-    source-map "~0.6.1"
-
-escodegen@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
-  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^5.2.0"
-    esutils "^2.0.2"
-    optionator "^0.8.1"
-  optionalDependencies:
-    source-map "~0.6.1"
-
-eslint-import-resolver-node@^0.3.6:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz#4048b958395da89668252001dbd9eca6b83bacbd"
-  integrity sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==
-  dependencies:
-    debug "^3.2.7"
-    resolve "^1.20.0"
-
-eslint-import-resolver-typescript@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.2.tgz#9431acded7d898fd94591a08ea9eec3514c7de91"
-  integrity sha512-zX4ebnnyXiykjhcBvKIf5TNvt8K7yX6bllTRZ14MiurKPjDpCAZujlszTdB8pcNXhZcOf+god4s9SjQa5GnytQ==
-  dependencies:
-    debug "^4.3.4"
-    enhanced-resolve "^5.10.0"
-    get-tsconfig "^4.2.0"
-    globby "^13.1.2"
-    is-core-module "^2.10.0"
-    is-glob "^4.0.3"
-    synckit "^0.8.4"
-
-eslint-module-utils@^2.7.3:
-  version "2.7.3"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.7.3.tgz#ad7e3a10552fdd0642e1e55292781bd6e34876ee"
-  integrity sha512-088JEC7O3lDZM9xGe0RerkOMd0EjFl+Yvd1jPWIkMT5u3H9+HC34mWWPnqPrN13gieT9pBOO+Qt07Nb/6TresQ==
-  dependencies:
-    debug "^3.2.7"
-    find-up "^2.1.0"
-
-eslint-plugin-header@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-header/-/eslint-plugin-header-3.1.1.tgz#6ce512432d57675265fac47292b50d1eff11acd6"
-  integrity sha512-9vlKxuJ4qf793CmeeSrZUvVClw6amtpghq3CuWcB5cUNnWHQhgcqy5eF8oVKFk1G3Y/CbchGfEaw3wiIJaNmVg==
-
-eslint-plugin-import@^2.26.0:
-  version "2.26.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz#f812dc47be4f2b72b478a021605a59fc6fe8b88b"
-  integrity sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==
-  dependencies:
-    array-includes "^3.1.4"
-    array.prototype.flat "^1.2.5"
-    debug "^2.6.9"
-    doctrine "^2.1.0"
-    eslint-import-resolver-node "^0.3.6"
-    eslint-module-utils "^2.7.3"
-    has "^1.0.3"
-    is-core-module "^2.8.1"
-    is-glob "^4.0.3"
-    minimatch "^3.1.2"
-    object.values "^1.1.5"
-    resolve "^1.22.0"
-    tsconfig-paths "^3.14.1"
-
-eslint-plugin-react-hooks@^4.6.0:
-  version "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.31.11:
-  version "7.31.11"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.31.11.tgz#011521d2b16dcf95795df688a4770b4eaab364c8"
-  integrity sha512-TTvq5JsT5v56wPa9OYHzsrOlHzKZKjV+aLgS+55NJP/cuzdiQPC7PfYoUjMoxlffKtvijpk7vA/jmuqRb9nohw==
-  dependencies:
-    array-includes "^3.1.6"
-    array.prototype.flatmap "^1.3.1"
-    array.prototype.tosorted "^1.1.1"
-    doctrine "^2.1.0"
-    estraverse "^5.3.0"
-    jsx-ast-utils "^2.4.1 || ^3.0.0"
-    minimatch "^3.1.2"
-    object.entries "^1.1.6"
-    object.fromentries "^2.0.6"
-    object.hasown "^1.1.2"
-    object.values "^1.1.6"
-    prop-types "^15.8.1"
-    resolve "^2.0.0-next.3"
-    semver "^6.3.0"
-    string.prototype.matchall "^4.0.8"
-
-eslint-plugin-unused-imports@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-unused-imports/-/eslint-plugin-unused-imports-2.0.0.tgz#d8db8c4d0cfa0637a8b51ce3fd7d1b6bc3f08520"
-  integrity sha512-3APeS/tQlTrFa167ThtP0Zm0vctjr4M44HMpeg1P4bK6wItarumq0Ma82xorMKdFsWpphQBlRPzw/pxiVELX1A==
-  dependencies:
-    eslint-rule-composer "^0.3.0"
-
-eslint-rule-composer@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz#79320c927b0c5c0d3d3d2b76c8b4a488f25bbaf9"
-  integrity sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==
-
-eslint-scope@5.1.1, eslint-scope@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
-  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^4.1.1"
-
-eslint-scope@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
-  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^5.2.0"
-
-eslint-utils@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
-  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
-  dependencies:
-    eslint-visitor-keys "^2.0.0"
-
-eslint-visitor-keys@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
-  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
-
-eslint-visitor-keys@^3.3.0:
-  version "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.31.0:
-  version "8.31.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.31.0.tgz#75028e77cbcff102a9feae1d718135931532d524"
-  integrity sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==
-  dependencies:
-    "@eslint/eslintrc" "^1.4.1"
-    "@humanwhocodes/config-array" "^0.11.8"
-    "@humanwhocodes/module-importer" "^1.0.1"
-    "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.10.0"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.3.2"
-    doctrine "^3.0.0"
-    escape-string-regexp "^4.0.0"
-    eslint-scope "^7.1.1"
-    eslint-utils "^3.0.0"
-    eslint-visitor-keys "^3.3.0"
-    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"
-    glob-parent "^6.0.2"
-    globals "^13.19.0"
-    grapheme-splitter "^1.0.4"
-    ignore "^5.2.0"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-sdsl "^4.1.4"
-    js-yaml "^4.1.0"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash.merge "^4.6.2"
-    minimatch "^3.1.2"
-    natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    regexpp "^3.2.0"
-    strip-ansi "^6.0.1"
-    strip-json-comments "^3.1.0"
-    text-table "^0.2.0"
-
-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.8.0"
-    acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.3.0"
-
-esprima@1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-1.2.2.tgz#76a0fd66fcfe154fd292667dc264019750b1657b"
-  integrity sha1-dqD9Zvz+FU/SkmZ9wmQBl1CxZXs=
-
-esprima@^4.0.0, esprima@^4.0.1:
+esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.0:
+esquery@^1.0.1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
   integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
   dependencies:
     estraverse "^5.1.0"
 
-esrecurse@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
-  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
-  dependencies:
-    estraverse "^5.2.0"
-
-estraverse@^4.1.1, estraverse@^4.2.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
-  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
-
-estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+estraverse@^5.1.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
-etag@~1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
-  integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
-
-event-target-shim@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
-  integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
-
-eventemitter3@^4.0.0:
+eventemitter3@^4.0.4:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-events@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
-  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
-
-execa@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-5.0.0.tgz#4029b0007998a841fbd1032e5f4de86a3c1e3376"
-  integrity sha512-ov6w/2LCiuyO4RLYGdpFGjkcs0wMTgGE8PrkTHikeUy5iJekXyPIKUjifk5CsE0pt7sMCrMZ3YNqoCj6idQOnQ==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.0"
-    human-signals "^2.1.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.1"
-    onetime "^5.1.2"
-    signal-exit "^3.0.3"
-    strip-final-newline "^2.0.0"
-
-execa@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
-  integrity sha512-RztN09XglpYI7aBBrJCPW95jEH7YF1UEPOoX9yDhUTPdp7mK+CQvnLTuD10BNXZ3byLTu2uehZ8EcKT/4CGiFw==
-  dependencies:
-    cross-spawn "^5.0.1"
-    get-stream "^3.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
-
-execa@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
-  integrity sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==
-  dependencies:
-    cross-spawn "^6.0.0"
-    get-stream "^4.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
-
 execa@^5.0.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
@@ -6132,18 +2082,6 @@ execa@^5.0.0:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
-executable@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/executable/-/executable-4.1.1.tgz#41532bff361d3e57af4d763b70582db18f5d133c"
-  integrity sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==
-  dependencies:
-    pify "^2.2.0"
-
-exit@^0.1.2:
-  version "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"
@@ -6156,69 +2094,6 @@ expand-template@^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.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.3"
-    jest-get-type "^28.0.2"
-    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"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.18.1.tgz#7797de8b9c72c857b9cd0e14a5eea80666267caf"
-  integrity sha512-zZBcOX9TfehHQhtupq57OF8lFZ3UZi08Y97dwFCkD8p9d/d2Y3M+ykKcwaMDEL+4qyUolgBDX6AblpR3fL212Q==
-  dependencies:
-    accepts "~1.3.8"
-    array-flatten "1.1.1"
-    body-parser "1.20.0"
-    content-disposition "0.5.4"
-    content-type "~1.0.4"
-    cookie "0.5.0"
-    cookie-signature "1.0.6"
-    debug "2.6.9"
-    depd "2.0.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    finalhandler "1.2.0"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    merge-descriptors "1.0.1"
-    methods "~1.1.2"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    path-to-regexp "0.1.7"
-    proxy-addr "~2.0.7"
-    qs "6.10.3"
-    range-parser "~1.2.1"
-    safe-buffer "5.2.1"
-    send "0.18.0"
-    serve-static "1.15.0"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    type-is "~1.6.18"
-    utils-merge "1.0.1"
-    vary "~1.1.2"
-
-ext-list@^2.0.0:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/ext-list/-/ext-list-2.2.2.tgz#0b98e64ed82f5acf0f2931babf69212ef52ddd37"
-  integrity sha512-u+SQgsubraE6zItfVA0tBuCBhfU9ogSRnsvygI7wht9TS510oLkBRXBsqopeUG/GBOIQyKZO9wjTqIu/sf5zFA==
-  dependencies:
-    mime-db "^1.28.0"
-
-ext-name@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/ext-name/-/ext-name-5.0.0.tgz#70781981d183ee15d13993c8822045c506c8f0a6"
-  integrity sha512-yblEwXAbGv1VQDmow7s38W77hzAgJAO50ztBLMcUyUBfxv1HC+LGwtiEN+Co6LtlqT/5uwVOxsD4TNIilWhwdQ==
-  dependencies:
-    ext-list "^2.0.0"
-    sort-keys-length "^1.0.0"
-
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -6226,11 +2101,6 @@ extend-shallow@^2.0.1:
   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"
@@ -6240,32 +2110,23 @@ external-editor@^3.0.3:
     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"
-  integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==
-  dependencies:
-    concat-stream "^1.6.2"
-    debug "^2.6.9"
-    mkdirp "^0.5.4"
-    yauzl "^2.10.0"
-
-extsprintf@1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
-
-extsprintf@^1.2.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
-  integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
-
-fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+fast-deep-equal@^3.1.1:
   version "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.12, fast-glob@^3.2.5, fast-glob@^3.2.9:
+fast-glob@3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.7.tgz#fd6cb7a2d7e9aa7a7846111e85a196d6b2f766a1"
+  integrity sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-glob@^3.2.9:
   version "3.2.12"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
   integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
@@ -6281,143 +2142,27 @@ fast-json-stable-stringify@^2.0.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
-
-fastest-levenshtein@^1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
-  integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==
-
-fastparse@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
-  integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
-
 fastq@^1.6.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
-  integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.15.0.tgz#d04d07c6a2a68fe4599fea8d2e103a937fae6b3a"
+  integrity sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==
   dependencies:
     reusify "^1.0.4"
 
-faye-websocket@^0.11.3:
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
-  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
-  dependencies:
-    websocket-driver ">=0.5.1"
-
-fb-watchman@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.1.tgz#fc84fb39d2709cf3ff6d743706157bb5708a8a85"
-  integrity sha512-DkPJKQeY6kKwmuMretBhr7G6Vodr7bFwDYTXIkfG1gjvNpaxBTQV3PbXg6bR1c1UP4jPOX0jHUbbHANL9vRjVg==
-  dependencies:
-    bser "2.1.1"
-
-fd-slicer@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
-  integrity sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=
-  dependencies:
-    pend "~1.2.0"
-
-fecha@^4.2.0:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/fecha/-/fecha-4.2.3.tgz#4d9ccdbc61e8629b259fdca67e65891448d569fd"
-  integrity sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==
-
-fetch-blob@^3.1.2, fetch-blob@^3.1.4:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/fetch-blob/-/fetch-blob-3.2.0.tgz#f09b8d4bbd45adc6f0c20b7e787e793e309dcce9"
-  integrity sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==
-  dependencies:
-    node-domexception "^1.0.0"
-    web-streams-polyfill "^3.0.3"
-
-figures@^3.0.0:
+figures@3.2.0, 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"
-  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
-  dependencies:
-    flat-cache "^3.0.4"
-
-file-js@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/file-js/-/file-js-0.3.0.tgz#fab46bf782346c9294499f1f0d2ad07d838f25d1"
-  integrity sha1-+rRr94I0bJKUSZ8fDSrQfYOPJdE=
-  dependencies:
-    bluebird "^3.4.7"
-    minimatch "^3.0.3"
-    proper-lockfile "^1.2.0"
-
-file-type@^3.8.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/file-type/-/file-type-3.9.0.tgz#257a078384d1db8087bc449d107d52a52672b9e9"
-  integrity sha512-RLoqTXE8/vPmMuTI88DAzhMYC99I8BWv7zYP4A1puo5HIjEJ5EX48ighy4ZyKMG9EDXxBgW6e++cn7d1xuFghA==
-
-file-type@^4.2.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/file-type/-/file-type-4.4.0.tgz#1b600e5fca1fbdc6e80c0a70c71c8dba5f7906c5"
-  integrity sha512-f2UbFQEk7LXgWpi5ntcO86OeA/cC80fuDDDaX/fZ2ZGel+AF7leRQqBBW1eJNiiQkrZlAoM6P+VYP5P6bOlDEQ==
-
-file-type@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/file-type/-/file-type-5.2.0.tgz#2ddbea7c73ffe36368dfae49dc338c058c2b8ad6"
-  integrity sha512-Iq1nJ6D2+yIO4c8HHg4fyVb8mAJieo1Oloy1mLLaB2PvezNedhBVm+QU7g0qM42aiMbRXTxKKwGD17rjKNJYVQ==
-
-file-type@^6.1.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/file-type/-/file-type-6.2.0.tgz#e50cd75d356ffed4e306dc4f5bcf52a79903a919"
-  integrity sha512-YPcTBDV+2Tm0VqjybVd32MHdlEGAtuxS3VAYsumFokDSMG+ROT5wawGlnHDoz7bfMcMDt9hxuXvXwoKUx2fkOg==
-
-file-type@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/file-type/-/file-type-8.1.0.tgz#244f3b7ef641bbe0cca196c7276e4b332399f68c"
-  integrity sha512-qyQ0pzAy78gVoJsmYeNgl8uH8yKhr1lVhW7JbzJmnlRi0I4R2eEDEJZVKG8agpDnLpacwNbDhLNG/LMdxHD2YQ==
-
-filehound@^1.17.6:
-  version "1.17.6"
-  resolved "https://registry.yarnpkg.com/filehound/-/filehound-1.17.6.tgz#d5d87bd694316ea673bd0642b776b508d3f98a1d"
-  integrity sha512-5q4zjFkI8W2zLmvbvyvI//K882IpEj6sMNXPUQlk5H6W4Wh3OSSylEAIEmMLELP9G7ileYjTKPXOn0YzzS55Lg==
-  dependencies:
-    bluebird "^3.7.2"
-    file-js "0.3.0"
-    lodash "^4.17.21"
-    minimatch "^5.0.0"
-    moment "^2.29.1"
-    unit-compare "^1.0.1"
-
 filelist@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.3.tgz#448607750376484932f67ef1b9ff07386b036c83"
-  integrity sha512-LwjCsruLWQULGYKy7TX0OPtrL9kLpojOFKc5VCTxdFTV7w5zbsgqVKfnkKG7Qgjtq50gKfO56hJv88OfcGb70Q==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
+  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
   dependencies:
     minimatch "^5.0.1"
 
-filename-reserved-regex@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/filename-reserved-regex/-/filename-reserved-regex-2.0.0.tgz#abf73dfab735d045440abfea2d91f389ebbfa229"
-  integrity sha512-lc1bnsSr4L4Bdif8Xb/qrtokGbq5zlsms/CYH8PP+WtCkGNF65DPiQY8vG3SakEdRn8Dlnm+gW/qWKKjS5sZzQ==
-
-filenamify@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/filenamify/-/filenamify-2.1.0.tgz#88faf495fb1b47abfd612300002a16228c677ee9"
-  integrity sha512-ICw7NTT6RsDp2rnYKVd8Fu4cr6ITzGy3+u4vUujPkabyaz+03F24NWEX7fs5fp+kBonlaqPH8fAO2NM+SXt/JA==
-  dependencies:
-    filename-reserved-regex "^2.0.0"
-    strip-outer "^1.0.0"
-    trim-repeated "^1.0.0"
-
 fill-range@^2.1.0:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.4.tgz#eb1e773abb056dcd8df2bfdf6af59b8b3a936565"
@@ -6436,24 +2181,6 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-filter-obj@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/filter-obj/-/filter-obj-1.1.0.tgz#9b311112bc6c6127a16e016c6c5d7f19e0805c5b"
-  integrity sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==
-
-finalhandler@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
-  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
-  dependencies:
-    debug "2.6.9"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    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"
@@ -6462,32 +2189,13 @@ find-in-files@^0.5.0:
     find "^0.1.5"
     q "^1.0.1"
 
-find-replace@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-replace/-/find-replace-3.0.0.tgz#3e7e23d3b05167a76f770c9fbd5258b0def68c38"
-  integrity sha512-6Tb2myMioCAgv5kfvP5/PkZZ/ntTpVK39fHY7WkWBgvbeE+VHd/tZuZ4mrC+bxh4cfOZeYKVPaJIZtZXV7GNCQ==
-  dependencies:
-    array-back "^3.0.1"
-
-find-root@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
-  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
-
-find-up@^2.1.0:
+find-up@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
-  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
+  integrity sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==
   dependencies:
     locate-path "^2.0.0"
 
-find-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
-  dependencies:
-    locate-path "^3.0.0"
-
 find-up@^4.0.0, find-up@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
@@ -6496,21 +2204,6 @@ find-up@^4.0.0, find-up@^4.1.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
-find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
-find-versions@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/find-versions/-/find-versions-3.2.0.tgz#10297f98030a786829681690545ef659ed1d254e"
-  integrity sha512-P8WRou2S+oe222TOCHitLy8zj+SIsVJh52VP4lvXkaFVnOFFdoWv1H1Jjvel1aI6NCFOAaeAVm8qrI0odiLcww==
-  dependencies:
-    semver-regex "^2.0.0"
-
 find@^0.1.5:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/find/-/find-0.1.7.tgz#c86c87af1ab18f222bbe38dec86cbc760d16a6fb"
@@ -6518,28 +2211,15 @@ find@^0.1.5:
   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"
-  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
-  dependencies:
-    flatted "^3.1.0"
-    rimraf "^3.0.2"
+flat@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
+  integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
 
-flatted@^3.1.0:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.5.tgz#76c8584f4fc843db64702a6bd04ab7a8bd666da3"
-  integrity sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==
-
-fn.name@1.x.x:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fn.name/-/fn.name-1.1.0.tgz#26cad8017967aea8731bc42961d04a3d5988accc"
-  integrity sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==
-
-follow-redirects@^1.0.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.0.tgz#06441868281c86d0dda4ad8bdaead2d02dca89d4"
-  integrity sha512-aExlJShTV4qOUOL7yF1U5tvLCB0xQuudbf6toyYA0E/acBNw71mvjFTnLaRp50aQaYocMR0a/RMMBIHeZnGyjQ==
+follow-redirects@^1.15.0:
+  version "1.15.2"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
+  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
 
 for-in@^1.0.2:
   version "1.0.2"
@@ -6551,48 +2231,6 @@ foreachasync@^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"
-  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
-
-fork-ts-checker-webpack-plugin@^6.5.2:
-  version "6.5.2"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.2.tgz#4f67183f2f9eb8ba7df7177ce3cf3e75cdafb340"
-  integrity sha512-m5cUmF30xkZ7h4tWUgTAcEaKmUW7tfyUyTqNNOz7OxWJ0v1VWKTcOvH8FWHUwSjlW/356Ijc9vi3XfcPstpQKA==
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@types/json-schema" "^7.0.5"
-    chalk "^4.1.0"
-    chokidar "^3.4.2"
-    cosmiconfig "^6.0.0"
-    deepmerge "^4.2.2"
-    fs-extra "^9.0.0"
-    glob "^7.1.6"
-    memfs "^3.1.2"
-    minimatch "^3.0.4"
-    schema-utils "2.7.0"
-    semver "^7.3.2"
-    tapable "^1.0.0"
-
-form-data@^2.5.0:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.5.1.tgz#f2cbec57b5e59e23716e128fe44d4e5dd23895f4"
-  integrity sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.6"
-    mime-types "^2.1.12"
-
-form-data@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
-  integrity sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.8"
-    mime-types "^2.1.12"
-
 form-data@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
@@ -6602,46 +2240,12 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-form-data@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
-  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.6"
-    mime-types "^2.1.12"
-
-formdata-polyfill@^4.0.10:
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz#24807c31c9d402e002ab3d8c720144ceb8848423"
-  integrity sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==
-  dependencies:
-    fetch-blob "^3.1.2"
-
-forwarded@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
-  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
-
-fresh@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-  integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
-
-from2@^2.1.1:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
-  integrity sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==
-  dependencies:
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-
 fs-constants@^1.0.0:
   version "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.1.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==
@@ -6650,16 +2254,7 @@ fs-extra@^10.0.0, fs-extra@^10.1.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-extra@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
-  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
-fs-extra@^9.0.0, fs-extra@^9.0.1:
+fs-extra@^9.1.0:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
   integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@@ -6676,17 +2271,12 @@ fs-minipass@^2.0.0, fs-minipass@^2.1.0:
   dependencies:
     minipass "^3.0.0"
 
-fs-monkey@1.0.3, fs-monkey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
-  integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@^2.3.2, fsevents@~2.3.2:
+fsevents@~2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
@@ -6696,21 +2286,6 @@ function-bind@^1.1.1:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
-function.prototype.name@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
-  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.0"
-    functions-have-names "^1.2.2"
-
-functions-have-names@^1.2.2:
-  version "1.2.3"
-  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"
@@ -6725,133 +2300,96 @@ gauge@^4.0.3:
     strip-ansi "^6.0.1"
     wide-align "^1.1.5"
 
-generic-names@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/generic-names/-/generic-names-1.0.3.tgz#2d786a121aee508876796939e8e3bff836c20917"
-  integrity sha1-LXhqEhruUIh2eWk56OO/+DbCCRc=
-  dependencies:
-    loader-utils "^0.2.16"
-
-gensync@^1.0.0-beta.2:
-  version "1.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
-  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
-
 get-caller-file@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
-  integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
+get-pkg-repo@^4.0.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/get-pkg-repo/-/get-pkg-repo-4.2.1.tgz#75973e1c8050c73f48190c52047c4cee3acbf385"
+  integrity sha512-2+QbHjFRfGB74v/pYWjd5OhU3TDIC2Gv/YKUTk/tCvAz0pkn/Mz6P3uByuBimLOcPvN2jYdScl3xGFSrx0jEcA==
   dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.1"
+    "@hutson/parse-repository-url" "^3.0.0"
+    hosted-git-info "^4.0.0"
+    through2 "^2.0.0"
+    yargs "^16.2.0"
 
-get-intrinsic@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385"
-  integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==
-  dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.3"
-
-get-package-type@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
-  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
-
-get-proxy@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/get-proxy/-/get-proxy-2.1.0.tgz#349f2b4d91d44c4d4d4e9cba2ad90143fac5ef93"
-  integrity sha512-zmZIaQTWnNQb4R4fJUEp/FC51eZsc6EkErspy3xtIYStaq8EB/hDIWipxsal+E8rz0qD7f2sL/NA9Xee4RInJw==
-  dependencies:
-    npm-conf "^1.1.0"
-
-get-stream@3.0.0, get-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
-  integrity sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ==
-
-get-stream@^2.2.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-2.3.1.tgz#5f38f93f346009666ee0150a054167f91bdd95de"
-  integrity sha512-AUGhbbemXxrZJRD5cDvKtQxLuYaIbNtDTK8YqupCI393Q2KSTreEsLUN3ZxAWFGiKTzL6nKuzfcIvieflUX9qA==
-  dependencies:
-    object-assign "^4.0.1"
-    pinkie-promise "^2.0.0"
-
-get-stream@^4.0.0, get-stream@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
-  integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
-  dependencies:
-    pump "^3.0.0"
-
-get-stream@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
-  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
-  dependencies:
-    pump "^3.0.0"
+get-port@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/get-port/-/get-port-5.1.1.tgz#0469ed07563479de6efb986baf053dcd7d4e3193"
+  integrity sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==
 
 get-stream@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
   integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
 
-get-symbol-description@^1.0.0:
+git-raw-commits@^2.0.8:
+  version "2.0.11"
+  resolved "https://registry.yarnpkg.com/git-raw-commits/-/git-raw-commits-2.0.11.tgz#bc3576638071d18655e1cc60d7f524920008d723"
+  integrity sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==
+  dependencies:
+    dargs "^7.0.0"
+    lodash "^4.17.15"
+    meow "^8.0.0"
+    split2 "^3.0.0"
+    through2 "^4.0.0"
+
+git-remote-origin-url@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/git-remote-origin-url/-/git-remote-origin-url-2.0.0.tgz#5282659dae2107145a11126112ad3216ec5fa65f"
+  integrity sha512-eU+GGrZgccNJcsDH5LkXR3PB9M958hxc7sbA8DFJjrv9j4L2P/eZfKhM+QD6wyzpiv+b1BpK0XrYCxkovtjSLw==
+  dependencies:
+    gitconfiglocal "^1.0.0"
+    pify "^2.3.0"
+
+git-semver-tags@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/git-semver-tags/-/git-semver-tags-4.1.1.tgz#63191bcd809b0ec3e151ba4751c16c444e5b5780"
+  integrity sha512-OWyMt5zBe7xFs8vglMmhM9lRQzCWL3WjHtxNNfJTMngGym7pC1kh8sP6jevfydJ6LP3ZvGxfb6ABYgPUM0mtsA==
+  dependencies:
+    meow "^8.0.0"
+    semver "^6.0.0"
+
+git-up@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/git-up/-/git-up-7.0.0.tgz#bace30786e36f56ea341b6f69adfd83286337467"
+  integrity sha512-ONdIrbBCFusq1Oy0sC71F5azx8bVkvtZtMJAsv+a6lz5YAmbNnLD6HAB4gptHZVLPR8S2/kVN6Gab7lryq5+lQ==
+  dependencies:
+    is-ssh "^1.4.0"
+    parse-url "^8.1.0"
+
+git-url-parse@^13.1.0:
+  version "13.1.0"
+  resolved "https://registry.yarnpkg.com/git-url-parse/-/git-url-parse-13.1.0.tgz#07e136b5baa08d59fabdf0e33170de425adf07b4"
+  integrity sha512-5FvPJP/70WkIprlUZ33bm4UAaFdjcLkJLpWft1BeZKqwR0uhhNGoKwlUaPtVb4LxCSQ++erHapRak9kWGj+FCA==
+  dependencies:
+    git-up "^7.0.0"
+
+gitconfiglocal@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6"
-  integrity sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==
+  resolved "https://registry.yarnpkg.com/gitconfiglocal/-/gitconfiglocal-1.0.0.tgz#41d045f3851a5ea88f03f24ca1c6178114464b9b"
+  integrity sha512-spLUXeTAVHxDtKsJc8FkFVgFtMdEN9qPGpL23VfSHx4fP4+Ds097IXLvymbnDH8FnmxX5Nr9bPw3A+AQ6mWEaQ==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.1"
-
-get-tsconfig@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.2.0.tgz#ff368dd7104dab47bf923404eb93838245c66543"
-  integrity sha512-X8u8fREiYOE6S8hLbq99PeykTDoLVnxvF4DjWKJmz9xy2nNRdUcV8ZN9tniJFeKyTU3qnC9lL8n4Chd6LmVKHg==
-
-getpass@^0.1.1:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
-  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
-  dependencies:
-    assert-plus "^1.0.0"
+    ini "^1.3.2"
 
 github-from-package@0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
-  integrity sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=
+  integrity sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==
 
-glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.1, glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
-glob-parent@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
-
-glob@^7.0.0, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023"
-  integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==
+glob@7.1.4:
+  version "7.1.4"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.4.tgz#aa608a2f6c577ad357e1ae5a5c26d9a8d1969255"
+  integrity sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==
   dependencies:
     fs.realpath "^1.0.0"
     inflight "^1.0.4"
@@ -6860,6 +2398,18 @@ glob@^7.0.0, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^7.1.3, glob@^7.1.4:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
 glob@^8.0.1:
   version "8.0.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-8.0.3.tgz#415c6eb2deed9e502c68fa44a272e6da6eeca42e"
@@ -6871,53 +2421,7 @@ glob@^8.0.1:
     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"
-  integrity sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==
-  dependencies:
-    boolean "^3.0.1"
-    es6-error "^4.1.1"
-    matcher "^3.0.0"
-    roarr "^2.15.3"
-    semver "^7.3.2"
-    serialize-error "^7.0.1"
-
-global-tunnel-ng@^2.7.1:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/global-tunnel-ng/-/global-tunnel-ng-2.7.1.tgz#d03b5102dfde3a69914f5ee7d86761ca35d57d8f"
-  integrity sha512-4s+DyciWBV0eK148wqXxcmVAbFVPqtc3sEtUE/GTQfuU80rySLcMhUmHKSHI7/LDj8q0gDYI1lIhRRB7ieRAqg==
-  dependencies:
-    encodeurl "^1.0.2"
-    lodash "^4.17.10"
-    npm-conf "^1.1.3"
-    tunnel "^0.0.6"
-
-globals@^11.1.0:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
-  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
-
-globals@^13.19.0:
-  version "13.19.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.19.0.tgz#7a42de8e6ad4f7242fbcca27ea5b23aca367b5c8"
-  integrity sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==
-  dependencies:
-    type-fest "^0.20.2"
-
-globalthis@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
-  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
-  dependencies:
-    define-properties "^1.1.3"
-
-globalyzer@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/globalyzer/-/globalyzer-0.1.0.tgz#cb76da79555669a1519d5a8edf093afaa0bf1465"
-  integrity sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==
-
-globby@^11.0.1, globby@^11.1.0:
+globby@^11.0.2:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -6929,94 +2433,11 @@ globby@^11.0.1, globby@^11.1.0:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
-globby@^13.1.2:
-  version "13.1.2"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.2.tgz#29047105582427ab6eca4f905200667b056da515"
-  integrity sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==
-  dependencies:
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.11"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^4.0.0"
-
-globrex@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
-  integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==
-
-got@^11.8.6:
-  version "11.8.6"
-  resolved "https://registry.yarnpkg.com/got/-/got-11.8.6.tgz#276e827ead8772eddbcfc97170590b841823233a"
-  integrity sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==
-  dependencies:
-    "@sindresorhus/is" "^4.0.0"
-    "@szmarczak/http-timer" "^4.0.5"
-    "@types/cacheable-request" "^6.0.1"
-    "@types/responselike" "^1.0.0"
-    cacheable-lookup "^5.0.3"
-    cacheable-request "^7.0.2"
-    decompress-response "^6.0.0"
-    http2-wrapper "^1.0.0-beta.5.2"
-    lowercase-keys "^2.0.0"
-    p-cancelable "^2.0.0"
-    responselike "^2.0.0"
-
-got@^8.3.1:
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/got/-/got-8.3.2.tgz#1d23f64390e97f776cac52e5b936e5f514d2e937"
-  integrity sha512-qjUJ5U/hawxosMryILofZCkm3C84PLJS/0grRIpjAwu+Lkxxj5cxeCU25BG0/3mDSpXKTyZr8oh8wIgLaH0QCw==
-  dependencies:
-    "@sindresorhus/is" "^0.7.0"
-    cacheable-request "^2.1.1"
-    decompress-response "^3.3.0"
-    duplexer3 "^0.1.4"
-    get-stream "^3.0.0"
-    into-stream "^3.1.0"
-    is-retry-allowed "^1.1.0"
-    isurl "^1.0.0-alpha5"
-    lowercase-keys "^1.0.0"
-    mimic-response "^1.0.0"
-    p-cancelable "^0.4.0"
-    p-timeout "^2.0.1"
-    pify "^3.0.0"
-    safe-buffer "^5.1.1"
-    timed-out "^4.0.1"
-    url-parse-lax "^3.0.0"
-    url-to-options "^1.0.1"
-
-got@^9.6.0:
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/got/-/got-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85"
-  integrity sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==
-  dependencies:
-    "@sindresorhus/is" "^0.14.0"
-    "@szmarczak/http-timer" "^1.1.2"
-    cacheable-request "^6.0.0"
-    decompress-response "^3.3.0"
-    duplexer3 "^0.1.4"
-    get-stream "^4.1.0"
-    lowercase-keys "^1.0.1"
-    mimic-response "^1.0.1"
-    p-cancelable "^1.0.0"
-    to-readable-stream "^1.0.0"
-    url-parse-lax "^3.0.0"
-
-graceful-fs@^4.1.10, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.10, 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.6:
   version "4.2.10"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
   integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
 
-"graceful-readlink@>= 1.0.0":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
-  integrity sha1-TK+tdrxi8C+gObL5Tpo906ORpyU=
-
-grapheme-splitter@^1.0.4:
-  version "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"
@@ -7037,23 +2458,6 @@ gulp-header@^1.7.1:
     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"
-  integrity sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==
-  dependencies:
-    browserify-zlib "^0.1.4"
-    is-deflate "^1.0.0"
-    is-gzip "^1.0.0"
-    peek-stream "^1.1.0"
-    pumpify "^1.3.3"
-    through2 "^2.0.3"
-
-handle-thing@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
-  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
-
 handlebars@^4.7.7:
   version "4.7.7"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
@@ -7066,23 +2470,10 @@ handlebars@^4.7.7:
   optionalDependencies:
     uglify-js "^3.1.4"
 
-har-schema@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
-  integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
-
-har-validator@~5.1.3:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.5.tgz#1f0803b9f8cb20c0fa13822df1ecddb36bde1efd"
-  integrity sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==
-  dependencies:
-    ajv "^6.12.3"
-    har-schema "^2.0.0"
-
-harmony-reflect@^1.4.6:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
-  integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==
+hard-rejection@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/hard-rejection/-/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883"
+  integrity sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==
 
 has-ansi@^2.0.0:
   version "2.0.0"
@@ -7091,56 +2482,20 @@ has-ansi@^2.0.0:
   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"
-  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
-
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
 
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-property-descriptors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
-  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
-  dependencies:
-    get-intrinsic "^1.1.1"
-
-has-symbol-support-x@^1.4.1:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz#1409f98bc00247da45da67cee0a36f282ff26455"
-  integrity sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw==
-
-has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
-  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
-
-has-to-string-tag-x@^1.2.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz#a045ab383d7b4b2012a00148ab0aa5f290044d4d"
-  integrity sha512-vdbKfmw+3LoOYVr+mtxHaX5a96+0f3DljYd8JOqvOLsf5mw2Otda2qCDT9qRqLAhrjyQ0h7ual5nOiASpsGNFw==
-  dependencies:
-    has-symbol-support-x "^1.4.1"
-
-has-tostringtag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
-  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
-  dependencies:
-    has-symbols "^1.0.2"
-
 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=
+  integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==
 
 has@^1.0.3:
   version "1.0.3"
@@ -7149,167 +2504,37 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-he@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
-  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+hosted-git-info@^2.1.4:
+  version "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==
 
-history@^4.10.1, history@^4.9.0:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/history/-/history-4.10.1.tgz#33371a65e3a83b267434e2b3f3b1b4c58aad4cf3"
-  integrity sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==
+hosted-git-info@^3.0.6:
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-3.0.8.tgz#6e35d4cc87af2c5f816e4cb9ce350ba87a3f370d"
+  integrity sha512-aXpmwoOhRBrw6X3j0h5RloK4x1OzsxMPyxqIHyNfSe2pypkVTZFpEiRoSipPEPlMrh0HW/XsjkJ5WgnCirpNUw==
   dependencies:
-    "@babel/runtime" "^7.1.2"
-    loose-envify "^1.2.0"
-    resolve-pathname "^3.0.0"
-    tiny-invariant "^1.0.2"
-    tiny-warning "^1.0.0"
-    value-equal "^1.0.1"
+    lru-cache "^6.0.0"
 
-hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1, hoist-non-react-statics@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
-  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
-  dependencies:
-    react-is "^16.7.0"
-
-hosted-git-info@^4.1.0:
+hosted-git-info@^4.0.0, hosted-git-info@^4.0.1:
   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==
   dependencies:
     lru-cache "^6.0.0"
 
-hosted-git-info@^5.0.0, hosted-git-info@^5.2.1:
+hosted-git-info@^5.0.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-5.2.1.tgz#0ba1c97178ef91f3ab30842ae63d6a272341156f"
   integrity sha512-xIcQYMnhcx2Nr4JTjsFmwwnr9vldugPy9uVm0o87bjqqWMv9GaqsTeT+i99wTl0mk1uLxJtHxLb8kymqTENQsw==
   dependencies:
     lru-cache "^7.5.1"
 
-hpack.js@^2.1.6:
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
-  integrity sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=
-  dependencies:
-    inherits "^2.0.1"
-    obuf "^1.0.0"
-    readable-stream "^2.0.1"
-    wbuf "^1.1.0"
-
-hpagent@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/hpagent/-/hpagent-1.2.0.tgz#0ae417895430eb3770c03443456b8d90ca464903"
-  integrity sha512-A91dYTeIB6NoXG+PxTQpCCDDnfHsW9kc06Lvpu1TEe9gnd6ZFeiBoRO9JvzEv6xK7EX97/dUE8g/vBMTqTS3CA==
-
-html-encoding-sniffer@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
-  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
-  dependencies:
-    whatwg-encoding "^1.0.5"
-
-html-encoding-sniffer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
-  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
-  dependencies:
-    whatwg-encoding "^2.0.0"
-
-html-entities@^2.1.0, html-entities@^2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.3.tgz#117d7626bece327fc8baace8868fa6f5ef856e46"
-  integrity sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==
-
-html-escaper@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
-  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
-
-html-minifier-terser@^6.0.2:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
-  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
-  dependencies:
-    camel-case "^4.1.2"
-    clean-css "^5.2.2"
-    commander "^8.3.0"
-    he "^1.2.0"
-    param-case "^3.0.4"
-    relateurl "^0.2.7"
-    terser "^5.10.0"
-
-html-webpack-plugin@^5.5.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz#c3911936f57681c1f9f4d8b68c158cd9dfe52f50"
-  integrity sha512-sy88PC2cRTVxvETRgUHFrL4No3UxvcH8G1NepGhqaTT+GXN2kTamqasot0inS5hXeg1cMbFDt27zzo9p35lZVw==
-  dependencies:
-    "@types/html-minifier-terser" "^6.0.0"
-    html-minifier-terser "^6.0.2"
-    lodash "^4.17.21"
-    pretty-error "^4.0.0"
-    tapable "^2.0.0"
-
-htmlparser2@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
-  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.0.0"
-    domutils "^2.5.2"
-    entities "^2.0.0"
-
-http-cache-semantics@3.8.1:
-  version "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.1.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==
 
-http-deceiver@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
-  integrity sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=
-
-http-errors@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
-  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
-  dependencies:
-    depd "2.0.0"
-    inherits "2.0.4"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    toidentifier "1.0.1"
-
-http-errors@~1.6.2:
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
-  integrity sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.0"
-    statuses ">= 1.4.0 < 2"
-
-http-parser-js@>=0.5.1:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.6.tgz#2e02406ab2df8af8a7abfba62e0da01c62b95afd"
-  integrity sha512-vDlkRPDJn93swjcjqMSaGSPABbIarsr1TLAui/gLDXzV5VsJNdXNzMYDyNBLQkjWQCJ1uizu8T2oDMhmGt0PRA==
-
-http-proxy-agent@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz#8a8c8ef7f5932ccf953c296ca8291b95aa74aa3a"
-  integrity sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==
-  dependencies:
-    "@tootallnate/once" "1"
-    agent-base "6"
-    debug "4"
-
 http-proxy-agent@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
@@ -7319,43 +2544,6 @@ http-proxy-agent@^5.0.0:
     agent-base "6"
     debug "4"
 
-http-proxy-middleware@^2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz#e1a4dd6979572c7ab5a4e4b55095d1f32a74963f"
-  integrity sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==
-  dependencies:
-    "@types/http-proxy" "^1.17.8"
-    http-proxy "^1.18.1"
-    is-glob "^4.0.1"
-    is-plain-obj "^3.0.0"
-    micromatch "^4.0.2"
-
-http-proxy@^1.18.1:
-  version "1.18.1"
-  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
-  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
-  dependencies:
-    eventemitter3 "^4.0.0"
-    follow-redirects "^1.0.0"
-    requires-port "^1.0.0"
-
-http-signature@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
-  integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
-  dependencies:
-    assert-plus "^1.0.0"
-    jsprim "^1.2.2"
-    sshpk "^1.7.0"
-
-http2-wrapper@^1.0.0-beta.5.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-1.0.3.tgz#b8f55e0c1f25d4ebd08b3b0c2c079f9590800b3d"
-  integrity sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==
-  dependencies:
-    quick-lru "^5.1.1"
-    resolve-alpn "^1.0.0"
-
 https-proxy-agent@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
@@ -7372,71 +2560,29 @@ human-signals@^2.1.0:
 humanize-ms@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/humanize-ms/-/humanize-ms-1.2.1.tgz#c46e3159a293f6b896da29316d8b6fe8bb79bbed"
-  integrity sha1-xG4xWaKT9riW2ikxbYtv6Lt5u+0=
+  integrity sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==
   dependencies:
     ms "^2.0.0"
 
-hyphenate-style-name@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
-  integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
-
-iconv-corefoundation@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/iconv-corefoundation/-/iconv-corefoundation-1.1.7.tgz#31065e6ab2c9272154c8b0821151e2c88f1b002a"
-  integrity sha512-T10qvkw0zz4wnm560lOEg0PovVqUXuOFhhHAkixw8/sycy7TJt7v/RrkEKEQnAw2viPSJu6iAkErxnzR0g8PpQ==
-  dependencies:
-    cli-truncate "^2.1.0"
-    node-addon-api "^1.6.3"
-
-iconv-lite@0.4.24, iconv-lite@^0.4.24, iconv-lite@^0.4.4:
+iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@0.6.3, iconv-lite@^0.6.2:
+iconv-lite@^0.6.2:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
   integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-icss-utils@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-3.0.1.tgz#ee70d3ae8cac38c6be5ed91e851b27eed343ad0f"
-  integrity sha1-7nDTroysOMa+XtkehRsn7tNDrQ8=
-  dependencies:
-    postcss "^6.0.2"
-
-icss-utils@^5.0.0, icss-utils@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
-  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
-
-identity-obj-proxy@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
-  integrity sha1-lNK9qWCERT7zb7xarsN+D3nx/BQ=
-  dependencies:
-    harmony-reflect "^1.4.6"
-
 ieee754@^1.1.13:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
 
-ignore-by-default@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/ignore-by-default/-/ignore-by-default-1.0.1.tgz#48ca6d72f6c6a3af00a9ad4ae6876be3889e2b09"
-  integrity sha1-SMptcvbGo68Aqa1K5odr44ieKwk=
-
-ignore-loader@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/ignore-loader/-/ignore-loader-0.1.2.tgz#d81f240376d0ba4f0d778972c3ad25874117a463"
-  integrity sha1-2B8kA3bQuk8Nd4lyw60lh0EXpGM=
-
 ignore-walk@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-5.0.1.tgz#5f199e23e1288f518d90358d461387788a154776"
@@ -7444,32 +2590,12 @@ ignore-walk@^5.0.1:
   dependencies:
     minimatch "^5.0.1"
 
-ignore@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
-  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
+ignore@^5.0.4, ignore@^5.2.0:
+  version "5.2.4"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
+  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
 
-image-size@~0.5.0:
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
-  integrity sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=
-
-immediate@~3.0.5:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
-  integrity sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=
-
-immer@^9.0.17:
-  version "9.0.17"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.17.tgz#7cfe8fbb8b461096444e9da7a5ec4a67c6c4adf4"
-  integrity sha512-+hBruaLSQvkPfxRiTLK/mi4vLH+/VQS6z2KJahdoxlleFOI8ARqzOF17uy12eFDlqWmPoygwc5evgwcp+dlHhg==
-
-immutable@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23"
-  integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==
-
-import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
+import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -7477,11 +2603,6 @@ import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
-import-lazy@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-3.1.0.tgz#891279202c8a2280fdbd6674dbd8da1a1dfc67cc"
-  integrity sha512-8/gvXvX2JMn0F+CDlSC4l6kOmVaLOO3XLkksI7CI3Ud95KDYJuYur2b9P/PUt/i/pDAMd/DulQsNbbbmRRsDIQ==
-
 import-local@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
@@ -7493,12 +2614,7 @@ import-local@^3.0.2:
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
-
-include-media@^1.4.9:
-  version "1.4.10"
-  resolved "https://registry.yarnpkg.com/include-media/-/include-media-1.4.10.tgz#7a311c92c396c808504ec6a5365115d30571f259"
-  integrity sha512-TymQzKF7oWHbItEcEHOCponZ90lRr1I9QbYeD+qCxXy4Z0/pSpS4Ocz2bq3FMOERlXXrY9Sawsh9GjiObVQA6A==
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
 
 indent-string@^4.0.0:
   version "4.0.0"
@@ -7513,31 +2629,21 @@ infer-owner@^1.0.4:
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
   dependencies:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
+inherits@2, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-inherits@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
-
-ini@^1.3.4, ini@~1.3.0:
+ini@^1.3.2, ini@^1.3.4, ini@~1.3.0:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
-ini@^3.0.0, ini@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-3.0.1.tgz#c76ec81007875bc44d544ff7a11a55d12294102d"
-  integrity sha512-it4HyVAUTKBc6m8e1iXWvXSTdndF7HbdN713+kvLrymxTaU4AUBWrJ4vEooP+V7fexnVD3LKcBshjGGPefSMUQ==
-
 init-package-json@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/init-package-json/-/init-package-json-3.0.2.tgz#f5bc9bac93f2bdc005778bc2271be642fecfcd69"
@@ -7570,70 +2676,42 @@ inquirer@^7.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"
-  integrity sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==
+inquirer@^8.2.4:
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-8.2.5.tgz#d8654a7542c35a9b9e069d27e2df4858784d54f8"
+  integrity sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ==
   dependencies:
-    get-intrinsic "^1.1.0"
-    has "^1.0.3"
-    side-channel "^1.0.4"
-
-interpret@^1.0.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
-  integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
-
-interpret@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9"
-  integrity sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==
-
-into-stream@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/into-stream/-/into-stream-3.1.0.tgz#96fb0a936c12babd6ff1752a17d05616abd094c6"
-  integrity sha512-TcdjPibTksa1NQximqep2r17ISRiNE9fwlfbg3F8ANdvP5/yrFTew86VcO//jk4QTaMlbjypPBq76HN2zaKfZQ==
-  dependencies:
-    from2 "^2.1.1"
-    p-is-promise "^1.1.0"
-
-ip-regex@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-4.3.0.tgz#687275ab0f57fa76978ff8f4dddc8a23d5990db5"
-  integrity sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==
+    ansi-escapes "^4.2.1"
+    chalk "^4.1.1"
+    cli-cursor "^3.1.0"
+    cli-width "^3.0.0"
+    external-editor "^3.0.3"
+    figures "^3.0.0"
+    lodash "^4.17.21"
+    mute-stream "0.0.8"
+    ora "^5.4.1"
+    run-async "^2.4.0"
+    rxjs "^7.5.5"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+    through "^2.3.6"
+    wrap-ansi "^7.0.0"
 
 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"
-  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
-
-ipaddr.js@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.0.1.tgz#eca256a7a877e917aeb368b0a7497ddf42ef81c0"
-  integrity sha512-1qTgH9NG+IIJ4yfKs2e6Pp1bZg8wbDbKHT21HrLIeYBTRLgMYKnMTPAuI3Lcs61nfx5h1xlXnbJtH1kX5/d/ng==
-
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
 is-arrayish@^0.3.1:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
   integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
 
-is-bigint@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
-  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
-  dependencies:
-    has-bigints "^1.0.1"
-
 is-binary-path@~2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
@@ -7641,79 +2719,30 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
-is-boolean-object@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
-  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
-  dependencies:
-    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"
-  integrity sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==
-
-is-callable@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
-  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
-
-is-ci@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-3.0.1.tgz#db6ecbed1bd659c43dac0f45661e7674103d1867"
-  integrity sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==
+is-ci@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
+  integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==
   dependencies:
-    ci-info "^3.2.0"
+    ci-info "^2.0.0"
 
-is-cidr@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/is-cidr/-/is-cidr-4.0.2.tgz#94c7585e4c6c77ceabf920f8cde51b8c0fda8814"
-  integrity sha512-z4a1ENUajDbEl/Q6/pVBpTR1nBjjEE1X7qb7bmWYanNnPoKAvUCPFKeXV6Fe4mgTkWKBqiHIcwsI3SndiO5FeA==
-  dependencies:
-    cidr-regex "^3.1.1"
-
-is-core-module@^2.10.0:
+is-core-module@^2.5.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
   version "2.11.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
   integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
   dependencies:
     has "^1.0.3"
 
-is-core-module@^2.2.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
-  integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==
-  dependencies:
-    has "^1.0.3"
-
-is-date-object@^1.0.1:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
-  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-deflate@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-deflate/-/is-deflate-1.0.0.tgz#c862901c3c161fb09dac7cdc7e784f80e98f2f14"
-  integrity sha1-yGKQHDwWH7CdrHzcfnhPgOmPLxQ=
-
 is-docker@^2.0.0, is-docker@^2.1.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
   integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
 
-is-electron@^2.2.0:
-  version "2.2.1"
-  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"
@@ -7729,62 +2758,35 @@ is-extendable@^1.0.1:
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
 is-fullwidth-code-point@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
+  integrity sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==
 
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
-is-generator-fn@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
-  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+is-glob@^4.0.1, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
   dependencies:
     is-extglob "^2.1.1"
 
-is-gzip@^1.0.0:
+is-interactive@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-gzip/-/is-gzip-1.0.0.tgz#6ca8b07b99c77998025900e555ced8ed80879a83"
-  integrity sha1-bKiwe5nHeZgCWQDlVc7Y7YCHmoM=
-
-is-in-browser@^1.0.2, is-in-browser@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/is-in-browser/-/is-in-browser-1.1.3.tgz#56ff4db683a078c6082eb95dad7dc62e1d04f835"
-  integrity sha1-Vv9NtoOgeMYILrldrX3GLh0E+DU=
+  resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
+  integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
 
 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-natural-number@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/is-natural-number/-/is-natural-number-4.0.1.tgz#ab9d76e1db4ced51e35de0c72ebecf09f734cde8"
-  integrity sha512-Y4LTamMe0DDQIIAlaer9eKebAlDSV6huy+TWhJVPlzZh2o4tRP5SQWFlLn5N0To4mDD22/qdOq+veo1cSISLgQ==
-
-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"
-  integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
-
-is-number-object@^1.0.4:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
-  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
-  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"
@@ -7807,30 +2809,15 @@ is-obj@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
   integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
 
-is-object@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-object/-/is-object-1.0.2.tgz#a56552e1c665c9e950b4a025461da87e72f86fcf"
-  integrity sha512-2rRIahhZr2UWb45fIOuvZGpFtz0TyOZLf32KxBbSoUCeZR495zCKlWUKKUByk3geS2eAs7ZAABt0Y/Rx0GiQGA==
-
-is-path-cwd@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
-  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
-
-is-path-inside@^3.0.2, is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
-
-is-plain-obj@^1.0.0:
+is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
   integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==
 
-is-plain-obj@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
-  integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
+is-plain-obj@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287"
+  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
 
 is-plain-object@^2.0.4:
   version "2.0.4"
@@ -7839,81 +2826,39 @@ is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
-is-potential-custom-element-name@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
-  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
+is-plain-object@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
+  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
 
-is-regex@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
-  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+is-ssh@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.4.0.tgz#4f8220601d2839d8fa624b3106f8e8884f01b8b2"
+  integrity sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==
   dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-retry-allowed@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz#d778488bd0a4666a3be8a1482b9f2baafedea8b4"
-  integrity sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg==
-
-is-shared-array-buffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
-  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
-  dependencies:
-    call-bind "^1.0.2"
-
-is-stream@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
-  integrity sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==
+    protocols "^2.0.1"
 
 is-stream@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
   integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
 
-is-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
-  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
-
-is-string@^1.0.5, is-string@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
-  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+is-text-path@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-text-path/-/is-text-path-1.0.1.tgz#4e1aa0fb51bfbcb3e92688001397202c1775b66e"
+  integrity sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==
   dependencies:
-    has-tostringtag "^1.0.0"
+    text-extensions "^1.0.0"
 
-is-symbol@^1.0.2, is-symbol@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
-  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
-  dependencies:
-    has-symbols "^1.0.2"
-
-is-typedarray@~1.0.0:
+is-typedarray@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
+  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
 
-is-url@^1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
-  integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==
-
-is-weakref@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
-  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
-  dependencies:
-    call-bind "^1.0.2"
-
-is-what@^3.14.1:
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.14.1.tgz#e1222f46ddda85dead0fd1c9df131760e77755c1"
-  integrity sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==
+is-unicode-supported@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
+  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
 
 is-wsl@^2.2.0:
   version "2.2.0"
@@ -7922,41 +2867,15 @@ is-wsl@^2.2.0:
   dependencies:
     is-docker "^2.0.0"
 
-is2@^2.0.6:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/is2/-/is2-2.0.7.tgz#d084e10cab3bd45d6c9dfde7a48599fcbb93fcac"
-  integrity sha512-4vBQoURAXC6hnLFxD4VW7uc04XiwTTl/8ydYJxKvPwkWQrSjInkuM5VZVg6BGr1/natq69zDuvO9lGpLClJqvA==
-  dependencies:
-    deep-is "^0.1.3"
-    ip-regex "^4.1.0"
-    is-url "^1.2.4"
-
-isarray@0.0.1:
-  version "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:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
-
-isbinaryfile@^3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-3.0.3.tgz#5d6def3edebf6e8ca8cae9c30183a804b5f8be80"
-  integrity sha512-8cJBL5tTd2OS0dM4jz07wQd5g0dCCqIhUxPIGtZfa5L6hWlvV5MHTITy/DBAsF+Oe2LS1X3krBUhNwaGUWpWxw==
-  dependencies:
-    buffer-alloc "^1.2.0"
-
-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==
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
 
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
 isobject@^2.0.0:
   version "2.1.0"
@@ -7968,67 +2887,7 @@ isobject@^2.0.0:
 isobject@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-  integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
-
-isomorphic-ws@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/isomorphic-ws/-/isomorphic-ws-4.0.1.tgz#55fd4cd6c5e6491e76dc125938dd863f5cd4f2dc"
-  integrity sha512-BhBvN2MBpWTaSHdWRb/bwdZJ1WaehQ2L1KngkCkfLUGF0mAWAT1sQUQacEmQ0jXkFw/czDXPNQSL5u2/Krsz1w==
-
-isstream@~0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
-  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
-
-istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3"
-  integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==
-
-istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.0.tgz#31d18bdd127f825dd02ea7bfdfd906f8ab840e9f"
-  integrity sha512-6Lthe1hqXHBNsqvgDzGO6l03XNeu3CrG4RqQ1KM9+l5+jNGpEJfIELx1NS3SEHmJQA8np/u+E4EPRKRiu6m19A==
-  dependencies:
-    "@babel/core" "^7.12.3"
-    "@babel/parser" "^7.14.7"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-coverage "^3.2.0"
-    semver "^6.3.0"
-
-istanbul-lib-report@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
-  integrity sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==
-  dependencies:
-    istanbul-lib-coverage "^3.0.0"
-    make-dir "^3.0.0"
-    supports-color "^7.1.0"
-
-istanbul-lib-source-maps@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
-  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
-  dependencies:
-    debug "^4.1.1"
-    istanbul-lib-coverage "^3.0.0"
-    source-map "^0.6.1"
-
-istanbul-reports@^3.1.3:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.4.tgz#1b6f068ecbc6c331040aab5741991273e609e40c"
-  integrity sha512-r1/DshN4KSE7xWEknZLLLLDn5CJybV3nw01VTkp6D5jzLuELlcbudfj/eSQFvrKsJuTVCGnePO7ho82Nw9zzfw==
-  dependencies:
-    html-escaper "^2.0.0"
-    istanbul-lib-report "^3.0.0"
-
-isurl@^1.0.0-alpha5:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isurl/-/isurl-1.0.0.tgz#b27f4f49f3cdaa3ea44a0a5b7f3462e6edc39d67"
-  integrity sha512-1P/yWsxPlDtn7QeRD+ULKQPaIaN6yF368GZ2vDfv0AL0NwpStafjWCDDdn0k8wgFMWpVAqG7oJhxHnlud42i9w==
-  dependencies:
-    has-to-string-tag-x "^1.2.0"
-    is-object "^1.0.1"
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
 jake@^10.8.5:
   version "10.8.5"
@@ -8040,434 +2899,19 @@ jake@^10.8.5:
     filelist "^1.0.1"
     minimatch "^3.0.4"
 
-jest-canvas-mock@^2.3.1:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.4.0.tgz#947b71442d7719f8e055decaecdb334809465341"
-  integrity sha512-mmMpZzpmLzn5vepIaHk5HoH3Ka4WykbSoLuG/EKoJd0x0ID/t+INo1l8ByfcUJuDM+RIsL4QDg/gDnBbrj2/IQ==
-  dependencies:
-    cssfontparser "^1.2.1"
-    moo-color "^1.0.2"
-
-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"
-    p-limit "^3.1.0"
-
-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.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.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"
-
-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.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.3"
-    jest-util "^28.1.3"
-    jest-validate "^28.1.3"
-    prompts "^2.0.1"
-    yargs "^17.3.1"
-
-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.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.3"
-    jest-environment-node "^28.1.3"
-    jest-get-type "^28.0.2"
-    jest-regex-util "^28.0.2"
-    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.3"
-    slash "^3.0.0"
-    strip-json-comments "^3.1.1"
-
-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.3"
-
-jest-docblock@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-28.1.1.tgz#6f515c3bf841516d82ecd57a62eed9204c2f42a8"
-  integrity sha512-3wayBVNiOYx0cwAbl9rwm5kKFP8yHH3d/fkEaL02NPTkDojPtheGB7HZSFY4wzX+DxyrvhXz0KSCVksmCknCuA==
-  dependencies:
-    detect-newline "^3.0.0"
-
-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.3"
-    chalk "^4.0.0"
-    jest-get-type "^28.0.2"
-    jest-util "^28.1.3"
-    pretty-format "^28.1.3"
-
-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.3"
-    "@jest/fake-timers" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    "@types/jsdom" "^16.2.4"
-    "@types/node" "*"
-    jest-mock "^28.1.3"
-    jest-util "^28.1.3"
-    jsdom "^19.0.0"
-
-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.3"
-    "@jest/fake-timers" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    "@types/node" "*"
-    jest-mock "^28.1.3"
-    jest-util "^28.1.3"
-
-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.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.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.3"
-    jest-worker "^28.1.3"
-    micromatch "^4.0.4"
-    walker "^1.0.8"
-  optionalDependencies:
-    fsevents "^2.3.2"
-
-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.3"
-
-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 "^28.1.3"
-    jest-get-type "^28.0.2"
-    pretty-format "^28.1.3"
-
-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.3"
-    "@types/stack-utils" "^2.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    micromatch "^4.0.4"
-    pretty-format "^28.1.3"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
-jest-mock-extended@^2.0.9:
-  version "2.0.9"
-  resolved "https://registry.yarnpkg.com/jest-mock-extended/-/jest-mock-extended-2.0.9.tgz#bc0e4a269cdb6047d7cc086e1d9722f7215ca795"
-  integrity sha512-eRZq7/FgwHbxOMm3Lo4DpQX6S2zi4OvwMVFHEb3FgDLp0Xy3P1WARkF93xxO5uD4nAHiEPYHZ25qVU9mAVxoLQ==
-  dependencies:
-    ts-essentials "^7.0.3"
-
-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.3"
-    "@types/node" "*"
-
-jest-pnp-resolver@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
-  integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
-
-jest-regex-util@^28.0.2:
-  version "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.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.3"
-
-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.3"
-    jest-pnp-resolver "^1.2.2"
-    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.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.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.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"
-
-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.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.3"
-    jest-message-util "^28.1.3"
-    jest-mock "^28.1.3"
-    jest-regex-util "^28.0.2"
-    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.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.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.3"
-    graceful-fs "^4.2.9"
-    jest-diff "^28.1.3"
-    jest-get-type "^28.0.2"
-    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.3"
-    semver "^7.3.5"
-
-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.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.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.3"
-    camelcase "^6.2.0"
-    chalk "^4.0.0"
-    jest-get-type "^28.0.2"
-    leven "^3.1.0"
-    pretty-format "^28.1.3"
-
-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.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.3"
-    string-length "^4.0.1"
-
-jest-worker@^27.4.5:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
-  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
-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.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.3"
-    "@jest/types" "^28.1.3"
-    import-local "^3.0.2"
-    jest-cli "^28.1.3"
-
-joi@^17.7.0:
-  version "17.7.0"
-  resolved "https://registry.yarnpkg.com/joi/-/joi-17.7.0.tgz#591a33b1fe1aca2bc27f290bcad9b9c1c570a6b3"
-  integrity sha512-1/ugc8djfn93rTE3WRKdCzGGt/EtiYKxITMO4Wiv6q5JL1gl9ePt4kBsl1S499nbosspfctIQTpYIhSmHA3WAg==
-  dependencies:
-    "@hapi/hoek" "^9.0.0"
-    "@hapi/topo" "^5.0.0"
-    "@sideway/address" "^4.1.3"
-    "@sideway/formula" "^3.0.0"
-    "@sideway/pinpoint" "^2.0.0"
-
-jose@^4.10.0:
-  version "4.11.1"
-  resolved "https://registry.yarnpkg.com/jose/-/jose-4.11.1.tgz#8f7443549befe5bddcf4bae664a9cbc1a62da4fa"
-  integrity sha512-YRv4Tk/Wlug8qicwqFNFVEZSdbROCHRAC6qu/i0dyNKr5JQdoa2pIGoS04lLO/jXQX7Z9omoNewYIVIxqZBd9Q==
-
-joycon@^3.0.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/joycon/-/joycon-3.1.1.tgz#bce8596d6ae808f8b68168f5fc69280996894f03"
-  integrity sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==
-
-js-sdsl@^4.1.4:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.1.4.tgz#78793c90f80e8430b7d8dc94515b6c77d98a26a6"
-  integrity sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==
-
-"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+js-tokens@^4.0.0:
   version "4.0.0"
   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.8.1:
+js-yaml@4.1.0, js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+js-yaml@^3.10.0, 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==
@@ -8475,98 +2919,10 @@ js-yaml@^3.13.1, js-yaml@^3.8.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
-  dependencies:
-    argparse "^2.0.1"
-
-jsbn@~0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
-
-jsdom@^16.7.0:
-  version "16.7.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
-  integrity sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==
-  dependencies:
-    abab "^2.0.5"
-    acorn "^8.2.4"
-    acorn-globals "^6.0.0"
-    cssom "^0.4.4"
-    cssstyle "^2.3.0"
-    data-urls "^2.0.0"
-    decimal.js "^10.2.1"
-    domexception "^2.0.1"
-    escodegen "^2.0.0"
-    form-data "^3.0.0"
-    html-encoding-sniffer "^2.0.1"
-    http-proxy-agent "^4.0.1"
-    https-proxy-agent "^5.0.0"
-    is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.0"
-    parse5 "6.0.1"
-    saxes "^5.0.1"
-    symbol-tree "^3.2.4"
-    tough-cookie "^4.0.0"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^2.0.0"
-    webidl-conversions "^6.1.0"
-    whatwg-encoding "^1.0.5"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.5.0"
-    ws "^7.4.6"
-    xml-name-validator "^3.0.0"
-
-jsdom@^19.0.0:
-  version "19.0.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-19.0.0.tgz#93e67c149fe26816d38a849ea30ac93677e16b6a"
-  integrity sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==
-  dependencies:
-    abab "^2.0.5"
-    acorn "^8.5.0"
-    acorn-globals "^6.0.0"
-    cssom "^0.5.0"
-    cssstyle "^2.3.0"
-    data-urls "^3.0.1"
-    decimal.js "^10.3.1"
-    domexception "^4.0.0"
-    escodegen "^2.0.0"
-    form-data "^4.0.0"
-    html-encoding-sniffer "^3.0.0"
-    http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.0"
-    is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.0"
-    parse5 "6.0.1"
-    saxes "^5.0.1"
-    symbol-tree "^3.2.4"
-    tough-cookie "^4.0.0"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^3.0.0"
-    webidl-conversions "^7.0.0"
-    whatwg-encoding "^2.0.0"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^10.0.0"
-    ws "^8.2.3"
-    xml-name-validator "^4.0.0"
-
-jsesc@^2.5.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
-  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
-
-json-buffer@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
-  integrity sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=
-
-json-buffer@3.0.1, json-buffer@~3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
-  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+json-parse-better-errors@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
+  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
 
 json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
   version "2.3.1"
@@ -8578,65 +2934,26 @@ json-schema-traverse@^0.4.1:
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
   integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
 
-json-schema-traverse@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
-  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
-
-json-schema-typed@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/json-schema-typed/-/json-schema-typed-7.0.3.tgz#23ff481b8b4eebcd2ca123b4fa0409e66469a2d9"
-  integrity sha512-7DE8mpG+/fVw+dTpjbxnx47TaMnDfOI1jwft9g1VybltZCduyRQPJPvc+zzKY9WPHxhPWczyFuYa6I8Mw4iU5A==
-
-json-schema@0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
-  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
-
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
-
 json-stringify-nice@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/json-stringify-nice/-/json-stringify-nice-1.1.4.tgz#2c937962b80181d3f317dd39aa323e14f5a60a67"
   integrity sha512-5Z5RFW63yxReJ7vANgW6eZFGWaQvnPE3WNmZoOJrSkGju2etKA2L5rrOa1sm877TVTFt57A80BH1bArcmlLfPw==
 
-json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
+json-stringify-safe@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
-  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
+  integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
 
-json5@^0.5.0:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
-  integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
+json5@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-json5@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
-  integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==
-  dependencies:
-    minimist "^1.2.0"
-
-json5@^2.1.2, json5@^2.2.0, json5@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
-  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
-
-jsonc-parser@^3.2.0:
+jsonc-parser@3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
   integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
 
-jsonfile@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
-  integrity sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -8646,145 +2963,20 @@ jsonfile@^6.0.1:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-jsonparse@^1.3.1:
+jsonparse@^1.2.0, jsonparse@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
   integrity sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==
 
-jsonpath-plus@^0.19.0:
-  version "0.19.0"
-  resolved "https://registry.yarnpkg.com/jsonpath-plus/-/jsonpath-plus-0.19.0.tgz#b901e57607055933dc9a8bef0cc25160ee9dd64c"
-  integrity sha512-GSVwsrzW9LsA5lzsqe4CkuZ9wp+kxBb2GwNniaWzI2YFn5Ig42rSW8ZxVpWXaAfakXNrx5pgY5AbQq7kzX29kg==
-
-jsprim@^1.2.2:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.2.tgz#712c65533a15c878ba59e9ed5f0e26d5b77c5feb"
-  integrity sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==
-  dependencies:
-    assert-plus "1.0.0"
-    extsprintf "1.3.0"
-    json-schema "0.4.0"
-    verror "1.10.0"
-
-jss-plugin-camel-case@^10.5.1:
-  version "10.9.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-camel-case/-/jss-plugin-camel-case-10.9.0.tgz#4921b568b38d893f39736ee8c4c5f1c64670aaf7"
-  integrity sha512-UH6uPpnDk413/r/2Olmw4+y54yEF2lRIV8XIZyuYpgPYTITLlPOsq6XB9qeqv+75SQSg3KLocq5jUBXW8qWWww==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    hyphenate-style-name "^1.0.3"
-    jss "10.9.0"
-
-jss-plugin-default-unit@^10.5.1:
-  version "10.9.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-default-unit/-/jss-plugin-default-unit-10.9.0.tgz#bb23a48f075bc0ce852b4b4d3f7582bc002df991"
-  integrity sha512-7Ju4Q9wJ/MZPsxfu4T84mzdn7pLHWeqoGd/D8O3eDNNJ93Xc8PxnLmV8s8ZPNRYkLdxZqKtm1nPQ0BM4JRlq2w==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    jss "10.9.0"
-
-jss-plugin-global@^10.5.1:
-  version "10.9.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-global/-/jss-plugin-global-10.9.0.tgz#fc07a0086ac97aca174e37edb480b69277f3931f"
-  integrity sha512-4G8PHNJ0x6nwAFsEzcuVDiBlyMsj2y3VjmFAx/uHk/R/gzJV+yRHICjT4MKGGu1cJq2hfowFWCyrr/Gg37FbgQ==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    jss "10.9.0"
-
-jss-plugin-nested@^10.5.1:
-  version "10.9.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-nested/-/jss-plugin-nested-10.9.0.tgz#cc1c7d63ad542c3ccc6e2c66c8328c6b6b00f4b3"
-  integrity sha512-2UJnDrfCZpMYcpPYR16oZB7VAC6b/1QLsRiAutOt7wJaaqwCBvNsosLEu/fUyKNQNGdvg2PPJFDO5AX7dwxtoA==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    jss "10.9.0"
-    tiny-warning "^1.0.2"
-
-jss-plugin-props-sort@^10.5.1:
-  version "10.9.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-props-sort/-/jss-plugin-props-sort-10.9.0.tgz#30e9567ef9479043feb6e5e59db09b4de687c47d"
-  integrity sha512-7A76HI8bzwqrsMOJTWKx/uD5v+U8piLnp5bvru7g/3ZEQOu1+PjHvv7bFdNO3DwNPC9oM0a//KwIJsIcDCjDzw==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    jss "10.9.0"
-
-jss-plugin-rule-value-function@^10.5.1:
-  version "10.9.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.9.0.tgz#379fd2732c0746fe45168011fe25544c1a295d67"
-  integrity sha512-IHJv6YrEf8pRzkY207cPmdbBstBaE+z8pazhPShfz0tZSDtRdQua5jjg6NMz3IbTasVx9FdnmptxPqSWL5tyJg==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    jss "10.9.0"
-    tiny-warning "^1.0.2"
-
-jss-plugin-vendor-prefixer@^10.5.1:
-  version "10.9.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.9.0.tgz#aa9df98abfb3f75f7ed59a3ec50a5452461a206a"
-  integrity sha512-MbvsaXP7iiVdYVSEoi+blrW+AYnTDvHTW6I6zqi7JcwXdc6I9Kbm234nEblayhF38EftoenbM+5218pidmC5gA==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    css-vendor "^2.0.8"
-    jss "10.9.0"
-
-jss@10.9.0, jss@^10.5.1:
-  version "10.9.0"
-  resolved "https://registry.yarnpkg.com/jss/-/jss-10.9.0.tgz#7583ee2cdc904a83c872ba695d1baab4b59c141b"
-  integrity sha512-YpzpreB6kUunQBbrlArlsMpXYyndt9JATbt95tajx0t4MTJJcCJdd4hdNpHmOIDiUJrF/oX5wtVFrS3uofWfGw==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    csstype "^3.0.2"
-    is-in-browser "^1.1.3"
-    tiny-warning "^1.0.2"
-
-"jsx-ast-utils@^2.4.1 || ^3.0.0":
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.0.tgz#e624f259143b9062c92b6413ff92a164c80d3ccb"
-  integrity sha512-XzO9luP6L0xkxwhIJMTJQpZo/eeN60K08jHdexfD569AGxeNug6UketeHXEhROoM8aR7EcUoOQmIhcJQjcuq8Q==
-  dependencies:
-    array-includes "^3.1.4"
-    object.assign "^4.1.2"
-
-jszip@^3.1.0:
-  version "3.9.1"
-  resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.9.1.tgz#784e87f328450d1e8151003a9c67733e2b901051"
-  integrity sha512-H9A60xPqJ1CuC4Ka6qxzXZeU8aNmgOeP5IFqwJbQQwtu2EUYxota3LdsiZWplF7Wgd9tkAd0mdu36nceSaPuYw==
-  dependencies:
-    lie "~3.3.0"
-    pako "~1.0.2"
-    readable-stream "~2.3.6"
-    set-immediate-shim "~1.0.1"
-
 just-diff-apply@^5.2.0:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/just-diff-apply/-/just-diff-apply-5.4.1.tgz#1debed059ad009863b4db0e8d8f333d743cdd83b"
-  integrity sha512-AAV5Jw7tsniWwih8Ly3fXxEZ06y+6p5TwQMsw0dzZ/wPKilzyDgdAnL0Ug4NNIquPUOh1vfFWEHbmXUqM5+o8g==
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/just-diff-apply/-/just-diff-apply-5.5.0.tgz#771c2ca9fa69f3d2b54e7c3f5c1dfcbcc47f9f0f"
+  integrity sha512-OYTthRfSh55WOItVqwpefPtNt2VdKsq5AnAK6apdtR6yCH8pr0CmSr710J0Mf+WdQy7K/OzMy7K2MgAfdQURDw==
 
 just-diff@^5.0.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/just-diff/-/just-diff-5.1.1.tgz#8da6414342a5ed6d02ccd64f5586cbbed3146202"
-  integrity sha512-u8HXJ3HlNrTzY7zrYYKjNEfBlyjqhdBkoyTVdjtn7p02RJD5NvR8rIClzeGA7t+UYP1/7eAkWNLU0+P3QrEqKQ==
-
-keyv@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.0.0.tgz#44923ba39e68b12a7cec7df6c3268c031f2ef373"
-  integrity sha512-eguHnq22OE3uVoSYG0LVWNP+4ppamWr9+zWBe1bsNcovIMy6huUJFPgy4mGwCd/rnl3vOLGW1MTlu4c57CT1xA==
-  dependencies:
-    json-buffer "3.0.0"
-
-keyv@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9"
-  integrity sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==
-  dependencies:
-    json-buffer "3.0.0"
-
-keyv@^4.0.0:
-  version "4.2.6"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.2.6.tgz#d698f061e71bab3c5ab70e43907d7b8baa1bab9c"
-  integrity sha512-mmMlAFwZnCBk7QDA23I49T5VP2NdSsbaT4yrm14cwnlQ67t+wHWPtYj+/gbzeAbcprGbUSzWP3jBE1WKfSERnQ==
-  dependencies:
-    compress-brotli "^1.3.8"
-    json-buffer "3.0.1"
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/just-diff/-/just-diff-5.2.0.tgz#60dca55891cf24cd4a094e33504660692348a241"
+  integrity sha512-6ufhP9SHjb7jibNFrNxyFZ6od3g+An6Ai9mhGRvcYe8UJlH0prseN64M+6ZBBUoKYHZsitDP42gAJ8+eVWr3lw==
 
 kind-of@^3.0.2:
   version "3.2.2"
@@ -8793,26 +2985,11 @@ kind-of@^3.0.2:
   dependencies:
     is-buffer "^1.1.5"
 
-kind-of@^6.0.0, kind-of@^6.0.2:
+kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3:
   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==
 
-kleur@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
-  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
-
-klona@^2.0.4, klona@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc"
-  integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
-
-kuler@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/kuler/-/kuler-2.0.0.tgz#e2c570a3800388fb44407e851531c1d670b061b3"
-  integrity sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A==
-
 lazy-cache@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-2.0.2.tgz#b9190a4f913354694840859f8a8f7084d8822264"
@@ -8820,50 +2997,38 @@ lazy-cache@^2.0.2:
   dependencies:
     set-getter "^0.1.0"
 
-lazy-val@^1.0.4, lazy-val@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.5.tgz#6cf3b9f5bc31cee7ee3e369c0832b7583dcd923d"
-  integrity sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q==
-
-less@^4.1.1:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/less/-/less-4.1.2.tgz#6099ee584999750c2624b65f80145f8674e4b4b0"
-  integrity sha512-EoQp/Et7OSOVu0aJknJOtlXZsnr8XE8KwuzTHOLeVSEx8pVWUICc8Q0VYRHgzyjX78nMEyC/oztWFbgyhtNfDA==
+lerna@^6.3.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/lerna/-/lerna-6.4.0.tgz#ca706a0d6ea1310c49e5fbd0b5234149ef0bec0c"
+  integrity sha512-XqfWovJwkHFoCkNXpidJgzyl6lE523Y29tKvMoGTOfOnEmC05Fadj7wLnNHomP8UEL7A+63Wau5bC5ymigfeRw==
   dependencies:
-    copy-anything "^2.0.1"
-    parse-node-version "^1.0.1"
-    tslib "^2.3.0"
-  optionalDependencies:
-    errno "^0.1.1"
-    graceful-fs "^4.1.2"
-    image-size "~0.5.0"
-    make-dir "^2.1.0"
-    mime "^1.4.1"
-    needle "^2.5.2"
-    source-map "~0.6.0"
+    "@lerna/add" "6.4.0"
+    "@lerna/bootstrap" "6.4.0"
+    "@lerna/changed" "6.4.0"
+    "@lerna/clean" "6.4.0"
+    "@lerna/cli" "6.4.0"
+    "@lerna/command" "6.4.0"
+    "@lerna/create" "6.4.0"
+    "@lerna/diff" "6.4.0"
+    "@lerna/exec" "6.4.0"
+    "@lerna/filter-options" "6.4.0"
+    "@lerna/import" "6.4.0"
+    "@lerna/info" "6.4.0"
+    "@lerna/init" "6.4.0"
+    "@lerna/link" "6.4.0"
+    "@lerna/list" "6.4.0"
+    "@lerna/publish" "6.4.0"
+    "@lerna/run" "6.4.0"
+    "@lerna/validation-error" "6.4.0"
+    "@lerna/version" "6.4.0"
+    "@nrwl/devkit" ">=15.4.2 < 16"
+    import-local "^3.0.2"
+    inquirer "^8.2.4"
+    npmlog "^6.0.2"
+    nx ">=15.4.2 < 16"
+    typescript "^3 || ^4"
 
-leven@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
-  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
-
-levn@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
-  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
-  dependencies:
-    prelude-ls "^1.2.1"
-    type-check "~0.4.0"
-
-levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
-libnpmaccess@^6.0.4:
+libnpmaccess@^6.0.3:
   version "6.0.4"
   resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-6.0.4.tgz#2dd158bd8a071817e2207d3b201d37cf1ad6ae6b"
   integrity sha512-qZ3wcfIyUoW0+qSFkMBovcTrSGJ3ZeyvpR7d5N9pEYv/kXs8sHP2wiqEIXBKLFrZlmM0kR0RJD7mtfLngtlLag==
@@ -8873,73 +3038,7 @@ libnpmaccess@^6.0.4:
     npm-package-arg "^9.0.1"
     npm-registry-fetch "^13.0.0"
 
-libnpmdiff@^4.0.5:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/libnpmdiff/-/libnpmdiff-4.0.5.tgz#ffaf93fa9440ea759444b8830fdb5c661b09a7c0"
-  integrity sha512-9fICQIzmH892UwHHPmb+Seup50UIBWcMIK2FdxvlXm9b4kc1nSH0b/BuY1mORJQtB6ydPMnn+BLzOTmd/SKJmw==
-  dependencies:
-    "@npmcli/disparity-colors" "^2.0.0"
-    "@npmcli/installed-package-contents" "^1.0.7"
-    binary-extensions "^2.2.0"
-    diff "^5.1.0"
-    minimatch "^5.0.1"
-    npm-package-arg "^9.0.1"
-    pacote "^13.6.1"
-    tar "^6.1.0"
-
-libnpmexec@^4.0.14:
-  version "4.0.14"
-  resolved "https://registry.yarnpkg.com/libnpmexec/-/libnpmexec-4.0.14.tgz#9ad44232434b374e477eb2c2e4548baaf698f773"
-  integrity sha512-dwmzv2K29SdoAHBOa7QR6CfQbFG/PiZDRF6HZrlI6C4DLt2hNgOHTFaUGOpqE2C+YGu0ZwYTDywxRe0eOnf0ZA==
-  dependencies:
-    "@npmcli/arborist" "^5.6.3"
-    "@npmcli/ci-detect" "^2.0.0"
-    "@npmcli/fs" "^2.1.1"
-    "@npmcli/run-script" "^4.2.0"
-    chalk "^4.1.0"
-    mkdirp-infer-owner "^2.0.0"
-    npm-package-arg "^9.0.1"
-    npmlog "^6.0.2"
-    pacote "^13.6.1"
-    proc-log "^2.0.0"
-    read "^1.0.7"
-    read-package-json-fast "^2.0.2"
-    semver "^7.3.7"
-    walk-up-path "^1.0.0"
-
-libnpmfund@^3.0.5:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/libnpmfund/-/libnpmfund-3.0.5.tgz#817f9e2120889beb483d9ba8eda142bb84293e4e"
-  integrity sha512-KdeRoG/dem8H3PcEU2/0SKi3ip7AWwczgS72y/3PE+PBrz/s/G52FNIA9jeLnBirkLC0sOyQHfeM3b7e24ZM+g==
-  dependencies:
-    "@npmcli/arborist" "^5.6.3"
-
-libnpmhook@^8.0.4:
-  version "8.0.4"
-  resolved "https://registry.yarnpkg.com/libnpmhook/-/libnpmhook-8.0.4.tgz#6c58e5fe763ff5d600ae9c20457ea9a69d1f7d87"
-  integrity sha512-nuD6e+Nx0OprjEi0wOeqASMl6QIH235th/Du2/8upK3evByFhzIgdfOeP1OhstavW4xtsl0hk5Vw4fAWWuSUgA==
-  dependencies:
-    aproba "^2.0.0"
-    npm-registry-fetch "^13.0.0"
-
-libnpmorg@^4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/libnpmorg/-/libnpmorg-4.0.4.tgz#2a01d49372cf0df90d79a61e69bddaf2ed704311"
-  integrity sha512-1bTpD7iub1rDCsgiBguhJhiDufLQuc8DEti20euqsXz9O0ncXVpCYqf2SMmHR4GEdmAvAj2r7FMiyA9zGdaTpA==
-  dependencies:
-    aproba "^2.0.0"
-    npm-registry-fetch "^13.0.0"
-
-libnpmpack@^4.1.3:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/libnpmpack/-/libnpmpack-4.1.3.tgz#025cfe39829acd8260662bf259e3a9331fc1e4b2"
-  integrity sha512-rYP4X++ME3ZiFO+2iN3YnXJ4LB4Gsd0z5cgszWJZxaEpDN4lRIXirSyynGNsN/hn4taqnlxD+3DPlFDShvRM8w==
-  dependencies:
-    "@npmcli/run-script" "^4.1.3"
-    npm-package-arg "^9.0.1"
-    pacote "^13.6.1"
-
-libnpmpublish@^6.0.5:
+libnpmpublish@^6.0.4:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/libnpmpublish/-/libnpmpublish-6.0.5.tgz#5a894f3de2e267d62f86be2a508e362599b5a4b1"
   integrity sha512-LUR08JKSviZiqrYTDfywvtnsnxr+tOvBU0BF8H+9frt7HMvc6Qn6F8Ubm72g5hDTHbq8qupKfDvDAln2TVPvFg==
@@ -8950,51 +3049,6 @@ libnpmpublish@^6.0.5:
     semver "^7.3.7"
     ssri "^9.0.0"
 
-libnpmsearch@^5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/libnpmsearch/-/libnpmsearch-5.0.4.tgz#b32aa2b23051c00cdcc0912274d0d416e6655d81"
-  integrity sha512-XHDmsvpN5+pufvGnfLRqpy218gcGGbbbXR6wPrDJyd1em6agKdYByzU5ccskDHH9iVm2UeLydpDsW1ksYuU0cg==
-  dependencies:
-    npm-registry-fetch "^13.0.0"
-
-libnpmteam@^4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/libnpmteam/-/libnpmteam-4.0.4.tgz#ac26068808d93b1051d926457db14e4b3ff669ef"
-  integrity sha512-rzKSwi6MLzwwevbM/vl+BBQTErgn24tCfgPUdzBlszrw3j5necOu7WnTzgvZMDv6maGUwec6Ut1rxszOgH0l+Q==
-  dependencies:
-    aproba "^2.0.0"
-    npm-registry-fetch "^13.0.0"
-
-libnpmversion@^3.0.7:
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/libnpmversion/-/libnpmversion-3.0.7.tgz#e4c6c07ee28cf351ce1e2293a5ac9922b09ea94d"
-  integrity sha512-O0L4eNMUIMQ+effi1HsZPKp2N6wecwqGqB8PvkvmLPWN7EsdabdzAVG48nv0p/OjlbIai5KQg/L+qMMfCA4ZjA==
-  dependencies:
-    "@npmcli/git" "^3.0.0"
-    "@npmcli/run-script" "^4.1.3"
-    json-parse-even-better-errors "^2.3.1"
-    proc-log "^2.0.0"
-    semver "^7.3.7"
-
-lie@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/lie/-/lie-3.1.1.tgz#9a436b2cc7746ca59de7a41fa469b3efb76bd87e"
-  integrity sha1-mkNrLMd0bKWd56QfpGmz77dr2H4=
-  dependencies:
-    immediate "~3.0.5"
-
-lie@~3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/lie/-/lie-3.3.0.tgz#dcf82dee545f46074daf200c7c1c5a08e0f40f6a"
-  integrity sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==
-  dependencies:
-    immediate "~3.0.5"
-
-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"
@@ -9010,53 +3064,34 @@ list-item@^1.1.1:
     is-number "^2.1.0"
     repeat-string "^1.5.2"
 
-loader-runner@^4.2.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
-  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
-
-loader-utils@^0.2.16:
-  version "0.2.17"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
-  integrity sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=
+load-json-file@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
+  integrity sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==
   dependencies:
-    big.js "^3.1.3"
-    emojis-list "^2.0.0"
-    json5 "^0.5.0"
-    object-assign "^4.0.1"
+    graceful-fs "^4.1.2"
+    parse-json "^4.0.0"
+    pify "^3.0.0"
+    strip-bom "^3.0.0"
 
-loader-utils@^2.0.0, loader-utils@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
-  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+load-json-file@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-6.2.0.tgz#5c7770b42cafa97074ca2848707c61662f4251a1"
+  integrity sha512-gUD/epcRms75Cw8RT1pUdHugZYM5ce64ucs2GEISABwkRsOQr0q2wm/MV2TKThycIe5e0ytRweW2RZxclogCdQ==
   dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
-localforage@^1.8.1:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/localforage/-/localforage-1.10.0.tgz#5c465dc5f62b2807c3a84c0c6a1b1b3212781dd4"
-  integrity sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==
-  dependencies:
-    lie "3.1.1"
+    graceful-fs "^4.1.15"
+    parse-json "^5.0.0"
+    strip-bom "^4.0.0"
+    type-fest "^0.6.0"
 
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
-  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
+  integrity sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==
   dependencies:
     p-locate "^2.0.0"
     path-exists "^3.0.0"
 
-locate-path@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
-  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
-  dependencies:
-    p-locate "^3.0.0"
-    path-exists "^3.0.0"
-
 locate-path@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
@@ -9064,42 +3099,15 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
-lodash-es@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
-  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
-
 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.camelcase@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
-  integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
-
-lodash.escaperegexp@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz#64762c48618082518ac3df4ccf5d5886dae20347"
-  integrity sha1-ZHYsSGGAglGKw99Mz11YhtriA0c=
-
-lodash.isequal@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
-  integrity sha1-QVxEePK8wwEgwizhDtMib30+GOA=
-
-lodash.merge@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+lodash.ismatch@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
+  integrity sha512-fPMfXjGQEV9Xsq/8MTSgUf255gawYRbjwMyDbcvDhXgV7enSZA0hynz6vMPnpAb5iONEzBHBPsT+0zes5Z301g==
 
 lodash.template@^4.4.0:
   version "4.5.0"
@@ -9116,58 +3124,18 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "^3.0.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:
+lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.21:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-logform@^2.3.2, logform@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/logform/-/logform-2.4.0.tgz#131651715a17d50f09c2a2c1a524ff1a4164bcfe"
-  integrity sha512-CPSJw4ftjf517EhXZGGvTHHkYobo7ZCc0kvwUoOYcjfR2UVrI66RHj8MCrfAdEitdmFqbu2BYdYs8FHHZSb6iw==
+log-symbols@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
+  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
   dependencies:
-    "@colors/colors" "1.5.0"
-    fecha "^4.2.0"
-    ms "^2.1.1"
-    safe-stable-stringify "^2.3.1"
-    triple-beam "^1.3.0"
-
-loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
-  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
-  dependencies:
-    js-tokens "^3.0.0 || ^4.0.0"
-
-lower-case@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
-  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
-  dependencies:
-    tslib "^2.0.3"
-
-lowercase-keys@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.0.tgz#4e3366b39e7f5457e35f1324bdf6f88d0bfc7306"
-  integrity sha512-RPlX0+PHuvxVDZ7xX+EBVAp4RsVxP/TdDSN2mJYdiq1Lc4Hz7EUSjUI7RZrKKlmrIzVhf6Jo2stj7++gVarS0A==
-
-lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
-  integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==
-
-lowercase-keys@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
-  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
-
-lru-cache@^4.0.1:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
-  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
-  dependencies:
-    pseudomap "^1.0.2"
-    yallist "^2.1.2"
+    chalk "^4.1.0"
+    is-unicode-supported "^0.1.0"
 
 lru-cache@^5.1.1:
   version "5.1.1"
@@ -9184,31 +3152,9 @@ lru-cache@^6.0.0:
     yallist "^4.0.0"
 
 lru-cache@^7.4.4, lru-cache@^7.5.1, lru-cache@^7.7.1:
-  version "7.14.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.14.0.tgz#21be64954a4680e303a09e9468f880b98a0b3c7f"
-  integrity sha512-EIRtP1GrSJny0dqb50QXRUNBxHJhcpxHC++M5tD7RYbvLLn5KVWKsbyswSSqDuU15UFi3bgTQIY8nhDMeF6aDQ==
-
-lru_map@^0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/lru_map/-/lru_map-0.3.3.tgz#b5c8351b9464cbd750335a79650a0ec0e56118dd"
-  integrity sha1-tcg1G5Rky9dQM1p5ZQoOwOVhGN0=
-
-lunr@^2.3.9:
-  version "2.3.9"
-  resolved "https://registry.yarnpkg.com/lunr/-/lunr-2.3.9.tgz#18b123142832337dd6e964df1a5a7707b25d35e1"
-  integrity sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==
-
-lz-string@^1.4.4:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
-  integrity sha1-wNjq82BZ9wV5bh40SBHPTEmNOiY=
-
-make-dir@^1.0.0, make-dir@^1.2.0, make-dir@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
-  integrity sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==
-  dependencies:
-    pify "^3.0.0"
+  version "7.14.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.14.1.tgz#8da8d2f5f59827edb388e63e459ac23d6d408fea"
+  integrity sha512-ysxwsnTKdAx96aTRdhDOCQfDgbHnt8SK0KY8SEjO0wHinhWOFTESbjVCMPbU1uGXg/ch4lifqx0wfjOawU2+WA==
 
 make-dir@^2.1.0:
   version "2.1.0"
@@ -9218,19 +3164,14 @@ make-dir@^2.1.0:
     pify "^4.0.1"
     semver "^5.6.0"
 
-make-dir@^3.0.0, make-dir@^3.1.0:
+make-dir@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
   integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
   dependencies:
     semver "^6.0.0"
 
-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==
-
-make-fetch-happen@^10.0.3, make-fetch-happen@^10.0.6, make-fetch-happen@^10.2.0:
+make-fetch-happen@^10.0.3, make-fetch-happen@^10.0.6:
   version "10.2.1"
   resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-10.2.1.tgz#f5e3835c5e9817b617f2770870d9492d28678164"
   integrity sha512-NgOPbRiaQM10DYXvN3/hhGVI2M5MtITFryzBGxHM5p4wnFxsVCbxkrBrDsk+EZ5OB4jEOT7AjDxtdF+KVEFT7w==
@@ -9252,39 +3193,15 @@ make-fetch-happen@^10.0.3, make-fetch-happen@^10.0.6, make-fetch-happen@^10.2.0:
     socks-proxy-agent "^7.0.0"
     ssri "^9.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"
+map-obj@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
+  integrity sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==
 
-make-plural@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/make-plural/-/make-plural-6.2.2.tgz#beb5fd751355e72660eeb2218bb98eec92853c6c"
-  integrity sha512-8iTuFioatnTTmb/YJjywkVIHLjcwkFD9Ms0JpxjEm9Mo8eQYkh1z+55dwv4yc1jQ8ftVBxWQbihvZL1DfzGGWA==
-
-makeerror@1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
-  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
-  dependencies:
-    tmpl "1.0.5"
+map-obj@^4.0.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-4.3.0.tgz#9304f906e93faae70880da102a9f1df0ea8bb05a"
+  integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
 
 markdown-link@^0.1.1:
   version "0.1.1"
@@ -9316,11 +3233,6 @@ markdown@^0.5.0:
   dependencies:
     nopt "~2.1.1"
 
-marked@^4.2.5:
-  version "4.2.5"
-  resolved "https://registry.yarnpkg.com/marked/-/marked-4.2.5.tgz#979813dfc1252cc123a79b71b095759a32f42a5d"
-  integrity sha512-jPueVhumq7idETHkb203WDD4fMA3yV9emQ5vLwop58lu8bTclMghBWcYAavlDqIEMaisADinV1TooIFCfqOsYQ==
-
 matcher-collection@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/matcher-collection/-/matcher-collection-2.0.1.tgz#90be1a4cf58d6f2949864f65bb3b0f3e41303b29"
@@ -9329,61 +3241,27 @@ matcher-collection@^2.0.0:
     "@types/minimatch" "^3.0.3"
     minimatch "^3.0.2"
 
-matcher@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/matcher/-/matcher-3.0.0.tgz#bd9060f4c5b70aa8041ccc6f80368760994f30ca"
-  integrity sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==
-  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"
-  integrity sha512-xbEFXCYVWrSx/gEKS1VPlg84h/4L20znVIulKw6kMfmBUAZNAnF00eczz9ICMl+/hjQGo5KSXRxbL/47X3rmMw==
-
-media-typer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-  integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
-
-memfs@^3.1.2, memfs@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.4.1.tgz#b78092f466a0dce054d63d39275b24c71d3f1305"
-  integrity sha512-1c9VPVvW5P7I85c35zAdEr1TD5+F11IToIHIlrVIcflfnzPkJa0ZoYEoEdYDP8KgPFoSZ/opDrUsAoZWym3mtw==
+meow@^8.0.0:
+  version "8.1.2"
+  resolved "https://registry.yarnpkg.com/meow/-/meow-8.1.2.tgz#bcbe45bda0ee1729d350c03cffc8395a36c4e897"
+  integrity sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==
   dependencies:
-    fs-monkey "1.0.3"
-
-memfs@^3.4.12:
-  version "3.4.12"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.4.12.tgz#d00f8ad8dab132dc277c659dc85bfd14b07d03bd"
-  integrity sha512-BcjuQn6vfqP+k100e0E9m61Hyqa//Brp+I3f0OBmN0ATHlFA8vx3Lt8z57R3u2bPqe3WGDBC+nF72fTH7isyEw==
-  dependencies:
-    fs-monkey "^1.0.3"
-
-"memoize-one@>=3.1.1 <6", memoize-one@^5.1.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
-  integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
-
-memoize-one@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
-  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
-
-memorystream@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/memorystream/-/memorystream-0.3.1.tgz#86d7090b30ce455d63fbae12dda51a47ddcaf9b2"
-  integrity sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==
-
-merge-descriptors@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-  integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
+    "@types/minimist" "^1.2.0"
+    camelcase-keys "^6.2.2"
+    decamelize-keys "^1.1.0"
+    hard-rejection "^2.1.0"
+    minimist-options "4.1.0"
+    normalize-package-data "^3.0.0"
+    read-pkg-up "^7.0.1"
+    redent "^3.0.0"
+    trim-newlines "^3.0.0"
+    type-fest "^0.18.0"
+    yargs-parser "^20.2.3"
 
 merge-stream@^2.0.0:
   version "2.0.0"
@@ -9395,17 +3273,7 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-mergee@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/mergee/-/mergee-1.0.0.tgz#027c5addc650f6ecbe4bf56100bd00dae763fda7"
-  integrity sha512-hbbXD4LOcxVkpS+mp3BMEhkSDf+lTVENFeEeqACgjjL8WrgKuW2EyLT0fOHyTbyDiuRLZJZ1HrHNeiX4iOd79Q==
-
-methods@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
-  integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
-
-micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
+micromatch@^4.0.4:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
@@ -9413,43 +3281,23 @@ micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
-mime-db@1.52.0, "mime-db@>= 1.43.0 < 2", mime-db@^1.28.0:
+mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
-mime@1.6.0, mime@^1.4.1:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
-  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
-
-mime@^2.5.2:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367"
-  integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
-
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
-mimic-fn@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-3.1.0.tgz#65755145bbf3e36954b949c16450427451d5ca74"
-  integrity sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==
-
-mimic-response@^1.0.0, mimic-response@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
-  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
-
 mimic-response@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
@@ -9460,43 +3308,40 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-mini-css-extract-plugin@*, mini-css-extract-plugin@^2.7.2:
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.2.tgz#e049d3ea7d3e4e773aad585c6cb329ce0c7b72d7"
-  integrity sha512-EdlUizq13o0Pd+uCp+WO/JpkLvHRVGt97RqfeGhXqAcorYo1ypJSpkV+WDT0vY/kmh/p7wRdJNJtuyK540PXDw==
-  dependencies:
-    schema-utils "^4.0.0"
-
-minimalistic-assert@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
-  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
-
-minimatch@3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
-  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
+minimatch@3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.5.tgz#4da8f1290ee0f0f8e83d60ca69f8f134068604a3"
+  integrity sha512-tUpxzX0VAzJHjLu0xUfFv1gwVp9ba3IOuRAVH2EGuRW8a5emA2FlACLqiT/lDVtS1W+TGNwqz3sWaNyLgDJWuw==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.2:
+minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.1.1:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^5.0.0, minimatch@^5.0.1, minimatch@^5.1.0, minimatch@^5.1.2:
+minimatch@^5.0.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.2.tgz#0939d7d6f0898acbd1508abe534d1929368a8fff"
   integrity sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==
   dependencies:
     brace-expansion "^2.0.1"
 
+minimist-options@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
+  integrity sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==
+  dependencies:
+    arrify "^1.0.1"
+    is-plain-obj "^1.1.0"
+    kind-of "^6.0.3"
+
 minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6:
-  version "1.2.6"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
-  integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18"
+  integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==
 
 minipass-collect@^1.0.2:
   version "1.0.2"
@@ -9505,17 +3350,6 @@ minipass-collect@^1.0.2:
   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-fetch@^2.0.3:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/minipass-fetch/-/minipass-fetch-2.1.2.tgz#95560b50c472d81a3bc76f20ede80eaed76d8add"
@@ -9542,7 +3376,7 @@ minipass-json-stream@^1.0.1:
     jsonparse "^1.3.1"
     minipass "^3.0.0"
 
-minipass-pipeline@^1.2.2, minipass-pipeline@^1.2.4:
+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==
@@ -9556,10 +3390,10 @@ minipass-sized@^1.0.3:
   dependencies:
     minipass "^3.0.0"
 
-minipass@^3.0.0, minipass@^3.1.0, minipass@^3.1.1, minipass@^3.1.3, minipass@^3.1.6, minipass@^3.3.5:
-  version "3.3.5"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.5.tgz#6da7e53a48db8a856eeb9153d85b230a2119e819"
-  integrity sha512-rQ/p+KfKBkeNwo04U15i+hOwoVBVmekmm/HcfTkTN2t9pbQKCMm4eN5gFeqgrrSp/kH/7BYYhTIHOxGqzbBPaA==
+minipass@^3.0.0, minipass@^3.1.1, minipass@^3.1.6:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.6.tgz#7bba384db3a1520d18c9c0e5251c3444e95dd94a"
+  integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
   dependencies:
     yallist "^4.0.0"
 
@@ -9570,7 +3404,7 @@ minipass@^4.0.0:
   dependencies:
     yallist "^4.0.0"
 
-minizlib@^2.0.0, minizlib@^2.1.1, minizlib@^2.1.2:
+minizlib@^2.1.1, minizlib@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
   integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
@@ -9600,285 +3434,107 @@ mkdirp-infer-owner@^2.0.0:
     infer-owner "^1.0.4"
     mkdirp "^1.0.3"
 
-mkdirp@^0.5.1, mkdirp@^0.5.4:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
-
-mkdirp@^1.0.3, mkdirp@^1.0.4, mkdirp@~1.0.4:
+mkdirp@^1.0.3, mkdirp@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
-mobx-observable-history@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/mobx-observable-history/-/mobx-observable-history-2.0.3.tgz#07dd551e9d2a5666ca1d759ad108173fab47125e"
-  integrity sha512-cWMG3GcT1l2Y880mfffNh9m6WldQyOtlLUvcdVUjIj++sNOQbRxKBaBUe/TPDiJ80EN6g8FGiVuFlzzyRJPykQ==
-  dependencies:
-    "@types/history" "^4.7.8"
-    history "^4.10.1"
-    mobx "^6.3.0"
+modify-values@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
+  integrity sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==
 
-mobx-react-lite@^3.4.0:
-  version "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.6.0:
-  version "7.6.0"
-  resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-7.6.0.tgz#ebf0456728a9bd2e5c24fdcf9b36e285a222a7d6"
-  integrity sha512-+HQUNuh7AoQ9ZnU6c4rvbiVVl+wEkb9WqYsVDzGLng+Dqj1XntHu79PvEWKtSMoMj67vFp/ZPXcElosuJO8ckA==
-  dependencies:
-    mobx-react-lite "^3.4.0"
-
-mobx-utils@^6.0.4:
-  version "6.0.5"
-  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.7.0:
-  version "6.7.0"
-  resolved "https://registry.yarnpkg.com/mobx/-/mobx-6.7.0.tgz#2d805610fee1801fd015c54fd5400d2601aa3768"
-  integrity sha512-1kBLBdSNG2bA522HQdbsTvwAwYf9hq9FWxmlhX7wTsJUAI54907J+ozfGW+LoYUo06vjit748g6QH1AAGLNebw==
-
-mock-http@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/mock-http/-/mock-http-1.1.0.tgz#b89380a718a103fc5801095804bedd0b20f7638c"
-  integrity sha512-H2HMGaHNQPWY8PdeEw4RFux2WEOHD6eJAtN3+iFELik5kGjPKAcoyPWcsC2vgDiTa2yimAEDssmMed51e+cBKQ==
-  dependencies:
-    mergee "^1.0.0"
-
-moment-timezone@^0.5.40:
-  version "0.5.40"
-  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.40.tgz#c148f5149fd91dd3e29bf481abc8830ecba16b89"
-  integrity sha512-tWfmNkRYmBkPJz5mr9GVDn9vRlVZOTe6yqY92rFxiOdWXbjaR0+9LwQnZGGuNR63X456NqmEkbskte8tWL5ePg==
-  dependencies:
-    moment ">= 2.9.0"
-
-"moment@>= 2.9.0", moment@^2.10.2, moment@^2.14.1, moment@^2.24.0, moment@^2.29.1, moment@^2.29.4:
+moment@^2.24.0:
   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"
-  resolved "https://registry.yarnpkg.com/monaco-editor-webpack-plugin/-/monaco-editor-webpack-plugin-5.0.0.tgz#796c50fb4ce3f75f45bf18dfa3c31f85dc9a05da"
-  integrity sha512-KrUUTmMO3lDCNK4honZ6rrrKjOI7FFLeyCktPetIo5HlRqr5dfE6ewaA9qNLH96XY7CekE3Z+v/+I6ufAs3ObA==
-  dependencies:
-    loader-utils "^2.0.0"
-
-monaco-editor@^0.29.1:
-  version "0.29.1"
-  resolved "https://registry.yarnpkg.com/monaco-editor/-/monaco-editor-0.29.1.tgz#6ee93d8a5320704d48fd7058204deed72429c020"
-  integrity sha512-rguaEG/zrPQSaKzQB7IfX/PpNa0qxF1FY8ZXRkN4WIl8qZdTQRSRJCtRto7IMcSgrU6H53RXI+fTcywOBC4aVw==
-
-moo-color@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/moo-color/-/moo-color-1.0.3.tgz#d56435f8359c8284d83ac58016df7427febece74"
-  integrity sha512-i/+ZKXMDf6aqYtBhuOcej71YSlbjT3wCO/4H1j8rPvxDJEifdwgg5MaFyu6iYAT8GBZJg2z0dkgK4YMzvURALQ==
-  dependencies:
-    color-name "^1.1.4"
-
-ms@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
-  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
-
 ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-ms@2.1.3, ms@^2.0.0, ms@^2.1.1, ms@^2.1.2:
+ms@^2.0.0:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-multicast-dns@^7.2.4:
-  version "7.2.4"
-  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.4.tgz#cf0b115c31e922aeb20b64e6556cbeb34cf0dd19"
-  integrity sha512-XkCYOU+rr2Ft3LI6w4ye51M3VK31qJXFIxu0XLw169PtKG0Zx47OrXeVW/GCYOfpC9s1yyyf1S+L8/4LY0J9Zw==
+multimatch@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/multimatch/-/multimatch-5.0.0.tgz#932b800963cea7a31a033328fa1e0c3a1874dbe6"
+  integrity sha512-ypMKuglUrZUD99Tk2bUQ+xNQj43lPEfAeX2o9cTteAmShXy2VHDJpuwu1o0xqoKCt9jLVAvwyFKdLTPXKAfJyA==
   dependencies:
-    dns-packet "^5.2.2"
-    thunky "^1.0.2"
+    "@types/minimatch" "^3.0.3"
+    array-differ "^3.0.0"
+    array-union "^2.1.0"
+    arrify "^2.0.1"
+    minimatch "^3.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==
 
-nan@^2.14.0:
-  version "2.15.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.15.0.tgz#3f34a473ff18e15c1b5626b62903b5ad6e665fee"
-  integrity sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==
-
-nanoid@^3.3.4:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
-  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
-
 napi-build-utils@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/napi-build-utils/-/napi-build-utils-1.0.2.tgz#b1fddc0b2c46e380a0b7a76f984dd47c41a13806"
   integrity sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==
 
-natural-compare-lite@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
-  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
-
-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
-
-needle@^2.5.2:
-  version "2.9.1"
-  resolved "https://registry.yarnpkg.com/needle/-/needle-2.9.1.tgz#22d1dffbe3490c2b83e301f7709b6736cd8f2684"
-  integrity sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==
-  dependencies:
-    debug "^3.2.6"
-    iconv-lite "^0.4.4"
-    sax "^1.2.4"
-
-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, negotiator@^0.6.3:
+negotiator@^0.6.3:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
-neo-async@^2.6.0, neo-async@^2.6.2:
+neo-async@^2.6.0:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
-nice-try@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
-  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
-
-no-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
-  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
-  dependencies:
-    lower-case "^2.0.2"
-    tslib "^2.0.3"
-
 node-abi@^3.3.0:
-  version "3.15.0"
-  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.15.0.tgz#cd9ac8c58328129b49998cc6fa16aa5506152716"
-  integrity sha512-Ic6z/j6I9RLm4ov7npo1I48UQr2BEyFCqh6p7S1dhEx9jPO0GPGq/e2Rb7x7DroQrmiVMz/Bw1vJm9sPAl2nxA==
+  version "3.31.0"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.31.0.tgz#dfb2ea3d01188eb80859f69bb4a4354090c1b355"
+  integrity sha512-eSKV6s+APenqVh8ubJyiu/YhZgxQpGP66ntzUb3lY1xB9ukSRaGnx0AIxI+IM+1+IVYC1oWobgG5L3Lt9ARykQ==
   dependencies:
     semver "^7.3.5"
 
-node-addon-api@^1.6.3:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-1.7.2.tgz#3df30b95720b53c24e59948b49532b662444f54d"
-  integrity sha512-ibPK3iA+vaY1eEjESkQkM0BbCqFOaZMiXRTtdB0u7b4djtY6JnsjvPdUHVMg6xQt3B8fpTTWHI9A+ADjM9frzg==
+node-addon-api@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-3.2.1.tgz#81325e0a2117789c0128dab65e7e38f07ceba161"
+  integrity sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==
 
 node-addon-api@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-5.0.0.tgz#7d7e6f9ef89043befdb20c1989c905ebde18c501"
   integrity sha512-CvkDw2OEnme7ybCykJpVcKH+uAOLV2qLqiyla128dN9TkEWfrYmxG6C2boDe5KcNQqZF3orkqzGgOMvZ/JNekA==
 
-node-domexception@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/node-domexception/-/node-domexception-1.0.0.tgz#6888db46a1f71c0b76b3f7555016b63fe64766e5"
-  integrity sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==
-
-node-fetch@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.3.0.tgz#37e71db4ecc257057af828d523a7243d651d91e4"
-  integrity sha512-BKwRP/O0UvoMKp7GNdwPlObhYGB5DQqwhEDQlNKuoqwVYSxkSZCSbHjnFFmUEtwSKRPU4kNK8PbDYYitwaE3QA==
+node-fetch@^2.6.1, 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:
-    data-uri-to-buffer "^4.0.0"
-    fetch-blob "^3.1.4"
-    formdata-polyfill "^4.0.10"
+    whatwg-url "^5.0.0"
 
-node-forge@^1, node-forge@^1.2.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
-  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+node-gyp-build@^4.3.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.6.0.tgz#0c52e4cbf54bbd28b709820ef7b6a3c2d6209055"
+  integrity sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==
 
-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-gyp@^9.0.0, node-gyp@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-9.1.0.tgz#c8d8e590678ea1f7b8097511dedf41fc126648f8"
-  integrity sha512-HkmN0ZpQJU7FLbJauJTHkHlSVAXlNGDAzH/VYFZGDOnFyn/Na3GlNJfkudmufOdS6/jNFhy88ObzL7ERz9es1g==
+node-gyp@^9.0.0:
+  version "9.3.1"
+  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-9.3.1.tgz#1e19f5f290afcc9c46973d68700cbd21a96192e4"
+  integrity sha512-4Q16ZCqq3g8awk6UplT7AuxQ35XN4R/yf/+wSAwcBUAjg7l58RTactWaP8fIDTi0FzI7YcVLujwExakZlfWkXg==
   dependencies:
     env-paths "^2.2.0"
     glob "^7.1.4"
     graceful-fs "^4.2.6"
     make-fetch-happen "^10.0.3"
-    nopt "^5.0.0"
+    nopt "^6.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"
-  integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
-
-node-loader@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/node-loader/-/node-loader-2.0.0.tgz#9109a6d828703fd3e0aa03c1baec12a798071562"
-  integrity sha512-I5VN34NO4/5UYJaUBtkrODPWxbobrE4hgDqPrjB25yPkonFhCmZ146vTH+Zg417E9Iwoh1l/MbRs1apc5J295Q==
-  dependencies:
-    loader-utils "^2.0.0"
-
-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"
-
-node-releases@^2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.4.tgz#f38252370c43854dc48aa431c766c6c398f40476"
-  integrity sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==
-
-nodemon@^2.0.20:
-  version "2.0.20"
-  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-2.0.20.tgz#e3537de768a492e8d74da5c5813cb0c7486fc701"
-  integrity sha512-Km2mWHKKY5GzRg6i1j5OxOHQtuvVsgskLfigG25yTtbyfRGn/GNvIbRyOf1PSCKJ2aT/58TiuUsuOU5UToVViw==
-  dependencies:
-    chokidar "^3.5.2"
-    debug "^3.2.7"
-    ignore-by-default "^1.0.1"
-    minimatch "^3.1.2"
-    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"
-
 nopt@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88"
@@ -9893,13 +3549,6 @@ nopt@^6.0.0:
   dependencies:
     abbrev "^1.0.0"
 
-nopt@~1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-1.0.10.tgz#6ddd21bd2a31417b92727dd585f8a6f37608ebee"
-  integrity sha1-bd0hvSoxQXuScn3Vhfim83YI6+4=
-  dependencies:
-    abbrev "1"
-
 nopt@~2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-2.1.2.tgz#6cccd977b80132a07731d6e8ce58c2c8303cf9af"
@@ -9907,6 +3556,26 @@ nopt@~2.1.1:
   dependencies:
     abbrev "1"
 
+normalize-package-data@^2.3.2, 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"
+  integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
+  dependencies:
+    hosted-git-info "^2.1.4"
+    resolve "^1.10.0"
+    semver "2 || 3 || 4 || 5"
+    validate-npm-package-license "^3.0.1"
+
+normalize-package-data@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-3.0.3.tgz#dbcc3e2da59509a0983422884cd172eefdfa525e"
+  integrity sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==
+  dependencies:
+    hosted-git-info "^4.0.1"
+    is-core-module "^2.5.0"
+    semver "^7.3.4"
+    validate-npm-package-license "^3.0.1"
+
 normalize-package-data@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-4.0.1.tgz#b46b24e0616d06cadf9d5718b29b6d445a82a62c"
@@ -9922,32 +3591,6 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-normalize-url@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-2.0.1.tgz#835a9da1551fa26f70e92329069a23aa6574d7e6"
-  integrity sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==
-  dependencies:
-    prepend-http "^2.0.0"
-    query-string "^5.0.1"
-    sort-keys "^2.0.0"
-
-normalize-url@^4.1.0:
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.1.tgz#0dd90cf1288ee1d1313b87081c9a5932ee48518a"
-  integrity sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==
-
-normalize-url@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
-  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
-
-npm-audit-report@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/npm-audit-report/-/npm-audit-report-3.0.0.tgz#1bf3e531208b5f77347c8d00c3d9badf5be30cd6"
-  integrity sha512-tWQzfbwz1sc4244Bx2BVELw0EmZlCsCF0X93RDcmmwhonCsPMoEviYsi+32R+mdRvOWXolPce9zo64n2xgPESw==
-  dependencies:
-    chalk "^4.0.0"
-
 npm-bundled@^1.1.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.1.2.tgz#944c78789bd739035b70baa2ca5cc32b8d860bc1"
@@ -9962,14 +3605,6 @@ npm-bundled@^2.0.0:
   dependencies:
     npm-normalize-package-bin "^2.0.0"
 
-npm-conf@^1.1.0, npm-conf@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/npm-conf/-/npm-conf-1.1.3.tgz#256cc47bd0e218c259c4e9550bf413bc2192aff9"
-  integrity sha512-Yic4bZHJOt9RCFbRP3GgpqhScOY4HH3V2P8yBj6CeYq118Qr+BLXqT2JvpJ00mryLESpgOxf5XlFv4ZjXxLScw==
-  dependencies:
-    config-chain "^1.1.11"
-    pify "^3.0.0"
-
 npm-install-checks@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/npm-install-checks/-/npm-install-checks-5.0.0.tgz#5ff27d209a4e3542b8ac6b0c1db6063506248234"
@@ -9987,17 +3622,26 @@ npm-normalize-package-bin@^2.0.0:
   resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-2.0.0.tgz#9447a1adaaf89d8ad0abe24c6c84ad614a675fff"
   integrity sha512-awzfKUO7v0FscrSpRoogyNm0sajikhBWpU0QMrW09AMi9n1PoKU6WaIqUzuJSQnpciZZmJ/jMZ2Egfmb/9LiWQ==
 
-npm-package-arg@^9.0.0, npm-package-arg@^9.0.1, npm-package-arg@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-9.1.0.tgz#a60e9f1e7c03e4e3e4e994ea87fff8b90b522987"
-  integrity sha512-4J0GL+u2Nh6OnhvUKXRr2ZMG4lR8qtLp+kv7UiV00Y+nGiSxtttCyIRHCt5L5BNkXQld/RceYItau3MDOoGiBw==
+npm-package-arg@8.1.1:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-8.1.1.tgz#00ebf16ac395c63318e67ce66780a06db6df1b04"
+  integrity sha512-CsP95FhWQDwNqiYS+Q0mZ7FAEDytDZAkNxQqea6IaAFJTAY9Lhhqyl0irU/6PMc7BGfUmnsbHcqxJD7XuVM/rg==
+  dependencies:
+    hosted-git-info "^3.0.6"
+    semver "^7.0.0"
+    validate-npm-package-name "^3.0.0"
+
+npm-package-arg@^9.0.0, npm-package-arg@^9.0.1:
+  version "9.1.2"
+  resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-9.1.2.tgz#fc8acecb00235f42270dda446f36926ddd9ac2bc"
+  integrity sha512-pzd9rLEx4TfNJkovvlBSLGhq31gGu2QDexFPWT19yCDh0JgnRhlBLNo5759N0AJmBk+kQ9Y/hXoLnlgFD+ukmg==
   dependencies:
     hosted-git-info "^5.0.0"
     proc-log "^2.0.1"
     semver "^7.3.5"
     validate-npm-package-name "^4.0.0"
 
-npm-packlist@^5.1.0:
+npm-packlist@^5.1.0, npm-packlist@^5.1.1:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-5.1.3.tgz#69d253e6fd664b9058b85005905012e00e69274b"
   integrity sha512-263/0NGrn32YFYi4J533qzrQ/krmmrWwhKkzwTuM4f/07ug51odoaNjUexxO4vxlzURHcmYMH1QjvHjsNDKLVg==
@@ -10007,7 +3651,7 @@ npm-packlist@^5.1.0:
     npm-bundled "^2.0.0"
     npm-normalize-package-bin "^2.0.0"
 
-npm-pick-manifest@^7.0.0, npm-pick-manifest@^7.0.2:
+npm-pick-manifest@^7.0.0:
   version "7.0.2"
   resolved "https://registry.yarnpkg.com/npm-pick-manifest/-/npm-pick-manifest-7.0.2.tgz#1d372b4e7ea7c6712316c0e99388a73ed3496e84"
   integrity sha512-gk37SyRmlIjvTfcYl6RzDbSmS9Y4TOBXfsPnoYqTHARNgWbyDiCSMLUpmALDj4jjcTZpURiEfsSHJj9k7EV4Rw==
@@ -10017,15 +3661,7 @@ npm-pick-manifest@^7.0.0, npm-pick-manifest@^7.0.2:
     npm-package-arg "^9.0.0"
     semver "^7.3.5"
 
-npm-profile@^6.2.0:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/npm-profile/-/npm-profile-6.2.1.tgz#975c31ec75a6ae029ab5b8820ffdcbae3a1e3d5e"
-  integrity sha512-Tlu13duByHyDd4Xy0PgroxzxnBYWbGGL5aZifNp8cx2DxUrHSoETXtPKg38aRPsBWMRfDtvcvVfJNasj7oImQQ==
-  dependencies:
-    npm-registry-fetch "^13.0.1"
-    proc-log "^2.0.0"
-
-npm-registry-fetch@^13.0.0, npm-registry-fetch@^13.0.1, npm-registry-fetch@^13.3.1:
+npm-registry-fetch@^13.0.0, npm-registry-fetch@^13.0.1, npm-registry-fetch@^13.3.0:
   version "13.3.1"
   resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-13.3.1.tgz#bb078b5fa6c52774116ae501ba1af2a33166af7e"
   integrity sha512-eukJPi++DKRTjSBRcDZSDDsGqRK3ehbxfFUcgaRd0Yp6kRwOwh2WVn0r+8rMB4nnuzvAk6rQVzl6K5CkYOmnvw==
@@ -10038,13 +3674,6 @@ npm-registry-fetch@^13.0.0, npm-registry-fetch@^13.0.1, npm-registry-fetch@^13.3
     npm-package-arg "^9.0.1"
     proc-log "^2.0.0"
 
-npm-run-path@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
-  integrity sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==
-  dependencies:
-    path-key "^2.0.0"
-
 npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
@@ -10052,90 +3681,6 @@ npm-run-path@^4.0.1:
   dependencies:
     path-key "^3.0.0"
 
-npm-user-validate@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/npm-user-validate/-/npm-user-validate-1.0.1.tgz#31428fc5475fe8416023f178c0ab47935ad8c561"
-  integrity sha512-uQwcd/tY+h1jnEaze6cdX/LrhWhoBxfSknxentoqmIuStxUExxjWd3ULMLFPiFUrZKbOVMowH6Jq2FRWfmhcEw==
-
-npm@^8.19.3:
-  version "8.19.3"
-  resolved "https://registry.yarnpkg.com/npm/-/npm-8.19.3.tgz#adb51bf8886d519dd4df162726d0ad157ecfa272"
-  integrity sha512-0QjmyPtDxSyMWWD8I91QGbrgx9KzbV6C9FK1liEb/K0zppiZkr5KxXc990G+LzPwBHDfRjUBlO9T1qZ08vl9mA==
-  dependencies:
-    "@isaacs/string-locale-compare" "^1.1.0"
-    "@npmcli/arborist" "^5.6.3"
-    "@npmcli/ci-detect" "^2.0.0"
-    "@npmcli/config" "^4.2.1"
-    "@npmcli/fs" "^2.1.0"
-    "@npmcli/map-workspaces" "^2.0.3"
-    "@npmcli/package-json" "^2.0.0"
-    "@npmcli/run-script" "^4.2.1"
-    abbrev "~1.1.1"
-    archy "~1.0.0"
-    cacache "^16.1.3"
-    chalk "^4.1.2"
-    chownr "^2.0.0"
-    cli-columns "^4.0.0"
-    cli-table3 "^0.6.2"
-    columnify "^1.6.0"
-    fastest-levenshtein "^1.0.12"
-    fs-minipass "^2.1.0"
-    glob "^8.0.1"
-    graceful-fs "^4.2.10"
-    hosted-git-info "^5.2.1"
-    ini "^3.0.1"
-    init-package-json "^3.0.2"
-    is-cidr "^4.0.2"
-    json-parse-even-better-errors "^2.3.1"
-    libnpmaccess "^6.0.4"
-    libnpmdiff "^4.0.5"
-    libnpmexec "^4.0.14"
-    libnpmfund "^3.0.5"
-    libnpmhook "^8.0.4"
-    libnpmorg "^4.0.4"
-    libnpmpack "^4.1.3"
-    libnpmpublish "^6.0.5"
-    libnpmsearch "^5.0.4"
-    libnpmteam "^4.0.4"
-    libnpmversion "^3.0.7"
-    make-fetch-happen "^10.2.0"
-    minimatch "^5.1.0"
-    minipass "^3.1.6"
-    minipass-pipeline "^1.2.4"
-    mkdirp "^1.0.4"
-    mkdirp-infer-owner "^2.0.0"
-    ms "^2.1.2"
-    node-gyp "^9.1.0"
-    nopt "^6.0.0"
-    npm-audit-report "^3.0.0"
-    npm-install-checks "^5.0.0"
-    npm-package-arg "^9.1.0"
-    npm-pick-manifest "^7.0.2"
-    npm-profile "^6.2.0"
-    npm-registry-fetch "^13.3.1"
-    npm-user-validate "^1.0.1"
-    npmlog "^6.0.2"
-    opener "^1.5.2"
-    p-map "^4.0.0"
-    pacote "^13.6.2"
-    parse-conflict-json "^2.0.2"
-    proc-log "^2.0.1"
-    qrcode-terminal "^0.12.0"
-    read "~1.0.7"
-    read-package-json "^5.0.2"
-    read-package-json-fast "^2.0.3"
-    readdir-scoped-modules "^1.1.0"
-    rimraf "^3.0.2"
-    semver "^7.3.7"
-    ssri "^9.0.1"
-    tar "^6.1.11"
-    text-table "~0.2.0"
-    tiny-relative-date "^1.3.0"
-    treeverse "^2.0.0"
-    validate-npm-package-name "^4.0.0"
-    which "^2.0.2"
-    write-file-atomic "^4.0.1"
-
 npmlog@^6.0.0, npmlog@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-6.0.2.tgz#c8166017a42f2dea92d6453168dd865186a70830"
@@ -10146,98 +3691,46 @@ npmlog@^6.0.0, npmlog@^6.0.2:
     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"
-  integrity sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w==
+nx@15.4.5, "nx@>=14.8.6 < 16", "nx@>=15.4.2 < 16":
+  version "15.4.5"
+  resolved "https://registry.yarnpkg.com/nx/-/nx-15.4.5.tgz#12daa740256fa29ba634fbc4f3f87b6d078c2990"
+  integrity sha512-1spZL6sgOV8JJJuN8W5CLtJYwTOnlyaV32jPXfidavU0QMS8MP+rW3+NUQ9Uzc1UYhOu8llZWtnen93neVGQRw==
   dependencies:
-    boolbase "^1.0.0"
-
-nwsapi@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
-  integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
-
-oauth-sign@~0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
-  integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
-
-object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
-
-object-hash@^2.0.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5"
-  integrity sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==
-
-object-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
-  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
-
-object-inspect@^1.12.0, object-inspect@^1.9.0:
-  version "1.12.0"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.0.tgz#6e2c120e868fd1fd18cb4f18c31741d0d6e776f0"
-  integrity sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==
-
-object-inspect@^1.12.2:
-  version "1.12.2"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
-  integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
-
-object-keys@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
-  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
-
-object.assign@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940"
-  integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==
-  dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-    has-symbols "^1.0.1"
-    object-keys "^1.1.1"
-
-object.assign@^4.1.4:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
-  integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    has-symbols "^1.0.3"
-    object-keys "^1.1.1"
-
-object.entries@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.6.tgz#9737d0e5b8291edd340a3e3264bb8a3b00d5fa23"
-  integrity sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-object.fromentries@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.6.tgz#cdb04da08c539cffa912dcd368b886e0904bfa73"
-  integrity sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-object.hasown@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.2.tgz#f919e21fad4eb38a57bc6345b3afd496515c3f92"
-  integrity sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==
-  dependencies:
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    "@nrwl/cli" "15.4.5"
+    "@nrwl/tao" "15.4.5"
+    "@parcel/watcher" "2.0.4"
+    "@yarnpkg/lockfile" "^1.1.0"
+    "@yarnpkg/parsers" "^3.0.0-rc.18"
+    "@zkochan/js-yaml" "0.0.6"
+    axios "^1.0.0"
+    chalk "4.1.0"
+    chokidar "^3.5.1"
+    cli-cursor "3.1.0"
+    cli-spinners "2.6.1"
+    cliui "^7.0.2"
+    dotenv "~10.0.0"
+    enquirer "~2.3.6"
+    fast-glob "3.2.7"
+    figures "3.2.0"
+    flat "^5.0.2"
+    fs-extra "^10.1.0"
+    glob "7.1.4"
+    ignore "^5.0.4"
+    js-yaml "4.1.0"
+    jsonc-parser "3.2.0"
+    minimatch "3.0.5"
+    npm-run-path "^4.0.1"
+    open "^8.4.0"
+    semver "7.3.4"
+    string-width "^4.2.3"
+    strong-log-transformer "^2.1.0"
+    tar-stream "~2.2.0"
+    tmp "~0.2.1"
+    tsconfig-paths "^4.1.2"
+    tslib "^2.3.0"
+    v8-compile-cache "2.3.0"
+    yargs "^17.6.2"
+    yargs-parser "21.1.1"
 
 object.pick@^1.2.0:
   version "1.3.0"
@@ -10246,51 +3739,13 @@ object.pick@^1.2.0:
   dependencies:
     isobject "^3.0.1"
 
-object.values@^1.1.5, object.values@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
-  integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-obuf@^1.0.0, obuf@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
-  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
-
-oidc-token-hash@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/oidc-token-hash/-/oidc-token-hash-5.0.1.tgz#ae6beec3ec20f0fd885e5400d175191d6e2f10c6"
-  integrity sha512-EvoOtz6FIEBzE+9q253HsLCVRiK/0doEJ2HCvvqMQb3dHZrP3WlJKYtJ55CRTw4jmYomzH4wkPuCj/I3ZvpKxQ==
-
-on-finished@2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
-  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
-  dependencies:
-    ee-first "1.1.1"
-
-on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
-
 once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
   dependencies:
     wrappy "1"
 
-one-time@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/one-time/-/one-time-1.0.0.tgz#e06bc174aed214ed58edede573b433bbf827cb45"
-  integrity sha512-5DXOiRKwuSEcQ/l0kGCF6Q3jcADFv5tSmRaJck/OqkVFcOzutB134KRSfF0xDrL39MNnqxbHBbUUcjZIhTgb2g==
-  dependencies:
-    fn.name "1.x.x"
-
 onetime@^5.1.0, onetime@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
@@ -10306,7 +3761,7 @@ open-in-editor@^2.2.0:
     clap "^1.1.3"
     os-homedir "~1.0.2"
 
-open@^8.0.9, open@^8.4.0:
+open@^8.4.0:
   version "8.4.0"
   resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
   integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==
@@ -10315,94 +3770,36 @@ open@^8.0.9, open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-opener@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
-  integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
-
-openid-client@^5.3.0:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/openid-client/-/openid-client-5.3.1.tgz#69a5fa7d2b5ad479032f576852d40b4d4435488a"
-  integrity sha512-RLfehQiHch9N6tRWNx68cicf3b1WR0x74bJWHRc25uYIbSRwjxYcTFaRnzbbpls5jroLAaB/bFIodTgA5LJMvw==
+ora@^5.4.1:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/ora/-/ora-5.4.1.tgz#1b2678426af4ac4a509008e5e4ac9e9959db9e18"
+  integrity sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==
   dependencies:
-    jose "^4.10.0"
-    lru-cache "^6.0.0"
-    object-hash "^2.0.1"
-    oidc-token-hash "^5.0.1"
-
-optionator@^0.8.1:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
-optionator@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
-  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
-  dependencies:
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-    word-wrap "^1.2.3"
-
-os-filter-obj@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/os-filter-obj/-/os-filter-obj-2.0.0.tgz#1c0b62d5f3a2442749a2d139e6dddee6e81d8d16"
-  integrity sha512-uksVLsqG3pVdzzPvmAHpBK0wKxYItuzZr7SziusRPoz67tGV8rL1szZ6IdeUrbqLjGDwApBtN29eEE3IqGHOjg==
-  dependencies:
-    arch "^2.1.0"
+    bl "^4.1.0"
+    chalk "^4.1.0"
+    cli-cursor "^3.1.0"
+    cli-spinners "^2.5.0"
+    is-interactive "^1.0.0"
+    is-unicode-supported "^0.1.0"
+    log-symbols "^4.1.0"
+    strip-ansi "^6.0.0"
+    wcwidth "^1.0.1"
 
 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=
+  integrity sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==
 
 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=
-
-p-cancelable@^0.4.0:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-0.4.1.tgz#35f363d67d52081c8d9585e37bcceb7e0bbcb2a0"
-  integrity sha512-HNa1A8LvB1kie7cERyy21VNeHb2CWJJYqyyC2o3klWFfMGlFmWv2Z7sFgZH8ZiaYL95ydToKTFVXgMV/Os0bBQ==
-
-p-cancelable@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc"
-  integrity sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==
-
-p-cancelable@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-2.1.1.tgz#aab7fbd416582fa32a3db49859c122487c5ed2cf"
-  integrity sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==
-
-p-event@^2.1.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/p-event/-/p-event-2.3.1.tgz#596279ef169ab2c3e0cae88c1cfbb08079993ef6"
-  integrity sha512-NQCqOFhbpVTMX4qMe8PF8lbGtzZ+LCiN7pcNrb/413Na7+TRoe1xkKUzuWa/YEJdGQ0FvKtj35EEbDoVPO2kbA==
-  dependencies:
-    p-timeout "^2.0.1"
+  integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==
 
 p-finally@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
   integrity sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==
 
-p-is-promise@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/p-is-promise/-/p-is-promise-1.1.0.tgz#9c9456989e9f6588017b0434d56097675c3da05e"
-  integrity sha512-zL7VE4JVS2IFSkR2GQKDSPEVxkoH43/p7oEnwpdCndKYJO0HVeRB7fA8TJwuLOTBREtK0ea8eHaxdwcpob5dmg==
-
 p-limit@^1.1.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
@@ -10410,34 +3807,20 @@ p-limit@^1.1.0:
   dependencies:
     p-try "^1.0.0"
 
-p-limit@^2.0.0, p-limit@^2.2.0:
+p-limit@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
   integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
   dependencies:
     p-try "^2.0.0"
 
-p-limit@^3.0.2, p-limit@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
-  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
-  dependencies:
-    yocto-queue "^0.1.0"
-
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
-  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
+  integrity sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==
   dependencies:
     p-limit "^1.1.0"
 
-p-locate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
-  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
-  dependencies:
-    p-limit "^2.0.0"
-
 p-locate@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
@@ -10445,12 +3828,10 @@ p-locate@^4.1.0:
   dependencies:
     p-limit "^2.2.0"
 
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
+p-map-series@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/p-map-series/-/p-map-series-2.1.0.tgz#7560d4c452d9da0c07e692fdbfe6e2c81a2a91f2"
+  integrity sha512-RpYIIK1zXSNEOdwxcfe7FdvGcs7+y5n8rifMhMNWvaxRNMPINJHF5GDeuVxWqnfrcHPSCnp7Oo5yNXHId9Av2Q==
 
 p-map@^4.0.0:
   version "4.0.0"
@@ -10459,32 +3840,49 @@ p-map@^4.0.0:
   dependencies:
     aggregate-error "^3.0.0"
 
-p-retry@^4.5.0:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
-  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
-  dependencies:
-    "@types/retry" "0.12.0"
-    retry "^0.13.1"
+p-pipe@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-pipe/-/p-pipe-3.1.0.tgz#48b57c922aa2e1af6a6404cb7c6bf0eb9cc8e60e"
+  integrity sha512-08pj8ATpzMR0Y80x50yJHn37NF6vjrqHutASaX5LiH5npS9XPvrUmscd9MF5R4fuYRHOxQR1FfMIlF7AzwoPqw==
 
-p-timeout@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-2.0.1.tgz#d8dd1979595d2dc0139e1fe46b8b646cb3cdf038"
-  integrity sha512-88em58dDVB/KzPEx1X0N3LwFfYZPyDc4B6eF38M1rk9VTZMbxXXgjugz8mmwpS9Ox4BDZ+t6t3QP5+/gazweIA==
+p-queue@^6.6.2:
+  version "6.6.2"
+  resolved "https://registry.yarnpkg.com/p-queue/-/p-queue-6.6.2.tgz#2068a9dcf8e67dd0ec3e7a2bcb76810faa85e426"
+  integrity sha512-RwFpb72c/BhQLEXIZ5K2e+AhgNVmIejGlTgiB9MzZ0e93GRvqZ7uSi0dvRF7/XIXDeNkra2fNHBxTyPDGySpjQ==
+  dependencies:
+    eventemitter3 "^4.0.4"
+    p-timeout "^3.2.0"
+
+p-reduce@^2.0.0, p-reduce@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/p-reduce/-/p-reduce-2.1.0.tgz#09408da49507c6c274faa31f28df334bc712b64a"
+  integrity sha512-2USApvnsutq8uoxZBGbbWM0JIYLiEMJ9RlaN7fAzVNb9OZN0SHjjTTfIcb667XynS5Y1VhwDJVDa72TnPzAYWw==
+
+p-timeout@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-3.2.0.tgz#c7e17abc971d2a7962ef83626b35d635acf23dfe"
+  integrity sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==
   dependencies:
     p-finally "^1.0.0"
 
 p-try@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
-  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
+  integrity sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==
 
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
-pacote@^13.0.3, pacote@^13.6.1, pacote@^13.6.2:
+p-waterfall@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/p-waterfall/-/p-waterfall-2.1.1.tgz#63153a774f472ccdc4eb281cdb2967fcf158b2ee"
+  integrity sha512-RRTnDb2TBG/epPRI2yYXsimO0v3BXC8Yd3ogr1545IaqKK17VGhbWVeGGN+XfCm/08OK8635nH31c8bATkHuSw==
+  dependencies:
+    p-reduce "^2.0.0"
+
+pacote@^13.0.3, pacote@^13.6.1:
   version "13.6.2"
   resolved "https://registry.yarnpkg.com/pacote/-/pacote-13.6.2.tgz#0d444ba3618ab3e5cd330b451c22967bbd0ca48a"
   integrity sha512-Gu8fU3GsvOPkak2CkbojR7vjs3k3P9cA6uazKTHdsdV0gpCEQq2opelnEv30KRQWgVzP5Vd/5umjcedma3MKtg==
@@ -10511,24 +3909,6 @@ pacote@^13.0.3, pacote@^13.6.1, pacote@^13.6.2:
     ssri "^9.0.0"
     tar "^6.1.11"
 
-pako@~0.2.0:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
-  integrity sha1-8/dSL073gjSNqBYbrZ7P1Rv4OnU=
-
-pako@~1.0.2:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
-param-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
-  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
-  dependencies:
-    dot-case "^3.0.4"
-    tslib "^2.0.3"
-
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -10536,7 +3916,7 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-conflict-json@^2.0.1, parse-conflict-json@^2.0.2:
+parse-conflict-json@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/parse-conflict-json/-/parse-conflict-json-2.0.2.tgz#3d05bc8ffe07d39600dc6436c6aefe382033d323"
   integrity sha512-jDbRGb00TAPFsKWCpZZOT93SxVP9nONOSgES3AevqRq/CHvavEBvKAjxX9p5Y5F0RZLxH9Ufd9+RwtCsa+lFDA==
@@ -10545,7 +3925,15 @@ parse-conflict-json@^2.0.1, parse-conflict-json@^2.0.2:
     just-diff "^5.0.1"
     just-diff-apply "^5.2.0"
 
-parse-json@^5.0.0, parse-json@^5.2.0:
+parse-json@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
+  integrity sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==
+  dependencies:
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+
+parse-json@^5.0.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
   integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
@@ -10555,33 +3943,24 @@ parse-json@^5.0.0, parse-json@^5.2.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse-node-version@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parse-node-version/-/parse-node-version-1.0.1.tgz#e2b5dbede00e7fa9bc363607f53327e8b073189b"
-  integrity sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==
-
-parse5@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
-
-parseurl@~1.3.2, parseurl@~1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
-  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
-
-pascal-case@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
-  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+parse-path@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-7.0.0.tgz#605a2d58d0a749c8594405d8cc3a2bf76d16099b"
+  integrity sha512-Euf9GG8WT9CdqwuWJGdf3RkUcTBArppHABkO7Lm8IzRQp0e2r/kkFnmhu4TSK30Wcu5rVAZLmfPKSBBi9tWFog==
   dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
+    protocols "^2.0.0"
+
+parse-url@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/parse-url/-/parse-url-8.1.0.tgz#972e0827ed4b57fc85f0ea6b0d839f0d8a57a57d"
+  integrity sha512-xDvOoLU5XRrcOZvnI6b8zA6n9O9ejNk/GExuz1yBuWUGn9KA97GI6HTs6u02wKara1CeVmZhH+0TZFdWScR89w==
+  dependencies:
+    parse-path "^7.0.0"
 
 path-exists@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
+  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
 
 path-exists@^4.0.0:
   version "4.0.0"
@@ -10591,105 +3970,54 @@ path-exists@^4.0.0:
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
-
-path-key@^2.0.0, path-key@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
 path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
-path-parse@^1.0.6, path-parse@^1.0.7:
+path-parse@^1.0.7:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-to-regexp@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-  integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
-
-path-to-regexp@^1.7.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
-  integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
+path-type@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
+  integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==
   dependencies:
-    isarray "0.0.1"
-
-path-to-regexp@^6.2.0:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-6.2.1.tgz#d54934d6798eb9e5ef14e7af7962c945906918e5"
-  integrity sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==
+    pify "^3.0.0"
 
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-peek-stream@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/peek-stream/-/peek-stream-1.1.3.tgz#3b35d84b7ccbbd262fff31dc10da56856ead6d67"
-  integrity sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==
-  dependencies:
-    buffer-from "^1.0.0"
-    duplexify "^3.5.0"
-    through2 "^2.0.3"
-
-pend@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
-  integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
-
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
-
-picocolors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
-  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
-
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-pify@^2.2.0, pify@^2.3.0:
+pify@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
 
 pify@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
+  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
 
 pify@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
   integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
 
-pinkie-promise@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
-  integrity sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==
-  dependencies:
-    pinkie "^2.0.0"
-
-pinkie@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
-  integrity sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==
-
-pirates@^4.0.4:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
-  integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
+pify@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-5.0.0.tgz#1f5eca3f5e87ebec28cc6d54a0e4aaf00acc127f"
+  integrity sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==
 
 pkg-dir@^4.2.0:
   version "4.2.0"
@@ -10698,169 +4026,6 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-pkg-up@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
-  integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
-  dependencies:
-    find-up "^3.0.0"
-
-playwright-core@1.29.2:
-  version "1.29.2"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.29.2.tgz#2e8347e7e8522409f22b244e600e703b64022406"
-  integrity sha512-94QXm4PMgFoHAhlCuoWyaBYKb92yOcGVHdQLoxQ7Wjlc7Flg4aC/jbFW7xMR52OfXMVkWicue4WXE7QEegbIRA==
-
-playwright@^1.29.2:
-  version "1.29.2"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.29.2.tgz#d6a0a3e8e44f023f7956ed19ffa8af915a042769"
-  integrity sha512-hKBYJUtdmYzcjdhYDkP9WGtORwwZBBKAW8+Lz7sr0ZMxtJr04ASXVzH5eBWtDkdb0c3LLFsehfPBTRfvlfKJOA==
-  dependencies:
-    playwright-core "1.29.2"
-
-plist@^3.0.1, plist@^3.0.4:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/plist/-/plist-3.0.5.tgz#2cbeb52d10e3cdccccf0c11a63a85d830970a987"
-  integrity sha512-83vX4eYdQp3vP9SxuYgEM/G/pJQqLUz/V/xzPrzruLs7fz7jxGQ1msZ/mg1nwZxUSuOp4sb+/bEIbRrbzZRxDA==
-  dependencies:
-    base64-js "^1.5.1"
-    xmlbuilder "^9.0.7"
-
-popper.js@1.16.1-lts:
-  version "1.16.1-lts"
-  resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1-lts.tgz#cf6847b807da3799d80ee3d6d2f90df8a3f50b05"
-  integrity sha512-Kjw8nKRl1m+VrSFCoVGPph93W/qrSO7ZkqPpTf7F4bk/sqcfWK019dWBUpE/fBOsOQY1dks/Bmcbfn1heM/IsA==
-
-postcss-filter-plugins@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-filter-plugins/-/postcss-filter-plugins-3.0.1.tgz#9d226e946d56542ab7c26123053459a331df545d"
-  integrity sha512-tRKbW4wWBEkSSFuJtamV2wkiV9rj6Yy7P3Y13+zaynlPEEZt8EgYKn3y/RBpMeIhNmHXFlSdzofml65hD5OafA==
-  dependencies:
-    postcss "^6.0.14"
-
-postcss-icss-keyframes@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-icss-keyframes/-/postcss-icss-keyframes-0.2.1.tgz#80c4455e0112b0f2f9c3c05ac7515062bb9ff295"
-  integrity sha1-gMRFXgESsPL5w8Bax1FQYruf8pU=
-  dependencies:
-    icss-utils "^3.0.1"
-    postcss "^6.0.2"
-    postcss-value-parser "^3.3.0"
-
-postcss-icss-selectors@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-icss-selectors/-/postcss-icss-selectors-2.0.3.tgz#27fa1afcaab6c602c866cbb298f3218e9bc1c9b3"
-  integrity sha1-J/oa/Kq2xgLIZsuymPMhjpvBybM=
-  dependencies:
-    css-selector-tokenizer "^0.7.0"
-    generic-names "^1.0.2"
-    icss-utils "^3.0.1"
-    lodash "^4.17.4"
-    postcss "^6.0.2"
-
-postcss-import@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
-  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-js@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.0.tgz#31db79889531b80dc7bc9b0ad283e418dce0ac00"
-  integrity sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==
-  dependencies:
-    camelcase-css "^2.0.1"
-
-postcss-load-config@^3.0.1, postcss-load-config@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
-  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
-  dependencies:
-    lilconfig "^2.0.5"
-    yaml "^1.10.2"
-
-postcss-loader@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-6.2.1.tgz#0895f7346b1702103d30fdc66e4d494a93c008ef"
-  integrity sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==
-  dependencies:
-    cosmiconfig "^7.0.0"
-    klona "^2.0.5"
-    semver "^7.3.5"
-
-postcss-modules-extract-imports@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
-  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
-
-postcss-modules-local-by-default@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
-  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
-  dependencies:
-    icss-utils "^5.0.0"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.1.0"
-
-postcss-modules-scope@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06"
-  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-modules-values@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
-  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
-  dependencies:
-    icss-utils "^5.0.0"
-
-postcss-nested@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.0.tgz#1572f1984736578f360cffc7eb7dca69e30d1735"
-  integrity sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
-  version "6.0.10"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
-  integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-value-parser@^3.3.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
-  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
-
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@^6.0.14, postcss@^6.0.2:
-  version "6.0.23"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
-  integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
-  dependencies:
-    chalk "^2.4.1"
-    source-map "^0.6.1"
-    supports-color "^5.4.0"
-
-postcss@^8.3.0, postcss@^8.4.18, postcss@^8.4.19, postcss@^8.4.21:
-  version "8.4.21"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
-  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
-  dependencies:
-    nanoid "^3.3.4"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
 prebuild-install@^7.1.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-7.1.1.tgz#de97d5b34a70a0c81334fd24641f2a1702352e45"
@@ -10879,58 +4044,6 @@ prebuild-install@^7.1.1:
     tar-fs "^2.0.0"
     tunnel-agent "^0.6.0"
 
-prelude-ls@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
-  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
-
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
-
-prepend-http@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
-  integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
-
-pretty-error@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
-  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
-  dependencies:
-    lodash "^4.17.20"
-    renderkid "^3.0.0"
-
-pretty-format@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.2.tgz#e35c2705f14cb7fe2fe94fa078345b444120fc93"
-  integrity sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==
-  dependencies:
-    "@jest/types" "^26.6.2"
-    ansi-regex "^5.0.0"
-    ansi-styles "^4.0.0"
-    react-is "^17.0.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==
-  dependencies:
-    ansi-regex "^5.0.1"
-    ansi-styles "^5.0.0"
-    react-is "^17.0.1"
-
-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.1.3"
-    ansi-regex "^5.0.1"
-    ansi-styles "^5.0.0"
-    react-is "^18.0.0"
-
 proc-log@^2.0.0, proc-log@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/proc-log/-/proc-log-2.0.1.tgz#8f3f69a1f608de27878f91f5c688b225391cb685"
@@ -10941,11 +4054,6 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-progress@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
-  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
-
 promise-all-reject-late@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/promise-all-reject-late/-/promise-all-reject-late-1.0.1.tgz#f8ebf13483e5ca91ad809ccc2fcf25f26f8643c2"
@@ -10959,7 +4067,7 @@ promise-call-limit@^1.0.1:
 promise-inflight@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
-  integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
+  integrity sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==
 
 promise-retry@^2.0.1:
   version "2.0.1"
@@ -10969,89 +4077,27 @@ promise-retry@^2.0.1:
     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"
-  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
-  dependencies:
-    kleur "^3.0.3"
-    sisteransi "^1.0.5"
-
 promzard@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/promzard/-/promzard-0.3.0.tgz#26a5d6ee8c7dee4cb12208305acfb93ba382a9ee"
-  integrity sha1-JqXW7ox97kyxIggwWs+5O6OCqe4=
+  integrity sha512-JZeYqd7UAcHCwI+sTOeUDYkvEU+1bQ7iE0UT1MgB/tERkAPkesW46MrpIySzODi+owTjZtiF8Ay5j9m60KmMBw==
   dependencies:
     read "1"
 
-prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
-  version "15.8.1"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
-  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
-  dependencies:
-    loose-envify "^1.4.0"
-    object-assign "^4.1.1"
-    react-is "^16.13.1"
-
-proper-lockfile@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/proper-lockfile/-/proper-lockfile-1.2.0.tgz#ceff5dd89d3e5f10fb75e1e8e76bc75801a59c34"
-  integrity sha1-zv9d2J0+XxD7deHo52vHWAGlnDQ=
-  dependencies:
-    err-code "^1.0.0"
-    extend "^3.0.0"
-    graceful-fs "^4.1.2"
-    retry "^0.10.0"
-
-proper-lockfile@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/proper-lockfile/-/proper-lockfile-4.1.2.tgz#c8b9de2af6b2f1601067f98e01ac66baa223141f"
-  integrity sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==
-  dependencies:
-    graceful-fs "^4.2.4"
-    retry "^0.12.0"
-    signal-exit "^3.0.2"
-
 proto-list@~1.2.1:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
-  integrity sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=
+  integrity sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==
 
-proxy-addr@~2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
-  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
-  dependencies:
-    forwarded "0.2.0"
-    ipaddr.js "1.9.1"
-
-prr@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
-  integrity sha1-0/wRS6BplaRexok/SEzrHXj19HY=
-
-pseudomap@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
-  integrity sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==
-
-psl@^1.1.28, psl@^1.1.33:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
-  integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
-
-pstree.remy@^1.1.8:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/pstree.remy/-/pstree.remy-1.1.8.tgz#c242224f4a67c21f686839bbdb4ac282b8373d3a"
-  integrity sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==
-
-pump@^2.0.0:
+protocols@^2.0.0, protocols@^2.0.1:
   version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
-  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
+  resolved "https://registry.yarnpkg.com/protocols/-/protocols-2.0.1.tgz#8f155da3fc0f32644e83c5782c8e8212ccf70a86"
+  integrity sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==
+
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
 
 pump@^3.0.0:
   version "3.0.0"
@@ -11061,80 +4107,25 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-pumpify@^1.3.3:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
-  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
-  dependencies:
-    duplexify "^3.6.0"
-    inherits "^2.0.3"
-    pump "^2.0.0"
+punycode@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.2.0.tgz#2092cc57cd2582c38e4e7e8bb869dc8d3148bc74"
+  integrity sha512-LN6QV1IJ9ZhxWTNdktaPClrNfp8xdSAYS0Zk2ddX7XsXZAxckMHPCBcHRo0cTcEIgYPRiGEkmji3Idkh2yFtYw==
 
-punycode@^2.1.0, punycode@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
-  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
-
-q@^1.0.1:
+q@^1.0.1, q@^1.5.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"
-  integrity sha512-EXtzRZmC+YGmGlDFbXKxQiMZNwCLEO6BANKXG4iCtSIM0yqc/pappSx3RIKr4r0uh5JsBckOXeKrB3Iz7mdQpQ==
-
-qs@6.10.3:
-  version "6.10.3"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.3.tgz#d6cde1b2ffca87b5aa57889816c5f81535e22e8e"
-  integrity sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==
-  dependencies:
-    side-channel "^1.0.4"
-
-qs@~6.5.2:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.3.tgz#3aeeffc91967ef6e35c0e488ef46fb296ab76aad"
-  integrity sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==
-
-query-string@^5.0.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-5.1.1.tgz#a78c012b71c17e05f2e3fa2319dd330682efb3cb"
-  integrity sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==
-  dependencies:
-    decode-uri-component "^0.2.0"
-    object-assign "^4.1.0"
-    strict-uri-encode "^1.0.0"
-
-query-string@^7.1.3:
-  version "7.1.3"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-7.1.3.tgz#a1cf90e994abb113a325804a972d98276fe02328"
-  integrity sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==
-  dependencies:
-    decode-uri-component "^0.2.2"
-    filter-obj "^1.1.0"
-    split-on-first "^1.0.0"
-    strict-uri-encode "^2.0.0"
-
-querystringify@^2.1.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
-  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
-
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-quick-lru@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
-  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
-
-raf-schd@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-4.0.3.tgz#5d6c34ef46f8b2a0e880a8fcdb743efc5bfdbc1a"
-  integrity sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==
+quick-lru@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
+  integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
 
 randomatic@^3.0.0:
   version "3.1.1"
@@ -11145,33 +4136,6 @@ randomatic@^3.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"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-  dependencies:
-    safe-buffer "^5.1.0"
-
-randomcolor@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/randomcolor/-/randomcolor-0.6.2.tgz#7a57362ae1a1278439aeed2c15e5deb8ea33f56d"
-  integrity sha512-Mn6TbyYpFgwFuQ8KJKqf3bqqY9O1y37/0jgSK/61PUxV4QfIMv0+K2ioq8DfOjkBslcjwSzRfIDEXfzA9aCx7A==
-
-range-parser@^1.2.1, range-parser@~1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
-  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
-
-raw-body@2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857"
-  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
-  dependencies:
-    bytes "3.1.2"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
-
 rc@^1.2.7:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
@@ -11182,187 +4146,11 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-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"
-    memoize-one "^5.1.1"
-    raf-schd "^4.0.2"
-    react-redux "^7.2.0"
-    redux "^4.0.4"
-    use-memo-one "^1.1.1"
-
-react-dom@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
-  integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    scheduler "^0.20.2"
-
-react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0:
-  version "16.13.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
-  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
-
-"react-is@^16.8.0 || ^17.0.0", react-is@^17.0.1, react-is@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
-  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
-
-react-is@^18.0.0:
-  version "18.1.0"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.1.0.tgz#61aaed3096d30eacf2a2127118b5b41387d32a67"
-  integrity sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==
-
-react-material-ui-carousel@^2.3.11:
-  version "2.3.11"
-  resolved "https://registry.yarnpkg.com/react-material-ui-carousel/-/react-material-ui-carousel-2.3.11.tgz#0523d4a97caa2fd7d21d803e165b9f3120fe7693"
-  integrity sha512-rsD9D2JLDBTfinaPy1+hcb7gunfdX7jmga7xESfRCCtLXzokOrkhmx4qMd8dZmYY42zc/HbYqLqg9E/d187lbw==
-  dependencies:
-    auto-bind "^2.1.1"
-    react-swipeable "^6.1.0"
-
-react-redux@^7.2.0:
-  version "7.2.8"
-  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.8.tgz#a894068315e65de5b1b68899f9c6ee0923dd28de"
-  integrity sha512-6+uDjhs3PSIclqoCk0kd6iX74gzrGc3W5zcAjbrFgEdIjRSQObdIwfx80unTkVUYvbQ95Y8Av3OvFHq1w5EOUw==
-  dependencies:
-    "@babel/runtime" "^7.15.4"
-    "@types/react-redux" "^7.1.20"
-    hoist-non-react-statics "^3.3.2"
-    loose-envify "^1.4.0"
-    prop-types "^15.7.2"
-    react-is "^17.0.2"
-
-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.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.4:
-  version "5.3.4"
-  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.3.4.tgz#2ed62ffd88cae6db134445f4a0c0ae8b91d2e5e6"
-  integrity sha512-m4EqFMHv/Ih4kpcBCONHbkT68KoAeHN4p3lAGoNryfHi0dMy0kCzEZakiKRsvg5wHZ/JLrLW8o8KomWiz/qbYQ==
-  dependencies:
-    "@babel/runtime" "^7.12.13"
-    history "^4.9.0"
-    loose-envify "^1.3.1"
-    prop-types "^15.6.2"
-    react-router "5.3.4"
-    tiny-invariant "^1.0.2"
-    tiny-warning "^1.0.0"
-
-react-router@5.3.4, react-router@^5.3.4:
-  version "5.3.4"
-  resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.3.4.tgz#8ca252d70fcc37841e31473c7a151cf777887bb5"
-  integrity sha512-Ys9K+ppnJah3QuaRiLxk+jDWOR1MekYQrlytiXxC1RyfbdsZkS5pvKAzCCr031xHixZwpnsYNT5xysdFHQaYsA==
-  dependencies:
-    "@babel/runtime" "^7.12.13"
-    history "^4.9.0"
-    hoist-non-react-statics "^3.1.0"
-    loose-envify "^1.3.1"
-    path-to-regexp "^1.7.0"
-    prop-types "^15.6.2"
-    react-is "^16.6.0"
-    tiny-invariant "^1.0.2"
-    tiny-warning "^1.0.0"
-
-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.7.0:
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.7.0.tgz#82921b38f1fcf1471a0b62304da01f2896cd8ce6"
-  integrity sha512-lJGiMxCa3cqnUr2Jjtg9YHsaytiZqeNOKeibv6WF5zbK/fPegZ1hg3y/9P1RZVLhqBTs0PfqQLKuAACednYGhQ==
-  dependencies:
-    "@babel/runtime" "^7.12.0"
-    "@emotion/cache" "^11.4.0"
-    "@emotion/react" "^11.8.1"
-    "@floating-ui/dom" "^1.0.1"
-    "@types/react-transition-group" "^4.4.0"
-    memoize-one "^6.0.0"
-    prop-types "^15.6.0"
-    react-transition-group "^4.3.0"
-    use-isomorphic-layout-effect "^1.1.2"
-
-react-swipeable@^6.1.0:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/react-swipeable/-/react-swipeable-6.2.2.tgz#52ba570f3a7a90db7093094ec476f3d151f727d1"
-  integrity sha512-Oz7nSFrssvq2yvy05aNL3F+yBUqSvLsK6x1mu+rQFOpMdQVnt4izKt1vyjvvTb70q6GQOaSpaB6qniROW2MAzQ==
-
-react-table@^7.8.0:
-  version "7.8.0"
-  resolved "https://registry.yarnpkg.com/react-table/-/react-table-7.8.0.tgz#07858c01c1718c09f7f1aed7034fcfd7bda907d2"
-  integrity sha512-hNaz4ygkZO4bESeFfnfOft73iBUj8K5oKi1EcSHPAibEydfsX2MyU6Z8KCr3mv3C9Kqqh71U+DhZkFvibbnPbA==
-
-react-transition-group@^4.3.0, react-transition-group@^4.4.0:
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
-  integrity sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    dom-helpers "^5.0.1"
-    loose-envify "^1.4.0"
-    prop-types "^15.6.2"
-
-react-virtualized-auto-sizer@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.7.tgz#bfb8414698ad1597912473de3e2e5f82180c1195"
-  integrity sha512-Mxi6lwOmjwIjC1X4gABXMJcKHsOo0xWl3E3ugOgufB8GJU+MqrtY35aBuvCYv/razQ1Vbp7h1gWJjGjoNN5pmA==
-
-react-window@^1.8.8:
-  version "1.8.8"
-  resolved "https://registry.yarnpkg.com/react-window/-/react-window-1.8.8.tgz#1b52919f009ddf91970cbdb2050a6c7be44df243"
-  integrity sha512-D4IiBeRtGXziZ1n0XklnFGu7h9gU684zepqyKzgPNzrsrk7xOCxni+TCckjg2Nr/DiaEEGVVmnhYSlT2rB47dQ==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-    memoize-one ">=3.1.1 <6"
-
-react@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
-  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
-  dependencies:
-    pify "^2.3.0"
-
 read-cmd-shim@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-3.0.1.tgz#868c235ec59d1de2db69e11aec885bc095aea087"
   integrity sha512-kEmDUoYf/CDy8yZbLTmhB1X9kkjf9Q80PCNsDMb7ufrGd6zZSQA1+UyjrO+pZm5K/S4OXCWJeiIt1JA8kAsa6g==
 
-read-config-file@6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/read-config-file/-/read-config-file-6.2.0.tgz#71536072330bcd62ba814f91458b12add9fc7ade"
-  integrity sha512-gx7Pgr5I56JtYz+WuqEbQHj/xWo+5Vwua2jhb1VwM4Wid5PqYmZ4i00ZB0YEGIfkVBsCv9UrjgyqCiQfS/Oosg==
-  dependencies:
-    dotenv "^9.0.2"
-    dotenv-expand "^5.1.0"
-    js-yaml "^4.1.0"
-    json5 "^2.2.0"
-    lazy-val "^1.0.4"
-
 read-package-json-fast@^2.0.2, read-package-json-fast@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/read-package-json-fast/-/read-package-json-fast-2.0.3.tgz#323ca529630da82cb34b36cc0b996693c98c2b83"
@@ -11371,7 +4159,7 @@ read-package-json-fast@^2.0.2, read-package-json-fast@^2.0.3:
     json-parse-even-better-errors "^2.3.0"
     npm-normalize-package-bin "^1.0.1"
 
-read-package-json@^5.0.0, read-package-json@^5.0.2:
+read-package-json@^5.0.0, read-package-json@^5.0.1:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-5.0.2.tgz#b8779ccfd169f523b67208a89cc912e3f663f3fa"
   integrity sha512-BSzugrt4kQ/Z0krro8zhTwV1Kd79ue25IhNN/VtHFy1mG/6Tluyi+msc0UpwaoQzxSHa28mntAjIZY6kEgfR9Q==
@@ -11381,14 +4169,59 @@ read-package-json@^5.0.0, read-package-json@^5.0.2:
     normalize-package-data "^4.0.0"
     npm-normalize-package-bin "^2.0.0"
 
-read@1, read@^1.0.7, read@~1.0.7:
+read-pkg-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07"
+  integrity sha512-YFzFrVvpC6frF1sz8psoHDBGF7fLPc+llq/8NB43oagqWkx8ar5zYtsTORtOjw9W2RHLpWP+zTWwBvf1bCmcSw==
+  dependencies:
+    find-up "^2.0.0"
+    read-pkg "^3.0.0"
+
+read-pkg-up@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
+  integrity sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==
+  dependencies:
+    find-up "^4.1.0"
+    read-pkg "^5.2.0"
+    type-fest "^0.8.1"
+
+read-pkg@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
+  integrity sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==
+  dependencies:
+    load-json-file "^4.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^3.0.0"
+
+read-pkg@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
+  integrity sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==
+  dependencies:
+    "@types/normalize-package-data" "^2.4.0"
+    normalize-package-data "^2.5.0"
+    parse-json "^5.0.0"
+    type-fest "^0.6.0"
+
+read@1, read@^1.0.7:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/read/-/read-1.0.7.tgz#b3da19bd052431a97671d44a42634adf710b40c4"
-  integrity sha1-s9oZvQUkMal2cdRKQmNK33ELQMQ=
+  integrity sha512-rSOKNYUmaxy0om1BNjMN4ezNT6VKK+2xF4GBhc81mkH7L60i6dp8qPYrkndNLT3QPphoII3maL9PVC9XmhHwVQ==
   dependencies:
     mute-stream "~0.0.4"
 
-readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.2.2, readable-stream@^2.3.0, readable-stream@^2.3.5, readable-stream@~2.3.6:
+readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.0.2, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
+  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readable-stream@^2.2.2, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -11401,15 +4234,6 @@ readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.2.2, readable
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
-  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
 readdir-scoped-modules@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/readdir-scoped-modules/-/readdir-scoped-modules-1.1.0.tgz#8d45407b4f870a0dcaebc0e28670d18e74514309"
@@ -11427,20 +4251,6 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
-rechoir@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
-  integrity sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=
-  dependencies:
-    resolve "^1.1.6"
-
-rechoir@^0.7.0:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.7.1.tgz#9478a96a1ca135b5e88fc027f03ee92d6c645686"
-  integrity sha512-/njmZ8s1wVeR6pjTZ+0nCnv8SpZNRMT2D1RLOJQESlYFDBvwpTA4KWJpZ+sBJ4+vhjILRcK7JIFdGCdxEAAitg==
-  dependencies:
-    resolve "^1.9.0"
-
 redent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
@@ -11449,37 +4259,6 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
-redux@^4.0.0, redux@^4.0.4:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/redux/-/redux-4.2.0.tgz#46f10d6e29b6666df758780437651eeb2b969f13"
-  integrity sha512-oSBmcKKIuIR4ME29/AeNUnl5L+hvBq7OaJWzaptTQJAntaPvxIJqfnjbaEiCzzaIz+XmVILfqAM3Ob0aXLPfjA==
-  dependencies:
-    "@babel/runtime" "^7.9.2"
-
-regenerator-runtime@^0.13.4:
-  version "0.13.9"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
-  integrity sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==
-
-regexp.prototype.flags@^1.4.1, regexp.prototype.flags@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
-  integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    functions-have-names "^1.2.2"
-
-regexpp@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
-  integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
-
-relateurl@^0.2.7:
-  version "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"
@@ -11496,17 +4275,6 @@ remarkable@^2.0.1:
     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"
-  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
-  dependencies:
-    css-select "^4.1.3"
-    dom-converter "^0.2.0"
-    htmlparser2 "^6.1.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"
@@ -11517,72 +4285,10 @@ repeat-string@^1.5.2, repeat-string@^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"
-  integrity sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==
-  dependencies:
-    lodash "^4.17.19"
-
-request-promise-native@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.9.tgz#e407120526a5efdc9a39b28a5679bf47b9d9dc28"
-  integrity sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==
-  dependencies:
-    request-promise-core "1.1.4"
-    stealthy-require "^1.1.1"
-    tough-cookie "^2.3.3"
-
-request@^2.88.0, request@^2.88.2:
-  version "2.88.2"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
-  integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
-  dependencies:
-    aws-sign2 "~0.7.0"
-    aws4 "^1.8.0"
-    caseless "~0.12.0"
-    combined-stream "~1.0.6"
-    extend "~3.0.2"
-    forever-agent "~0.6.1"
-    form-data "~2.3.2"
-    har-validator "~5.1.3"
-    http-signature "~1.2.0"
-    is-typedarray "~1.0.0"
-    isstream "~0.1.2"
-    json-stringify-safe "~5.0.1"
-    mime-types "~2.1.19"
-    oauth-sign "~0.9.0"
-    performance-now "^2.1.0"
-    qs "~6.5.2"
-    safe-buffer "^5.1.2"
-    tough-cookie "~2.5.0"
-    tunnel-agent "^0.6.0"
-    uuid "^3.3.2"
-
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-  integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
-
-require-from-string@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
-  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
-
-requires-port@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
-  integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=
-
-reserved-words@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/reserved-words/-/reserved-words-0.1.2.tgz#00a0940f98cd501aeaaac316411d9adc52b31ab1"
-  integrity sha1-AKCUD5jNUBrqqsMWQR2a3FKzGrE=
-
-resolve-alpn@^1.0.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/resolve-alpn/-/resolve-alpn-1.2.1.tgz#b7adbdac3546aaaec20b45e7d8265927072726f9"
-  integrity sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
 
 resolve-cwd@^3.0.0:
   version "3.0.0"
@@ -11601,22 +4307,7 @@ resolve-from@^5.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
-resolve-pathname@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-3.0.0.tgz#99d02224d3cf263689becbb393bc560313025dcd"
-  integrity sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==
-
-resolve-url@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
-  integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
-
-resolve.exports@^1.1.0:
-  version "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.12.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1, resolve@^1.9.0:
+resolve@^1.10.0:
   version "1.22.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
   integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
@@ -11625,28 +4316,6 @@ resolve@^1.1.6, resolve@^1.1.7, resolve@^1.12.0, resolve@^1.20.0, resolve@^1.22.
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-resolve@^2.0.0-next.3:
-  version "2.0.0-next.3"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.3.tgz#d41016293d4a8586a39ca5d9b5f15cbea1f55e46"
-  integrity sha512-W8LucSynKUIDu9ylraa7ueVZ7hc0uAgJBxVsQSKOXOyle8a93qXhcz+XAXZ8bIq2d6i4Ehddn6Evt+0/UwKk6Q==
-  dependencies:
-    is-core-module "^2.2.0"
-    path-parse "^1.0.6"
-
-responselike@1.0.2, responselike@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/responselike/-/responselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7"
-  integrity sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=
-  dependencies:
-    lowercase-keys "^1.0.0"
-
-responselike@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/responselike/-/responselike-2.0.0.tgz#26391bcc3174f750f9a79eacc40a12a5c42d7723"
-  integrity sha512-xH48u3FTB9VsZw7R+vvgaKeLKzT6jOogbQhEe/jewwnZgzPcnyWui2Av6JpoYZF/91uueC+lqhWqeURw5/qhCw==
-  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"
@@ -11655,36 +4324,16 @@ restore-cursor@^3.1.0:
     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"
-  integrity sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=
-
 retry@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
-  integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
-
-retry@^0.13.1:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
-  integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
+  integrity sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==
 
 reusify@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rfc4648@^1.3.0:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/rfc4648/-/rfc4648-1.5.1.tgz#b0b16756e33d9de8c0c7833e94b28e627ec372a4"
-  integrity sha512-60e/YWs2/D3MV1ErdjhJHcmlgnyLUiG4X/14dgsfm9/zmCWLN16xI6YqJYSCd/OANM7bUNzJqPY5B8/02S9Ibw==
-
-rfc6902@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/rfc6902/-/rfc6902-5.0.1.tgz#e16f18dc322c755d6dd948423ddf52bb451eca3d"
-  integrity sha512-tYGfLpKIq9X7lrt4o3IkD9w9bpeAtsejfAqWNR98AoxfTsZqCepKa8eDlRiX8QMiCOD9vMx0/YbKLx0G1nPi5w==
-
 rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
@@ -11692,18 +4341,6 @@ rimraf@^3.0.0, rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
-roarr@^2.15.3:
-  version "2.15.4"
-  resolved "https://registry.yarnpkg.com/roarr/-/roarr-2.15.4.tgz#f5fe795b7b838ccfe35dc608e0282b9eba2e7afd"
-  integrity sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==
-  dependencies:
-    boolean "^3.0.1"
-    detect-node "^2.0.4"
-    globalthis "^1.0.1"
-    json-stringify-safe "^5.0.1"
-    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"
@@ -11723,232 +4360,56 @@ rxjs@^6.6.0:
   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"
-  integrity sha512-sy+H0pQofO95VDmFLzyaw9xNJU4KTRSwQIGM6+iG3SypAtCiLDzpeG8sJrNCWn2Up9km+KhkvTdbkrdy+yzZdw==
+rxjs@^7.5.5:
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.0.tgz#90a938862a82888ff4c7359811a595e14e1e09a4"
+  integrity sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==
   dependencies:
     tslib "^2.1.0"
 
-safe-buffer@*, safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
+safe-buffer@^5.0.1, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-regex-test@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
-  integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.3"
-    is-regex "^1.1.4"
-
-safe-stable-stringify@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/safe-stable-stringify/-/safe-stable-stringify-2.3.1.tgz#ab67cbe1fe7d40603ca641c5e765cb942d04fc73"
-  integrity sha512-kYBSfT+troD9cDA85VDnHZ1rpHC50O0g1e6WlGHVCz/g+JS+9WKLj+XwFYyR8UbrZN8ll9HUpDAAddY58MGisg==
-
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@^2.1.2, safer-buffer@~2.1.0:
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sanitize-filename@^1.6.3:
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/sanitize-filename/-/sanitize-filename-1.6.3.tgz#755ebd752045931977e30b2025d340d7c9090378"
-  integrity sha512-y/52Mcy7aw3gRm7IrcGDFx/bCk4AhRh2eI9luHOQM86nZsqwiRkkq2GekHXBBD+SmPidc8i2PqtYZl+pWJ8Oeg==
-  dependencies:
-    truncate-utf8-bytes "^1.0.0"
-
-sass-loader@^12.6.0:
-  version "12.6.0"
-  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
-  integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
-  dependencies:
-    klona "^2.0.4"
-    neo-async "^2.6.2"
-
-sass@^1.32.13, sass@^1.57.1:
-  version "1.57.1"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.57.1.tgz#dfafd46eb3ab94817145e8825208ecf7281119b5"
-  integrity sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==
-  dependencies:
-    chokidar ">=3.0.0 <4.0.0"
-    immutable "^4.0.0"
-    source-map-js ">=0.6.2 <2.0.0"
-
-sax@^1.2.4, sax@~1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
-
-saxes@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
-  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
-  dependencies:
-    xmlchars "^2.2.0"
-
-scheduler@^0.20.2:
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91"
-  integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
-schema-utils@2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
-  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
-  dependencies:
-    "@types/json-schema" "^7.0.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
-
-schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
-  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
-  integrity sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    ajv "^8.8.0"
-    ajv-formats "^2.1.1"
-    ajv-keywords "^5.0.0"
-
-seek-bzip@^1.0.5:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/seek-bzip/-/seek-bzip-1.0.6.tgz#35c4171f55a680916b52a07859ecf3b5857f21c4"
-  integrity sha512-e1QtP3YL5tWww8uKaOCQ18UxIT2laNBXHjV/S2WYCiK4udiv8lkG89KRIoCjUagnAmCBurjF4zEVX2ByBbnCjQ==
-  dependencies:
-    commander "^2.8.1"
-
-select-hose@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
-  integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
-
-selfsigned@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.1.1.tgz#18a7613d714c0cd3385c48af0075abf3f266af61"
-  integrity sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==
-  dependencies:
-    node-forge "^1"
-
-semver-compare@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
-  integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
-
-semver-regex@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-2.0.0.tgz#a93c2c5844539a770233379107b38c7b4ac9d338"
-  integrity sha512-mUdIBBvdn0PLOeP3TEkMH7HHeUP3GjsXCwKarjv/kGmUFOYg1VqEemKhoQpWMu6X2I8kHeuVdGibLGkVK+/5Qw==
-
-semver-truncate@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/semver-truncate/-/semver-truncate-1.1.2.tgz#57f41de69707a62709a7e0104ba2117109ea47e8"
-  integrity sha512-V1fGg9i4CL3qesB6U0L6XAm4xOJiHmt4QAacazumuasc03BvtFGIMCduv01JWQ69Nv+JST9TqhSCiJoxoY031w==
-  dependencies:
-    semver "^5.3.0"
-
-semver@^5.3.0, semver@^5.5.0, semver@^5.6.0, semver@^5.7.1:
+"semver@2 || 3 || 4 || 5", semver@^5.6.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
 
-semver@^6.0.0, semver@^6.2.0, semver@^6.3.0:
+semver@7.3.4:
+  version "7.3.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.4.tgz#27aaa7d2e4ca76452f98d3add093a72c943edc97"
+  integrity sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^6.0.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.0.0, semver@^7.1.1, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
+semver@^7.0.0, semver@^7.1.1, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7:
   version "7.3.8"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
   integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
   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"
-  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
-  dependencies:
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    mime "1.6.0"
-    ms "2.1.3"
-    on-finished "2.4.1"
-    range-parser "~1.2.1"
-    statuses "2.0.1"
-
-serialize-error@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-7.0.1.tgz#f1360b0447f61ffb483ec4157c737fab7d778e18"
-  integrity sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==
-  dependencies:
-    type-fest "^0.13.1"
-
-serialize-javascript@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
-  integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==
-  dependencies:
-    randombytes "^2.1.0"
-
-serve-index@^1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
-  integrity sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=
-  dependencies:
-    accepts "~1.3.4"
-    batch "0.6.1"
-    debug "2.6.9"
-    escape-html "~1.0.3"
-    http-errors "~1.6.2"
-    mime-types "~2.1.17"
-    parseurl "~1.3.2"
-
-serve-static@1.15.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
-  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
-  dependencies:
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    parseurl "~1.3.3"
-    send "0.18.0"
-
 set-blocking@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
-  integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
+  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
 
 set-getter@^0.1.0:
   version "0.1.1"
@@ -11957,21 +4418,6 @@ set-getter@^0.1.0:
   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"
-  integrity sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E=
-
-setprototypeof@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
-  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
-
-setprototypeof@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
-  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
-
 shallow-clone@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
@@ -11993,27 +4439,6 @@ sharp@^0.30.4:
     tar-fs "^2.1.1"
     tunnel-agent "^0.6.0"
 
-sharp@^0.31.3:
-  version "0.31.3"
-  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.31.3.tgz#60227edc5c2be90e7378a210466c99aefcf32688"
-  integrity sha512-XcR4+FCLBFKw1bdB+GEhnUNXNXvnt0tDo4WsBsraKymuo/IAuPuCBVAL2wIkUw2r/dwFW5Q5+g66Kwl2dgDFVg==
-  dependencies:
-    color "^4.2.3"
-    detect-libc "^2.0.1"
-    node-addon-api "^5.0.0"
-    prebuild-install "^7.1.1"
-    semver "^7.3.8"
-    simple-get "^4.0.1"
-    tar-fs "^2.1.1"
-    tunnel-agent "^0.6.0"
-
-shebang-command@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-  integrity sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==
-  dependencies:
-    shebang-regex "^1.0.0"
-
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -12021,49 +4446,12 @@ shebang-command@^2.0.0:
   dependencies:
     shebang-regex "^3.0.0"
 
-shebang-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-  integrity sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==
-
 shebang-regex@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-shell-quote@^1.7.3:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.3.tgz#aa40edac170445b9a431e17bb62c0b881b9c4123"
-  integrity sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==
-
-shelljs@^0.8.5:
-  version "0.8.5"
-  resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.8.5.tgz#de055408d8361bed66c669d2f000538ced8ee20c"
-  integrity sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==
-  dependencies:
-    glob "^7.0.0"
-    interpret "^1.0.0"
-    rechoir "^0.6.2"
-
-shiki@^0.12.1:
-  version "0.12.1"
-  resolved "https://registry.yarnpkg.com/shiki/-/shiki-0.12.1.tgz#26fce51da12d055f479a091a5307470786f300cd"
-  integrity sha512-aieaV1m349rZINEBkjxh2QbBvFFQOlgqYTNtCal82hHj4dDZ76oMlQIX+C7ryerBTDiga3e5NfH6smjdJ02BbQ==
-  dependencies:
-    jsonc-parser "^3.2.0"
-    vscode-oniguruma "^1.7.0"
-    vscode-textmate "^8.0.0"
-
-side-channel@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
-  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
-  dependencies:
-    call-bind "^1.0.0"
-    get-intrinsic "^1.0.2"
-    object-inspect "^1.9.0"
-
-signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
+signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -12085,32 +4473,15 @@ simple-get@^4.0.0, simple-get@^4.0.1:
 simple-swizzle@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
-  integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
+  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
   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==
 
-slash@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
-  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
-
 slice-ansi@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
@@ -12120,38 +4491,11 @@ slice-ansi@^2.1.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"
-  integrity sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==
-  dependencies:
-    ansi-styles "^4.0.0"
-    astral-regex "^2.0.0"
-    is-fullwidth-code-point "^3.0.0"
-
-smart-buffer@^4.0.2, smart-buffer@^4.2.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==
 
-sockjs@^0.3.24:
-  version "0.3.24"
-  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
-  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
-  dependencies:
-    faye-websocket "^0.11.3"
-    uuid "^8.3.2"
-    websocket-driver "^0.7.4"
-
-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-proxy-agent@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-7.0.0.tgz#dc069ecf34436621acb41e3efa66ca1b5fed15b6"
@@ -12162,27 +4506,13 @@ socks-proxy-agent@^7.0.0:
     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==
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/socks/-/socks-2.7.1.tgz#d8e651247178fde79c0663043e07240196857d55"
+  integrity sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==
   dependencies:
     ip "^2.0.0"
     smart-buffer "^4.2.0"
 
-sort-keys-length@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/sort-keys-length/-/sort-keys-length-1.0.1.tgz#9cb6f4f4e9e48155a6aa0671edd336ff1479a188"
-  integrity sha512-GRbEOUqCxemTAk/b32F2xa8wDTs+Z1QHOkbhJDQTvv/6G3ZkbJ+frYWsTcc7cBB3Fu4wy4XlLCuNtJuMn7Gsvw==
-  dependencies:
-    sort-keys "^1.0.0"
-
-sort-keys@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
-  integrity sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==
-  dependencies:
-    is-plain-obj "^1.0.0"
-
 sort-keys@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-2.0.0.tgz#658535584861ec97d730d6cf41822e1f56684128"
@@ -12190,68 +4520,18 @@ sort-keys@^2.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
-source-list-map@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
-  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
-
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
-  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
-
-source-map-resolve@^0.5.2:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
-  integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
+sort-keys@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-4.2.0.tgz#6b7638cee42c506fff8c1cecde7376d21315be18"
+  integrity sha512-aUYIEU/UviqPgc8mHR6IW1EGxkAXpeRETYcrzg8cLAvUPZcpAlleSXHV2mY7G12GphSH6Gzv+4MMVSSkbdteHg==
   dependencies:
-    atob "^2.1.2"
-    decode-uri-component "^0.2.0"
-    resolve-url "^0.2.1"
-    source-map-url "^0.4.0"
-    urix "^0.1.0"
+    is-plain-obj "^2.0.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"
-  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map-support@^0.5.19, source-map-support@~0.5.20:
-  version "0.5.21"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
-  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map-url@^0.4.0:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
-  integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
-
-source-map@^0.5.7:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
-
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+source-map@^0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
-  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
-
-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"
-  integrity sha1-YvXpRmmBwbeW3Fkpk34RycaSG9A=
-
 spdx-correct@^3.0.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
@@ -12274,76 +4554,28 @@ spdx-expression-parse@^3.0.0:
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.11"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz#50c0d8c40a14ec1bf449bae69a0ea4685a9d9f95"
-  integrity sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==
+  version "3.0.12"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz#69077835abe2710b65f03969898b6637b505a779"
+  integrity sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==
 
-spdy-transport@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
-  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
+split2@^3.0.0:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/split2/-/split2-3.2.2.tgz#bf2cf2a37d838312c249c89206fd7a17dd12365f"
+  integrity sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==
   dependencies:
-    debug "^4.1.0"
-    detect-node "^2.0.4"
-    hpack.js "^2.1.6"
-    obuf "^1.1.2"
-    readable-stream "^3.0.6"
-    wbuf "^1.7.3"
+    readable-stream "^3.0.0"
 
-spdy@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
-  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
-  dependencies:
-    debug "^4.1.0"
-    handle-thing "^2.0.0"
-    http-deceiver "^1.2.7"
-    select-hose "^2.0.0"
-    spdy-transport "^3.0.0"
-
-split-on-first@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f"
-  integrity sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==
-
-split@^1.0.1:
+split@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/split/-/split-1.0.1.tgz#605bd9be303aa59fb35f9229fbea0ddec9ea07d9"
   integrity sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==
   dependencies:
     through "2"
 
-sprintf-js@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
-  integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
-
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
-
-sshpk@^1.7.0:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.17.0.tgz#578082d92d4fe612b13007496e543fa0fbcbe4c5"
-  integrity sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==
-  dependencies:
-    asn1 "~0.2.3"
-    assert-plus "^1.0.0"
-    bcrypt-pbkdf "^1.0.0"
-    dashdash "^1.12.0"
-    ecc-jsbn "~0.1.1"
-    getpass "^0.1.1"
-    jsbn "~0.1.0"
-    safer-buffer "^2.0.2"
-    tweetnacl "~0.14.0"
-
-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"
+  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
 ssri@^9.0.0, ssri@^9.0.1:
   version "9.0.1"
@@ -12352,78 +4584,6 @@ ssri@^9.0.0, ssri@^9.0.1:
   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"
-  integrity sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=
-
-stack-utils@^2.0.3:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.5.tgz#d25265fca995154659dbbfba3b49254778d2fdd5"
-  integrity sha512-xrQcmYhOsn/1kX+Vraq+7j4oE2j/6BFscZ0etmYg81xuM8Gq0022Pxb8+IqgOFUIaxHs0KaSb7T1+OegiNrNFA==
-  dependencies:
-    escape-string-regexp "^2.0.0"
-
-stackframe@^1.1.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.2.1.tgz#1033a3473ee67f08e2f2fc8eba6aef4f845124e1"
-  integrity sha512-h88QkzREN/hy8eRdyNhhsO7RSJ5oyTqxxmmn0dzBIMUclZsjpfmrsg81vp8mjjAs2vAZ72nyWxRUwSwmh0e4xg==
-
-stat-mode@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/stat-mode/-/stat-mode-1.0.0.tgz#68b55cb61ea639ff57136f36b216a291800d1465"
-  integrity sha512-jH9EhtKIjuXZ2cWxmXS8ZP80XyC3iasQxMDV8jzhNJpfDb7VbQLVW4Wvsxz9QZvzV+G4YoSfBUVKDOyxLzi/sg==
-
-static-eval@2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/static-eval/-/static-eval-2.0.2.tgz#2d1759306b1befa688938454c546b7871f806a42"
-  integrity sha512-N/D219Hcr2bPjLxPiV+TQE++Tsmrady7TqAJugLy7Xk1EumfDWS/f5dtBbkRCGE7wKKXuYockQoj8Rm2/pVKyg==
-  dependencies:
-    escodegen "^1.8.1"
-
-statuses@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
-  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
-
-"statuses@>= 1.4.0 < 2":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
-  integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
-
-stealthy-require@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
-  integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
-
-stream-buffers@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/stream-buffers/-/stream-buffers-3.0.2.tgz#5249005a8d5c2d00b3a32e6e0a6ea209dc4f3521"
-  integrity sha512-DQi1h8VEBA/lURbSwFtEHnSTb9s2/pwLEaFuNhXwy1Dx3Sa0lOuYT2yNUr4/j2fs8oCAMANtrZ5OrPZtyVs3MQ==
-
-stream-shift@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
-  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
-
-strict-uri-encode@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
-  integrity sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==
-
-strict-uri-encode@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
-  integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==
-
-string-length@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
-  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
-  dependencies:
-    char-regex "^1.0.2"
-    strip-ansi "^6.0.0"
-
 "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
@@ -12442,38 +4602,6 @@ string-width@^3.0.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^5.1.0"
 
-string.prototype.matchall@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz#3bf85722021816dcd1bf38bb714915887ca79fd3"
-  integrity sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    get-intrinsic "^1.1.3"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.3"
-    regexp.prototype.flags "^1.4.3"
-    side-channel "^1.0.4"
-
-string.prototype.trimend@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"
-  integrity sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.19.5"
-
-string.prototype.trimstart@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz#5466d93ba58cfa2134839f81d7f42437e8c01fef"
-  integrity sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.19.5"
-
 string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
@@ -12491,7 +4619,7 @@ string_decoder@~1.1.1:
 strip-ansi@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
+  integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
   dependencies:
     ansi-regex "^2.0.0"
 
@@ -12512,7 +4640,7 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1:
 strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
 strip-bom@^4.0.0:
   version "4.0.0"
@@ -12524,18 +4652,6 @@ strip-color@^0.1.0:
   resolved "https://registry.yarnpkg.com/strip-color/-/strip-color-0.1.0.tgz#106f65d3d3e6a2d9401cac0eb0ce8b8a702b4f7b"
   integrity sha512-p9LsUieSjWNNAxVCXLeilaDlmuUOrDS5/dF9znM1nZc7EGX5+zEFC0bEevsNIaldjlks+2jns5Siz6F9iK6jwA==
 
-strip-dirs@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/strip-dirs/-/strip-dirs-2.1.0.tgz#4987736264fc344cf20f6c34aca9d13d1d4ed6c5"
-  integrity sha512-JOCxOeKLm2CAS73y/U4ZeZPTkE+gNVCzKt7Eox84Iej1LT/2pTWYpZKJuxwQpvX1LiZb1xokNR7RLfuBAa7T3g==
-  dependencies:
-    is-natural-number "^4.0.1"
-
-strip-eof@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
-  integrity sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==
-
 strip-final-newline@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
@@ -12548,106 +4664,44 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
-  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
-
 strip-json-comments@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
-  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
+  integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
 
-strip-outer@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/strip-outer/-/strip-outer-1.0.1.tgz#b2fd2abf6604b9d1e6013057195df836b8a9d631"
-  integrity sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==
+strong-log-transformer@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz#0f5ed78d325e0421ac6f90f7f10e691d6ae3ae10"
+  integrity sha512-B3Hgul+z0L9a236FAUC9iZsL+nVHgoCJnqCbN588DjYxvGXaXaaFbfmQ/JhvKjZwsOukuR72XbHv71Qkug0HxA==
   dependencies:
-    escape-string-regexp "^1.0.2"
-
-style-loader@^3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.1.tgz#057dfa6b3d4d7c7064462830f9113ed417d38575"
-  integrity sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==
-
-stylis@4.0.13:
-  version "4.0.13"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.13.tgz#f5db332e376d13cc84ecfe5dace9a2a51d954c91"
-  integrity sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag==
-
-stylus@^0.54.8:
-  version "0.54.8"
-  resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.54.8.tgz#3da3e65966bc567a7b044bfe0eece653e099d147"
-  integrity sha512-vr54Or4BZ7pJafo2mpf0ZcwA74rpuYCZbxrHBsH8kbcXOwSfvBFwsRfpGO5OD5fhG5HDCFW737PKaawI7OqEAg==
-  dependencies:
-    css-parse "~2.0.0"
-    debug "~3.1.0"
-    glob "^7.1.6"
-    mkdirp "~1.0.4"
-    safer-buffer "^2.1.2"
-    sax "~1.2.4"
-    semver "^6.3.0"
-    source-map "^0.7.3"
-
-sumchecker@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/sumchecker/-/sumchecker-3.0.1.tgz#6377e996795abb0b6d348e9b3e1dfb24345a8e42"
-  integrity sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==
-  dependencies:
-    debug "^4.1.0"
+    duplexer "^0.1.1"
+    minimist "^1.2.0"
+    through "^2.3.4"
 
 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:
+supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
   dependencies:
     has-flag "^3.0.0"
 
-supports-color@^7.0.0, supports-color@^7.1.0:
+supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
   integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0, supports-color@^8.1.0:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-hyperlinks@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz#4f77b42488765891774b70c79babd87f9bd594bb"
-  integrity sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==
-  dependencies:
-    has-flag "^4.0.0"
-    supports-color "^7.0.0"
-
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-symbol-tree@^3.2.4:
-  version "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==
-
-synckit@^0.8.4:
-  version "0.8.4"
-  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.8.4.tgz#0e6b392b73fafdafcde56692e3352500261d64ec"
-  integrity sha512-Dn2ZkzMdSX827QbowGbU/4yjWuvNaCoScLLoMo/yKbu+P4GBR6cRGKZH27k6a9bRzdqcyd1DE96pQtQ6uNkmyw==
-  dependencies:
-    "@pkgr/utils" "^2.3.1"
-    tslib "^2.4.0"
-
 table@^5.4.1:
   version "5.4.6"
   resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
@@ -12658,45 +4712,6 @@ table@^5.4.1:
     slice-ansi "^2.1.0"
     string-width "^3.0.0"
 
-tailwindcss@^3.2.4:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.2.4.tgz#afe3477e7a19f3ceafb48e4b083e292ce0dc0250"
-  integrity sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==
-  dependencies:
-    arg "^5.0.2"
-    chokidar "^3.5.3"
-    color-name "^1.1.4"
-    detective "^5.2.1"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.2.12"
-    glob-parent "^6.0.2"
-    is-glob "^4.0.3"
-    lilconfig "^2.0.6"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    object-hash "^3.0.0"
-    picocolors "^1.0.0"
-    postcss "^8.4.18"
-    postcss-import "^14.1.0"
-    postcss-js "^4.0.0"
-    postcss-load-config "^3.1.4"
-    postcss-nested "6.0.0"
-    postcss-selector-parser "^6.0.10"
-    postcss-value-parser "^4.2.0"
-    quick-lru "^5.1.1"
-    resolve "^1.22.1"
-
-tapable@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
-  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
-
-tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
-  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
-
 tar-fs@^2.0.0, tar-fs@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
@@ -12707,20 +4722,7 @@ tar-fs@^2.0.0, tar-fs@^2.1.1:
     pump "^3.0.0"
     tar-stream "^2.1.4"
 
-tar-stream@^1.5.2:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-1.6.2.tgz#8ea55dab37972253d9a9af90fdcd559ae435c555"
-  integrity sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==
-  dependencies:
-    bl "^1.0.0"
-    buffer-alloc "^1.2.0"
-    end-of-stream "^1.0.0"
-    fs-constants "^1.0.0"
-    readable-stream "^2.3.0"
-    to-buffer "^1.1.1"
-    xtend "^4.0.0"
-
-tar-stream@^2.1.4, tar-stream@^2.2.0:
+tar-stream@^2.1.4, tar-stream@~2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
   integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
@@ -12731,7 +4733,7 @@ tar-stream@^2.1.4, tar-stream@^2.2.0:
     inherits "^2.0.3"
     readable-stream "^3.1.1"
 
-tar@^6.0.2, tar@^6.1.0, tar@^6.1.11, tar@^6.1.13, tar@^6.1.2:
+tar@^6.1.0, tar@^6.1.11, tar@^6.1.2:
   version "6.1.13"
   resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.13.tgz#46e22529000f612180601a6fe0680e7da508847b"
   integrity sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==
@@ -12743,97 +4745,17 @@ tar@^6.0.2, tar@^6.1.0, tar@^6.1.11, tar@^6.1.13, tar@^6.1.2:
     mkdirp "^1.0.3"
     yallist "^4.0.0"
 
-tcp-port-used@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/tcp-port-used/-/tcp-port-used-1.0.2.tgz#9652b7436eb1f4cfae111c79b558a25769f6faea"
-  integrity sha512-l7ar8lLUD3XS1V2lfoJlCBaeoaWo/2xfYt81hM7VlvR4RrMVFqfmzfhLVk40hAb368uitje5gPtBRL1m/DGvLA==
-  dependencies:
-    debug "4.3.1"
-    is2 "^2.0.6"
-
-temp-dir@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
-  integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
-
-temp-file@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/temp-file/-/temp-file-3.4.0.tgz#766ea28911c683996c248ef1a20eea04d51652c7"
-  integrity sha512-C5tjlC/HCtVUOi3KWVokd4vHVViOmGjtLwIh4MuzPo/nMYTV/p1urt3RnMz2IWXDdKEGJH3k5+KPxtqRsUYGtg==
-  dependencies:
-    async-exit-hook "^2.0.1"
-    fs-extra "^10.0.0"
-
-tempy@*:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/tempy/-/tempy-3.0.0.tgz#a6c0a15f5534a820e92c3e1369f1c1e87ebd6b68"
-  integrity sha512-B2I9X7+o2wOaW4r/CWMkpOO9mdiTRCxXNgob6iGvPmfPWgH/KyUD6Uy5crtWBxIBe3YrNZKR2lSzv1JJKWD4vA==
-  dependencies:
-    is-stream "^3.0.0"
-    temp-dir "^2.0.0"
-    type-fest "^2.12.2"
-    unique-string "^3.0.0"
-
-tempy@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tempy/-/tempy-1.0.1.tgz#30fe901fd869cfb36ee2bd999805aa72fbb035de"
-  integrity sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==
-  dependencies:
-    del "^6.0.0"
-    is-stream "^2.0.0"
-    temp-dir "^2.0.0"
-    type-fest "^0.16.0"
-    unique-string "^2.0.0"
-
-terminal-link@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
-  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    supports-hyperlinks "^2.0.0"
-
-terser-webpack-plugin@^5.1.3:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz#0320dcc270ad5372c1e8993fabbd927929773e54"
-  integrity sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==
-  dependencies:
-    jest-worker "^27.4.5"
-    schema-utils "^3.1.1"
-    serialize-javascript "^6.0.0"
-    source-map "^0.6.1"
-    terser "^5.7.2"
-
-terser@^5.10.0, terser@^5.7.2:
-  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-support "~0.5.20"
-
-test-exclude@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
-  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
-  dependencies:
-    "@istanbuljs/schema" "^0.1.2"
-    glob "^7.1.4"
-    minimatch "^3.0.4"
-
-text-hex@1.0.x:
+temp-dir@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/text-hex/-/text-hex-1.0.0.tgz#69dc9c1b17446ee79a92bf5b884bb4b9127506f5"
-  integrity sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==
+  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-1.0.0.tgz#0a7c0ea26d3a39afa7e0ebea9c1fc0bc4daa011d"
+  integrity sha512-xZFXEGbG7SNC3itwBzI3RYjq/cEhBkx2hJuKGIUOcEULmkQExXiHat2z/qkISYsuR+IKumhEfKKbV5qXmhICFQ==
 
-text-table@^0.2.0, text-table@~0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
+text-extensions@^1.0.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/text-extensions/-/text-extensions-1.9.0.tgz#1853e45fee39c945ce6f6c36b2d659b5aabc2a26"
+  integrity sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==
 
-through2@^2.0.0, through2@^2.0.3:
+through2@^2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
   integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
@@ -12841,50 +4763,17 @@ through2@^2.0.0, through2@^2.0.3:
     readable-stream "~2.3.6"
     xtend "~4.0.1"
 
-through@2, through@^2.3.6, through@^2.3.8:
+through2@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/through2/-/through2-4.0.2.tgz#a7ce3ac2a7a8b0b966c80e7c49f0484c3b239764"
+  integrity sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==
+  dependencies:
+    readable-stream "3"
+
+through@2, "through@>=2.2.7 <3", through@^2.3.4, 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=
-
-thunky@^1.0.2:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
-  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
-
-timed-out@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
-  integrity sha512-G7r3AhovYtr5YKOWQkta8RKAPb+J9IsO4uVmzjl8AZwfhs8UcUwTiD6gcJYSgOtzyjvQKrKYn41syHbUWMkafA==
-
-tiny-glob@^0.2.9:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/tiny-glob/-/tiny-glob-0.2.9.tgz#2212d441ac17928033b110f8b3640683129d31e2"
-  integrity sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==
-  dependencies:
-    globalyzer "0.1.0"
-    globrex "^0.1.2"
-
-tiny-invariant@^1.0.2, tiny-invariant@^1.0.6:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.2.0.tgz#a1141f86b672a9148c72e978a19a73b9b94a15a9"
-  integrity sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==
-
-tiny-relative-date@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/tiny-relative-date/-/tiny-relative-date-1.3.0.tgz#fa08aad501ed730f31cc043181d995c39a935e07"
-  integrity sha512-MOQHpzllWxDCHHaDno30hhLfbouoYlOI8YlMNtvKe1zXbjEVhbcEovQxvZrPvtiYW630GQDoMMarCnjfyfHA+A==
-
-tiny-warning@^1.0.0, tiny-warning@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
-  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
-
-tmp-promise@^3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/tmp-promise/-/tmp-promise-3.0.3.tgz#60a1a1cc98c988674fcbfd23b6e3367bdeac4ce7"
-  integrity sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==
-  dependencies:
-    tmp "^0.2.0"
+  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
 tmp@^0.0.33:
   version "0.0.33"
@@ -12893,28 +4782,13 @@ tmp@^0.0.33:
   dependencies:
     os-tmpdir "~1.0.2"
 
-tmp@^0.2.0:
+tmp@~0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.1.tgz#8457fc3037dcf4719c251367a1af6500ee1ccf14"
   integrity sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==
   dependencies:
     rimraf "^3.0.0"
 
-tmpl@1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
-  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
-
-to-buffer@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.1.1.tgz#493bd48f62d7c43fcded313a03dcadb2e1213a80"
-  integrity sha512-lx9B5iv7msuFYE3dytT+KE5tap+rNYw+K4jVkb9R/asAb+pbBSM17jtunHplhBe6RRJdZx3Pn2Jph24O32mOVg==
-
-to-fast-properties@^2.0.0:
-  version "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"
@@ -12922,11 +4796,6 @@ to-object-path@^0.3.0:
   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"
-  integrity sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==
-
 to-regex-range@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
@@ -12934,323 +4803,103 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-toidentifier@1.0.1:
-  version "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"
-  integrity sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==
-  dependencies:
-    nopt "~1.0.10"
-
-tough-cookie@^2.3.3, tough-cookie@~2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
-  integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
-  dependencies:
-    psl "^1.1.28"
-    punycode "^2.1.1"
-
-tough-cookie@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.0.0.tgz#d822234eeca882f991f0f908824ad2622ddbece4"
-  integrity sha512-tHdtEpQCMrc1YLrMaqXXcj6AxhYi/xgit6mZu1+EDWUn+qhUf8wMQoFIy9NXuq23zAwtcB0t/MjACGR18pcRbg==
-  dependencies:
-    psl "^1.1.33"
-    punycode "^2.1.1"
-    universalify "^0.1.2"
-
-tr46@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.1.0.tgz#fa87aa81ca5d5941da8cbf1f9b749dc969a4e240"
-  integrity sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==
-  dependencies:
-    punycode "^2.1.1"
-
-tr46@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
-  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
-  dependencies:
-    punycode "^2.1.1"
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+  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"
-  resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
-  integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
-
 treeverse@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/treeverse/-/treeverse-2.0.0.tgz#036dcef04bc3fd79a9b79a68d4da03e882d8a9ca"
   integrity sha512-N5gJCkLu1aXccpOTtqV6ddSEi6ZmGkh3hjmbu1IjcavJK4qyOVQmi0myQKM7z5jVGmD68SJoliaVrMmVObhj6A==
 
-trim-repeated@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/trim-repeated/-/trim-repeated-1.0.0.tgz#e3646a2ea4e891312bf7eace6cfb05380bc01c21"
-  integrity sha512-pkonvlKk8/ZuR0D5tLW8ljt5I8kmxp2XKymhepUeOdCEfKpZaktSArkLHZt76OB1ZvO9bssUsDty4SWhLvZpLg==
+trim-newlines@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-3.0.1.tgz#260a5d962d8b752425b32f3a7db0dcacd176c144"
+  integrity sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==
+
+tsconfig-paths@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-4.1.2.tgz#4819f861eef82e6da52fb4af1e8c930a39ed979a"
+  integrity sha512-uhxiMgnXQp1IR622dUXI+9Ehnws7i/y6xvpZB9IbUVOPy0muvdvgXeZOn88UcGPiT98Vp3rJPTa8bFoalZ3Qhw==
   dependencies:
-    escape-string-regexp "^1.0.2"
-
-triple-beam@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/triple-beam/-/triple-beam-1.3.0.tgz#a595214c7298db8339eeeee083e4d10bd8cb8dd9"
-  integrity sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==
-
-truncate-utf8-bytes@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz#405923909592d56f78a5818434b0b78489ca5f2b"
-  integrity sha1-QFkjkJWS1W94pYGENLC3hInKXys=
-  dependencies:
-    utf8-byte-length "^1.0.1"
-
-ts-essentials@^7.0.3:
-  version "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.4.2:
-  version "9.4.2"
-  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.4.2.tgz#80a45eee92dd5170b900b3d00abcfa14949aeb78"
-  integrity sha512-OmlC4WVmFv5I0PpaxYb+qGeGOdm5giHU7HwDDUjw59emP2UYMHy9fFSDcYgSNoH8sXcj4hGCSEhlDZ9ULeDraA==
-  dependencies:
-    chalk "^4.1.0"
-    enhanced-resolve "^5.0.0"
-    micromatch "^4.0.0"
-    semver "^7.3.4"
-
-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"
-    "@tsconfig/node12" "^1.0.7"
-    "@tsconfig/node14" "^1.0.0"
-    "@tsconfig/node16" "^1.0.2"
-    acorn "^8.4.1"
-    acorn-walk "^8.1.1"
-    arg "^4.1.0"
-    create-require "^1.1.0"
-    diff "^4.0.1"
-    make-error "^1.1.1"
-    v8-compile-cache-lib "^3.0.1"
-    yn "3.1.1"
-
-tsconfig-paths@^3.14.1, tsconfig-paths@^3.9.0:
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz#ba0734599e8ea36c862798e920bcf163277b137a"
-  integrity sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==
-  dependencies:
-    "@types/json5" "^0.0.29"
-    json5 "^1.0.1"
+    json5 "^2.2.2"
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3:
+tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.3.1, tslib@^2.4.0, tslib@^2.4.1:
+tslib@^2.0.0, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.4.0:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.1.tgz#0d0bfbaac2880b91e22df0768e55be9753a5b17e"
   integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==
 
-tsutils@^3.21.0:
-  version "3.21.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
-  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
-  dependencies:
-    tslib "^1.8.1"
-
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
-  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
+  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
   dependencies:
     safe-buffer "^5.0.1"
 
-tunnel@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/tunnel/-/tunnel-0.0.6.tgz#72f1314b34a5b192db012324df2cc587ca47f92c"
-  integrity sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==
-
-tweetnacl@^0.14.3, tweetnacl@~0.14.0:
-  version "0.14.5"
-  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
-  integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
-
-type-check@^0.4.0, type-check@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
-  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
-  dependencies:
-    prelude-ls "^1.2.1"
-
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=
-  dependencies:
-    prelude-ls "~1.1.2"
-
-type-detect@4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
-  integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
-
-type-fest@^0.13.1:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.13.1.tgz#0172cb5bce80b0bd542ea348db50c7e21834d934"
-  integrity sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==
-
-type-fest@^0.16.0:
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.16.0.tgz#3240b891a78b0deae910dbeb86553e552a148860"
-  integrity sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==
-
-type-fest@^0.20.2:
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
-  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+type-fest@^0.18.0:
+  version "0.18.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.18.1.tgz#db4bc151a4a2cf4eebf9add5db75508db6cc841f"
+  integrity sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==
 
 type-fest@^0.21.3:
   version "0.21.3"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 
-type-fest@^1.0.1:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1"
-  integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==
+type-fest@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.4.1.tgz#8bdf77743385d8a4f13ba95f610f5ccd68c728f8"
+  integrity sha512-IwzA/LSfD2vC1/YDYMv/zHP4rDF1usCwllsDpbolT3D4fUepIO7f9K70jjmUewU/LmGUKJcwcVtDCpnKk4BPMw==
 
-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-fest@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b"
+  integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==
 
-type-is@~1.6.18:
-  version "1.6.18"
-  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+type-fest@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
+  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
+
+typedarray-to-buffer@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
+  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
   dependencies:
-    media-typer "0.3.0"
-    mime-types "~2.1.24"
-
-typed-emitter@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/typed-emitter/-/typed-emitter-1.4.0.tgz#38c6bf1224e764906bb20cb0b458fa914100607c"
-  integrity sha512-weBmoo3HhpKGgLBOYwe8EB31CzDFuaK7CCL+axXhUYhn4jo6DSkHnbefboCF5i4DQ2aMFe0C/FdTWcPdObgHyg==
-
-typed-regex@^0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/typed-regex/-/typed-regex-0.0.8.tgz#e791c5e069dfe4af0fd0e1413891f20553be57a1"
-  integrity sha512-1XkGm1T/rUngbFROIOw9wPnMAKeMsRoc+c9O6GwOHz6aH/FrJFtcyd2sHASbT0OXeGLot5N1shPNpwHGTv9RdQ==
+    is-typedarray "^1.0.0"
 
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+  integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-typedoc-plugin-markdown@^3.13.6:
-  version "3.13.6"
-  resolved "https://registry.yarnpkg.com/typedoc-plugin-markdown/-/typedoc-plugin-markdown-3.13.6.tgz#a419794e3bdbe459fb22772d8e6e02bac05211c1"
-  integrity sha512-ISSc9v3BK7HkokxSBuJPttXox4tJ6hP0N9wfSIk0fmLN67+eqtAxbk97gs2nDiuha+RTO5eW9gdeAb+RPP0mgg==
-  dependencies:
-    handlebars "^4.7.7"
-
-typedoc@0.23.24:
-  version "0.23.24"
-  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.23.24.tgz#01cf32c09f2c19362e72a9ce1552d6e5b48c4fef"
-  integrity sha512-bfmy8lNQh+WrPYcJbtjQ6JEEsVl/ce1ZIXyXhyW+a1vFrjO39t6J8sL/d6FfAGrJTc7McCXgk9AanYBSNvLdIA==
-  dependencies:
-    lunr "^2.3.9"
-    marked "^4.2.5"
-    minimatch "^5.1.2"
-    shiki "^0.12.1"
-
-typescript-plugin-css-modules@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/typescript-plugin-css-modules/-/typescript-plugin-css-modules-3.4.0.tgz#4ff6905d88028684d1608c05c62cb6346e5548cc"
-  integrity sha512-2MdjfSg4MGex1csCWRUwKD+MpgnvcvLLr9bSAMemU/QYGqBsXdez0cc06H/fFhLtRoKJjXg6PSTur3Gy1Umhpw==
-  dependencies:
-    dotenv "^10.0.0"
-    icss-utils "^5.1.0"
-    less "^4.1.1"
-    lodash.camelcase "^4.3.0"
-    postcss "^8.3.0"
-    postcss-filter-plugins "^3.0.1"
-    postcss-icss-keyframes "^0.2.1"
-    postcss-icss-selectors "^2.0.3"
-    postcss-load-config "^3.0.1"
-    reserved-words "^0.1.2"
-    sass "^1.32.13"
-    stylus "^0.54.8"
-    tsconfig-paths "^3.9.0"
-
-typescript@^4.9.4:
+"typescript@^3 || ^4":
   version "4.9.4"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
   integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
 
-typical@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/typical/-/typical-4.0.0.tgz#cbeaff3b9d7ae1e2bbfaf5a4e6f11eccfde94fc4"
-  integrity sha512-VAH4IvQ7BDFYglMd7BPRDfLgxZZX4O4TFcRDA6EN5X7erNJJq+McIEp8np9aVtxrCJ6qx4GTYVfOWNjcqwZgRw==
-
 uglify-js@^3.1.4:
-  version "3.15.4"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.15.4.tgz#fa95c257e88f85614915b906204b9623d4fa340d"
-  integrity sha512-vMOPGDuvXecPs34V74qDKk4iJ/SN4vL3Ow/23ixafENYvtrNvtbcgUeugTcUGRGsOF/5fU8/NYSL5Hyb3l1OJA==
-
-unbox-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
-  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
-  dependencies:
-    call-bind "^1.0.2"
-    has-bigints "^1.0.2"
-    has-symbols "^1.0.3"
-    which-boxed-primitive "^1.0.2"
-
-unbzip2-stream@^1.0.9:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz#b0da04c4371311df771cdc215e87f2130991ace7"
-  integrity sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==
-  dependencies:
-    buffer "^5.2.1"
-    through "^2.3.8"
-
-undefsafe@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/undefsafe/-/undefsafe-2.0.5.tgz#38733b9327bdcd226db889fb723a6efd162e6e2c"
-  integrity sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==
-
-underscore@1.7.0, underscore@^1.12.1, underscore@^1.13.6:
-  version "1.13.6"
-  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.13.6.tgz#04786a1f589dc6c09f761fc5f45b89e935136441"
-  integrity sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A==
-
-unique-filename@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
-  integrity sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==
-  dependencies:
-    unique-slug "^2.0.0"
+  version "3.17.4"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
+  integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
 
 unique-filename@^2.0.0:
   version "2.0.1"
@@ -13259,13 +4908,6 @@ unique-filename@^2.0.0:
   dependencies:
     unique-slug "^3.0.0"
 
-unique-slug@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
-  integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==
-  dependencies:
-    imurmurhash "^0.1.4"
-
 unique-slug@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-3.0.0.tgz#6d347cf57c8a7a7a6044aabd0e2d74e4d76dc7c9"
@@ -13273,50 +4915,20 @@ unique-slug@^3.0.0:
   dependencies:
     imurmurhash "^0.1.4"
 
-unique-string@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
-  integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==
-  dependencies:
-    crypto-random-string "^2.0.0"
-
-unique-string@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-3.0.0.tgz#84a1c377aff5fd7a8bc6b55d8244b2bd90d75b9a"
-  integrity sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==
-  dependencies:
-    crypto-random-string "^4.0.0"
-
-unit-compare@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/unit-compare/-/unit-compare-1.0.1.tgz#0c7459f0e5bf53637ea873ca3cee18de2eeca386"
-  integrity sha1-DHRZ8OW/U2N+qHPKPO4Y3i7so4Y=
-  dependencies:
-    moment "^2.14.1"
-
-universalify@^0.1.0, universalify@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
-  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+universal-user-agent@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
+  integrity sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w==
 
 universalify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
   integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
 
-unpipe@1.0.0, unpipe@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
-  integrity sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=
-
-unzip-crx-3@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/unzip-crx-3/-/unzip-crx-3-0.2.0.tgz#d5324147b104a8aed9ae8639c95521f6f7cda292"
-  integrity sha512-0+JiUq/z7faJ6oifVB5nSwt589v1KCduqIJupNVDoWSXZtWDmjDGO3RAEOvwJ07w90aoXoP4enKsR7ecMrJtWQ==
-  dependencies:
-    jszip "^3.1.0"
-    mkdirp "^0.5.1"
-    yaku "^0.16.6"
+upath@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
+  integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
 uri-js@^4.2.2:
   version "4.4.1"
@@ -13325,86 +4937,22 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
-urix@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
-  integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
-
-url-parse-lax@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
-  integrity sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=
-  dependencies:
-    prepend-http "^2.0.0"
-
-url-parse@^1.5.10:
-  version "1.5.10"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
-  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
-  dependencies:
-    querystringify "^2.1.1"
-    requires-port "^1.0.0"
-
-url-to-options@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/url-to-options/-/url-to-options-1.0.1.tgz#1505a03a289a48cbd7a434efbaeec5055f5633a9"
-  integrity sha512-0kQLIzG4fdk/G5NONku64rSH/x32NOA39LVQqlK8Le6lvTF6GGRJpqaQFGgU+CLwySIqBSMdwYM0sYcW9f6P4A==
-
-use-isomorphic-layout-effect@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
-  integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
-
-use-memo-one@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/use-memo-one/-/use-memo-one-1.1.2.tgz#0c8203a329f76e040047a35a1197defe342fab20"
-  integrity sha512-u2qFKtxLsia/r8qG0ZKkbytbztzRb317XCkT7yP8wxL0tZ/CzK2G+WWie5vWvpyeP7+YoPIwbJoIHJ4Ba4k0oQ==
-
-utf8-byte-length@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/utf8-byte-length/-/utf8-byte-length-1.0.4.tgz#f45f150c4c66eee968186505ab93fcbb8ad6bf61"
-  integrity sha1-9F8VDExm7uloGGUFq5P8u4rWv2E=
-
-util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+util-deprecate@^1.0.1, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
-
-utila@~0.4:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
-  integrity sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=
-
-utils-merge@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
-  integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
-
-uuid@^3.3.2:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
-  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
 uuid@^8.3.2:
   version "8.3.2"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
-v8-compile-cache-lib@^3.0.1:
-  version "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.3.0:
+  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.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.12"
-    "@types/istanbul-lib-coverage" "^2.0.1"
-    convert-source-map "^1.6.0"
-
-validate-npm-package-license@^3.0.4:
+validate-npm-package-license@^3.0.1, validate-npm-package-license@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
   integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
@@ -13412,6 +4960,13 @@ validate-npm-package-license@^3.0.4:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
+validate-npm-package-name@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz#5fa912d81eb7d0c74afc140de7317f0ca7df437e"
+  integrity sha512-M6w37eVCMMouJ9V/sdPGnC5H4uDr73/+xdq0FBLO3TFFX1+7wiUY6Es328NN+y43tmY+doUdN9g9J21vqB7iLw==
+  dependencies:
+    builtins "^1.0.3"
+
 validate-npm-package-name@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-4.0.0.tgz#fe8f1c50ac20afdb86f177da85b3600f0ac0d747"
@@ -13419,65 +4974,6 @@ validate-npm-package-name@^4.0.0:
   dependencies:
     builtins "^5.0.0"
 
-value-equal@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-1.0.1.tgz#1e0b794c734c5c0cade179c437d356d931a34d6c"
-  integrity sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==
-
-vary@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-  integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
-
-verror@1.10.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
-  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
-  dependencies:
-    assert-plus "^1.0.0"
-    core-util-is "1.0.2"
-    extsprintf "^1.2.0"
-
-verror@^1.10.0:
-  version "1.10.1"
-  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.1.tgz#4bf09eeccf4563b109ed4b3d458380c972b0cdeb"
-  integrity sha512-veufcmxri4e3XSrT0xwfUR7kguIkaxBeosDg00yDWhk49wdwkSUrvvsm7nc75e1PUyvIeZj6nS8VQRYz2/S4Xg==
-  dependencies:
-    assert-plus "^1.0.0"
-    core-util-is "1.0.2"
-    extsprintf "^1.2.0"
-
-vscode-oniguruma@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz#439bfad8fe71abd7798338d1cd3dc53a8beea94b"
-  integrity sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==
-
-vscode-textmate@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/vscode-textmate/-/vscode-textmate-8.0.0.tgz#2c7a3b1163ef0441097e0b5d6389cd5504b59e5d"
-  integrity sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==
-
-w3c-hr-time@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
-  dependencies:
-    browser-process-hrtime "^1.0.0"
-
-w3c-xmlserializer@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
-  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
-  dependencies:
-    xml-name-validator "^3.0.0"
-
-w3c-xmlserializer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz#06cdc3eefb7e4d0b20a560a5a3aeb0d2d9a65923"
-  integrity sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==
-  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"
@@ -13500,255 +4996,25 @@ walk@^2.3.14:
   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"
-  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
-  dependencies:
-    makeerror "1.0.12"
-
-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"
-
-wbuf@^1.1.0, wbuf@^1.7.3:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
-  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
-  dependencies:
-    minimalistic-assert "^1.0.0"
-
-wcwidth@^1.0.0:
+wcwidth@^1.0.0, wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
-  integrity sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=
+  integrity sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==
   dependencies:
     defaults "^1.0.3"
 
-web-streams-polyfill@^3.0.3:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz#71c2718c52b45fd49dbeee88634b3a60ceab42a6"
-  integrity sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
 
-webidl-conversions@^5.0.0:
+whatwg-url@^5.0.0:
   version "5.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
-  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
-
-webidl-conversions@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
-  integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
-
-webidl-conversions@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
-  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
-
-webpack-cli@^4.9.2:
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-4.9.2.tgz#77c1adaea020c3f9e2db8aad8ea78d235c83659d"
-  integrity sha512-m3/AACnBBzK/kMTcxWHcZFPrw/eQuY4Df1TxvIWfWM2x7mRqBQCqKEd96oCUa9jkapLBaFfRce33eGDb4Pr7YQ==
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
+  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
   dependencies:
-    "@discoveryjs/json-ext" "^0.5.0"
-    "@webpack-cli/configtest" "^1.1.1"
-    "@webpack-cli/info" "^1.4.1"
-    "@webpack-cli/serve" "^1.6.1"
-    colorette "^2.0.14"
-    commander "^7.0.0"
-    execa "^5.0.0"
-    fastest-levenshtein "^1.0.12"
-    import-local "^3.0.2"
-    interpret "^2.2.0"
-    rechoir "^0.7.0"
-    webpack-merge "^5.7.3"
-
-webpack-dev-middleware@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.1.tgz#aa079a8dedd7e58bfeab358a9af7dab304cee57f"
-  integrity sha512-81EujCKkyles2wphtdrnPg/QqegC/AtqNH//mQkBYSMqwFVCQrxM6ktB2O/SPlZy7LqeEfTbV3cZARGQz6umhg==
-  dependencies:
-    colorette "^2.0.10"
-    memfs "^3.4.1"
-    mime-types "^2.1.31"
-    range-parser "^1.2.1"
-    schema-utils "^4.0.0"
-
-webpack-dev-server@*, webpack-dev-server@^4.11.1:
-  version "4.11.1"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.11.1.tgz#ae07f0d71ca0438cf88446f09029b92ce81380b5"
-  integrity sha512-lILVz9tAUy1zGFwieuaQtYiadImb5M3d+H+L1zDYalYoDl0cksAB1UNyuE5MMWJrG6zR1tXkCP2fitl7yoUJiw==
-  dependencies:
-    "@types/bonjour" "^3.5.9"
-    "@types/connect-history-api-fallback" "^1.3.5"
-    "@types/express" "^4.17.13"
-    "@types/serve-index" "^1.9.1"
-    "@types/serve-static" "^1.13.10"
-    "@types/sockjs" "^0.3.33"
-    "@types/ws" "^8.5.1"
-    ansi-html-community "^0.0.8"
-    bonjour-service "^1.0.11"
-    chokidar "^3.5.3"
-    colorette "^2.0.10"
-    compression "^1.7.4"
-    connect-history-api-fallback "^2.0.0"
-    default-gateway "^6.0.3"
-    express "^4.17.3"
-    graceful-fs "^4.2.6"
-    html-entities "^2.3.2"
-    http-proxy-middleware "^2.0.3"
-    ipaddr.js "^2.0.1"
-    open "^8.0.9"
-    p-retry "^4.5.0"
-    rimraf "^3.0.2"
-    schema-utils "^4.0.0"
-    selfsigned "^2.1.1"
-    serve-index "^1.9.1"
-    sockjs "^0.3.24"
-    spdy "^4.0.2"
-    webpack-dev-middleware "^5.3.1"
-    ws "^8.4.2"
-
-webpack-merge@^5.7.3:
-  version "5.8.0"
-  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61"
-  integrity sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==
-  dependencies:
-    clone-deep "^4.0.1"
-    wildcard "^2.0.0"
-
-webpack-node-externals@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/webpack-node-externals/-/webpack-node-externals-3.0.0.tgz#1a3407c158d547a9feb4229a9e3385b7b60c9917"
-  integrity sha512-LnL6Z3GGDPht/AigwRh2dvL9PQPFQ8skEpVrWZXLWBYmqcaojHNN0onvHzie6rq7EWKrrBfPYqNEzTJgiwEQDQ==
-
-webpack-sources@^2.2.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd"
-  integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==
-  dependencies:
-    source-list-map "^2.0.1"
-    source-map "^0.6.1"
-
-webpack-sources@^3.2.3:
-  version "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.75.0:
-  version "5.75.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.75.0.tgz#1e440468647b2505860e94c9ff3e44d5b582c152"
-  integrity sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==
-  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.7.1"
-    acorn-import-assertions "^1.7.6"
-    browserslist "^4.14.5"
-    chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.10.0"
-    es-module-lexer "^0.9.0"
-    eslint-scope "5.1.1"
-    events "^3.2.0"
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.2.9"
-    json-parse-even-better-errors "^2.3.1"
-    loader-runner "^4.2.0"
-    mime-types "^2.1.27"
-    neo-async "^2.6.2"
-    schema-utils "^3.1.0"
-    tapable "^2.1.1"
-    terser-webpack-plugin "^5.1.3"
-    watchpack "^2.4.0"
-    webpack-sources "^3.2.3"
-
-websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
-  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
-  dependencies:
-    http-parser-js ">=0.5.1"
-    safe-buffer ">=5.1.0"
-    websocket-extensions ">=0.1.1"
-
-websocket-extensions@>=0.1.1:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
-  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
-
-whatwg-encoding@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
-  integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
-  dependencies:
-    iconv-lite "0.4.24"
-
-whatwg-encoding@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
-  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
-  dependencies:
-    iconv-lite "0.6.3"
-
-whatwg-mimetype@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
-  integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
-
-whatwg-mimetype@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
-  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
-
-whatwg-url@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-10.0.0.tgz#37264f720b575b4a311bd4094ed8c760caaa05da"
-  integrity sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==
-  dependencies:
-    tr46 "^3.0.0"
-    webidl-conversions "^7.0.0"
-
-whatwg-url@^11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
-  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
-  dependencies:
-    tr46 "^3.0.0"
-    webidl-conversions "^7.0.0"
-
-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"
-  integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
-  dependencies:
-    lodash "^4.7.0"
-    tr46 "^2.1.0"
-    webidl-conversions "^6.1.0"
-
-which-boxed-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
-  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
-  dependencies:
-    is-bigint "^1.0.1"
-    is-boolean-object "^1.1.0"
-    is-number-object "^1.0.4"
-    is-string "^1.0.5"
-    is-symbol "^1.0.3"
-
-which@^1.2.9:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
 
 which@^2.0.1, which@^2.0.2:
   version "2.0.2"
@@ -13764,64 +5030,10 @@ wide-align@^1.1.5:
   dependencies:
     string-width "^1.0.2 || 2 || 3 || 4"
 
-wildcard@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
-  integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
-
-win-ca@^3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/win-ca/-/win-ca-3.5.0.tgz#87fa778d629077651d323169aadf122ff16954e7"
-  integrity sha512-0TgO/+2iz2pS3OxBy2ikovPHOYyZRdLRxRTT9ze7DpZwEpaahLFOBuac93GM3lYEVzDyf8fXskJjIX/EILvkhQ==
-  dependencies:
-    is-electron "^2.2.0"
-    make-dir "^1.3.0"
-    node-forge "^1.2.1"
-    split "^1.0.1"
-
-winston-transport-browserconsole@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/winston-transport-browserconsole/-/winston-transport-browserconsole-1.0.5.tgz#8ef1bc32da5fb0a66604f2b8b6f127ed725108c9"
-  integrity sha512-BFZDvknATAmsqaRY3WatB2S0eEb0ziwqBYIv+H0Fnu9oe7GnPUVQzEJC1frmLdNsfEkfnyR1PCNDBAFtZE3SuQ==
-  dependencies:
-    winston "^3.2.1"
-    winston-transport "^4.3.0"
-
-winston-transport@^4.3.0, winston-transport@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/winston-transport/-/winston-transport-4.5.0.tgz#6e7b0dd04d393171ed5e4e4905db265f7ab384fa"
-  integrity sha512-YpZzcUzBedhlTAfJg6vJDlyEai/IFMIVcaEZZyl3UXIl4gmqRpU7AE89AHLkbzLUsv0NVmw7ts+iztqKxxPW1Q==
-  dependencies:
-    logform "^2.3.2"
-    readable-stream "^3.6.0"
-    triple-beam "^1.3.0"
-
-winston@^3.2.1, winston@^3.8.2:
-  version "3.8.2"
-  resolved "https://registry.yarnpkg.com/winston/-/winston-3.8.2.tgz#56e16b34022eb4cff2638196d9646d7430fdad50"
-  integrity sha512-MsE1gRx1m5jdTTO9Ld/vND4krP2To+lgDoMEHGGa4HIlAUyXJtfc7CxQcGXVyz2IBpw5hbFkj2b/AtUdQwyRew==
-  dependencies:
-    "@colors/colors" "1.5.0"
-    "@dabh/diagnostics" "^2.0.2"
-    async "^3.2.3"
-    is-stream "^2.0.0"
-    logform "^2.4.0"
-    one-time "^1.0.0"
-    readable-stream "^3.4.0"
-    safe-stable-stringify "^2.3.1"
-    stack-trace "0.0.x"
-    triple-beam "^1.3.0"
-    winston-transport "^4.5.0"
-
-word-wrap@^1.2.3, word-wrap@~1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
-  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
-
 wordwrap@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-  integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
+  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
 wrap-ansi@^7.0.0:
   version "7.0.0"
@@ -13835,7 +5047,26 @@ wrap-ansi@^7.0.0:
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+write-file-atomic@^2.4.2:
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
+  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
+  dependencies:
+    graceful-fs "^4.1.11"
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.2"
+
+write-file-atomic@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
+  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
+  dependencies:
+    imurmurhash "^0.1.4"
+    is-typedarray "^1.0.0"
+    signal-exit "^3.0.2"
+    typedarray-to-buffer "^3.1.5"
 
 write-file-atomic@^4.0.0, write-file-atomic@^4.0.1:
   version "4.0.2"
@@ -13845,78 +5076,49 @@ write-file-atomic@^4.0.0, write-file-atomic@^4.0.1:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
-ws@^7.3.1, ws@^7.4.6:
-  version "7.5.7"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.7.tgz#9e0ac77ee50af70d58326ecff7e85eb3fa375e67"
-  integrity sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==
+write-json-file@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-3.2.0.tgz#65bbdc9ecd8a1458e15952770ccbadfcff5fe62a"
+  integrity sha512-3xZqT7Byc2uORAatYiP3DHUUAVEkNOswEWNs9H5KXiicRTvzYzYqKjYc4G7p+8pltvAw641lVByKVtMpf+4sYQ==
+  dependencies:
+    detect-indent "^5.0.0"
+    graceful-fs "^4.1.15"
+    make-dir "^2.1.0"
+    pify "^4.0.1"
+    sort-keys "^2.0.0"
+    write-file-atomic "^2.4.2"
 
-ws@^8.12.0, ws@^8.2.3, ws@^8.4.2:
-  version "8.12.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.12.0.tgz#485074cc392689da78e1828a9ff23585e06cddd8"
-  integrity sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==
+write-json-file@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-4.3.0.tgz#908493d6fd23225344af324016e4ca8f702dd12d"
+  integrity sha512-PxiShnxf0IlnQuMYOPPhPkhExoCQuTUNPOa/2JWCYTmBquU9njyyDuwRKN26IZBlp4yn1nt+Agh2HOOBl+55HQ==
+  dependencies:
+    detect-indent "^6.0.0"
+    graceful-fs "^4.1.15"
+    is-plain-obj "^2.0.0"
+    make-dir "^3.0.0"
+    sort-keys "^4.0.0"
+    write-file-atomic "^3.0.0"
 
-xml-name-validator@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
-  integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
-
-xml-name-validator@^4.0.0:
+write-pkg@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
-  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
+  resolved "https://registry.yarnpkg.com/write-pkg/-/write-pkg-4.0.0.tgz#675cc04ef6c11faacbbc7771b24c0abbf2a20039"
+  integrity sha512-v2UQ+50TNf2rNHJ8NyWttfm/EJUBWMJcx6ZTYZr6Qp52uuegWw/lBkCtCbnYZEmPRNL61m+u67dAmGxo+HTULA==
+  dependencies:
+    sort-keys "^2.0.0"
+    type-fest "^0.4.1"
+    write-json-file "^3.2.0"
 
-xmlbuilder@>=11.0.1:
-  version "15.1.1"
-  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-15.1.1.tgz#9dcdce49eea66d8d10b42cae94a79c3c8d0c2ec5"
-  integrity sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==
-
-xmlbuilder@^9.0.7:
-  version "9.0.7"
-  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-9.0.7.tgz#132ee63d2ec5565c557e20f4c22df9aca686b10d"
-  integrity sha1-Ey7mPS7FVlxVfiD0wi35rKaGsQ0=
-
-xmlchars@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
-  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
-
-xtend@^4.0.0, xtend@^4.0.2, xtend@~4.0.1:
+xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
 
-xterm-addon-fit@^0.5.0:
-  version "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-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@^5.0.5:
   version "5.0.8"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
   integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
-yaku@^0.16.6:
-  version "0.16.7"
-  resolved "https://registry.yarnpkg.com/yaku/-/yaku-0.16.7.tgz#1d195c78aa9b5bf8479c895b9504fd4f0847984e"
-  integrity sha1-HRlceKqbW/hHnIlblQT9TwhHmE4=
-
-yallist@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
-  integrity sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==
-
 yallist@^3.0.2:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
@@ -13927,20 +5129,43 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
+yaml@^1.10.0:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
 
-yargs-parser@^21.0.0:
-  version "21.0.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.0.1.tgz#0267f286c877a4f0f728fceb6f8a3e4cb95c6e35"
-  integrity sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==
+yargs-parser@20.2.4:
+  version "20.2.4"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
+  integrity sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==
 
-yargs@^17.3.1, yargs@^17.5.1:
-  version "17.6.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.6.0.tgz#e134900fc1f218bc230192bdec06a0a5f973e46c"
-  integrity sha512-8H/wTDqlSwoSnScvV2N/JHfLWOKuh5MVla9hqLjK3nsfyy6Y4kDSYSvkU5YCUEPOSnRXfIyx3Sq+B/IWudTo4g==
+yargs-parser@21.1.1, yargs-parser@^21.1.1:
+  version "21.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
+
+yargs-parser@^20.2.2, yargs-parser@^20.2.3:
+  version "20.2.9"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
+  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
+
+yargs@^16.2.0:
+  version "16.2.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
+  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
+  dependencies:
+    cliui "^7.0.2"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.0"
+    y18n "^5.0.5"
+    yargs-parser "^20.2.2"
+
+yargs@^17.6.2:
+  version "17.6.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.6.2.tgz#2e23f2944e976339a1ee00f18c77fedee8332541"
+  integrity sha512-1/9UrdHjDZc0eOU0HxOHoS78C69UD3JRMvzlJ7S79S2nTaWRA/whGCTV8o9e/N/1Va9YIV7Q4sOxD8VV4pCWOw==
   dependencies:
     cliui "^8.0.1"
     escalade "^3.1.1"
@@ -13948,22 +5173,4 @@ yargs@^17.3.1, yargs@^17.5.1:
     require-directory "^2.1.1"
     string-width "^4.2.3"
     y18n "^5.0.5"
-    yargs-parser "^21.0.0"
-
-yauzl@^2.10.0, yauzl@^2.4.2:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
-  integrity sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=
-  dependencies:
-    buffer-crc32 "~0.2.3"
-    fd-slicer "~1.1.0"
-
-yn@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
-  integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==
-
-yocto-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+    yargs-parser "^21.1.1"